@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

img {
  max-width: 100%; }

/*clear fix*/
.l-container:after, .l-grid:after, .l-grid--pc:after, .l-grid--sp:after, .developStory .story--3 figure .next .next-step:after, .developConsulEx__inner:after, .developConsulEx__inner .patient .box:after, .developConsulEx__inner .support .box:after, .developHowto__box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ''; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);

 */
/*
 * Mixin for placeholder
 * @include placeholderColor(red);
 */
/*
div {
	@include gradient(#ff00ff, #ff00cc, vertical);
}*/
/* ==========================
base
========================== */
html {
  height: 100%;
  width: 100%;
  font-size: 62.5%; }

body {
  background: #FFF;
  color: #333434;
  font-family: 'Century Gothic', CenturyGothic, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0;
  font-size: calc(16px + 2 * ( (100vw - 320px) / 448));
  line-height: 1.6;
  width: 100%; }
  @media screen and (max-width: 320px) {
	body {
	  font-size: 16px; } }
  @media screen and (min-width: 768px) {
	body {
	  font-size: 18px; } }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

cite {
  font-style: normal; }

img {
  line-height: 0;
  vertical-align: bottom; }

select::-ms-expand {
  display: none; }

/* ==========================
* link & color
========================== */
a {
  color: #00479d;
  text-decoration: underline;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  a img {
	opacity: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; }
  a:hover {
	color: #003b84; }
	a:hover img {
	  opacity: .8; }

a:active {
  color: #003b84; }

:not(input)::-moz-selection:not(textarea)::-moz-selection {
  color: white;
  background: #333434; }

:not(input)::selection:not(textarea)::selection {
  color: white;
  background: #333434; }

/* ==========================
clear
========================== */
.clear {
  clear: both; }

.clearfix {
  zoom: 1; }

.inner:after {
  zoom: 1; }

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

/* ==========================
	placeholder
========================== */
input::-webkit-input-placeholder {
  color: #d6d6d6; }
input:-moz-placeholder {
  color: #d6d6d6;
  opacity: 1; }
input::-moz-placeholder {
  color: #d6d6d6;
  opacity: 1; }
input:-ms-input-placeholder {
  color: #d6d6d6; }

/* ==========================
	bootstrap overwrite
========================== */
.text-danger {
  color: #ba0000; }

.img-radius {
  border-radius: 50%; }

/* ==========================
	loader
========================== */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
  width: 100%;
  height: 120%;
  background-color: #FFF;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }

#loadingWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  width: 290px;
  height: 210px;
  margin: auto;
  padding: 30px;
  text-align: center;
  background: #FFF;
  border: 1px solid #d6d6d6;
  border-radius: 7px; }
  #loadingWrap p {
	padding-top: 15px; }

#loading {
  margin: 42px auto;
  font-size: 11px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

@-webkit-keyframes load5 {
  0%,
	100% {
	-webkit-box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7);
	box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7); }
  12.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5); }
  25% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  37.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  50% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  62.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  75% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  87.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3;
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3; } }
@keyframes load5 {
  0%,
	100% {
	-webkit-box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7);
	box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7); }
  12.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5); }
  25% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  37.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  50% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  62.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  75% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  87.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3;
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3; } }
/* ==========================
common
========================== */
.c-bg--gray {
  background-color: #f9f9f9; }
.c-bg--main {
  background-color: #e7f6ff; }
.c-bg--sub {
  background-color: #ffedf0; }
.c-bg--blue {
  background-color: #e8f2ff; }

.c-bg--wave {
  position: relative;
  margin: 50px auto 70px; }
  @media screen and (max-width: 768px) {
	.c-bg--wave {
	  margin: 0 auto 50px; } }
  .c-bg--wave:before {
	content: "";
	background: url("../mens-images-yss/common_bg_wave_sub.png") bottom center repeat-x;
	height: 70px;
	width: 100%;
	position: absolute;
	top: -70px;
	left: 0; }
	@media screen and (max-width: 768px) {
	  .c-bg--wave:before {
		height: 110px; } }
  .c-bg--wave:after {
	content: "";
	background: url("../mens-images-yss/common_bg_wave_sub.png") bottom center repeat-x;
	z-index: -1;
	height: 70px;
	width: 100%;
	position: absolute;
	bottom: -70px;
	left: 0;
	transform: rotate(180deg); }
	@media screen and (max-width: 768px) {
	  .c-bg--wave:after {
		bottom: -40px; } }

.c-center-block {
  margin: auto; }

.c-box--sub {
  padding: 2em 1em 1em;
  background-color: #fff;
  border: #ffe5ea solid 7px; }
.c-box--blue {
  padding: 2em 1em 2em;
  background-color: #fff;
  border: #cdd6ed solid 7px; }
.c-box--blue2 {
  padding: 2em 1em 1em;
  background-color: #fff;
  border: #cdd6ed solid 7px; }

.c-text-annotation {
  color: #fa426d;
  font-size: calc(12px + 0 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.c-text-annotation {
	  font-size: 12px; } }
  @media screen and (min-width: 768px) {
	.c-text-annotation {
	  font-size: 12px; } }

.c-text--red {
  color: #fa426d; }

.c-text--main {
  color: #00479d; }

.c-text--color1 {
  color: #71a9ea; }

.c-text--color2 {
  color: #7797ee; }

.c-text--color3 {
  color: #2053ca; }

.c-text--color4 {
  color: #f9416c; }

.c-text--color5 {
  color: #6ab7e6; }

.c-text--color6 {
  color: #f9416c;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.7272727273; }

.c-text--color7 {
  color: #db1515; }

.c-text--bold {
  font-weight: bold; }

.c-arrow-right {
  position: relative; }
  .c-arrow-right::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-left-color: #2053ca;
	margin-top: -10px;
	right: -20px;
	top: 50%; }
  .c-arrow-right:before {
	display: block;
	position: absolute;
	right: -40px;
	z-index: 10;
	content: ''; }
  .c-arrow-right--red {
	position: relative; }
	.c-arrow-right--red::before {
	  content: "";
	  border: solid transparent;
	  display: inline-block;
	  position: absolute;
	  border-width: 23px;
	  border-left-color: #2053ca;
	  margin-top: -23px;
	  right: -46px;
	  top: 50%; }
	.c-arrow-right--red:before {
	  position: absolute;
	  right: -70px; }

.c-arrowBottom {
  position: relative; }
  .c-arrowBottom::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-top-color: #fb8b1e;
	margin-left: -10px;
	left: 50%;
	bottom: -20px; }
  .c-arrowBottom:before {
	display: block;
	position: absolute;
	right: -40px;
	z-index: 10;
	content: ''; }

.c-arrow-bottom {
  position: relative;
  width: 48px;
  height: 70px;
  margin: auto; }
  .c-arrow-bottom:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 10;
	content: '';
	width: 48px;
	height: 70px;
	margin: auto;
	background: url("../mens-images-yss/common_arrow_bottom.png") no-repeat center center;
	background-size: 100%; }
	@media screen and (max-width: 768px) {
	  .c-arrow-bottom:after {
		top: 0; } }
  .c-arrow-bottom--white:after {
	bottom: 50px;
	background: url("../mens-images-yss/common_arrow_bottom_white.png") no-repeat center center; }
	@media screen and (max-width: 768px) {
	  .c-arrow-bottom--white:after {
		top: 28px; } }

.c-checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: -6px 10px 0 0;
  padding: 0;
  border-radius: 8px;
  vertical-align: middle; }
  @media screen and (max-width: 768px) {
	.c-checkbox {
	  width: 25px;
	  height: 25px;
	  margin: -6px 7px 0 0; } }
  .c-checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	border: 5px solid #174d8d;
	border-radius: 6px;
	content: ''; }
	@media screen and (max-width: 768px) {
	  .c-checkbox:after {
		width: 25px;
		height: 25px; } }
  .c-checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	margin-top: -7px;
	width: 23px;
	height: 32px;
	border-right: 8px solid #2053ca;
	border-bottom: 8px solid #2053ca;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 10; }
	@media screen and (max-width: 768px) {
	  .c-checkbox:before {
		width: 15px;
		height: 25px; } }
	input[type=checkbox]:checked + .c-checkbox:before {
	  opacity: 1; }
  .c-checkbox label {
	display: block; }

.index__solutionProblem {
  margin: 20px auto 10px;
  text-align: center; }

.c-bluebox {
  border: solid 9px #d8f2ff;
  border-radius: 9px;
  background: linear-gradient(to bottom, #e5f5fe 0%, #ffffff 6%); }

.c-pinkbox {
  border-right: solid 9px #ffebee;
  border-bottom: solid 9px #ffebee;
  border-left: solid 9px #ffebee;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px; }

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

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

.c-alert-info {
  padding-bottom: 100px;
  padding-top: 40px;
  text-align: center; }
  .c-alert-info h3 {
	margin: 0 auto; }
	.c-alert-info h3 img {
	  width: 80%; }
  .c-alert-info__women {
	background: #ffedf0; }
	.c-alert-info__women h3, .c-alert-info__women p {
	  color: #fa426d; }
  .c-alert-info__men {
	background: #f8fcff; }
	.c-alert-info__men h3, .c-alert-info__men p {
	  color: #0433a5; }
  @media screen and (max-width: 768px) {
	.c-alert-info {
	  padding-bottom: 30px;
	  padding-top: 20px;
	  margin-bottom: -10px; }
	  .c-alert-info h3 {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 10px; } }

/* ==========================
aside
========================== */
.asideMenu {
  width: 100%;
  padding: 40px 0;
  background-color: #edf9ff; }
  @media screen and (max-width: 768px) {
	.asideMenu {
	  padding: 20px 0; } }
  .asideMenu__box {
	width: 318px;
	height: 380px;
	background: #FFF; }
	@media screen and (max-width: 1000px) {
	  .asideMenu__box {
		width: 32%;
		height: auto; } }
	@media screen and (max-width: 768px) {
	  .asideMenu__box {
		width: 32%;
		height: auto; } }
  .asideMenu__btn {
	display: block; }
  .asideMenu a {
	text-decoration: none; }
	.asideMenu a:hover {
	  text-decoration: none; }
  .asideMenu ul li {
	margin-left: 23px; }
	@media screen and (max-width: 1000px) {
	  .asideMenu ul li {
		margin-left: 2%; } }
	@media screen and (max-width: 768px) {
	  .asideMenu ul li {
		margin-left: 2%; } }
  .asideMenu .inner {
	padding: 10px 24px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .asideMenu .inner {
		padding: 10px; } }
  .asideMenu dl dt {
	color: #1e61d1;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.5; }
	@media screen and (max-width: 768px) {
	  .asideMenu dl dt {
		font-size: 13px; } }
  .asideMenu dl dd {
	min-height: 80px;
	margin-top: 5px;
	font-size: 1.5rem;
	line-height: 1.4666666667; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .asideMenu dl dd {
		font-size: 14px; }
		.asideMenu dl dd br {
		  display: none; } }
	@media screen and (max-width: 768px) {
	  .asideMenu dl dd {
		display: none; } }

aside .aside-list li {
  float: left;
  width: 50%;
  padding: 6.5% 7% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
	aside .aside-list li {
	  padding: 1% 1%; } }
  aside .aside-list li dl {
	position: relative;
	margin-bottom: 30px;
	border-radius: 13px;
	border: 3px solid #00479d; }
	@media screen and (max-width: 768px) {
	  aside .aside-list li dl {
		margin-bottom: 5px; } }
	aside .aside-list li dl dt .ballon {
	  position: absolute;
	  top: -70px;
	  left: -30px; }
	  @media screen and (max-width: 768px) {
		aside .aside-list li dl dt .ballon {
		  top: -40px;
		  left: -10px;
		  width: 80px; } }
	aside .aside-list li dl dd {
	  padding: 10px 20px 20px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		aside .aside-list li dl dd {
		  padding: 5px;
		  min-height: 120px;
		  letter-spacing: 0.02em; } }
aside .aside-list h4 {
  margin-bottom: 5px;
  color: #00479d;
  font-size: 28px;
  font-weight: 600;
  text-align: center; }
  @media screen and (max-width: 768px) {
	aside .aside-list h4 {
	  font-size: 16px; } }
aside .aside-list p {
  font-size: 16px; }
  @media screen and (max-width: 768px) {
	aside .aside-list p {
	  font-size: 10px; } }
  aside .aside-list p small {
	display: block;
	font-size: 10px; }
	@media screen and (max-width: 768px) {
	  aside .aside-list p small {
		display: inline;
		font-size: 9px; } }
@media screen and (max-width: 768px) {
  aside .aside-list .row,
  aside .aside-list .col-md-8 {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0;
	padding-right: 0; } }
@media screen and (max-width: 768px) {
  aside .aside-list .row {
	padding: 10px 0; } }
@media screen and (max-width: 768px) {
  aside .aside-list .btn-blue {
	padding: 0 10px;
	margin-bottom: 20px;
	width: 100%;
	height: 44px;
	line-height: 28px; }
	aside .aside-list .btn-blue img {
	  width: 120px; } }

.aside-privilegeBnr {
  margin: 40px auto 80px; }
  @media screen and (max-width: 768px) {
	.aside-privilegeBnr {
	  margin: 0 auto; } }
  @media screen and (max-width: 960px) {
	.aside-privilegeBnr--index {
	  margin: 20px auto -10px; } }

/**************
footer
***************/
.footer {
  padding: 0 0 10px;
  background: #FFF;
  font-size: 11px; }
  @media screen and (max-width: 768px) {
	.footer {
	  padding-bottom: 0; } }
  .footer .footer_link {
	display: table;
	margin: 20px auto 40px; }
	@media screen and (max-width: 768px) {
	  .footer .footer_link {
		margin: 0 auto 40px;
		width: 200px; } }
	.footer .footer_link ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: end;
	  -ms-flex-pack: end;
	  justify-content: flex-end; }
	  @media screen and (max-width: 768px) {
		.footer .footer_link ul {
		  display: block;
		  margin-left: 5%; } }
	  .footer .footer_link ul li {
		margin-right: 30px;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.5384615385; }
		@media screen and (max-width: 768px) {
		  .footer .footer_link ul li {
			margin: 10px 0;
			text-align: left; } }
		.footer .footer_link ul li a {
		  text-decoration: none;
		  color: #333;
		  display: inline-block;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden; }
		  .footer .footer_link ul li a:hover {
			opacity: .7; }
		.footer .footer_link ul li:first-child {
		  padding-left: 24px;
		  background: url("../mens-images-yss/icon_medicine.png") no-repeat left center; }
		.footer .footer_link ul li:nth-child(2) {
		  padding-left: 24px;
		  background: url("../mens-images-yss/icon_document.png") no-repeat left center; }
		.footer .footer_link ul li:nth-child(3) {
		  margin-right: 0;
		  padding-left: 24px;
		  background: url("../mens-images-yss/icon_key.png") no-repeat left center; }
  .footer__pagetop a {
	display: block;
	position: relative;
	top: -20px;
	width: 85px;
	height: 85px;
	margin: 0 auto 0;
	border-radius: 50%;
	background: #d7cfad;
	line-height: 55px;
	text-align: center; }
	.footer__pagetop a img {
	  vertical-align: middle; }
  .footer .footer__copys {
	padding: 30px 0 25px;
	text-align: center; }
  .footer .footer__logo {
	width: 182px;
	margin: 0 auto 20px; }
	@media screen and (max-width: 768px) {
	  .footer .footer__logo {
		position: relative;
		left: -20px;
		width: 100px; } }
  @media screen and (max-width: 768px) {
	.footer .footer__copyright {
	  width: 100%;
	  text-align: center; } }

/* ============
* header
============== */
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%; }
  @media screen and (max-width: 768px) {
	.header {
	  padding: 5px 0; } }
  .header .header__logo {
	position: relative;
	margin: 40px auto 0;
	width: 182px; }
	@media screen and (max-width: 768px) {
	  .header .header__logo {
		position: relative;
		top: 6px;
		left: -10px;
		width: 126px;
		margin: 0 auto; } }
	.header .header__logo a {
	  display: block;
	  width: 182px; }
	  @media screen and (max-width: 768px) {
		.header .header__logo a {
		  width: inherit; } }
	.header .header__logo img {
	  width: 100%; }
	.header .header__logo--balloon {
	  position: absolute;
	  top: -4px;
	  right: 0;
	  bottom: 0;
	  left: -200px;
	  display: block;
	  width: 192px; }
	  @media screen and (max-width: 768px) {
		.header .header__logo--balloon {
		  position: relative;
		  top: auto;
		  right: 0;
		  bottom: auto;
		  left: -35px;
		  width: 230px;
		  margin: auto; } }
  .header .menuBtn {
	display: block;
	width: 76px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000; }
  .header__link {
	position: absolute;
	top: -33px;
	display: block;
	width: 150px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	padding: 5px 0; }
	.header__link:hover {
	  color: #fff;
	  text-decoration: none; }
	.header__link--men {
	  background: #fa426d;
	  border-radius: 10px;
	  border-bottom: 4px solid #f91047; }
	  .header__link--men:hover {
		background: #f9295a; }
	.header__link span {
	  display: block;
	  font-size: 18px; }
	@media screen and (max-width: 768px) {
	  .header__link {
		display: none; }
		.header__link span {
		  display: inline; } }

.header-second {
  position: static;
  padding: 10px 0 8px; }

.header-container {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
	.header-container {
	  width: 100%;
	  padding: 0; } }
  .header-container .header__logo-second {
	margin: 24px auto 18px;
	width: 182px; }
	@media screen and (max-width: 768px) {
	  .header-container .header__logo-second {
		width: 114px;
		margin: 0 auto 10px; } }

/* ============
* l-container
============== */
.l-container {
  position: relative;
  width: 1000px;
  margin: auto; }
  @media screen and (max-width: 1000px) {
	.l-container {
	  width: 100%; } }
  @media screen and (max-width: 768px) {
	.l-container {
	  width: auto;
	  max-width: auto;
	  padding: 2%; } }

.l-main {
  overflow: hidden; }

.l-right {
  float: right; }

.l-left {
  float: left; }

.l-grid > li {
  float: left; }
  .l-grid > li:first-child {
	margin-left: 0 !important; }
.l-grid--pc > li {
  float: left; }
  .l-grid--pc > li:first-child {
	margin-left: 0 !important; }
  @media screen and (max-width: 768px) {
	.l-grid--pc > li {
	  float: none;
	  margin-left: 0 !important; } }
.l-grid--sp > li {
  float: none; }
  @media screen and (max-width: 768px) {
	.l-grid--sp > li {
	  float: left; }
	  .l-grid--sp > li:first-child {
		margin-left: 0 !important; } }

/* ============
* nav
============== */
.navFixed__menuBtn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 998;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
	.navFixed__menuBtn {
	  position: fixed;
	  top: 7px;
	  right: 7px;
	  width: 45px; } }
  .navFixed__menuBtn a {
	display: block; }
.navFixed__menuBtnList {
  position: fixed;
  top: 112px;
  right: 0;
  z-index: 998;
  padding: 0 0 0 10px;
  background: rgba(0, 174, 255, 0.5);
  border-radius: 4px 0 0 4px; }
  .navFixed__menuBtnList-title {
	width: 53px;
	margin: 0 auto 10px; }
	.navFixed__menuBtnList-title img {
	  width: 100%; }
  .navFixed__menuBtnList ul li {
	display: block;
	margin-bottom: 10px; }
	.navFixed__menuBtnList ul li a {
	  display: block;
	  width: 87px; }
  .navFixed__menuBtnList a {
	display: block;
	text-decoration: none; }
.navFixed__order {
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 20px;
  z-index: 998;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }
  @media screen and (max-width: 768px) {
	.navFixed__order {
	  position: fixed;
	  top: auto;
	  right: 10px;
	  bottom: 10px; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.navFixed__order {
	  -webkit-transform: scale(0.65, 0.65);
	  transform: scale(0.65, 0.65);
	  -webkit-transform-origin: bottom;
	  transform-origin: bottom; } }
  .navFixed__order a {
	display: block; }
	@media screen and (max-width: 768px) {
	  .navFixed__order a {
		width: 90px; } }
	.navFixed__order a img {
	  width: 159px; }
	  @media screen and (max-width: 768px) {
		.navFixed__order a img {
		  width: 100%; } }

/*
+ pc gnav position fixedが出来ないスマホだけに当てる
*/
/* drawer
-------------------------*/
.drawer-trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 76px;
  height: 80px;
  margin: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  border-image-width: 0;
  background: #00aeff; }
  .drawer-trigger:hover {
	cursor: pointer; }
  @media screen and (max-width: 960px) {
	.drawer-trigger {
	  height: 68px; } }
  @media screen and (max-width: 768px) {
	.drawer-trigger {
	  width: 47px;
	  height: 47px; } }
  .drawer-trigger__button {
	width: 100%;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	cursor: pointer; }
	.drawer-trigger__button:hover {
	  opacity: .7;
	  cursor: pointer; }
  .drawer-trigger span {
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	width: 38px;
	height: 4px;
	margin: auto;
	background-color: #FFF;
	border-radius: 3px;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
	@media screen and (max-width: 768px) {
	  .drawer-trigger span {
		width: 28px;
		height: 3px; } }
	.drawer-trigger span:nth-of-type(1) {
	  top: 18px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(1) {
		  top: 8px; } }
	.drawer-trigger span:nth-of-type(2) {
	  top: 30px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(2) {
		  top: 16px; } }
	.drawer-trigger span:nth-of-type(3) {
	  top: 41px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(3) {
		  top: 24px; } }
	.drawer-trigger span.active span:nth-of-type(1) {
	  -webkit-transform: translateY(20px) rotate(-45deg);
	  transform: translateY(20px) rotate(-45deg);
	  top: -11px; }
	.drawer-trigger span.active span:nth-of-type(2) {
	  opacity: 0; }
	.drawer-trigger span.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-20px) rotate(45deg);
	  transform: translateY(-20px) rotate(45deg);
	  top: 28px; }
	.drawer-trigger span.active:nth-of-type(3) {
	  top: 20px; }
  .drawer-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
	top: -11px; }
  .drawer-trigger.active span:nth-of-type(2) {
	opacity: 0; }
  .drawer-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	top: 28px; }

.drawer-text {
  width: 40px;
  margin: auto;
  padding-top: 48px;
  font-weight: bold;
  font-size: 8px;
  color: #333434; }
  @media screen and (max-width: 768px) {
	.drawer-text {
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 6px;
	  width: 36px;
	  margin: auto; } }
  .drawer-text img {
	display: block; }

.globalnav_btn {
  background: #fa426d;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999; }
  .globalnav_btn button {
	position: relative;
	width: 100%;
	top: 13px; }
	@media screen and (max-width: 960px) {
	  .globalnav_btn button {
		top: 18px; } }
	@media screen and (max-width: 414px) {
	  .globalnav_btn button {
		top: 13px; } }

.gnav {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 991;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 0.2s cubic-bezier(0.7, 0.165, 0.035, 1); }
  .gnav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	vertical-align: top;
	text-align: center; }
	@media screen and (max-width: 960px) {
	  .gnav__list {
		padding: 10px; } }
	.gnav__list > li {
	  float: none;
	  width: 100%;
	  -webkit-transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
	  transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
	  -webkit-transform: scale(0.8, 0.8);
	  transform: scale(0.8, 0.8);
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  margin-left: 0;
	  margin-bottom: 30px; }
	  .gnav__list > li > a {
		text-decoration: none;
		border-radius: 30px;
		background: #FFF; }
		.gnav__list > li > a:hover {
		  text-decoration: none; }
	  .gnav__list > li:nth-child(1) {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s; }
	  .gnav__list > li:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s; }
	  .gnav__list > li:nth-child(3) {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s; }
	  .gnav__list > li:nth-child(4) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s; }
	  .gnav__list > li:nth-child(5) {
		-webkit-transition-delay: 0.25s;
		transition-delay: 0.25s; }
	  .gnav__list > li:nth-child(6) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s; }
	  .gnav__list > li:nth-child(7) {
		-webkit-transition-delay: 0.35s;
		transition-delay: 0.35s; }
	  .gnav__list > li:nth-child(8) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s; }
	  .gnav__list > li.border {
		position: relative;
		margin-top: 1vw; }
  .gnav__inner {
	margin: auto;
	padding: 4% 0 0; }
@media screen and (max-width: 768px) and (orientation: landscape) {
  .gnav__inner {
	padding: 1% 0 0; } }
@media screen and (max-width: 768px) and (orientation: portrait) {
  .gnav__inner {
	padding: 40% 0 0; } }

  .gnav_copyright {
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 1vw 0;
	background: #FFF;
	text-align: center; }
	.gnav_copyright img {
	  width: 56vw; }

.gnavMenu__btn {
  display: block; }
.gnavMenu a {
  text-decoration: none; }
  .gnavMenu a:hover {
	text-decoration: none; }
.gnavMenu__list li {
  width: 32%;
  height: 380px;
  margin: 0;
  background: #FFF;
  border-radius: 5px; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.gnavMenu__list li {
	  height: auto; } }
  @media screen and (max-width: 768px) {
	.gnavMenu__list li {
	  height: auto;
	  margin-left: 2%; } }
  .gnavMenu__list li:first-child {
	margin-left: 0; }
.gnavMenu .photo {
  overflow: hidden;
  border-radius: 5px 5px 0 0; }
.gnavMenu .inner {
  padding: 10px 30px;
  text-align: center; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.gnavMenu .inner {
	  padding: 10px 20px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu .inner {
	  padding: 6px; } }
.gnavMenu dl dt {
  color: #1e61d1;
  font-weight: bold;
  font-size: calc(16px + 8 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.gnavMenu dl dt {
	  font-size: 16px; } }
  @media screen and (min-width: 768px) {
	.gnavMenu dl dt {
	  font-size: 24px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu dl dt {
	  font-size: 13px; } }
.gnavMenu dl dd {
  min-height: 80px;
  margin-top: 5px;
  font-weight: normal;
  font-size: calc(12px + 2 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.gnavMenu dl dd {
	  font-size: 12px; } }
  @media screen and (min-width: 768px) {
	.gnavMenu dl dd {
	  font-size: 14px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu dl dd {
	  display: none; } }

.overlay {
  background: rgba(66, 189, 250, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 990;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: all 1s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 1s cubic-bezier(0.7, 0.165, 0.035, 1);
  visibility: hidden; }

/*
メニューオープン
*/
.gnav-show .gnav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible; }
  .gnav-show .gnav__list li {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1; }
	.gnav-show .gnav__list li a {
	  font-weight: bold; }
.gnav-show .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  pointer-events: all;
  visibility: visible; }
.gnav-show .navFixed__order {
  left: 10px;
  width: 200px;
  margin: auto; }
  @media screen and (min-width: 1920px) {
	.gnav-show .navFixed__order {
	  bottom: 10vw; } }
  .gnav-show .navFixed__order a {
	width: 200px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .gnav-show .navFixed__order a {
		width: 130px;
		margin: auto; } }
	.gnav-show .navFixed__order a img {
	  width: 100%; }

.landscape .gnav-show .gnav__list li a {
  padding: 1% 0; }

/* ============
* btn
============== */
button:focus {
  outline: none; }

.btn {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  padding: 7px 10px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none; }
  .btn:hover {
	text-decoration: none; }
  .btn:hover, .btn:focus {
	color: #FFF; }

/* ============
* btn-font-size
============== */
.btn--biggest {
  font-size: 30px; }

.btn--x-large {
  font-size: 25px; }

.btn--large {
  font-size: 15px; }

.btn--middle {
  font-size: 13px; }

.btn--small {
  font-size: 10px; }

/* ============
* btn-height-size
============== */
.btn-thin {
  height: 22px;
  padding: 3px 5px;
  font-size: 11px; }

/* ============
* btn-sns
============== */
.btn-facebook {
  background: #5789B0; }
  .btn-facebook:hover, .btn-facebook:focus {
	background: #3c617f; }

.btn-twitter {
  background: #69BDDB; }
  .btn-twitter:hover, .btn-twitter:focus {
	background: #30a0c8; }

.btn-googleplus {
  background: #DB6969; }
  .btn-googleplus:hover, .btn-googleplus:focus {
	background: #c83030; }

.btn-arrow-left:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 37px;
  content: '\f105';
  display: inline-block;
  height: 39px;
  margin: auto;
  font-family: FontAwesome;
  font-size: 30px;
  -webkit-transition: all .2s;
  transition: all .2s; }
.btn-arrow-left:hover:before, .btn-arrow-left:focus:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 42px; }

/* ============
* btn-style
============== */
.btn-wrap {
  display: table;
  margin: auto; }
  .btn-wrap--renewal {
	text-align: center;
	background: url("../mens-images-yss/common_btn_bg_renewal.png") no-repeat center 16px;
	background-size: 338px 49px; }
	.btn-wrap--renewal img.item {
	  display: block;
	  width: 300px;
	  margin: auto;
	  padding-left: 15px; }
	.btn-wrap--renewal p {
	  margin-bottom: 7px;
	  font-weight: bold;
	  font-size: 18px; }
  .btn-wrap--asideOrder {
	display: table;
	margin: 40px auto; }
	.btn-wrap--asideOrder .btn {
	  display: inline-block;
	  padding: 23px 80px;
	  font-size: 20px; }
	  @media screen and (max-width: 768px) {
		.btn-wrap--asideOrder .btn {
		  padding: 15px 30px;
		  font-size: 18px; } }

.btn-order {
  padding: 20px 20px;
  border: none;
  background: #de2651;
  -webkit-box-shadow: inset 0px -4px 0px 0px #be1d43;
  box-shadow: inset 0px -4px 0px 0px #be1d43;
  border-radius: 5px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
	.btn-order {
	  padding: 15px; } }
  .btn-order:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	outline: none; }
  .btn-order:focus {
	-webkit-box-shadow: inset 0px -1px 0px 0px #be1d43;
	box-shadow: inset 0px -1px 0px 0px #be1d43;
	-webkit-transform: translateY(0);
	transform: translateY(0); }
  .btn-order.blue {
	background: #2A4EBA;
	-webkit-box-shadow: inset 0px -4px 0px 0px #224099;
	box-shadow: inset 0px -4px 0px 0px #224099; }
  .btn-order.orange {
	background: #fb8b1e;
	-webkit-box-shadow: inset 0px -4px 0px 0px #ec7704;
	box-shadow: inset 0px -4px 0px 0px #ec7704; }
  .btn-order.gray {
	color: #666;
	background: #dcdcdc;
	-webkit-box-shadow: inset 0px -4px 0px 0px #c8c8c8;
	box-shadow: inset 0px -4px 0px 0px #c8c8c8; }
  .btn-order[disabled] {
	background: #dcdcdc;
	-webkit-box-shadow: inset 0px -4px 0px 0px #c8c8c8;
	box-shadow: inset 0px -4px 0px 0px #c8c8c8; }
  .btn-order.is-rounded {
	border-radius: 50rem; }
  .btn-order .cart {
	max-width: 256px;
	margin: 0 auto; }
	@media screen and (max-width: 768px) {
	  .btn-order .cart {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center; } }
	.btn-order .cart::before {
	  content: '';
	  background-image: url("../images/icon_cart_whe.svg");
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: contain;
	  width: 25px;
	  height: 23px;
	  margin: 0 20px 0 -30px;
	  display: inline-block; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.btn-order .cart::before {
		  content: none; } }
	  @media screen and (max-width: 768px) {
		.btn-order .cart::before {
		  margin: 0 10px 0 -10px; } }
	.btn-order .cart img {
	  width: 100%; }
	  @media screen and (max-width: 768px) {
		.btn-order .cart img {
		  width: 90%; } }

.btn-developerRound {
  display: inline-block;
  padding: 20px 70px;
  border-radius: 40px;
  background: #111111; }
  .btn-developerRound:after {
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	display: inline-block;
	width: 11px;
	height: 13px;
	margin: auto;
	content: '';
	background: url("../mens-images-yss/common_icon_arrow_white.png") no-repeat;
	background-size: 100%; }
  .btn-developerRound:hover, .btn-developerRound:focus {
	background: #373737; }

.btn-grayRound {
  padding: 20px 20px;
  border: none;
  border-radius: 40px;
  background: #d8d8d8;
  -webkit-box-shadow: inset 0px -3px 0px 0px #a2a2a2;
  box-shadow: inset 0px -3px 0px 0px #a2a2a2;
  font-weight: bold;
  color: #6f6f6f; }
  .btn-grayRound .arrow:after {
	position: absolute;
	top: 7px;
	right: 20px;
	bottom: 0;
	content: "\f105";
	font-family: FontAwesome;
	margin: auto;
	font-size: 14px; }
  .btn-grayRound:hover, .btn-grayRound:focus {
	color: #FFF;
	background: #9a9a9a;
	-webkit-box-shadow: inset 0px -3px 0px 0px #848484;
	box-shadow: inset 0px -3px 0px 0px #848484; }

.btn-outlineRound, .btn-outlineRound--white {
  background: transparent; }

.btn-outlineRound--white {
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  border-radius: 40px;
  border: 1px solid #FFF; }
  .btn-outlineRound--white:after {
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 34px;
	display: inline-block;
	margin: auto;
	content: '\f105';
	font-family: FontAwesome; }

.btn-default {
  background: #CCC; }
  .btn-default:hover {
	background: #b3b3b3; }

/* ============
* contact
============== */
input[type="text"],
input[type="password"],
textarea {
  width: 100%;
  padding: 12px;
  list-height: 2;
  font-size: 14px;
  border: 1px solid #d2d2d2;
  background: #FFF;
  box-sizing: border-box;
  transition: all 0.30s ease-in-out;
  outline: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  textarea:focus {
	background: #f9fdff;
	box-shadow: 0 0 5px rgba(81, 203, 238, 0.6);
	border: 1px solid rgba(81, 203, 238, 0.6); }

input.error,
textarea.error {
  width: 100%;
  float: left;
  background: white;
  box-shadow: 0 0 5px #fff0f3;
  border: 1px solid #fdbecd; }

input[type="checkbox"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 5px; }

input[type="radio"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 5px; }

input[type="submit"][disabled] {
  background: #DCDCDC;
  cursor: not-allowed; }

.section-orderdetail label.radio {
  display: inline-block; }
.section-orderdetail .help-block {
  margin-bottom: 0;
  padding: 7px 10px;
  background: #fef2f2;
  border-radius: 7px;
  color: #ec788f; }

.checkbox label {
  display: block; }

input[type=radio], input[type=checkbox] {
  display: none; }

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer; }
  .radio:hover, .checkbox:hover {
	background-color: #eaeaea; }
	.radio:hover:after, .checkbox:hover:after {
	  border-color: #58a2f5; }
  .radio:after, .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: ''; }

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #58a2f5;
  content: '';
  opacity: 0; }
  input[type=radio]:checked + .radio:before {
	opacity: 1; }

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #58a2f5;
  border-bottom: 3px solid #58a2f5;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type=checkbox]:checked + label .checkbox:before {
  opacity: 1; }

.help-block-error {
  color: #fa426d; }

.errorMessage {
  color: #fa426d; }

.errorSummary {
  max-width: 900px;
  width: 80%;
  margin: 20px auto;
  padding: 20px; }

.errorSummary {
  border-radius: 6px;
  color: #fa426d;
  background: white;
  border: 1px solid #fed7e0; }
  .errorSummary p {
	color: #fa426d; }
  .errorSummary li {
	color: #fa426d; }

/* ============
* headlines
============== */
.headline-sup {
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 48px;
  font-weight: 700; }
  .headline-sup:after {
	content: '';
	display: block;
	width: 35px;
	height: 5px;
	margin: 6px auto 18px;
	text-align: inherit;
	background: #fa426d; }

.headline--borderBottom {
  border-bottom: 2px solid #333434; }
  .headline--borderBottom .headline-title--page {
	font-size: 25px;
	font-weight: bold;
	line-height: 2.2; }

.headline--borderLeft {
  border-left: 2px solid #333434; }
  .headline--borderLeft .headline-title--page {
	margin-top: 40px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4; }

.headline__title--wide {
  margin: 35px auto;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center; }

/* ============
* iconfont
============== */
/* ============
* label
============== */
.m-label {
  padding: 4px 3px;
  border-radius: 5px;
  color: white;
  line-height: 1; }
  .m-label--product {
	background: #00479d; }
  .m-label--evolution {
	background: #2053ca; }
	.m-label--evolution small {
	  display: block;
	  margin-bottom: 3px;
	  font-size: 12px;
	  letter-spacing: 0; }
  .m-label--danger {
	padding: .2em .6em;
	background: #e12727;
	color: #FFF !important;
	font-size: 17px; }
	@media screen and (max-width: 768px) {
	  .m-label--danger {
		display: block;
		margin-bottom: 10px;
		font-size: 26px; } }

/* m-modal
-------------------------*/
.js-modal__content {
  display: none; }

.m-modal .js-modal__content {
  display: block; }

a.js-modal--open {
  cursor: pointer; }
  a.js-modal--open:hover {
	opacity: 0.7; }

@media screen and (max-width: 768px) {
  .m-modal__box-under-shadow {
	position: relative;
	z-index: 999;
	box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8); } }

.m-modal {
  position: relative;
  z-index: 14; }
  .m-modal__image--scroll {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 200px;
	height: 70px;
	margin: auto;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .m-modal__image--scroll {
		display: block; } }
	.m-modal__image--scroll img {
	  width: 60px; }
  .m-modal__seed {
	position: relative;
	z-index: 12; }
  .m-modal__overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 120%;
	background: rgba(66, 189, 250, 0.8); }
  .m-modal__box {
	position: relative;
	z-index: 14;
	width: inherit;
	background: #ffffff;
	border: 1px solid #eaeaea;
	box-shadow: 0 4px 6px rgba(51, 51, 51, 0.3); }
	@media screen and (max-width: 768px) {
	  .m-modal__box {
		padding: 10px; } }
	.m-modal__box .c-text--caution {
	  font-size: 1.3rem;
	  line-height: 1.8461538462; }
	  @media screen and (max-width: 768px) {
		.m-modal__box .c-text--caution {
		  font-size: 1rem;
		  line-height: 2.4; } }
  .m-modal__title {
	padding: 8px;
	background: #2053ca;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px; }
	@media screen and (max-width: 768px) {
	  .m-modal__title {
		margin-bottom: 10px; } }
	@media screen and (max-width: 320px) {
	  .m-modal__title {
		font-size: 17px;
		text-align: left; } }
  .m-modal__description {
	padding: 5px 10px; }
	.m-modal__description p:first-child {
	  margin-top: 10px; }
	  @media screen and (max-width: 768px) {
		.m-modal__description p:first-child {
		  margin-top: 0; } }
  @media screen and (max-width: 768px) {
	.m-modal__text--update {
	  padding: 10px; } }
  .m-modal__inner {
	position: relative;
	max-height: 55vh;
	min-height: 31vh;
	margin-bottom: 17px; }
	.m-modal__inner .table-modal {
	  margin-top: -1px;
	  font-size: 12px; }
	  .m-modal__inner .table-modal strong {
		font-size: 16px; }
	  .m-modal__inner .table-modal tbody > tr > th {
		vertical-align: top; }
	  .m-modal__inner .table-modal th, .m-modal__inner .table-modal td {
		padding: 10px 10px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd; }
	  .m-modal__inner .table-modal th {
		width: 150px;
		background: #f0f0f0;
		border-left: 1px solid #ddd; }
		@media screen and (max-width: 768px) {
		  .m-modal__inner .table-modal th {
			width: auto; } }
	  .m-modal__inner .table-modal td {
		border-left: 1px solid #ddd; }
		.m-modal__inner .table-modal td table th {
		  width: 100px; }
		  @media screen and (max-width: 768px) {
			.m-modal__inner .table-modal td table th {
			  width: initial; } }
	  .m-modal__inner .table-modal dl dt {
		background: #f0f0f0;
		padding: 5px 10px;
		margin: 10px 0 5px;
		font-weight: bold; }
		.m-modal__inner .table-modal dl dt:first-child {
		  margin-top: 0; }
	  .m-modal__inner .table-modal dl dd dl {
		margin-top: 10px; }
		.m-modal__inner .table-modal dl dd dl dt {
		  background: none;
		  padding: 0;
		  margin: 0; }
	.m-modal__inner .privacybox {
	  font-size: 12px; }
	.m-modal__inner .card-com {
	  width: 100%;
	  margin: 10px auto; }
	  .m-modal__inner .card-com th {
		width: 60px; }
	.m-modal__inner iframe {
	  width: 100%;
	  height: 100%; }
  .m-modal__close {
	display: inline-block;
	width: 100%;
	padding: 11px 0;
	font-weight: bold;
	border-radius: 4px;
	background: #040404;
	color: #FFF;
	font-size: 14px;
	transition: 0.3s all;
	text-decoration: none;
	text-align: center; }
	.m-modal__close:hover {
	  text-decoration: none; }
	@media screen and (max-width: 768px) {
	  .m-modal__close {
		z-index: 999;
		width: 100%;
		padding: 14px 0;
		border-radius: 0;
		text-align: center; } }
	.m-modal__close:hover, .m-modal__close:focus {
	  color: #FFF;
	  background: #505050; }
	.m-modal__close i {
	  display: inline-block;
	  margin-right: 5px; }

/* ============
* social
============== */
.social__list li {
  width: 100%;
  margin-top: 10px; }
  .social__list li:first-child {
	margin-top: 0; }

.auth-link {
  display: inline-block;
  width: inherit; }

.auth-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: auto;
  vertical-align: text-bottom; }

.auth-link.facebook {
  background: #5789B0; }
  .auth-link.facebook:hover {
	background: #3c617f; }

.auth-icon.facebook {
  background: url("../mens-images-yssicon_facebook.svg") no-repeat; }

.auth-link.twitter {
  background: #69BDDB; }
  .auth-link.twitter:hover {
	background: #30a0c8; }

.auth-icon.twitter {
  background: url("../mens-images-yssicon_twitter.svg") no-repeat; }

.auth-link.google {
  background: #DB6969; }
  .auth-link.google:hover {
	background: #c83030; }

.auth-icon.google {
  background: url("../mens-images-yssicon_googleplus.svg") no-repeat; }

/* ============
* state
============== */
.is-overhidden {
  overflow: hidden; }

.is-overScroll--y {
  overflow-y: scroll; }

.is-text--link {
  color: #00479d;
  text-decoration: underline; }

.is-text--arrow {
  text-decoration: underline;
  color: #333434; }
  .is-text--arrow:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	margin-right: 3px;
	background: url("../mens-images-ysscommon_icon_arrow_right.svg") no-repeat;
	-webkit-background-size: 4px;
	-o-background-size: 4px;
	background-size: 4px; }

/* ==========================
is-errorStyle
========================== */
.is-errorStyle {
  box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.6);
  outline: 0;
  border: 1px #ff9e9e solid !important;
  background-color: #ffedee !important; }

/* ==========================
is-anchor
========================== */
.is-anchor--dev {
  display: block;
  position: relative;
  top: -20px; }

/* ==========================
is-vertical
========================== */
.is-vertical--middle {
  vertical-align: middle !important; }

.is-vertical--top {
  vertical-align: top !important; }

.is-vertical--baseline {
  vertical-align: baseline !important; }

.is-vertical--text-bottom {
  vertical-align: text-bottom !important; }

/* ==========================
is-color
========================== */
.text-caution {
  color: #e32222; }

.text-caution_dev {
  color: #be0000; }

.text-blue-dev {
  color: #032b9a; }

.is-hidden--sp {
  display: block !important; }
  @media screen and (max-width: 768px) {
	.is-hidden--sp {
	  display: none !important; } }

.is-visible--sp {
  display: none !important; }
  @media screen and (max-width: 768px) {
	.is-visible--sp {
	  display: block !important; } }

/* ==========================
is-bgColor
========================== */
.is-bgColor--base {
  background: #262727 !important; }

/* ==========================
is-hover--circle
========================== */
.is-hover--circle {
  position: relative;
  z-index: 2;
  overflow: hidden; }

.is-hover--circle::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  transition: .3s; }

.is-hover--circle:hover::after {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px; }

/* ==========================
is-alpha--hover
========================== */
.is-alpha--hover,
.is-alpha--hover img {
  transition: all 0.4s ease; }

.is-alpha--hover:hover,
.is-alpha--hover:hover img {
  filter: alpha(opacity=60);
  opacity: 0.6; }

.is-hover--effect {
  position: relative;
  display: block; }
  .is-hover--effect:hover img {
	transform: rotate(0) scale(1); }
  .is-hover--effect:hover .is-hover--caption {
	transform: rotateY(0) rotateX(0);
	opacity: 1; }
  .is-hover--effect .is-hover--caption {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	transform: rotateY(-90deg) rotateX(-90deg);
	transition: all .3s; }
  .is-hover--effect .is-hover--more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 30px;
	margin: auto; }
	.is-hover--effect .is-hover--more:before {
	  font-family: 'FontAwesome';
	  content: "\f002";
	  font-size: 20px;
	  color: #FFF;
	  display: inline-block; }

.is-scaleUp--img img {
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear; }

.is-scaleUp--img img:hover {
  scale: 1.2; }

.is-scaleUp--img {
  overflow: hidden; }

.is-triangle--top {
  position: relative; }
  .is-triangle--top::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	margin-left: -10px;
	left: 50%;
	top: -20px; }

.is-triangle--right {
  position: relative; }
  .is-triangle--right::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-left-color: rgba(255, 255, 255, 0.2);
	margin-top: -10px;
	right: -20px;
	top: 50%; }

.is-triangle--bottom {
  position: relative; }
  .is-triangle--bottom::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-top-color: rgba(255, 255, 255, 0.2);
	margin-left: -10px;
	left: 50%;
	bottom: -20px; }

.is-triangle--left {
  position: relative; }
  .is-triangle--left::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-right-color: rgba(255, 255, 255, 0.2);
	margin-top: -10px;
	left: -20px;
	top: 50%; }

.is-triangle--left--red {
  position: relative; }
  .is-triangle--left--red::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-right-color: #333434;
	margin-top: -10px;
	left: -20px;
	top: 50%; }

/* ============
* table
============== */
.must {
  padding-left: 5px;
  font-size: 11px;
  color: #CD4F4F; }

.m-table-figure {
  width: 330px; }
  @media screen and (max-width: 768px) {
	.m-table-figure {
	  width: 90%;
	  margin: 10px auto; } }
  @media screen and (max-width: 768px) {
	.m-table-figure tbody {
	  width: 100%; } }
  .m-table-figure tbody th, .m-table-figure tbody td {
	padding: 3px 10px;
	background: #FFF;
	border: 2px solid #2467a3;
	font-weight: bold;
	font-size: 17px; }
	@media screen and (max-width: 768px) {
	  .m-table-figure tbody th, .m-table-figure tbody td {
		font-size: 13px; } }
  @media screen and (max-width: 768px) {
	.m-table-figure tbody th {
	  width: 80%; } }
  .m-table-figure tbody td {
	text-align: right; }
	@media screen and (max-width: 768px) {
	  .m-table-figure tbody td {
		width: 20%; } }
  .m-table-figure tr:nth-child(even) th, .m-table-figure tr:nth-child(even) td {
	background: #ebf8fc; }

/* ==========================
u-fst // フォントスタイル
========================== */
.u-fst-1 {
  font-family: '游明朝体', 'Yu Mincho', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; }

.u-fst-num {
  font-family: 'Oswald', 'Montserrat', sans-serif; }

/* ==========================
u-fs // フォントサイズ
========================== */
.u-fs10 {
  font-size: 10px; }

.u-fs11 {
  font-size: 11px; }

.u-fs12 {
  font-size: 12px; }

.u-fs13 {
  font-size: 13px; }

.u-fs14 {
  font-size: 14px; }

.u-fs15 {
  font-size: 15px; }

.u-fs16 {
  font-size: 16px; }

.u-fs17 {
  font-size: 17px; }

.u-fs18 {
  font-size: 18px; }

.u-fs19 {
  font-size: 19px; }

.u-fs20 {
  font-size: 20px; }

.u-fs21 {
  font-size: 21px; }

.u-fs22 {
  font-size: 22px; }

.u-fs23 {
  font-size: 23px; }

.u-fs24 {
  font-size: 24px; }

.u-fs25 {
  font-size: 25px; }

.u-fs26 {
  font-size: 26px; }

.u-fs27 {
  font-size: 27px; }

.u-fs28 {
  font-size: 28px; }

.u-fs29 {
  font-size: 29px; }

.u-fs30 {
  font-size: 30px; }

.u-fs31 {
  font-size: 31px; }

.u-fs32 {
  font-size: 32px; }

.u-fs33 {
  font-size: 33px; }

.u-fs34 {
  font-size: 34px; }

.u-fs35 {
  font-size: 35px; }

.u-fs36 {
  font-size: 36px; }

.u-fs37 {
  font-size: 37px; }

.u-fs38 {
  font-size: 38px; }

.u-fs39 {
  font-size: 39px; }

.u-fs40 {
  font-size: 40px; }

/* ==========================
u-text
========================== */
.u-marker--yellow {
  background: linear-gradient(transparent 50%, #fff766 50%); }

/* ==========================
u-text
========================== */
.u-text--link {
  display: block;
  color: #00479d;
  text-align: right; }

.u-text--weight {
  font-size: larger;
  font-weight: bold; }

.u-text--initial {
  font-size: initial;
  font-weight: initial; }

.u-box--center {
  display: block;
  margin: auto !important;
  text-align: center; }

/* ============
* u-w*p
============== */
.u-w10p {
  width: 10% !important; }

.u-w20p {
  width: 20% !important; }

.u-w30p {
  width: 30% !important; }

.u-w40p {
  width: 40% !important; }

.u-w50p {
  width: 50% !important; }

.u-w60p {
  width: 60% !important; }

.u-w70p {
  width: 70% !important; }

.u-w80p {
  width: 80% !important; }

.u-w90p {
  width: 90% !important; }

.u-w100p {
  width: 100% !important; }

/* ==========================
u-p
========================== */
.u-p1 {
  padding: 1px; }

.u-p2 {
  padding: 2px; }

.u-p3 {
  padding: 3px; }

.u-p4 {
  padding: 4px; }

.u-p5 {
  padding: 5px; }

.u-p6 {
  padding: 6px; }

.u-p7 {
  padding: 7px; }

.u-p8 {
  padding: 8px; }

.u-p9 {
  padding: 9px; }

.u-p10 {
  padding: 10px; }

.u-p11 {
  padding: 11px; }

.u-p12 {
  padding: 12px; }

.u-p13 {
  padding: 13px; }

.u-p14 {
  padding: 14px; }

.u-p15 {
  padding: 15px; }

.u-p16 {
  padding: 16px; }

.u-p17 {
  padding: 17px; }

.u-p18 {
  padding: 18px; }

.u-p19 {
  padding: 19px; }

.u-p20 {
  padding: 20px; }

.u-p21 {
  padding: 21px; }

.u-p22 {
  padding: 22px; }

.u-p23 {
  padding: 23px; }

.u-p24 {
  padding: 24px; }

.u-p25 {
  padding: 25px; }

.u-p26 {
  padding: 26px; }

.u-p27 {
  padding: 27px; }

.u-p28 {
  padding: 28px; }

.u-p29 {
  padding: 29px; }

.u-p30 {
  padding: 30px; }

.u-p31 {
  padding: 31px; }

.u-p32 {
  padding: 32px; }

.u-p33 {
  padding: 33px; }

.u-p34 {
  padding: 34px; }

.u-p35 {
  padding: 35px; }

.u-p36 {
  padding: 36px; }

.u-p37 {
  padding: 37px; }

.u-p38 {
  padding: 38px; }

.u-p39 {
  padding: 39px; }

.u-p40 {
  padding: 40px; }

/* ==========================
u-m
========================== */
.u-mt5 {
  margin-top: 5px; }

.u-mt10 {
  margin-top: 10px; }

.u-mt20 {
  margin-top: 20px; }

.u-mt30 {
  margin-top: 30px; }

.u-mt40 {
  margin-top: 40px; }

.u-mt50 {
  margin-top: 50px; }

.u-mr10 {
  margin-right: 10px; }

.u-mr20 {
  margin-right: 20px; }

.u-mr30 {
  margin-right: 30px; }

.u-mr40 {
  margin-right: 40px; }

.u-mr50 {
  margin-right: 50px; }

.u-mb10 {
  margin-bottom: 10px; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-mb50 {
  margin-bottom: 50px; }

.u-ml10 {
  margin-left: 10px; }

.u-ml20 {
  margin-left: 20px; }

.u-ml30 {
  margin-left: 30px; }

.u-ml40 {
  margin-left: 40px; }

.u-ml50 {
  margin-left: 50px; }

/* ==========================
u-p
========================== */
.u-pt10 {
  padding-top: 10px; }

.u-pt11 {
  padding-top: 11px; }

.u-pt12 {
  padding-top: 12px; }

.u-pt13 {
  padding-top: 13px; }

.u-pt14 {
  padding-top: 14px; }

.u-pt15 {
  padding-top: 15px; }

.u-pt16 {
  padding-top: 16px; }

.u-pt17 {
  padding-top: 17px; }

.u-pt18 {
  padding-top: 18px; }

.u-pt19 {
  padding-top: 19px; }

.u-pt20 {
  padding-top: 20px; }

.u-pt21 {
  padding-top: 21px; }

.u-pt22 {
  padding-top: 22px; }

.u-pt23 {
  padding-top: 23px; }

.u-pt24 {
  padding-top: 24px; }

.u-pt25 {
  padding-top: 25px; }

.u-pt26 {
  padding-top: 26px; }

.u-pt27 {
  padding-top: 27px; }

.u-pt28 {
  padding-top: 28px; }

.u-pt29 {
  padding-top: 29px; }

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

.u-pt31 {
  padding-top: 31px; }

.u-pt32 {
  padding-top: 32px; }

.u-pt33 {
  padding-top: 33px; }

.u-pt34 {
  padding-top: 34px; }

.u-pt35 {
  padding-top: 35px; }

.u-pt36 {
  padding-top: 36px; }

.u-pt37 {
  padding-top: 37px; }

.u-pt38 {
  padding-top: 38px; }

.u-pt39 {
  padding-top: 39px; }

.u-pt40 {
  padding-top: 40px; }

.u-pt50 {
  padding-top: 50px; }

.u-pr10 {
  padding-right: 10px; }

.u-pr20 {
  padding-right: 20px; }

.u-pr30 {
  padding-right: 30px; }

.u-pr40 {
  padding-right: 40px; }

.u-pr50 {
  padding-right: 50px; }

.u-pb10 {
  padding-bottom: 10px; }

.u-pb20 {
  padding-bottom: 20px; }

.u-pb30 {
  padding-bottom: 30px; }

.u-pb40 {
  padding-bottom: 40px; }

.u-pb50 {
  padding-bottom: 50px; }

.u-pl10 {
  padding-left: 10px; }

.u-pl20 {
  padding-left: 20px; }

.u-pl30 {
  padding-left: 30px; }

.u-pl40 {
  padding-left: 40px; }

.u-pl50 {
  padding-left: 50px; }

/* ============
* lh*
============== */
.u-lh1 {
  line-height: 1 !important; }

.u-lh1_1 {
  line-height: 1.1 !important; }

.u-lh1_2 {
  line-height: 1.2 !important; }

.u-lh1_3 {
  line-height: 1.3 !important; }

.u-lh1_4 {
  line-height: 1.4 !important; }

.u-lh1_5 {
  line-height: 1.5 !important; }

.u-lh1_6 {
  line-height: 1.6 !important; }

.u-lh1_7 {
  line-height: 1.7 !important; }

.u-lh1_8 {
  line-height: 1.8 !important; }

.u-lh1_9 {
  line-height: 1.9 !important; }

.u-lh2 {
  line-height: 2 !important; }

.u-lh2_1 {
  line-height: 2.1 !important; }

.u-lh2_2 {
  line-height: 2.2 !important; }

.u-lh2_3 {
  line-height: 2.3 !important; }

.u-lh2_4 {
  line-height: 2.4 !important; }

.u-lh2_5 {
  line-height: 2.5 !important; }

.u-lh2_6 {
  line-height: 2.6 !important; }

.u-lh2_7 {
  line-height: 2.7 !important; }

.u-lh2_8 {
  line-height: 2.8 !important; }

.u-lh2_9 {
  line-height: 2.9 !important; }

.u-lh3 {
  line-height: 3 !important; }

.u-text--red {
  color: #e60012; }

/* ============
* index
============== */
.indexVisual {
  width: 100%;
  height: 1020px;
  background: url("../mens-images-yss/index_visual_bg.jpg") no-repeat top center; }
  @media screen and (min-width: 1920px) {
	.indexVisual {
	  background-size: cover; } }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.indexVisual {
	  background-image: url("../mens-images-yss/index_visual_bg.jpg");
	  background-repeat: no-repeat;
	  background-position: right -490px top 0px; } }
  @media screen and (max-width: 768px) {
	.indexVisual {
	  display: none; } }
  .indexVisual__container {
	max-width: 1000px;
	margin: 0 auto; }
  .indexVisual .l-container {
	position: relative;
	padding: 110px 0 0 0px; }
	@media screen and (max-width: 768px) {
	  .indexVisual .l-container {
		padding: 75px 0 0 0; } }
  .indexVisual .indexVisual__title {
	width: 553px;
	margin-bottom: -60px; }
  .indexVisual .indexVisual__image {
	width: 552px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexVisual .indexVisual__image {
		width: 60%;
		margin-bottom: 0; } }
  .indexVisual .indexVisual__authority {
	position: absolute;
	top: 35px;
	right: 0;
	width: 349px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexVisual .indexVisual__authority {
		width: 40%; } }
  .indexVisual .indexVisual__feature {
	margin-top: -20px; }
	.indexVisual .indexVisual__feature dt {
	  text-align: center;
	  margin-bottom: 20px; }
	.indexVisual .indexVisual__feature ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  width: 100%; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexVisual .indexVisual__feature ul li {
		  width: 16%; } }

.indexVisual__sp {
  display: none; }
  @media screen and (max-width: 768px) {
	.indexVisual__sp {
	  display: block;
	  margin-top: 90px; }
	  .indexVisual__sp img {
		width: 100%; } }

.indexProblem {
  background-image: url("../mens-images-yss/indexproblem_bg_1.jpg");
  position: relative;
  text-align: center; }
  .indexProblem .indexProblem__upper {
	padding: 20px 0 50px; }
  .indexProblem .indexProblem__bottom {
	padding-top: 100px;
	padding-bottom: 43px;
	background: #fff url("../mens-images-yss/index_problem_bg.jpg") no-repeat top center; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProblem .indexProblem__bottom {
		background-image: url("../mens-images-yss/index_problem_bg.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 150%; } }
	@media screen and (max-width: 768px) {
	  .indexProblem .indexProblem__bottom {
		padding-bottom: 40px;
		background-image: none; } }
	.indexProblem .indexProblem__bottom dl dt {
	  margin-bottom: 12px;
	  position: relative; }
	  .indexProblem .indexProblem__bottom dl dt:before {
		content: "";
		background: url("../mens-images-yss/index_problem_item.png") top left no-repeat;
		width: 138px;
		height: 200px;
		position: absolute;
		top: -40px;
		right: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProblem .indexProblem__bottom dl dt:before {
			top: -60px;
			right: 10px; } }
		@media screen and (max-width: 768px) {
		  .indexProblem .indexProblem__bottom dl dt:before {
			width: 268px;
			height: 212px;
			background: url("../mens-images-yss/index_problem_item_sp.png") top left no-repeat;
			background-size: 100%;
			left: 0;
			right: 0;
			margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexProblem .indexProblem__bottom dl dt:before {
	  top: 16vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexProblem .indexProblem__bottom dl dt:before {
	  top: 50vh; } }

	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProblem .indexProblem__bottom dl dt img {
		  width: 60%; } }
	@media screen and (max-width: 768px) {
	  .indexProblem .indexProblem__bottom dl dd {
		margin-top: 230px; } }
	.indexProblem .indexProblem__bottom dl dd figure img {
	  margin-left: 80px; }

.indexAbout-bg {
  padding: 56px 0; }
  .indexAbout-bg .indexAbout {
	margin-bottom: 34px; }
	.indexAbout-bg .indexAbout h3 {
	  text-align: center;
	  margin-bottom: 30px; }
	  .indexAbout-bg .indexAbout h3 a img {
		width: 80%; }
	  @media screen and (max-width: 768px) {
		.indexAbout-bg .indexAbout h3 {
		  margin-bottom: 20px; } }
	  .indexAbout-bg .indexAbout h3__title {
		position: relative;
		margin-bottom: 50px;
		padding-top: 30px;
		text-align: center; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__title {
			padding-top: 0; } }
		.indexAbout-bg .indexAbout h3__title:before {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexAbout-bg .indexAbout h3__title img {
			width: 55%; } }
	  .indexAbout-bg .indexAbout h3__text {
		max-width: 736px;
		margin: 0 auto 40px; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__text {
			margin: 220px auto 20px; } }
		.indexAbout-bg .indexAbout h3__text p {
		  font-size: 18px; }
		  @media screen and (max-width: 768px) {
			.indexAbout-bg .indexAbout h3__text p {
			  font-size: 16px; } }
	  @media screen and (max-width: 768px) {
		.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats {
		  margin-bottom: 30px; } }
	  .indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
		background: url("../mens-images-yss/index_about_whats_figure.png") no-repeat;
		width: 160px;
		height: 175px; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
			top: 0;
			left: 0;
			right: 0;
			margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
	  top: 18vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
	  top: 54vh; } }

	  .indexAbout-bg .indexAbout h3__box figure {
		text-align: center; }

.indexProcess {
  padding-bottom: 0; }
  .indexProcess__title {
	position: relative;
	padding-top: 30px;
	text-align: center;
	margin-bottom: 50px; }
	@media screen and (max-width: 768px) {
	  .indexProcess__title {
		padding-top: 0; } }
	.indexProcess__title:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: url("../mens-images-yss/index_process_title_before.png") no-repeat;
	  width: 347px;
	  height: 251px;
	  top: -100px; }
	  @media screen and (max-width: 768px) {
		.indexProcess__title:before {
		  width: 250px;
		  height: 184px;
		  background-size: contain;
		  top: 0;
		  left: 0;
		  right: 0;
		  margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexProcess__title:before {
	  top: 12vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexProcess__title:before {
	  top: 36vh; } }

	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProcess__title img {
		width: 55%; } }
  .indexProcess__text {
	margin: 0 auto 40px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexProcess__text {
		margin: 220px auto 0;
		text-align: left; } }
	.indexProcess__text p {
	  font-size: 18px; }
	  @media screen and (max-width: 768px) {
		.indexProcess__text p {
		  margin-bottom: 20px;
		  font-size: 16px; } }
  .indexProcess__flow {
	position: relative;
	margin: auto;
	max-width: 880px; }
	.indexProcess__flow:after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: -50px;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 164px;
	  height: 169px;
	  margin: auto;
	  background: url("../mens-images-yss/index_about_flow_arrow.png"); }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProcess__flow:after {
		  position: relative;
		  top: initial;
		  right: initial;
		  bottom: initial;
		  left: initial; } }
	  @media screen and (max-width: 768px) {
		.indexProcess__flow:after {
		  position: relative;
		  top: initial;
		  right: initial;
		  bottom: initial;
		  left: initial; } }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProcess__flow ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap; } }
	@media screen and (max-width: 768px) {
	  .indexProcess__flow ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap; } }
	.indexProcess__flow li {
	  float: left;
	  margin-bottom: 30px;
	  margin-left: 56px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProcess__flow li {
		  margin-left: 0; } }
	  @media screen and (max-width: 768px) {
		.indexProcess__flow li {
		  margin-left: 0; } }
	  .indexProcess__flow li figure {
		text-align: center; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProcess__flow li figure {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexProcess__flow li figure {
			width: 100%; } }
	  .indexProcess__flow li.flow--3, .indexProcess__flow li.flow--4 {
		margin-bottom: 10px; }
	  .indexProcess__flow li.flow--4 {
		margin-left: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProcess__flow li.flow--4 {
			-webkit-box-ordinal-group: 5;
			-ms-flex-order: 4;
			order: 4;
			margin-bottom: 20px; } }
		@media screen and (max-width: 768px) {
		  .indexProcess__flow li.flow--4 {
			-webkit-box-ordinal-group: 5;
			-ms-flex-order: 4;
			order: 4;
			margin-bottom: 20px; } }
  .indexProcess__summary {
	position: relative;
	bottom: -18px; }
	@media screen and (max-width: 768px) {
	  .indexProcess__summary {
		bottom: -17px; } }

.indexExplanation__wrapper {
  width: 100%;
  background: url("../mens-images-yss/index_explanation_bg.png") no-repeat top center; }
  @media screen and (max-width: 768px) {
	.indexExplanation__wrapper {
	  background: #ffffff; } }
  .indexExplanation__wrapper .indexExplanation {
	max-width: 598px;
	margin: 0 auto; }
	.indexExplanation__wrapper .indexExplanation__title {
	  padding-top: 50px; }
	  @media screen and (max-width: 768px) {
		.indexExplanation__wrapper .indexExplanation__title {
		  padding-top: 20px; } }
	.indexExplanation__wrapper .indexExplanation__text {
	  max-width: 530px;
	  margin: 0 auto;
	  padding: 50px 14px 0 0;
	  background: url("../mens-images-yss/index_explanation_person.png") no-repeat right bottom; }
	  @media screen and (max-width: 768px) {
		.indexExplanation__wrapper .indexExplanation__text {
		  width: 96%;
		  padding: 20px 0 120px;
		  background-position: center bottom; } }
	  .indexExplanation__wrapper .indexExplanation__text p {
		font-size: 18px; }
		@media screen and (max-width: 768px) {
		  .indexExplanation__wrapper .indexExplanation__text p {
			font-size: 16px; } }
		.indexExplanation__wrapper .indexExplanation__text p:nth-child(2) {
		  margin-top: 15px; }
		  @media screen and (max-width: 768px) {
			.indexExplanation__wrapper .indexExplanation__text p:nth-child(2) {
			  margin-top: 0; } }
	.indexExplanation__wrapper .indexExplanation__catch {
	  padding: 15px 0px 45px 45px; }
	  @media screen and (max-width: 960px) {
		.indexExplanation__wrapper .indexExplanation__catch {
		  padding: 10px 0 20px; } }

.indexPurchase__wrapper {
  width: 100%;
  background: #e8f2ff url("../mens-images-yss/index_purchase_arrow.png") no-repeat top center; }
  .indexPurchase__wrapper .indexPurchase {
	max-width: 777px;
	margin: 0 auto;
	padding: 70px 0 50px; }
	@media screen and (max-width: 768px) {
	  .indexPurchase__wrapper .indexPurchase {
		padding: 50px 0 10px; } }
	.indexPurchase__wrapper .indexPurchase__title {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin-left: 4px; }
	  @media screen and (max-width: 768px) {
		.indexPurchase__wrapper .indexPurchase__title {
		  display: block;
		  margin-left: 0; } }
	  .indexPurchase__wrapper .indexPurchase__title p:first-child {
		margin-right: 36px; }
		@media screen and (max-width: 768px) {
		  .indexPurchase__wrapper .indexPurchase__title p:first-child {
			margin-top: 20px;
			margin-right: 0;
			text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexPurchase__wrapper .indexPurchase__title p:nth-child(2) {
		  margin-top: 20px;
		  text-align: center; } }
	.indexPurchase__wrapper .indexPurchase__btn {
	  margin-top: 20px; }
	  .indexPurchase__wrapper .indexPurchase__btn a {
		position: relative; }
		@media screen and (max-width: 768px) {
		  .indexPurchase__wrapper .indexPurchase__btn a {
			text-decoration: none;
			text-align: center; } }
		.indexPurchase__wrapper .indexPurchase__btn a .label-support {
		  display: block;
		  position: absolute;
		  top: -10px;
		  right: 0;
		  bottom: 0;
		  z-index: 1;
		  width: 190px; }
		  @media screen and (max-width: 768px) {
			.indexPurchase__wrapper .indexPurchase__btn a .label-support {
			  position: relative;
			  top: 21px;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  width: 85%;
			  margin: auto;
			  margin-bottom: 10px; } }
		  .indexPurchase__wrapper .indexPurchase__btn a .label-support img {
			width: 100%; }
		.indexPurchase__wrapper .indexPurchase__btn a:hover .label-support img {
		  opacity: 1; }

.indexSolution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 34px; }
  @media screen and (max-width: 768px) {
	.indexSolution {
	  display: block; } }
  .indexSolution__box {
	padding-top: 25px;
	padding-left: 56px; }
	@media screen and (max-width: 768px) {
	  .indexSolution__box {
		position: absolute;
		top: 100px;
		left: 20px;
		width: 92px;
		padding-left: 0;
		text-align: center; } }
	@media screen and (max-width: 414px) {
	  .indexSolution__box {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 72px; } }
  .indexSolution__title {
	padding-left: 15px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexSolution__title {
		width: 96%;
		margin: 0 auto;
		padding-left: 0; } }
	.indexSolution__title p {
	  margin-top: 20px;
	  text-align: left;
	  font-size: 1.8rem;
	  line-height: 1.7777777778; }
	  @media screen and (max-width: 768px) {
		.indexSolution__title p {
		  line-height: 1.4;
		  margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .indexSolutionBlock .c-bluebox {
	position: relative; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .number {
	position: absolute;
	top: -40px;
	left: -10px;
	width: 60px; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .title {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .person {
	width: 90px;
	margin: auto; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .detail {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .detail dd {
	text-align: left; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .catch {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .text,
  .indexSolutionBlock .box {
	padding: 0 3%; } }
.indexSolutionBlock .caution {
  font-size: 11px; }

.indexOne {
  padding-top: 20px; }
  .indexOne__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexOne__upper .title .number {
	  margin-right: 56px; }
	  .indexOne__upper .title .number img {
		max-width: 131px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title .number {
		  margin-right: 0; } }
	.indexOne__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  .indexOne__upper .title h3 img {
		max-width: 531px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexOne__upper .title .person img {
	  max-width: 142px; }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title .person img {
		  max-width: 100%; } }
  .indexOne__upper .text {
	margin-top: 15px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexOne__upper .detail {
	margin-top: 40px;
	padding-bottom: 15px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .detail {
		border-top: none; } }
	.indexOne__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexOne__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 14px 0 0 34px; }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: center; } }
	  .indexOne__upper .detail dd span:nth-child(2) {
		margin: 23px 0 0 30px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .detail dd span:nth-child(2) {
			display: block;
			margin: 20px 0 0 0;
			text-align: center; } }
  .indexOne__lower h3 {
	position: relative; }
	.indexOne__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexOne__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexOne__lower .explanation {
	margin-top: 30px;
	padding-left: 13px;
	padding-bottom: 15px; }
	@media screen and (max-width: 768px) {
	  .indexOne__lower .explanation {
		margin-top: 20px;
		padding: 0 3% 2%; } }
  .indexOne__lower .text {
	background-color: #fff8f9; }
	.indexOne__lower .text dl {
	  max-width: 900px;
	  margin: 0 auto;
	  padding: 15px 0 15px;
	  background: url("../mens-images-yss/index_solution_person.png") no-repeat right bottom;
	  background-position-x: 740px; }
	  @media screen and (max-width: 768px) {
		.indexOne__lower .text dl {
		  padding-bottom: 65px;
		  background-size: 80px;
		  background-position-x: right; } }
	  .indexOne__lower .text dl dt {
		color: #db1515;
		font-weight: bold;
		font-size: 22px; }
		@media screen and (max-width: 768px) {
		  .indexOne__lower .text dl dt {
			font-size: 16px; } }
		.indexOne__lower .text dl dt span {
		  font-size: 16px; }
	  .indexOne__lower .text dl dd {
		margin-top: 5px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexOne__lower .text dl dd {
			width: 80%; } }
		@media screen and (max-width: 768px) {
		  .indexOne__lower .text dl dd {
			font-size: 16px; } }

.indexTwo {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 50px; }
  .indexTwo__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-item: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 50px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexTwo__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexTwo__upper .title {
		display: block;
		margin: 30px 0 0 0;
		text-align: center; } }
	.indexTwo__upper .title .number {
	  margin-right: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexTwo__upper .title .number {
		  margin-right: 20px; } }
	  .indexTwo__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title .number {
		  margin-right: 0; } }
	.indexTwo__upper .title h3 {
	  margin: 10px 0 0 0; }
	  .indexTwo__upper .title h3 img {
		max-width: 557px; }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexTwo__upper .title .person {
	  margin-left: -70px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexTwo__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title .person {
		  width: 150px;
		  margin-left: auto; } }
	  .indexTwo__upper .title .person img {
		max-width: 249px; }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title .person img {
			max-width: 100%; } }
  .indexTwo__upper .detail {
	padding-bottom: 5px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexTwo__upper .detail {
		border-top: none;
		margin-top: 40px; } }
	.indexTwo__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexTwo__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 0 110px 0 34px; }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: center; } }
	  .indexTwo__upper .detail dd span {
		display: block; }
		.indexTwo__upper .detail dd span.image {
		  margin-top: -20px; }
		  .indexTwo__upper .detail dd span.image img {
			max-width: 156px; }
		.indexTwo__upper .detail dd span.text {
		  margin: 30px 0 0 20px;
		  font-size: 16px;
		  width: 74%; }
		  @media screen and (max-width: 768px) {
			.indexTwo__upper .detail dd span.text {
			  display: block;
			  margin: 20px 0 0 0;
			  padding: 0;
			  text-align: left;
			  font-size: 16px;
			  width: 100%; } }
  .indexTwo__lower h3 {
	position: relative; }
	.indexTwo__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexTwo__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexTwo__lower .text {
	margin-top: 30px;
	background-color: #fff8f9; }
	.indexTwo__lower .text dl {
	  max-width: 890px;
	  margin: 0 auto;
	  padding: 30px 0 25px;
	  background: url("../mens-images-yss/index_solution_person.png") no-repeat top right; }
	  @media screen and (max-width: 768px) {
		.indexTwo__lower .text dl {
		  padding-bottom: 40px;
		  background-size: 80px;
		  background-position: right bottom; } }
	  .indexTwo__lower .text dl dt {
		text-align: center; }
	  .indexTwo__lower .text dl dd.efficacy {
		max-width: 690px;
		margin-top: 25px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__lower .text dl dd.efficacy {
			width: 80%; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__lower .text dl dd.efficacy {
			font-size: 16px; } }
	  .indexTwo__lower .text dl dd.attention {
		max-width: 682px;
		margin-top: -22px;
		text-align: right;
		font-size: 11px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__lower .text dl dd.attention {
			margin-top: 10px;
			text-align: left;
			font-size: 14px; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__lower .text dl dd.attention {
			margin-top: 10px;
			text-align: left;
			font-size: 14px; } }

.indexThree {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 50px; }
  .indexThree__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-item: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 50px;
	padding-bottom: 10px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexThree__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexThree__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexThree__upper .title .number {
	  margin-right: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexThree__upper .title .number {
		  margin-right: 20px; } }
	  .indexThree__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexThree__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title .number {
		  margin-right: 0; } }
	.indexThree__upper .title h3 {
	  margin: 10px 0 0 0; }
	  .indexThree__upper .title h3 img {
		max-width: 567px; }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexThree__upper .title .person {
	  margin-top: -50px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexThree__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title .person {
		  width: 130px;
		  margin-top: 0; } }
	  .indexThree__upper .title .person img {
		max-width: 192px; }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title .person img {
			max-width: 100%; } }
  .indexThree__lower h3 {
	position: relative; }
	.indexThree__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexThree__lower .catch {
	padding-top: 44px;
	text-align: center; }
	.indexThree__lower .catch .index-thre-title2 {
	  margin-bottom: 20px; }
  .indexThree__lower .text {
	margin-top: 30px;
	background-color: #fff8f9; }
	.indexThree__lower .text-box {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding-top: 5px; }
	  @media screen and (max-width: 768px) {
		.indexThree__lower .text-box {
		  display: flex;
		  flex-wrap: wrap;
		  padding: 18px 0 0; } }
	  .indexThree__lower .text-box dl {
		max-width: 580px;
		margin: 15px 15px 0 46px;
		padding: 0 0 20px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box dl {
			width: 100%;
			max-width: 96%;
			margin: 0 auto; } }
		.indexThree__lower .text-box dl dt {
		  color: #db1515;
		  font-weight: bold;
		  font-size: 22px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dt {
			  font-size: 16px; } }
		.indexThree__lower .text-box dl dd {
		  margin-top: 5px;
		  font-size: 16px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dd {
			  font-size: 16px; } }
		  .indexThree__lower .text-box dl dd span.attention {
			background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(0%, #fffccc));
			background: linear-gradient(transparent 20%, #fffccc 0%); }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dd .c-text--color7 {
			  line-height: 1; } }
		  .indexThree__lower .text-box dl dd .txt-lg {
			font-size: 20px; }
	  .indexThree__lower .text-box .image01 {
		margin-right: 74px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box .image01 {
			display: inline-block;
			width: 180px;
			margin-right: 30px;
			text-align: center; } }
		.indexThree__lower .text-box .image01 img {
		  max-width: 160px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box .image01 img {
			  max-width: 100%; } }
	  .indexThree__lower .text-box .image02 {
		margin-top: -50px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box .image02 {
			display: inline-block;
			width: 90px;
			margin-top: 20px;
			text-align: center; } }
		.indexThree__lower .text-box .image02 img {
		  max-width: 156px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box .image02 img {
			  max-width: 100%; } }

.indexFour {
  padding-top: 50px; }
  .indexFour__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFour__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexFour__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title .number {
		  margin-right: 20px; } }
	  .indexFour__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFour__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title .number {
		  margin-right: 0; } }
	.indexFour__upper .title h3 {
	  margin: 12px 28px 30px 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title h3 {
		  margin: 12px 0 0 0; } }
	  .indexFour__upper .title h3 img {
		max-width: 580px; }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexFour__upper .title .person {
	  margin: -50px 0 0 -60px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title .person {
		  width: 160px;
		  margin: auto; } }
	  .indexFour__upper .title .person img {
		max-width: 213px; }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title .person img {
			max-width: 100%; } }
  .indexFour__upper .text {
	margin-top: 2px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexFour__upper .detail {
	margin-top: 30px;
	padding-bottom: 20px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .detail {
		border-top: none; } }
	.indexFour__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexFour__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 0 0 0 30px; }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: left; } }
	  .indexFour__upper .detail dd span {
		display: block; }
		.indexFour__upper .detail dd span:first-child img {
		  display: inline-block;
		  max-width: 340px; }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:first-child img {
			  max-width: 100%; } }
		.indexFour__upper .detail dd span:nth-child(2) {
		  margin: 10px 40px 0 20px;
		  width: 58%;
		  line-height: 1.8;
		  font-size: 11px;
		  letter-spacing: 0.8px; }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:nth-child(2) {
			  width: 96%;
			  margin: 0 auto; } }
		  .indexFour__upper .detail dd span:nth-child(2) span {
			padding-right: 10px; }
			@media screen and (max-width: 768px) {
			  .indexFour__upper .detail dd span:nth-child(2) span {
				padding-right: 0;
				display: inline; } }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:nth-child(2) {
			  display: block;
			  margin: 20px auto 0; } }
  .indexFour__lower h3 {
	position: relative; }
	.indexFour__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexFour__lower .catch {
	padding-top: 44px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFour__lower .catch {
		padding-top: 30px; } }
  .indexFour__lower .box {
	background-color: #fff8f9; }
  .indexFour__lower .inner {
	max-width: 874px;
	margin: 60px auto 0;
	padding-top: 30px; }
	@media screen and (max-width: 768px) {
	  .indexFour__lower .inner {
		max-width: 100%;
		margin: 15px auto 0;
		padding-top: 10px; } }
	.indexFour__lower .inner dl dt {
	  color: #db1515;
	  font-weight: bold;
	  font-size: 22px; }
	  @media screen and (max-width: 768px) {
		.indexFour__lower .inner dl dt {
		  font-size: 16px; } }
	.indexFour__lower .inner dl dd {
	  font-size: 16px; }
	.indexFour__lower .inner h4 {
	  margin-top: 20px;
	  text-align: center; }
	.indexFour__lower .inner ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	  padding-bottom: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__lower .inner ul {
		  margin-top: 20px;
		  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
		  justify-content: space-between; } }
	  @media screen and (max-width: 768px) {
		.indexFour__lower .inner ul {
		  display: block; } }
	  .indexFour__lower .inner ul li {
		margin: 20px 0 0 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFour__lower .inner ul li {
			width: 31%;
			margin: 0; } }
		.indexFour__lower .inner ul li:nth-child(1) img {
		  max-width: 237px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:nth-child(1) img {
			  max-width: 100%; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(1) img {
			  max-width: 100%; } }
		.indexFour__lower .inner ul li:first-child {
		  margin: 20px 60px 0 5px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:first-child {
			  margin: 0; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:first-child {
			  margin: 0;
			  text-align: center; } }
		.indexFour__lower .inner ul li:nth-child(2) {
		  margin-right: 30px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:nth-child(2) {
			  margin-right: 0; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(2) {
			  margin: 20px 0 0 0;
			  text-align: center; } }
		  .indexFour__lower .inner ul li:nth-child(2) img {
			max-width: 240px; }
			@media screen and (min-width: 769px) and (max-width: 999px) {
			  .indexFour__lower .inner ul li:nth-child(2) img {
				max-width: 100%; } }
			@media screen and (max-width: 768px) {
			  .indexFour__lower .inner ul li:nth-child(2) img {
				max-width: 100%; } }
		.indexFour__lower .inner ul li:nth-child(3) {
		  margin: -10px 0 0 0; }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(3) {
			  margin: 20px 0 0 0;
			  text-align: center; } }
		  .indexFour__lower .inner ul li:nth-child(3) .necessary {
			padding: 0 15px; }
			.indexFour__lower .inner ul li:nth-child(3) .necessary img {
			  max-width: 294px; }
			  @media screen and (min-width: 769px) and (max-width: 999px) {
				.indexFour__lower .inner ul li:nth-child(3) .necessary img {
				  max-width: 100%; } }
			  @media screen and (max-width: 768px) {
				.indexFour__lower .inner ul li:nth-child(3) .necessary img {
				  max-width: 100%; } }
		.indexFour__lower .inner ul li .person {
		  margin-top: 20px;
		  text-align: center; }
		  .indexFour__lower .inner ul li .person img {
			max-width: 156px; }
			@media screen and (min-width: 769px) and (max-width: 999px) {
			  .indexFour__lower .inner ul li .person img {
				width: 100%;
				margin: 20px auto 0;
				text-align: center; } }
			@media screen and (max-width: 768px) {
			  .indexFour__lower .inner ul li .person img {
				max-width: 100%; } }
		  .indexFour__lower .inner ul li .person span {
			display: block;
			margin-top: 5px;
			font-size: 1.1rem;
			line-height: 2; }
		.indexFour__lower .inner ul li p {
		  margin-top: 35px; }

.indexFive {
  padding-top: 30px; }
  .indexFive__upper .bgPerson {
	background: url("../mens-images-yss/index_five_person1.png") no-repeat 650px 15px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFive__upper .bgPerson {
		background: #ffffff; } }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .bgPerson {
		background: none; } }
  .indexFive__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 0 0 50px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFive__upper .title {
		margin: 30px 0 0 20px;
		padding: 0; } }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .title {
		display: block;
		padding: 0 3%;
		margin-top: 30px;
		margin-left: 0;
		text-align: center; } }
	.indexFive__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFive__upper .title .number {
		  margin-right: 20px; } }
	  .indexFive__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexFive__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .title .number {
		  margin-right: 0; } }
	.indexFive__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFive__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexFive__upper .title h3 img {
		max-width: 641px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexFive__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .title h3 {
		  margin: 20px 0 20px; } }
  .indexFive__upper .person {
	display: none; }
  .indexFive__upper .text {
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexFive__upper .detail {
	margin-top: 20px;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .detail {
		border-top: none; } }
	.indexFive__upper .detail dt {
	  position: relative;
	  top: -20px;
	  text-align: center; }
	.indexFive__upper .detail dd {
	  margin: 0 0 0 30px;
	  padding: 0 0 20px;
	  font-size: 16px; }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .detail dd {
		  margin: 0; } }
  .indexFive__lower h3 {
	position: relative; }
	.indexFive__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexFive__lower .catch {
	padding-top: 44px;
	text-align: center; }
	.indexFive__lower .catch img:nth-child(2) {
	  margin: 15px 230px 15px 0;
	  max-width: 656px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .catch img:nth-child(2) {
		  max-width: 100%;
		  margin: 15px auto; } }
  .indexFive__lower .text {
	position: relative;
	background-color: #fff8f9; }
	.indexFive__lower .text dl {
	  max-width: 680px;
	  margin: 0 0 0 40px;
	  padding: 20px 0 30px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .text dl {
		  max-width: 96%;
		  margin: 0 auto;
		  padding-bottom: 10px; } }
	  .indexFive__lower .text dl dt {
		color: #db1515;
		font-weight: bold;
		font-size: 22px; }
		@media screen and (max-width: 768px) {
		  .indexFive__lower .text dl dt {
			font-size: 16px; } }
		.indexFive__lower .text dl dt span {
		  font-size: 16px; }
	  .indexFive__lower .text dl dd {
		margin-top: 5px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__lower .text dl dd {
			width: 70%; } }
		@media screen and (max-width: 768px) {
		  .indexFive__lower .text dl dd {
			width: 69%;
			padding-bottom: 0; } }
	.indexFive__lower .text .person_bottom {
	  position: absolute;
	  top: -115px;
	  right: 30px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .text .person_bottom {
		  position: absolute;
		  top: initial;
		  right: 1px;
		  bottom: 0px;
		  width: 90px; } }

.indexSix {
  padding-top: 50px; }
  .indexSix__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexSix__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexSix__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexSix__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title .number {
		  margin-right: 20px; } }
	  .indexSix__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title .number {
		  margin-right: 0; } }
	.indexSix__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexSix__upper .title h3 img {
		max-width: 592px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexSix__upper .title .person {
	  margin: -56px 0 0 -60px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title .person {
		  width: 130px;
		  margin: auto; } }
	  .indexSix__upper .title .person img {
		max-width: 190px; }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title .person img {
			max-width: 100%; } }
  .indexSix__upper .detail {
	margin: 10px auto 0;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexSix__upper .detail {
		margin: 40px auto 0; } }
	.indexSix__upper .detail dt {
	  position: relative;
	  top: -22px;
	  text-align: center; }
	.indexSix__upper .detail dd {
	  margin: 5px 0 0;
	  padding: 0 0 45px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .detail dd {
		  display: block;
		  margin: 0;
		  padding: 0 0 20px;
		  text-align: center; } }
  .indexSix__lower h3 {
	position: relative; }
	.indexSix__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexSix__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexSix__lower .text {
	margin-top: 50px;
	padding-top: 40px;
	background-color: #fff8f9; }
	.indexSix__lower .text h4 {
	  margin-top: -60px;
	  text-align: center; }
	.indexSix__lower .text .treatment {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  margin-top: 40px;
	  padding-bottom: 30px;
	  position: relative; }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .treatment {
		  display: block;
		  margin-top: 20px;
		  padding-bottom: 0; } }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .treatment span:nth-child(1) {
		  margin-left: 0; } }
	  .indexSix__lower .text .treatment span:nth-child(1) img {
		max-width: 617px; }
		@media screen and (max-width: 768px) {
		  .indexSix__lower .text .treatment span:nth-child(1) img {
			max-width: initial;
			width: 100%;
			margin: auto; } }
	.indexSix__lower .text .person {
	  margin: 116px 0 0 -5px;
	  position: absolute;
	  bottom: 0;
	  right: 10px; }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .person {
		  display: block;
		  margin: 20px auto 0;
		  text-align: center;
		  position: relative;
		  bottom: auto;
		  right: auto; } }
	  .indexSix__lower .text .person img {
		max-width: 169px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__lower .text .person img {
			width: 130px; } }
		@media screen and (max-width: 768px) {
		  .indexSix__lower .text .person img {
			max-width: 100%; } }

.indexSeven {
  padding-top: 50px; }
  .indexSeven__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexSeven__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexSeven__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexSeven__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title .number {
		  margin-right: 20px; } }
	  .indexSeven__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title .number {
		  margin-right: 0; } }
	.indexSeven__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexSeven__upper .title h3 img {
		max-width: 600px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexSeven__upper .title .person {
	  margin-top: 15px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title .person {
		  margin: 0 auto; } }
	  .indexSeven__upper .title .person img {
		max-width: 144px; }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title .person img {
			max-width: 100%; } }
  .indexSeven__upper .detail {
	margin: 15px 0 0;
	padding-bottom: 20px;
	background-color: #edf9ff; }
	.indexSeven__upper .detail dt {
	  position: relative;
	  top: -20px;
	  text-align: center; }
	.indexSeven__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 10px 0 10px 20px; }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .detail dd {
		  margin: 0;
		  display: block;
		  text-align: center; } }
	  .indexSeven__upper .detail dd span {
		display: block; }
		.indexSeven__upper .detail dd span:first-child img {
		  max-width: 263px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__upper .detail dd span:first-child img {
			  max-width: 100%; } }
	  .indexSeven__upper .detail dd .text-data {
		margin: 0 80px 0 25px;
		font-size: 16px;
		line-height: 1.8;
		width: 59%; }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .detail dd .text-data {
			width: 100%; } }
		.indexSeven__upper .detail dd .text-data span {
		  display: block;
		  margin-bottom: 10px; }
		  .indexSeven__upper .detail dd .text-data span img {
			max-width: 348px; }
			@media screen and (max-width: 768px) {
			  .indexSeven__upper .detail dd .text-data span img {
				max-width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .detail dd .text-data {
			display: block;
			margin: 20px 0 0 0;
			text-align: left; } }
  .indexSeven__lower h3 {
	position: relative; }
	.indexSeven__lower h3:after {
	  content: "";
	  background: url("../mens-images-yss/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexSeven__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexSeven__lower .text {
	margin-top: 50px;
	padding-top: 40px;
	background-color: #fff8f9; }
	.indexSeven__lower .text h4 {
	  margin-top: -60px;
	  text-align: center; }
	.indexSeven__lower .text p {
	  margin-top: 30px;
	  text-align: center;
	  font-weight: bold; }
	  .indexSeven__lower .text p span.colorBlue {
		color: #2154ca; }
	  .indexSeven__lower .text p span.colorYellow {
		color: #dfc21c; }
	.indexSeven__lower .text .treatment {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-top: 30px; }
	  @media screen and (max-width: 768px) {
		.indexSeven__lower .text .treatment {
		  display: block; } }
	  .indexSeven__lower .text .treatment span:nth-child(1) {
		margin-left: 48px; }
		@media screen and (max-width: 768px) {
		  .indexSeven__lower .text .treatment span:nth-child(1) {
			margin-left: 0; } }
		.indexSeven__lower .text .treatment span:nth-child(1) img {
		  max-width: 617px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__lower .text .treatment span:nth-child(1) img {
			  max-width: 100%; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__lower .text .treatment span {
		  width: 100%;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__lower .text .treatment span {
		  text-align: center; } }
	  .indexSeven__lower .text .treatment span:nth-child(2) {
		margin: 0 0 10px 25px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__lower .text .treatment span:nth-child(2) {
			margin: 20px 0 0; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__lower .text .treatment span:nth-child(2) {
			display: block;
			width: 240px;
			margin: 20px auto 0; } }
		.indexSeven__lower .text .treatment span:nth-child(2) img {
		  max-width: 279px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__lower .text .treatment span:nth-child(2) img {
			  max-width: 100%; } }

.indexPurchase02__wrapper {
  width: 100%;
  margin: 40px auto 0;
  background: #edf9ff url("../mens-images-yss/index_purchase_arrow.png") no-repeat top center; }
  @media screen and (max-width: 768px) {
	.indexPurchase02__wrapper {
	  margin: 20px auto 0;
	  background-size: 40%; } }
  .indexPurchase02__wrapper .indexPurchase02 {
	margin: 0 auto;
	padding: 50px 0; }
	@media screen and (max-width: 768px) {
	  .indexPurchase02__wrapper .indexPurchase02 {
		padding: 20px 0; } }
	.indexPurchase02__wrapper .indexPurchase02__title {
	  margin-top: 30px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.indexPurchase02__wrapper .indexPurchase02__title {
		  width: 96%;
		  margin: 30px auto 0; } }
	.indexPurchase02__wrapper .indexPurchase02__item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin-top: 10px; }
	  @media screen and (max-width: 768px) {
		.indexPurchase02__wrapper .indexPurchase02__item {
		  display: block;
		  margin: 0 auto; } }
	  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
		margin: 0 10px 0 40px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
			width: 40%;
			margin: 15px 0 0 0; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
			margin: 0 auto; } }
		.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
		  max-width: 527px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
		  @media screen and (max-width: 768px) {
			.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
	  .indexPurchase02__wrapper .indexPurchase02__item .authority {
		max-width: 504px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority {
			width: 60%; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority {
			margin: 0 auto; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority dl dt {
			margin-bottom: 15px; } }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority dl dt img {
			max-width: 100%; } }
		.indexPurchase02__wrapper .indexPurchase02__item .authority dl dd {
		  margin-top: 15px;
		  margin-left: 20px;
		  padding-bottom: 10px;
		  letter-spacing: 0.5px;
		  font-size: 1.4rem;
		  line-height: 1.7142857143; }
		  @media screen and (max-width: 768px) {
			.indexPurchase02__wrapper .indexPurchase02__item .authority dl dd {
			  width: 96%;
			  margin: 0 auto; } }
		.indexPurchase02__wrapper .indexPurchase02__item .authority img {
		  max-width: 100%; }
	.indexPurchase02__wrapper .indexPurchase02__box {
	  text-align: center; }
	  .indexPurchase02__wrapper .indexPurchase02__box li {
		margin: 30px 30px; }
		.indexPurchase02__wrapper .indexPurchase02__box li img {
		  width: 80%; }

.indexVarious__wrapper {
  width: 100%;
  background-color: #edf9ff; }
  .indexVarious__wrapper .indexVarious {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	@media screen and (max-width: 768px) {
	  .indexVarious__wrapper .indexVarious {
		display: block;
		padding-top: 10px; } }
	.indexVarious__wrapper .indexVarious__box {
	  max-width: 320px;
	  margin: 50px 0;
	  text-align: center;
	  background-color: #fff; }
	  @media screen and (max-width: 768px) {
		.indexVarious__wrapper .indexVarious__box {
		  margin: 50px auto 0; } }
	  .indexVarious__wrapper .indexVarious__box .item01 {
		margin: 10px 0 20px; }
		.indexVarious__wrapper .indexVarious__box .item01 img {
		  max-width: 133px; }
	  .indexVarious__wrapper .indexVarious__box .item02 {
		margin: 30px 0 0; }
		.indexVarious__wrapper .indexVarious__box .item02 img {
		  max-width: 113px; }
	  .indexVarious__wrapper .indexVarious__box .item03 {
		margin: 0 0 18px; }
		.indexVarious__wrapper .indexVarious__box .item03 img {
		  max-width: 157px; }
	  .indexVarious__wrapper .indexVarious__box dl dt {
		color: #1e61d1;
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.5;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; }
	  .indexVarious__wrapper .indexVarious__box dl dd {
		min-height: 80px;
		margin-top: 5px;
		font-size: 1.5rem;
		line-height: 1.4666666667; }
	  .indexVarious__wrapper .indexVarious__box p {
		margin: 0 0 20px; }

.aside-pharmaceutical {
  border-bottom: 1px solid #e5e7ec; }
  .aside-pharmaceutical__container {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical__container {
		-webkit-column-count: unset;
		column-count: unset; } }
  .aside-pharmaceutical .floatBox {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical .floatBox {
		margin-bottom: 20px; } }
  .aside-pharmaceutical h3 {
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2267da;
	font-weight: bold;
	color: #2267da;
	font-size: 2rem;
	line-height: 1.5; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h3 {
		font-size: 1.8rem;
		line-height: 1.6666666667;
		padding-left: 10px; } }
  .aside-pharmaceutical h4 {
	border-left: solid 4px #2267da;
	margin: 20px 0 8px;
	padding-left: 4px;
	color: #2267da;
	font-size: 1.5rem;
	line-height: 1.6; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h4 {
		font-size: 1.6rem;
		line-height: 1.5;
		padding-left: 10px; } }
  .aside-pharmaceutical h5 {
	font-size: 1.2rem;
	line-height: 1.6666666667;
	font-weight: bold;
	letter-spacing: -.05em; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h5 {
		font-size: 1.4rem;
		line-height: 1.5714285714;
		padding-left: 10px; } }
  .aside-pharmaceutical p {
	font-size: 1.2rem;
	line-height: 1.6666666667; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical p {
		font-size: 1.4rem;
		line-height: 1.5714285714;
		padding-left: 10px; } }
  .aside-pharmaceutical .mTop5 {
	margin-top: 5px; }
  .aside-pharmaceutical .mTop20 {
	margin-top: 20px; }
  .aside-pharmaceutical .mTop30 {
	margin-top: 30px; }
  .aside-pharmaceutical table {
	width: 100%;
	margin-top: 20px; }
	.aside-pharmaceutical table tr {
	  border-bottom: solid 1px #ccc; }
	  .aside-pharmaceutical table tr th {
		padding: 10px;
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-left: solid 1px #ccc;
		text-align: center;
		font-size: 1.1rem;
		line-height: 1.8181818182;
		background-color: #e6f2f8; }
		@media screen and (max-width: 768px) {
		  .aside-pharmaceutical table tr th {
			font-size: 1.3rem;
			line-height: 1.5384615385; } }
	  .aside-pharmaceutical table tr td {
		padding: 10px;
		font-size: 1.1rem;
		line-height: 1.8181818182;
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc; }
		@media screen and (max-width: 768px) {
		  .aside-pharmaceutical table tr td {
			font-size: 1.3rem;
			line-height: 1.5384615385; } }
		.aside-pharmaceutical table tr td .attention {
		  color: #fd0003;
		  text-decoration: underline; }
		.aside-pharmaceutical table tr td a {
		  color: #005bc4;
		  text-decoration: none; }
		  .aside-pharmaceutical table tr td a:hover {
			text-decoration: underline; }
		.aside-pharmaceutical table tr td span {
		  color: #0000ff; }
  .aside-pharmaceutical table.first th {
	width: 30%; }
  .aside-pharmaceutical table.second th {
	width: 40%; }
  .aside-pharmaceutical table.third th {
	width: 20%; }
  .aside-pharmaceutical table.single td {
	border-left: solid 1px #ccc; }

/* ============
* voice
============== */
/* ============
* develop
============== */
.developVisual {
  background: url("../mens-images-yss/develop_visual_bg.jpg") no-repeat center center; }
  @media screen and (min-width: 1920px) {
	.developVisual {
	  background-size: cover; } }
  .developVisual__container {
	position: relative;
	width: 1000px;
	height: 720px;
	margin: auto; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__container {
		width: 100%; } }
	.developVisual__container::before {
	  display: block;
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: -70px;
	  z-index: 2;
	  width: 376px;
	  height: 472px;
	  background: url("../mens-images-yss/develop_visual_bg_material_left.png") no-repeat center center;
	  background-size: 100%; }
	.developVisual__container::after {
	  display: block;
	  content: '';
	  position: absolute;
	  right: -70px;
	  bottom: 0;
	  z-index: 2;
	  width: 356px;
	  height: 535px;
	  background: url("../mens-images-yss/develop_visual_bg_material_right.png") no-repeat center center;
	  background-size: 100%; }
  .developVisual__title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 251px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__title {
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .developVisual__title {
		position: absolute;
		top: 0;
		left: -1px;
		width: 101px; } }
  .developVisual__desc {
	position: relative;
	z-index: 3;
	width: 620px;
	margin: auto;
	padding-top: 140px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__desc {
		width: 70%; } }
  .developVisual--sp {
	background: url("../mens-images-yss/develop_visual_bg.jpg") no-repeat center center; }
	.developVisual--sp h2 {
	  position: relative; }
	  .developVisual--sp h2::after {
		padding-top: 164%;
		content: '';
		display: block;
		position: absolute; }
	  @media screen and (max-width: 768px) {
		.developVisual--sp h2 img {
		  width: 100%; } }

/*
水虫薬エフゲンの50年の歴史
*/
.developHistory50__heading {
  padding: 28px 0;
  background: #032b9a; }
  @media screen and (max-width: 768px) {
	.developHistory50__heading {
	  padding: 10px 0; } }
.developHistory50__title {
  width: 729px;
  margin: auto; }
  @media screen and (max-width: 768px) {
	.developHistory50__title {
	  width: auto; } }
.developHistory50__container {
  padding: 68px;
  background: url("../mens-images-yss/develop_history50_bg.jpg") no-repeat top center;
  background-size: 100%;
  border-bottom: 3px solid #032b9a; }
  @media screen and (max-width: 768px) {
	.developHistory50__container {
	  background: none;
	  padding: 3% 3% 7%; } }
  .developHistory50__container figure {
	width: 654px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developHistory50__container figure {
		width: auto; } }

/*
水虫薬の誕生の裏側
*/
.developStory {
  margin-top: 110px; }
  @media screen and (max-width: 768px) {
	.developStory {
	  margin-top: 23px;
	  padding-top: 10px; } }
  .developStory__heading {
	position: relative;
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .developStory__heading {
		margin-bottom: 0;
		text-align: center; } }
	.developStory__heading .heading {
	  display: block; }
	  .developStory__heading .heading--1 {
		position: absolute;
		top: -60px;
		left: 80px;
		width: 267px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory__heading .heading--1 {
			position: absolute;
			top: -120px;
			left: 80px; } }
		@media screen and (max-width: 768px) {
		  .developStory__heading .heading--1 {
			position: relative;
			top: auto;
			left: auto;
			display: block;
			width: 62%;
			margin: auto; } }
	  .developStory__heading .heading--2 {
		position: absolute;
		top: -40px;
		right: 0;
		left: 0;
		width: 268px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developStory__heading .heading--2 {
			position: relative;
			top: auto;
			right: auto;
			left: auto; } }
  .developStory__title {
	color: #032b9a;
	font-weight: bold;
	font-size: calc(32px + 37 * ( (100vw - 320px) / 448));
	text-align: center; }
	@media screen and (max-width: 320px) {
	  .developStory__title {
		font-size: 32px; } }
	@media screen and (min-width: 768px) {
	  .developStory__title {
		font-size: 69px; } }
	@media screen and (max-width: 768px) {
	  .developStory__title {
		line-height: 1; } }
  .developStory__content {
	padding: 75px;
	background-size: 100%;
	border-bottom: 3px solid #032b9a; }
	.developStory__content figure {
	  width: 654px;
	  margin: auto; }
  .developStory__box {
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .developStory__box {
		margin-bottom: 20px; } }
	.developStory__box .heading {
	  padding: 10px;
	  border-radius: 8px 8px 0 0;
	  background: #032b9a; }
	  .developStory__box .heading .number {
		width: 137px;
		position: absolute;
		top: -30px;
		left: -40px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory__box .heading .number {
			position: absolute;
			top: -30px;
			left: 1px; } }
		@media screen and (max-width: 768px) {
		  .developStory__box .heading .number {
			width: 69px;
			position: absolute;
			top: -6px;
			left: 1px; } }
	.developStory__box .title {
	  color: #FFF;
	  font-weight: bold;
	  font-size: calc(18px + 22 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developStory__box .title {
		  font-size: 18px; } }
	  @media screen and (min-width: 768px) {
		.developStory__box .title {
		  font-size: 40px; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developStory__box .title {
		  padding-left: 3.3em; } }
	  @media screen and (max-width: 768px) {
		.developStory__box .title {
		  padding-left: 16vw;
		  text-align: left;
		  line-height: 1.4; } }
	.developStory__box .desc {
	  margin-bottom: 30px;
	  text-align: center; }
	.developStory__box .inner {
	  padding: 40px;
	  border: 3px solid #eef2ff;
	  border-top: 0; }
	  @media screen and (max-width: 768px) {
		.developStory__box .inner {
		  padding: 5% 2%; } }
	  @media screen and (max-width: 768px) {
		.developStory__box .inner p {
		  text-align: justify; } }
  .developStory .story--1 .story-image {
	position: relative;
	left: -30px;
	display: block;
	width: 327px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developStory .story--1 .story-image {
		width: 70vw;
		left: 0; } }
  .developStory .story--1 figure {
	margin-top: -30px; }
	@media screen and (max-width: 768px) {
	  .developStory .story--1 figure {
		margin-top: 0px; } }
  .developStory .story--2 .story-image {
	position: relative;
	left: 0;
	display: block;
	width: 203px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developStory .story--2 .story-image {
		width: 160px; } }
  .developStory .story--2 .figure-box {
	margin: 40px auto 0;
	padding: 0 30px 30px;
	background: #eef2ff; }
	@media screen and (max-width: 768px) {
	  .developStory .story--2 .figure-box {
		padding: 0 4% 2%; } }
	.developStory .story--2 .figure-box .arrow {
	  width: 15px; }
	.developStory .story--2 .figure-box__title {
	  width: 627px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box__title {
		  width: 100%; } }
	.developStory .story--2 .figure-box .figure--1 {
	  display: block;
	  width: 653px;
	  margin: 30px auto;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--1 {
		  width: auto; } }
	.developStory .story--2 .figure-box .figure--2 {
	  display: block;
	  width: 500px;
	  margin: 30px auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--2 {
		  width: auto; } }
	.developStory .story--2 .figure-box .figure--3 {
	  display: block;
	  width: 700px;
	  margin: 30px auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--3 {
		  width: auto; } }
  .developStory .story--3 .story-image {
	position: relative;
	left: 0;
	display: block;
	width: 203px;
	margin: auto; }
  .developStory .story--3 figure {
	margin: 40px auto 0;
	padding: 0 30px 30px;
	background: #eef2ff;
	/*まずは*/
	/*次に*/
	/*さらに*/ }
	@media screen and (max-width: 768px) {
	  .developStory .story--3 figure {
		padding: 0 4% 4%; } }
	.developStory .story--3 figure figcaption {
	  width: 506px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--3 figure figcaption {
		  width: auto; } }
	.developStory .story--3 figure .first {
	  margin-top: -20px; }
	  .developStory .story--3 figure .first h3 {
		display: block;
		width: 750px;
		margin: 30px auto; }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .first h3 {
			width: auto;
			margin: 30px auto 20px; } }
	  .developStory .story--3 figure .first .image {
		position: relative;
		left: -30px;
		display: table;
		width: 362px;
		margin: 0 auto 30px; }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .first .image {
			width: auto;
			left: 0;
			margin: 20px auto 30px; } }
	  .developStory .story--3 figure .first p {
		display: table;
		margin: auto;
		text-align: center; }
	.developStory .story--3 figure .next {
	  margin: 40px auto 0; }
	  .developStory .story--3 figure .next .next-step {
		display: table;
		width: 753px;
		margin: 30px auto 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory .story--3 figure .next .next-step {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .next .next-step {
			width: auto; } }
	  .developStory .story--3 figure .next .box {
		float: left; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory .story--3 figure .next .box {
			width: 50%;
			max-width: 376px; } }
		.developStory .story--3 figure .next .box img {
		  display: block;
		  width: 376px;
		  height: 309px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.developStory .story--3 figure .next .box img {
			  width: 100%;
			  max-width: 376px;
			  height: auto; } }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box img {
			  width: auto;
			  height: inherit; } }
		.developStory .story--3 figure .next .box--1 {
		  border-right: 1px solid #d9e0f7;
		  border-bottom: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--1 {
			  border: none; } }
		.developStory .story--3 figure .next .box--2 {
		  border-bottom: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--2 {
			  border: none; } }
		.developStory .story--3 figure .next .box--3 {
		  padding-top: 20px;
		  border-right: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--3 {
			  border: none; } }
		.developStory .story--3 figure .next .box--4 {
		  padding-top: 20px; }
	.developStory .story--3 figure .further p {
	  margin: 20px auto 0; }

.developStorySummary {
  height: 403px;
  padding: 55px 0 0;
  background: url("../mens-images-yss/develop_story_summary_bg.jpg") no-repeat top center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
	.developStorySummary {
	  padding: 50px 0 20px;
	  height: auto; } }
  .developStorySummary__heading {
	float: left;
	display: block;
	width: 494px;
	margin-left: 87px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developStorySummary__heading {
		width: 46%; } }
	@media screen and (max-width: 768px) {
	  .developStorySummary__heading {
		width: 100%;
		margin-left: 0; } }
  .developStorySummary__title {
	width: 100%;
	margin: 60px 0 0; }
	@media screen and (max-width: 768px) {
	  .developStorySummary__title {
		display: block;
		margin: 40px auto 20px;
		width: 70vw; } }
  .developStorySummary__item {
	position: relative;
	float: left;
	width: 266px;
	margin-left: 30px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developStorySummary__item {
		width: 30%; } }
	@media screen and (max-width: 768px) {
	  .developStorySummary__item {
		float: none;
		width: auto;
		margin-left: 0;
		text-align: center; }
		.developStorySummary__item img {
		  display: block;
		  width: 45vw;
		  margin: auto; } }
	.developStorySummary__item .item-label {
	  display: block;
	  position: absolute;
	  bottom: 30px;
	  left: -170px;
	  width: 133px; }

.developHowever {
  margin-top: 130px; }
  @media screen and (max-width: 768px) {
	.developHowever {
	  margin-top: 80px; } }
  .developHowever__heading {
	position: relative;
	margin-bottom: 40px; }
	.developHowever__heading .heading {
	  display: block; }
	  .developHowever__heading .heading--1 {
		position: absolute;
		top: -160px;
		right: 0;
		left: 0;
		width: 267px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__heading .heading--1 {
			top: -105px;
			width: 40vw;
			max-width: 180px; } }
	  .developHowever__heading .heading--2 {
		position: absolute;
		top: -40px;
		right: 0;
		left: 40px;
		width: 367px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__heading .heading--2 {
			left: 0;
			width: 80vw;
			max-width: 400px; } }
  .developHowever__title {
	color: #032b9a;
	font-weight: bold;
	font-size: calc(24px + 36 * ( (100vw - 320px) / 448));
	text-align: center; }
	@media screen and (max-width: 320px) {
	  .developHowever__title {
		font-size: 24px; } }
	@media screen and (min-width: 768px) {
	  .developHowever__title {
		font-size: 60px; } }
  .developHowever__box {
	position: relative;
	margin-bottom: 100px;
	padding: 0 40px 40px;
	border: 3px solid #eef2ff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef2ff+0,ffffff+31,ffffff+100 */
	background: #eef2ff;
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(81%, #ffffff), to(#eef2ff));
	background: linear-gradient(to bottom, #FFF 0%, #ffffff 81%, #eef2ff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2ff', endColorstr='#ffffff',GradientType=0 );
	/* IE6-9 */
	text-align: left; }
	@media screen and (max-width: 768px) {
	  .developHowever__box {
		margin-bottom: 70px;
		padding: 0 15px 20px; } }
	.developHowever__box:after {
	  display: block;
	  content: '';
	  position: absolute;
	  right: 0;
	  bottom: -33px;
	  left: 0;
	  width: 148px;
	  height: 30px;
	  margin: auto;
	  background: url("../mens-images-yss/develop_however_arrow_bottom.png") no-repeat top center;
	  background-size: 100%; }
	.developHowever__box .box-heading {
	  display: table;
	  position: relative;
	  top: -30px;
	  margin: auto;
	  padding: 3px 10px;
	  background: #032b9a;
	  border-radius: 150px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developHowever__box .box-heading {
		  width: 100%; } }
	.developHowever__box .box-title {
	  padding: 0 20px;
	  color: #ffff00;
	  font-weight: bold;
	  font-size: calc(16px + 14 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developHowever__box .box-title {
		  font-size: 16px; } }
	  @media screen and (min-width: 768px) {
		.developHowever__box .box-title {
		  font-size: 30px; } }
	  @media screen and (max-width: 768px) {
		.developHowever__box .box-title {
		  padding: 7px 20px;
		  line-height: 1.4; } }
	.developHowever__box.box-1 .inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  margin: 0 auto; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-1 .inner {
		  display: block; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowever__box.box-1 .inner .item {
		  width: 45%; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowever__box.box-1 .inner .item--center {
		  width: 10%; } }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-1 .inner .item--center {
		  margin: 20px auto; } }
	  .developHowever__box.box-1 .inner .item .image {
		display: block;
		height: 234px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-1 .inner .item .image {
			height: 164px; } }
	  .developHowever__box.box-1 .inner .item p {
		display: table;
		width: 422px;
		margin: 20px auto 0;
		text-align: left; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developHowever__box.box-1 .inner .item p {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-1 .inner .item p {
			width: auto; } }
	.developHowever__box.box-2 .image {
	  display: block;
	  height: 234px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-2 .image {
		  height: auto; } }
	.developHowever__box.box-2 p {
	  display: table;
	  margin: 20px auto 0;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-2 p {
		  text-align: left; } }
	.developHowever__box.box-3 {
	  margin-bottom: 60px; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-3 {
		  margin-bottom: 30px; } }
	  .developHowever__box.box-3 .image {
		display: block;
		height: 268px;
		margin: auto; }
	  .developHowever__box.box-3 p {
		display: table;
		margin: 20px auto 0;
		text-align: center; }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-3 p {
			text-align: left; } }

/*
大源製薬のロングセラー商品の誕生
*/
.developItemBirth {
  padding: 40px 0;
  background: #edf4ff; }
  @media screen and (max-width: 768px) {
	.developItemBirth {
	  padding: 20px 0; } }
  .developItemBirth__heading {
	position: relative;
	left: -23px; }
	@media screen and (max-width: 768px) {
	  .developItemBirth__heading {
		left: 0; } }
  .developItemBirth__container {
	padding-top: 20px; }
	.developItemBirth__container .inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: end;
	  -ms-flex-align: end;
	  align-items: flex-end; }
	  .developItemBirth__container .inner .item.start {
		width: 425px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.start {
			width: auto; } }
	  .developItemBirth__container .inner .item.center {
		position: relative;
		left: -58px;
		width: 254px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.center {
			left: -15px;
			width: auto; } }
	  .developItemBirth__container .inner .item.end {
		width: 320px;
		position: relative;
		left: -28px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.end {
			left: 0;
			width: auto; } }
	  .developItemBirth__container .inner .item img {
		width: 100%; }

/*
水虫お悩み相談事例
*/
.developConsulEx__heading {
  position: relative;
  padding: 28px 0;
  background: #032b9a;
  text-align: center; }
  @media screen and (max-width: 768px) {
	.developConsulEx__heading {
	  padding: 0; } }
  .developConsulEx__heading:after {
	display: block;
	position: absolute;
	right: 0;
	bottom: -70px;
	left: 0;
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	border: 40px solid transparent;
	border-top: 30px solid #032b9a; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__heading:after {
		position: absolute;
		right: 0;
		bottom: -23px;
		left: 0;
		border: 10px solid transparent;
		border-top: 18px solid #032b9a; } }
.developConsulEx__title {
  color: yellow;
  font-weight: bold;
  font-size: calc(19px + 39 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.developConsulEx__title {
	  font-size: 19px; } }
  @media screen and (min-width: 768px) {
	.developConsulEx__title {
	  font-size: 58px; } }
  @media screen and (max-width: 960px) {
	.developConsulEx__title {
	  padding: 4% 2%; } }
.developConsulEx__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 30px; }
  @media screen and (max-width: 768px) {
	.developConsulEx__intro {
	  display: block; } }
  .developConsulEx__intro .start {
	padding: 0 10px; }
	.developConsulEx__intro .start img {
	  display: block;
	  width: 258px; }
  .developConsulEx__intro .center {
	display: block;
	position: relative;
	top: -40px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulEx__intro .center {
		top: -20px; } }
	@media screen and (max-width: 768px) {
	  .developConsulEx__intro .center {
		top: 0; } }
	.developConsulEx__intro .center h3 {
	  margin-bottom: 10px;
	  padding: 4px 20px;
	  border-radius: 40px;
	  background: #032b9a;
	  color: #fff;
	  font-weight: bold;
	  font-size: calc(16px + 11 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developConsulEx__intro .center h3 {
		  font-size: 16px; } }
	  @media screen and (min-width: 768px) {
		.developConsulEx__intro .center h3 {
		  font-size: 27px; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__intro .center h3 {
		  font-size: 18px; } }
	.developConsulEx__intro .center p {
	  text-align: left; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__intro .center p {
		  font-size: 16px; } }
  .developConsulEx__intro .end {
	padding: 0 10px; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__intro .end {
		margin-bottom: -16px;
		padding: 0; } }
	.developConsulEx__intro .end img {
	  display: block;
	  width: 252px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__intro .end img {
		  width: 282px;
		  margin: auto; } }
.developConsulEx__box {
  margin-bottom: 50px; }
  .developConsulEx__box--1 {
	margin-bottom: 50px; }
  .developConsulEx__box--2 {
	margin-top: 90px;
	margin-bottom: 0; }
	.developConsulEx__box--2 .arrow-week {
	  width: 254px;
	  position: absolute;
	  top: -66px;
	  right: 0;
	  left: 0;
	  margin: auto; }
.developConsulEx__inner {
  padding: 45px 100px 20px;
  background: #cadcfb;
  border-radius: 10px; }
  @media screen and (max-width: 768px) {
	.developConsulEx__inner {
	  padding: 4%; } }
  .developConsulEx__inner .icon {
	display: block;
	position: relative;
	width: 100px; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__inner .icon {
		width: 80px; } }
	.developConsulEx__inner .icon--on:before {
	  display: block;
	  content: '';
	  position: absolute;
	  top: -36px;
	  left: 0;
	  width: 40px;
	  height: 34px;
	  background: url("../mens-images-yss/develop_consul_ex_icon_patient_balloon.png") no-repeat top center;
	  background-size: 100%; }
  .developConsulEx__inner .comment {
	position: relative;
	padding: 14px 20px;
	border-radius: 8px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulEx__inner .comment {
		width: calc(100% - 125px); } }
	@media screen and (max-width: 768px) {
	  .developConsulEx__inner .comment {
		padding: 14px; } }
  .developConsulEx__inner .patient {
	float: left;
	width: 100%;
	margin-bottom: 20px; }
	.developConsulEx__inner .patient .box .icon {
	  float: left;
	  margin-right: 15px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .patient .box .icon {
		  margin-right: 0; } }
	.developConsulEx__inner .patient .comment {
	  float: left;
	  background: #ccfbd6; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__inner .patient .comment {
		  width: calc(100% - 125px); } }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .patient .comment {
		  width: calc(100% - 125px); } }
	  .developConsulEx__inner .patient .comment:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: -20px;
		width: 0;
		height: 0;
		margin: auto;
		border: 10px solid transparent;
		border-right: 17px solid #ccfbd6; }
  .developConsulEx__inner .support {
	float: right;
	width: 100%;
	margin-bottom: 20px; }
	.developConsulEx__inner .support .box .icon {
	  float: right;
	  margin-left: 15px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .support .box .icon {
		  margin-left: 0; } }
	.developConsulEx__inner .support .comment {
	  float: right;
	  background: #FFF; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .support .comment {
		  width: calc(100% - 115px); } }
	  .developConsulEx__inner .support .comment:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: -20px;
		bottom: 0;
		width: 0;
		height: 0;
		margin: auto;
		border: 10px solid transparent;
		border-left: 17px solid #FFF; }
		@media screen and (max-width: 768px) {
		  .developConsulEx__inner .support .comment:before {
			margin: inherit;
			top: 20%; } }
	  .developConsulEx__inner .support .comment--wide {
		width: 569px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developConsulEx__inner .support .comment--wide {
			width: calc(100% - 125px); } }
		@media screen and (max-width: 768px) {
		  .developConsulEx__inner .support .comment--wide {
			width: calc(100% - 115px); } }

/*
エフゲンの正しい使用方法をcheck
*/
.developHowto__heading {
  position: relative;
  bottom: -36px;
  z-index: 1; }
  .developHowto__heading .title-adobe {
	display: block;
	position: absolute;
	top: -55px;
	right: 0;
	left: 0;
	width: 413px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developHowto__heading .title-adobe {
		width: auto; } }
.developHowto__title {
  width: 713px;
  margin: auto; }
  @media screen and (max-width: 768px) {
	.developHowto__title {
	  width: auto; } }
.developHowto__container {
  overflow: hidden;
  border: 4px solid #032b9a;
  border-radius: 10px;
  padding: 110px 90px 50px; }
  @media screen and (max-width: 768px) {
	.developHowto__container {
	  padding: 4%;
	  margin: 2%; } }
.developHowto__box {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  /*各画像*/
  /*各説明*/ }
  @media screen and (max-width: 768px) {
	.developHowto__box {
	  margin-bottom: 20px; } }
  .developHowto__box.start:before {
	display: block;
	visibility: visible;
	content: '';
	position: absolute;
	right: 0;
	bottom: -460px;
	left: 0;
	z-index: -1;
	width: 9px;
	height: 777px;
	margin: auto;
	background: url("../mens-images-yss/develop_howto_step_arrow_bg.jpg") no-repeat top center;
	background-size: 100%;
	-webkit-transform: rotate(119deg);
	transform: rotate(119deg); }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box.start:before {
		background: none; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box.start:before {
		background: none; } }
  .developHowto__box.next {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box.next {
		display: block; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box.next {
		display: block; } }
	.developHowto__box.next:before {
	  display: block;
	  visibility: visible;
	  content: '';
	  position: absolute;
	  right: 0;
	  bottom: -410px;
	  left: 0;
	  z-index: -1;
	  width: 9px;
	  height: 777px;
	  margin: auto;
	  background: url("../mens-images-yss/develop_howto_step_arrow_bg.jpg") no-repeat top center;
	  background-size: 100%;
	  -webkit-transform: rotate(-126deg);
	  transform: rotate(-126deg); }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box.next:before {
		  background: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box.next:before {
		  background: none; } }
  .developHowto__box.end {
	margin-bottom: 0; }
  .developHowto__box .image {
	float: left; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box .image {
		float: none;
		margin: 20px auto;
		text-align: center; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box .image {
		float: none;
		margin: 20px auto;
		text-align: center; } }
	.developHowto__box .image--1 {
	  width: 236px;
	  margin-right: 40px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--1 {
		  margin-right: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--1 {
		  margin-right: auto; } }
	.developHowto__box .image--2 {
	  width: 236px;
	  margin-top: 30px;
	  margin-left: 150px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--2 {
		  margin: 20px auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--2 {
		  margin: 20px auto; } }
	.developHowto__box .image--3 {
	  width: 236px;
	  margin-right: 40px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--3 {
		  margin-left: auto;
		  margin-right: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--3 {
		  margin-left: auto;
		  margin-right: auto; } }
  .developHowto__box .data {
	position: relative;
	float: left; }
	@media screen and (max-width: 768px) {
	  .developHowto__box .data .head .title-step {
		display: block;
		height: 40px;
		margin-bottom: 10px; } }
	.developHowto__box .data--1 {
	  width: 530px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--1 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--1 {
		  width: auto; } }
	  .developHowto__box .data--1 .head {
		width: 381px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--1 .head {
			width: auto; } }
	  .developHowto__box .data--1 .material {
		display: block;
		position: absolute;
		top: -27px;
		right: 50px;
		width: 76px; }
	  .developHowto__box .data--1 p {
		padding-left: 75px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--1 p {
			padding-left: 0; } }
	.developHowto__box .data--2 {
	  width: 430px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--2 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--2 {
		  width: auto; } }
	  .developHowto__box .data--2 .head {
		width: 448px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--2 .head {
			width: auto; } }
	  .developHowto__box .data--2 p {
		margin-top: 10px; }
	.developHowto__box .data--3 {
	  width: 450px;
	  margin-left: 80px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--3 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--3 {
		  width: auto;
		  margin-left: 0; } }
	  .developHowto__box .data--3 .head {
		width: 381px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--3 .head {
			width: auto; } }
	  .developHowto__box .data--3 .material {
		display: block;
		position: absolute;
		top: -7px;
		right: -20px;
		width: 76px; }
	  .developHowto__box .data--3 p {
		margin-top: 10px; }
.developHowto__wrapping {
  width: 800px;
  margin: 10px auto 0; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.developHowto__wrapping {
	  width: 100%; } }
  @media screen and (max-width: 768px) {
	.developHowto__wrapping {
	  width: 100%; } }
  .developHowto__wrapping .heading {
	position: relative;
	bottom: -30px;
	z-index: 2;
	width: 450px;
	margin: auto;
	padding: 8px 12px;
	background: #032b9a;
	border-radius: 60px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developHowto__wrapping .heading {
		width: auto; } }
	.developHowto__wrapping .heading .adobe {
	  display: block;
	  position: absolute;
	  top: -17px;
	  left: -30px;
	  width: 76px; }
  .developHowto__wrapping .title {
	color: #FFF;
	font-weight: bold;
	font-size: calc(18px + 14 * ( (100vw - 320px) / 448));
	line-height: 1; }
	@media screen and (max-width: 320px) {
	  .developHowto__wrapping .title {
		font-size: 18px; } }
	@media screen and (min-width: 768px) {
	  .developHowto__wrapping .title {
		font-size: 32px; } }
  .developHowto__wrapping .inner {
	position: relative;
	padding: 50px 40px 20px;
	border: 10px solid #ccdefb; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__wrapping .inner {
		padding: 2em 1em 0; } }
	@media screen and (max-width: 768px) {
	  .developHowto__wrapping .inner {
		padding: 2em 1em 0; } }
	.developHowto__wrapping .inner p {
	  width: 520px;
	  font-size: 17px;
	  text-align: justify; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__wrapping .inner p {
		  width: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__wrapping .inner p {
		  width: auto; } }
	.developHowto__wrapping .inner .material {
	  display: block;
	  z-index: 2;
	  position: absolute;
	  top: 45px;
	  right: -50px;
	  width: 242px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__wrapping .inner .material {
		  padding: 1em 1em 0 1em;
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  display: block;
		  margin: 0 auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__wrapping .inner .material {
		  padding: 1em 1em 0 1em;
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  display: block;
		  margin: 0 auto; } }

.developConsulSummary {
  overflow: hidden;
  height: 316px;
  margin: 0 auto;
  background: url("../mens-images-yss/develop_consul_summary_bg.jpg") no-repeat top center;
  background-size: 100%; }
  @media screen and (max-width: 768px) {
	.developConsulSummary {
	  margin: 0;
	  height: inherit;
	  background-size: cover; } }
  .developConsulSummary__heading {
	position: relative;
	padding-top: 47px;
	text-align: left; }
	@media screen and (max-width: 768px) {
	  .developConsulSummary__heading {
		padding-top: 0; } }
	.developConsulSummary__heading .material {
	  display: block;
	  width: 274px;
	  position: absolute;
	  right: 50px;
	  bottom: -70px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulSummary__heading .material {
		  width: 30%;
		  max-width: 250px; } }
	  @media screen and (max-width: 768px) {
		.developConsulSummary__heading .material {
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  width: 100vw;
		  margin: 0 auto; } }
  .developConsulSummary__title {
	width: 627px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulSummary__title {
		width: 70%; } }
	@media screen and (max-width: 768px) {
	  .developConsulSummary__title {
		width: auto; } }

/*
こんな方にオススメです
*/
.developRecommend {
  background: #edf5ff; }
  .developRecommend__heading {
	position: relative;
	padding: 28px 0;
	background: #032b9a;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developRecommend__heading {
		padding: 9px 0 13px; } }
	.developRecommend__heading:after {
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: -70px;
	  left: 0;
	  content: '';
	  width: 0;
	  height: 0;
	  margin: auto;
	  border: 40px solid transparent;
	  border-top: 30px solid #032b9a; }
	  @media screen and (max-width: 768px) {
		.developRecommend__heading:after {
		  position: absolute;
		  right: 0;
		  bottom: -23px;
		  left: 0;
		  border: 10px solid transparent;
		  border-top: 18px solid #032b9a; } }
  .developRecommend__title {
	width: 639px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developRecommend__title {
		width: auto; }
		.developRecommend__title img {
		  max-height: 35px; } }
  .developRecommend__container {
	position: relative;
	padding: 40px 0; }
	@media screen and (max-width: 768px) {
	  .developRecommend__container {
		padding: 40px 2% 20px; } }
  .developRecommend__list {
	overflow: hidden;
	position: relative;
	padding: 30px 50px;
	background: #FFF;
	border: 5px solid #d5e7fd;
	border-radius: 12px; }
	@media screen and (max-width: 768px) {
	  .developRecommend__list {
		padding: 4%; } }
	.developRecommend__list ul {
	  width: 680px;
	  margin-left: 40px; }
	  @media screen and (max-width: 768px) {
		.developRecommend__list ul {
		  width: auto;
		  margin-left: 0;
		  padding-left: 30px; } }
	  .developRecommend__list ul li {
		position: relative;
		display: block;
		margin-bottom: 6px;
		padding-left: 10px;
		border-bottom: 1px dashed #00479d;
		color: #00479d;
		font-weight: bold;
		font-size: calc(16px + 6 * ( (100vw - 320px) / 448));
		line-height: 2.4; }
		@media screen and (max-width: 320px) {
		  .developRecommend__list ul li {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .developRecommend__list ul li {
			font-size: 22px; } }
		@media screen and (max-width: 768px) {
		  .developRecommend__list ul li {
			padding: 10px 0;
			line-height: 1.4; } }
		@media screen and (max-width: 768px) {
		  .developRecommend__list ul li:last-child {
			margin-bottom: 0;
			border-bottom: 0; } }
		.developRecommend__list ul li:before {
		  display: inline-block;
		  position: absolute;
		  top: 9px;
		  left: -38px;
		  content: '';
		  width: 36px;
		  height: 32px;
		  background: url("../mens-images-yss/product_recommend_icon_checkbox.png") no-repeat top center;
		  background-size: 100%; }
		  @media screen and (max-width: 768px) {
			.developRecommend__list ul li:before {
			  position: absolute;
			  top: 13px;
			  left: -29px;
			  background-size: 22px auto;
			  width: 22px;
			  height: 20px; } }
	.developRecommend__list .material {
	  display: block;
	  position: absolute;
	  right: 40px;
	  bottom: 0;
	  width: 372px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developRecommend__list .material {
		  display: none !important; } }
	  @media screen and (max-width: 768px) {
		.developRecommend__list .material {
		  margin-top: 1em;
		  width: auto;
		  position: static;
		  right: 0;
		  bottom: 0; } }

.developPurchase {
  width: 100%;
  background: #e7f6ff; }
  .developPurchase .developPurchase__heading {
	position: relative;
	padding: 15px 0;
	background: #032b9a;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developPurchase .developPurchase__heading {
		padding: 9px 0 6px; } }
	.developPurchase .developPurchase__heading:after {
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: -70px;
	  left: 0;
	  content: '';
	  width: 0;
	  height: 0;
	  margin: auto;
	  border: 40px solid transparent;
	  border-top: 30px solid #032b9a; }
	  @media screen and (max-width: 768px) {
		.developPurchase .developPurchase__heading:after {
		  position: absolute;
		  right: 0;
		  bottom: -23px;
		  left: 0;
		  border: 10px solid transparent;
		  border-top: 18px solid #032b9a; } }
	.developPurchase .developPurchase__heading .developPurchase__title {
	  color: #fff;
	  font-weight: bold;
	  font-size: calc(19px + 39 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.developPurchase .developPurchase__heading .developPurchase__title {
		  font-size: 19px; } }
	  @media screen and (min-width: 768px) {
		.developPurchase .developPurchase__heading .developPurchase__title {
		  font-size: 58px; } }
	  .developPurchase .developPurchase__heading .developPurchase__title span {
		color: yellow; }
  .developPurchase .indexPurchase02 {
	margin: 0 auto;
	padding: 32px 0 45px; }
	@media screen and (max-width: 768px) {
	  .developPurchase .indexPurchase02 {
		padding: 20px 0; } }
	.developPurchase .indexPurchase02__title {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__title {
		  width: 96%;
		  margin: 0 auto; } }
	.developPurchase .indexPurchase02__item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin: 20px 0 0 0; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__item {
		  display: block; } }
	  .developPurchase .indexPurchase02__item div:first-child {
		margin: 15px 22px 0 0; }
		.developPurchase .indexPurchase02__item div:first-child img {
		  max-width: 427px; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
	  .developPurchase .indexPurchase02__item div:nth-child(2) {
		max-width: 494px; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__item div:nth-child(2) {
			margin: 0 auto; } }
		.developPurchase .indexPurchase02__item div:nth-child(2) dl dd {
		  margin-top: 15px;
		  padding-bottom: 10px;
		  font-size: 1.5rem;
		  line-height: 1.6; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:nth-child(2) dl dd {
			  width: 96%;
			  margin: 0 auto; } }
		.developPurchase .indexPurchase02__item div:nth-child(2) img {
		  max-width: 494px; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:nth-child(2) img {
			  max-width: 100%; } }
	.developPurchase .indexPurchase02__box {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  padding: 17px 0 20px 24px;
	  background-color: #fff;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box {
		  padding: 10px;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box {
		  display: block; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
		margin-right: 24px;
		padding: 10px 20px;
		background: #032b9a;
		color: #fff;
		font-size: calc(14px + 8 * ( (100vw - 320px) / 448));
		line-height: 1.2;
		font-weight: bold; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
			width: 100%;
			text-align: center;
			margin-bottom: 20px; }
			.developPurchase .indexPurchase02__box .indexPurchase02__box__postage br {
			  display: none !important; } }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
			display: block;
			margin-right: 0; } }
		@media screen and (max-width: 320px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
			font-size: 22px; } }
	  .developPurchase .indexPurchase02__box span {
		display: block; }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__price {
		margin-right: 32px; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__price {
			display: block;
			margin: 20px 0 0 0; } }
		.developPurchase .indexPurchase02__box .indexPurchase02__box__price img {
		  max-width: 375px; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__box .indexPurchase02__box__price img {
			  max-width: 100%; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox a {
		position: relative; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox {
		  display: block;
		  margin: 20px 0 0 0; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label {
		display: block;
		position: absolute;
		top: -100px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 280px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label {
			position: relative;
			top: auto;
			right: auto;
			bottom: 0;
			width: 85%;
			margin-bottom: 10px; } }
		.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label img {
		  max-width: 100%; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label img {
			  max-width: 100%; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox img {
		max-width: 390px; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox img {
			max-width: 100%; } }

/* ============
* Faq
============== */


/* FAQのテキスト（クラス名は適宜調整してください） */
.faq-list__item p {
  line-height: 1.6; /* 1.5〜1.8程度が一般的です */
}

.faq-box {
  height: auto;      /* 固定高さを解除 */
  min-height: 50px; /* 必要であれば最低限の長さを指定 */
}


@media screen and (max-width: 768px) {
  .faq-icon {
	position: static; /* 絶対配置を解除して並びを正常化 */
	margin-bottom: 10px;
  }
}


.faq-container::after {
  content: "";
  display: block;
  clear: both;
}




.content_head {
  padding: 30px 0;
  line-height: 1.5;
  background-color: #2951be; }
  @media screen and (max-width: 768px) {
	.content_head {
	  padding: 20px 0; } }
  .content_head h1 {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: calc(22px + 6 * ( (100vw - 320px) / 448)); }
	@media screen and (max-width: 320px) {
	  .content_head h1 {
		font-size: 22px; } }
	@media screen and (min-width: 768px) {
	  .content_head h1 {
		font-size: 28px; } }

.faq__block-top {
  max-width: 1000px;
  margin: 45px auto 0; }
  @media screen and (max-width: 768px) {
	.faq__block-top {
	  margin-top: 20px; } }
  .faq__block-top .desc {
	font-size: calc(14px + 2 * ( (100vw - 320px) / 448));
	line-height: 1.8; }
	@media screen and (max-width: 320px) {
	  .faq__block-top .desc {
		font-size: 14px; } }
	@media screen and (min-width: 768px) {
	  .faq__block-top .desc {
		font-size: 16px; } }
	@media screen and (max-width: 768px) {
	  .faq__block-top .desc {
		width: 96%;
		margin: 0 auto; } }
  .faq__block-top ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px;
	padding: 25px;
	border-radius: 6px;
	background-color: #e7eaf3; }
	@media screen and (max-width: 768px) {
	  .faq__block-top ul {
		margin-top: 30px;
		padding: 10px; } }
	.faq__block-top ul li {
	  max-width: 300px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.faq__block-top ul li {
		  width: 31%; } }
	  @media screen and (max-width: 768px) {
		.faq__block-top ul li {
		  max-width: 32%; } }
	  @media screen and (max-width: 768px) {
		.faq__block-top ul li:last-child {
		  margin-bottom: 0; } }
	  .faq__block-top ul li a {
		display: block;
		text-decoration: none; }
		.faq__block-top ul li a:hover {
		  text-decoration: none; }
		.faq__block-top ul li a img {
		  border-radius: 6px 6px 0 0; }
		.faq__block-top ul li a p {
		  display: block;
		  padding: 7px 0;
		  border-radius: 0 0 6px 6px;
		  background-color: #2951be;
		  color: #fff;
		  font-weight: bold;
		  font-size: calc(17px + 1 * ( (100vw - 320px) / 448));
		  text-align: center;
		  text-decoration: none;
		  line-height: 2; }
		  @media screen and (max-width: 320px) {
			.faq__block-top ul li a p {
			  font-size: 17px; } }
		  @media screen and (min-width: 768px) {
			.faq__block-top ul li a p {
			  font-size: 18px; } }
		  @media screen and (max-width: 768px) {
			.faq__block-top ul li a p {
			  line-height: 1; } }
		@media screen and (max-width: 768px) {
		  .faq__block-top ul li a .txt-main {
			display: block; } }
		.faq__block-top ul li a .small {
		  font-size: calc(11px + 7 * ( (100vw - 320px) / 448)); }
		  @media screen and (max-width: 320px) {
			.faq__block-top ul li a .small {
			  font-size: 11px; } }
		  @media screen and (min-width: 768px) {
			.faq__block-top ul li a .small {
			  font-size: 18px; } }
.faq__block {
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
	.faq__block {
	  margin-top: 20px; } }
  .faq__block h2 {
	position: relative;
	padding-bottom: 10px;
	border-bottom: solid 7px #e4e4e4;
	color: #0436ac;
	font-size: calc(18px + 4 * ( (100vw - 320px) / 448));
	line-height: 1.5; }
	@media screen and (max-width: 320px) {
	  .faq__block h2 {
		font-size: 18px; } }
	@media screen and (min-width: 768px) {
	  .faq__block h2 {
		font-size: 22px; } }
	@media screen and (max-width: 768px) {
	  .faq__block h2 {
		width: 96%;
		margin: 0 auto; } }
	.faq__block h2:after {
	  position: absolute;
	  content: " ";
	  display: block;
	  border-bottom: solid 7px #2951be;
	  bottom: -7px;
	  width: 30%; }
  .faq__block .box {
	padding: 30px 0 30px; }
	@media screen and (max-width: 768px) {
	  .faq__block .box {
		padding: 10px 0 10px; } }
	.faq__block .box .item {
	  padding-right: 10px;
	  border-bottom: 1px solid #d6dae4; }
	  .faq__block .box .item .head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 30px 0 30px 5px; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .head {
			padding: 20px 0 20px 5px; } }
		.faq__block .box .item .head h3 {
		  width: calc(100% - 57px);
		  font-weight: bold;
		  font-size: calc(14px + 6 * ( (100vw - 320px) / 448));
		  line-height: 1.5; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .head h3 {
			  font-size: 14px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .head h3 {
			  font-size: 20px; } }
	  .faq__block .box .item .item-ico {
		  /* 中央寄せの指定 */
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center; /* 念のため追加 */
		width: 45px;
		height: 45px;
		margin-right: 12px;
		border-radius: 50%;
		background-color: #2951be; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .item-ico {
			  /* 中央寄せの指定 */
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  text-align: center; /* 念のため追加 */
			width: 25px;
			height: 25px; } }
		.faq__block .box .item .item-ico span {
			/* 中央寄せの指定 */
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center; /* 念のため追加 */
		  height: 100%;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		  color: #fff;
		  font-size: calc(11px + 9 * ( (100vw - 320px) / 448));
		  line-height: 2.1; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .item-ico span {
			  font-size: 11px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .item-ico span {
			  font-size: 20px; } }
		  @media screen and (max-width: 768px) {
			.faq__block .box .item .item-ico span {
			  font-size: 16px;
			  line-height: 2.0; } }
	  .faq__block .box .item .body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 0 45px 5px; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .body {
			padding: 0 0 20px 5px; } }
		.faq__block .box .item .body .item-ico {
		  background-color: #e12727; }
		.faq__block .box .item .body .item-txt {
		  width: calc(100% - 57px);
		  font-size: calc(13px + 2 * ( (100vw - 320px) / 448));
		  line-height: 2.0;
		  text-align: justify; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .body .item-txt {
			  font-size: 13px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .body .item-txt {
			  font-size: 15px; } }

faq__block .box .item .body .item-txt span {
  /* display: inline-block;  ←これを変更 */
  display: block;           /* blockにすることで行の重なりを防ぐ */
  padding-left: 3em;
  text-indent: -3em;
}

	  .faq__block .box .item .longText {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start; }

/*
orderページのcssは、google共通
以下はorderページ以外でも使われているので記述が必要
*/
/* ============
* .order-footer
============== */
.order-footer .order-footer__abouts {
  padding: 30px 0;
  background: #edf5ff; }
  @media screen and (max-width: 768px) {
	.order-footer .order-footer__abouts {
	  padding: 10px; } }
  .order-footer .order-footer__abouts .postageBox {
	display: table;
	margin: auto; }
  .order-footer .order-footer__abouts .text-postage {
	padding-left: 40px; }
  .order-footer .order-footer__abouts .l-container {
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2%;
	background: #fff;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap; }
	.order-footer .order-footer__abouts .l-container .abouts-block {
	  float: left;
	  -webkit-box-sizing: content-box;
	  box-sizing: content-box;
	  margin-right: 2.4%;
	  padding-right: 2.4%;
	  width: 30%;
	  border-right: 1px solid #ccc;
	  font-size: calc(12px + 1 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  font-size: 12px; } }
	  @media screen and (min-width: 768px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  font-size: 13px; } }
	  @media screen and (max-width: 768px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  margin-right: 0;
		  padding: 0 1%;
		  width: 100%;
		  border-right: none; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block:last-child {
		margin: 0;
		padding: 0;
		border: 0; }
	  .order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"] {
		text-decoration: none;
		color: #2aa1d9; }
		.order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"]:hover, .order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"]:focus {
		  text-decoration: underline; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
		margin-bottom: 10px;
		padding: 3px 15px;
		border-radius: 5px;
		background: #00479d;
		color: #fff;
		font-weight: bold;
		font-size: calc(14px + 2 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
		clear: both;
		margin-bottom: 10px;
		padding: 15px;
		background: #e9f8ff;
		font-size: calc(14px + 3 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
			font-size: 17px; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping img {
		  float: left;
		  margin-right: 15px; }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping p {
		  font-weight: bold; }
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping p span {
			color: #ba0000; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .box-time {
		margin-bottom: 10px;
		padding: 0;
		background: #e9f8ff;
		text-align: center; }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-time p {
		  margin-bottom: 10px;
		  font-weight: bold;
		  font-size: 12px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-block {
		margin-bottom: 30px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blockIn:first-child {
		margin-bottom: 30px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .link-detail {
		display: block;
		color: #00479d;
		text-align: right;
		text-decoration: none;
		font-weight: bold; }
		@media screen and (max-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .link-detail {
			margin: 10px 0;
			padding: 5px;
			width: auto;
			border: 1px solid;
			text-align: center; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .link-detail:before {
		  margin-right: 5px;
		  color: #2aa1d9;
		  content: "\f0da";
		  font-family: FontAwesome; }
		.order-footer .order-footer__abouts .l-container .abouts-block .link-detail .arrow {
		  text-decoration: underline; }
		  @media screen and (max-width: 768px) {
			.order-footer .order-footer__abouts .l-container .abouts-block .link-detail .arrow {
			  text-decoration: none; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .order-credit {
		margin: 0 0 1em 1em; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-address {
		margin-bottom: 10px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
		display: block;
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
		color: #2aa1d9;
		font-weight: bold;
		font-size: calc(14px + 13 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
			font-size: 27px; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial:before {
		  margin-right: 6px;
		  content: url("../images/order_icon_freedial.png"); }
.order-footer__copys {
  padding: 30px 0;
  text-align: right; }
  .order-footer__copys .logo {
	float: left;
	margin-right: 20px; }
	@media screen and (max-width: 768px) {
	  .order-footer__copys .logo {
		width: 100%; }
		.order-footer__copys .logo img {
		  display: block;
		  margin: auto; } }
  .order-footer__copys .footerIn__links {
	float: left; }
  .order-footer__copys .c-snsBox {
	display: inline-block;
	float: none; }
.order-footer__links {
  display: inline-block;
  float: left; }
  @media screen and (max-width: 768px) {
	.order-footer__links {
	  width: 100%; } }
  .order-footer__links li {
	display: inline-block;
	padding-right: 5px;
	line-height: 1; }
	@media screen and (max-width: 768px) {
	  .order-footer__links li {
		width: 48%;
		text-align: center; } }
	.order-footer__links li:first-child {
	  border-right: 1px solid #000; }
  .order-footer__links a {
	display: inline-block;
	padding: 0px 7px;
	color: #000;
	text-decoration: none;
	font-size: 12px; }
	@media screen and (max-width: 768px) {
	  .order-footer__links a {
		padding: 0;
		font-size: 10px; } }
.order-footer__copyright {
  float: right;
  margin-left: 20px; }
  @media screen and (max-width: 768px) {
	.order-footer__copyright {
	  float: none;
	  margin-left: 0;
	  text-align: center; } }
  .order-footer__copyright img {
	margin-top: 5px;
	vertical-align: middle; }

/* ============
* orderAcst
============== */
.orderAcst {
  padding: 20px;
  width: 840px;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
	.orderAcst {
	  z-index: 2;
	  margin: auto;
	  padding: 5px;
	  width: 90%; } }
  .orderAcst .privacybox {
	padding: 30px;
	border: 1px solid #f0f0f0; }
	@media screen and (max-width: 768px) {
	  .orderAcst .privacybox {
		padding: 10px; } }
  .orderAcst li {
	padding-left: 1em;
	text-indent: -1em; }
  .orderAcst h3 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 15px; }
  .orderAcst.amendment .m-modal__inner {
	padding: 10px; }
	@media screen and (max-width: 768px) {
	  .orderAcst.amendment .m-modal__inner {
		min-height: 69vh; } }

/* ============
* product
============== */
.productVisual {
  width: 100%;
  height: 740px;
  background-color: #ffe7ed;
  background-image: url("../mens-images-yss/product_visual_bg.jpg");
  background-position: center top;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.productVisual {
	  background-position: 56% top; } }
  @media screen and (max-width: 768px) {
	.productVisual {
	  height: auto;
	  background-position: 62% top;
	  background-size: cover; } }
  .productVisual .l-container {
	height: 100%; }
  .productVisual .title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 251px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .title {
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .title {
		left: 5px;
		width: 38px; } }
	.productVisual .title .sp-hide {
	  display: none; }
	@media screen and (max-width: 768px) {
	  .productVisual .title img.sp-hide {
		display: block; }
	  .productVisual .title img.pc-hide {
		display: none; } }
  @media screen and (max-width: 768px) {
	.productVisual .image img {
	  margin-top: -45px; } }
  .productVisual .heading {
	margin: 0 auto 12px;
	padding-top: 118px;
	width: 444px;
	text-align: center; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .heading {
		padding-top: 150px;
		margin-bottom: 30px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .heading {
		padding-top: 90px;
		max-width: 444px;
		width: 85%; } }
  .productVisual .ribbon {
	margin: auto;
	width: 471px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .productVisual .ribbon {
		max-width: 471px;
		width: 90%; } }
  .productVisual .item {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); }
	@media screen and (max-width: 768px) {
	  .productVisual .item {
		position: relative;
		bottom: auto;
		left: auto;
		width: 95%;
		-webkit-transform: translateX(0);
		transform: translateX(0); } }
  .productVisual .item2 {
	position: absolute;
	top: 230px;
	left: 0;
	width: 234px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .item2 {
		left: 10px;
		width: 145px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .item2 {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
		max-width: 234px;
		width: 40%;
		text-align: center; } }

.productRecommend {
  padding: 0 0 40px;
  background-image: url("../mens-images-yss/pattern_delta_pink.png");
  background-repeat: repeat; }
  @media screen and (max-width: 768px) {
	.productRecommend {
	  padding: 0 0 10px; } }
  .productRecommend .title {
	z-index: 1;
	margin-bottom: 40px;
	padding: 40px 0;
	background: #fa426d;
	text-align: center;
	position: relative; }
	.productRecommend .title::before {
	  content: "";
	  border: solid transparent;
	  display: inline-block;
	  position: absolute;
	  border-width: 30px;
	  border-top-color: #fa426d;
	  margin-left: -30px;
	  left: 50%;
	  bottom: -60px; }
	@media screen and (max-width: 768px) {
	  .productRecommend .title {
		padding: 20px 0; } }
  .productRecommend .c-box--sub {
	background-image: url("../mens-images-yss/product_recommend_doctor.png");
	background-position: 97% 130%;
	background-repeat: no-repeat; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productRecommend .c-box--sub {
		background-image: none; } }
	@media screen and (max-width: 768px) {
	  .productRecommend .c-box--sub {
		background-image: none; } }
  .productRecommend ul {
	padding: 20px 0 0 10px; }
	.productRecommend ul li {
	  margin-bottom: 10px; }
  .productRecommend .balloon {
	position: absolute;
	top: 37px;
	right: 70px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productRecommend .balloon {
		top: -15px;
		right: auto;
		left: 0;
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .productRecommend .balloon {
		top: -15px;
		right: auto;
		left: 0;
		width: 180px; } }

.productProperty {
  padding: 40px 0; }
  .productProperty .title {
	margin-bottom: 20px;
	text-align: center; }
  .productProperty .heading {
	margin-bottom: 20px;
	text-align: center; }
  .productProperty h3.colorBlue {
	color: #2053ca;
	text-align: center;
	font-weight: bold;
	font-size: 26px; }
	@media screen and (max-width: 768px) {
	  .productProperty h3.colorBlue {
		margin-bottom: 10px;
		font-size: calc(18px + 8 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.productProperty h3.colorBlue {
	  font-size: 18px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.productProperty h3.colorBlue {
	  font-size: 26px; } }

  @media screen and (max-width: 768px) {
	.productProperty p {
	  font-size: 14px; } }
  .productProperty .c-box--sub.summary {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px; }
	@media screen and (max-width: 768px) {
	  .productProperty .c-box--sub.summary {
		padding-top: 20px; } }
	.productProperty .c-box--sub.summary .summary {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .summary {
		  margin-bottom: 20px; } }
	.productProperty .c-box--sub.summary .item1 {
	  position: absolute;
	  top: 50px;
	  left: -20px; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .item1 {
		  position: relative;
		  top: auto;
		  left: auto;
		  float: left;
		  max-width: 211px;
		  width: 52%; } }
	.productProperty .c-box--sub.summary .item2 {
	  position: absolute;
	  top: 50px;
	  right: 20px; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .item2 {
		  position: relative;
		  top: 13px;
		  right: auto;
		  float: right;
		  max-width: 169px;
		  width: 45%; } }
  .productProperty .c-bluebox.more {
	background: -webkit-gradient(linear, left top, left bottom, from(#e5f5fe), color-stop(6%, #ffffff), color-stop(94%, #ffffff), to(#e5f5fe));
	background: linear-gradient(to bottom, #e5f5fe 0%, #ffffff 6%, #ffffff 94%, #e5f5fe 100%); }
	.productProperty .c-bluebox.more h3 {
	  margin-bottom: 20px;
	  padding-top: 40px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more h3 {
		  margin: 0 auto 20px;
		  padding-top: 20px;
		  max-width: 408px;
		  width: 80%; } }
	.productProperty .c-bluebox.more .more1 {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more1 {
		  margin: 0 auto;
		  width: 90%; } }
	.productProperty .c-bluebox.more .more2 {
	  float: left;
	  margin-left: 105px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productProperty .c-bluebox.more .more2 {
		  text-align: center;
		  float: none;
		  margin-left: 0; } }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more2 {
		  float: none;
		  width: 90%;
		  margin: 0 auto;
		  text-align: center; } }
	.productProperty .c-bluebox.more .more3 {
	  margin-top: 10px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productProperty .c-bluebox.more .more3 {
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more3 {
		  margin: 0 auto;
		  text-align: center; } }

@media screen and (max-width: 768px) {
  .productWpower figure {
	display: table; } }

.productOther {
  padding: 40px 0;
  background: #ffebf0; }
  .productOther__box {
	position: relative;
	padding: 2em 1em;
	margin-bottom: 50px;
	background-color: #fff;
	border: #ffe5ea solid 7px; }
	@media screen and (max-width: 768px) {
	  .productOther__box {
		margin-bottom: 20px; } }
	.productOther__box h2 {
	  margin: -42px -25px 20px;
	  padding: 20px 0;
	  border-top-left-radius: 9px;
	  border-top-right-radius: 9px;
	  background: #fa426d;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productOther__box h2 img {
		  display: block;
		  margin: 0 auto;
		  max-width: 420px;
		  width: 80%; } }
	@media screen and (max-width: 768px) {
	  .productOther__box p {
		letter-spacing: -.02em;
		font-size: 18px; } }
	@media screen and (max-width: 320px) {
	  .productOther__box p {
		font-size: 16px; } }
	.productOther__box.feature {
	  background-image: url("../mens-images-yss/product_feature_bg.jpg");
	  background-position: right bottom;
	  background-repeat: no-repeat; }
	  @media screen and (max-width: 768px) {
		.productOther__box.feature {
		  padding-bottom: 197px;
		  background-image: url("../mens-images-yss/product_feature_bg.jpg");
		  background-position: 10px bottom;
		  background-repeat: no-repeat;
		  background-size: 250px; } }
	  .productOther__box.feature .feature {
		margin: 30px auto;
		text-align: center; }
	  .productOther__box.feature .balloon {
		position: absolute;
		top: 120px;
		right: 30px; }
	  .productOther__box.feature .underlined {
		background: linear-gradient(transparent 10px, #ffff00 10px); }
	.productOther__box.component {
	  text-align: center; }
	  .productOther__box.component .component {
		margin-bottom: 30px;
		text-align: center; }
	  .productOther__box.component .pinkbox {
		display: inline-block;
		margin: 0 auto;
		padding: 10px 20px;
		border-radius: 12px;
		background: #ffebf0;
		text-align: center;
		font-size: 14px; }
		.productOther__box.component .pinkbox small {
		  display: inline-block;
		  color: #fa426d;
		  -webkit-transform: scale(0.8) translateY(-10px);
		  transform: scale(0.8) translateY(-10px); }
		@media screen and (max-width: 768px) {
		  .productOther__box.component .pinkbox .c-text--red.u-fs12 {
			display: block;
			font-size: 11px; } }
	.productOther__box.use {
	  background-image: url("../mens-images-yss/product_component_bg.png");
	  background-position: 98% 101%;
	  background-repeat: no-repeat; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productOther__box.use {
		  background-image: none; } }
	  @media screen and (max-width: 768px) {
		.productOther__box.use {
		  background-image: none; } }
	  .productOther__box.use .useImgWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0 auto;
		width: 540px; }
		@media screen and (max-width: 768px) {
		  .productOther__box.use .useImgWrap {
			margin-bottom: -20px;
			width: 100%; }
			.productOther__box.use .useImgWrap .image {
			  margin-bottom: 20px; } }
	  .productOther__box.use .balloon {
		position: absolute;
		top: 20px;
		right: 10px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .productOther__box.use .balloon {
			display: none; } }
		@media screen and (max-width: 768px) {
		  .productOther__box.use .balloon {
			display: none; } }
	.productOther__box.brush {
	  background-image: url("../mens-images-yss/product_brush_image.png");
	  background-position: right 69px;
	  background-repeat: no-repeat; }
	  @media screen and (max-width: 768px) {
		.productOther__box.brush {
		  background-image: none; } }
	  .productOther__box.brush .faq {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ffebf0; }
		.productOther__box.brush .faq dt {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  overflow: hidden;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  margin-bottom: 20px;
		  width: 76%;
		  font-size: 20px; }
		  @media screen and (max-width: 768px) {
			.productOther__box.brush .faq dt {
			  width: 100%;
			  font-size: 16px; } }
		  .productOther__box.brush .faq dt p {
			width: calc(100% - 65px); }
		.productOther__box.brush .faq dd {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  overflow: hidden;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  width: 76%;
		  font-size: 16px; }
		  @media screen and (max-width: 768px) {
			.productOther__box.brush .faq dd {
			  width: 100%;
			  font-size: 14px; } }
		  .productOther__box.brush .faq dd p {
			width: calc(100% - 65px); }
		.productOther__box.brush .faq .circle {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: center;
		  align-items: center;
		  -ms-flex-align: center;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  justify-content: center;
		  margin-right: 20px;
		  width: 45px;
		  height: 45px;
		  border-radius: 5rem;
		  color: #fff; }
		  .productOther__box.brush .faq .circle.question {
			background: #2053ca; }
		  .productOther__box.brush .faq .circle.answer {
			background: #fa426d; }
	.productOther__box h3 {
	  text-align: center; }
	.productOther__box .borderBox {
	  margin-top: -30px;
	  padding: 55px 20px 20px;
	  border: 1px solid #ffebf0;
	  border-radius: 12px; }
	  .productOther__box .borderBox a {
		display: block;
		margin: 0 auto; }
  .productOther .guide h2 {
	margin-bottom: 40px;
	text-align: center; }
  .productOther .guide .guideList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.productOther .guide .guideList li {
	  position: relative; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productOther .guide .guideList li {
		  width: 24%; } }
	  @media screen and (max-width: 768px) {
		.productOther .guide .guideList li {
		  margin-bottom: 15px;
		  width: 49%;
		  text-align: center; } }
	  .productOther .guide .guideList li::after {
		position: absolute;
		top: 27%;
		right: -25px;
		z-index: 1;
		display: block;
		width: 39px;
		height: 32px;
		background: url("../mens-images-yss/arrow_blue_right.png") no-repeat;
		background-size: contain;
		content: ''; }
		@media screen and (max-width: 768px) {
		  .productOther .guide .guideList li::after {
			content: none; } }
	  .productOther .guide .guideList li:last-child::after {
		content: none; }

img {
  max-width: 100%; }

/* Safari 9.0+ (non-iOS) */
/* Safari 9.0+ */
/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
/* IE9,8 */
/* IE10以降に適用される, Edge */
@media all and (-ms-high-contrast: none) {
  .indexPurchase__wrapper .indexPurchase__title p:first-child {
	width: 320px !important; } }
/* firefox */
@-moz-document url-prefix() {}

/*# sourceMappingURL=style_yss.css.map */


@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

img {
  max-width: 100%; }

/*clear fix*/
.l-container:after, .l-grid:after, .l-grid--pc:after, .l-grid--sp:after, .developStory .story--3 figure .next .next-step:after, .developConsulEx__inner:after, .developConsulEx__inner .patient .box:after, .developConsulEx__inner .support .box:after, .developHowto__box:after, .seal-security:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ''; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);

 */
/*
 * Mixin for placeholder
 * @include placeholderColor(red);
 */
/*
div {
	@include gradient(#ff00ff, #ff00cc, vertical);
}*/
/* ==========================
base
========================== */
html {
  height: 100%;
  width: 100%;
  font-size: 62.5%; }

body {
  background: #FFF;
  color: #333434;
  font-family: 'Century Gothic', CenturyGothic, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0;
  font-size: calc(16px + 2 * ( (100vw - 320px) / 448));
  line-height: 1.6;
  width: 100%; }
  @media screen and (max-width: 320px) {
	body {
	  font-size: 16px; } }
  @media screen and (min-width: 768px) {
	body {
	  font-size: 18px; } }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

cite {
  font-style: normal; }

img {
  line-height: 0;
  vertical-align: bottom; }

select::-ms-expand {
  display: none; }

ruby rt {
  line-height: normal;
  -webkit-text-emphasis: none; }

/* ==========================
* link & color
========================== */
a {
  color: #00479d;
  text-decoration: underline;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  a img {
	opacity: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; }
  a:hover {
	color: #003b84; }
	a:hover img {
	  opacity: .8; }

a:active {
  color: #003b84; }

:not(input)::-moz-selection:not(textarea)::-moz-selection {
  color: white;
  background: #333434; }

:not(input)::selection:not(textarea)::selection {
  color: white;
  background: #333434; }

/* ==========================
clear
========================== */
.clear {
  clear: both; }

.clearfix {
  zoom: 1; }

.inner:after {
  zoom: 1; }

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

/* ==========================
	placeholder
========================== */
input::-webkit-input-placeholder {
  color: #d6d6d6; }
input:-moz-placeholder {
  color: #d6d6d6;
  opacity: 1; }
input::-moz-placeholder {
  color: #d6d6d6;
  opacity: 1; }
input:-ms-input-placeholder {
  color: #d6d6d6; }

/* ==========================
	bootstrap overwrite
========================== */
.text-danger {
  color: #ba0000; }

.img-radius {
  border-radius: 50%; }

/* ==========================
	loader
========================== */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
  width: 100%;
  height: 120%;
  background-color: #FFF;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }

#loadingWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  width: 290px;
  height: 210px;
  margin: auto;
  padding: 30px;
  text-align: center;
  background: #FFF;
  border: 1px solid #d6d6d6;
  border-radius: 7px; }
  #loadingWrap p {
	padding-top: 15px; }

#loading {
  margin: 42px auto;
  font-size: 11px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

@-webkit-keyframes load5 {
  0%,
	100% {
	-webkit-box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7);
	box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7); }
  12.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5); }
  25% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  37.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  50% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  62.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  75% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  87.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3;
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3; } }
@keyframes load5 {
  0%,
	100% {
	-webkit-box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7);
	box-shadow: 0em -2.6em 0em 0em #0048a3, 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.5), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7); }
  12.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.7), 1.8em -1.8em 0 0em #0048a3, 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5); }
  25% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.5), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.7), 2.5em 0em 0 0em #0048a3, 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  37.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.5), 2.5em 0em 0 0em rgba(0, 72, 163, 0.7), 1.75em 1.75em 0 0em #0048a3, 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  50% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.5), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.7), 0em 2.5em 0 0em #0048a3, -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.2), -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  62.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.5), 0em 2.5em 0 0em rgba(0, 72, 163, 0.7), -1.8em 1.8em 0 0em #0048a3, -2.6em 0em 0 0em rgba(0, 72, 163, 0.2), -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  75% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2);
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.5), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.7), -2.6em 0em 0 0em #0048a3, -1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2); }
  87.5% {
	-webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3;
	box-shadow: 0em -2.6em 0em 0em rgba(0, 72, 163, 0.2), 1.8em -1.8em 0 0em rgba(0, 72, 163, 0.2), 2.5em 0em 0 0em rgba(0, 72, 163, 0.2), 1.75em 1.75em 0 0em rgba(0, 72, 163, 0.2), 0em 2.5em 0 0em rgba(0, 72, 163, 0.2), -1.8em 1.8em 0 0em rgba(0, 72, 163, 0.5), -2.6em 0em 0 0em rgba(0, 72, 163, 0.7), -1.8em -1.8em 0 0em #0048a3; } }
/* ==========================
common
========================== */
.c-bg--gray {
  background-color: #f9f9f9; }
.c-bg--main {
  background-color: #e7f6ff; }
.c-bg--sub {
  background-color: #ffedf0; }
.c-bg--blue {
  background-color: #e8f2ff; }

.c-bg--wave {
  position: relative;
  margin: 50px auto 70px; }
  @media screen and (max-width: 768px) {
	.c-bg--wave {
	  margin: 0 auto 50px; } }
  .c-bg--wave:before {
	content: "";
	background: url("../images/common_bg_wave_sub.png") bottom center repeat-x;
	height: 70px;
	width: 100%;
	position: absolute;
	top: -70px;
	left: 0; }
	@media screen and (max-width: 768px) {
	  .c-bg--wave:before {
		height: 110px; } }
  .c-bg--wave:after {
	content: "";
	background: url("../images/common_bg_wave_sub.png") bottom center repeat-x;
	z-index: -1;
	height: 70px;
	width: 100%;
	position: absolute;
	bottom: -70px;
	left: 0;
	transform: rotate(180deg); }
	@media screen and (max-width: 768px) {
	  .c-bg--wave:after {
		bottom: -40px; } }

.c-center-block {
  margin: auto; }

.c-box--sub {
  padding: 2em 1em 1em;
  background-color: #fff;
  border: #ffe5ea solid 7px; }
.c-box--blue {
  padding: 2em 1em 2em;
  background-color: #fff;
  border: #cdd6ed solid 7px; }
.c-box--blue2 {
  padding: 2em 1em 1em;
  background-color: #fff;
  border: #cdd6ed solid 7px; }

.c-text-annotation {
  color: #fa426d;
  font-size: calc(12px + 0 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.c-text-annotation {
	  font-size: 12px; } }
  @media screen and (min-width: 768px) {
	.c-text-annotation {
	  font-size: 12px; } }

.c-text--red {
  color: #fa426d; }

.c-text--main {
  color: #00479d; }

.c-text--color1 {
  color: #71a9ea; }

.c-text--color2 {
  color: #7797ee; }

.c-text--color3 {
  color: #2053ca; }

.c-text--color4 {
  color: #f9416c; }

.c-text--color5 {
  color: #6ab7e6; }

.c-text--color6 {
  color: #f9416c;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.7272727273; }

.c-text--color7 {
  color: #db1515; }

.c-text--bold {
  font-weight: bold; }

.c-arrow-right {
  position: relative; }
  .c-arrow-right::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-left-color: #2053ca;
	margin-top: -10px;
	right: -20px;
	top: 50%; }
  .c-arrow-right:before {
	display: block;
	position: absolute;
	right: -40px;
	z-index: 10;
	content: ''; }
  .c-arrow-right--red {
	position: relative; }
	.c-arrow-right--red::before {
	  content: "";
	  border: solid transparent;
	  display: inline-block;
	  position: absolute;
	  border-width: 23px;
	  border-left-color: #2053ca;
	  margin-top: -23px;
	  right: -46px;
	  top: 50%; }
	.c-arrow-right--red:before {
	  position: absolute;
	  right: -70px; }

.c-arrowBottom {
  position: relative; }
  .c-arrowBottom::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-top-color: #fb8b1e;
	margin-left: -10px;
	left: 50%;
	bottom: -20px; }
  .c-arrowBottom:before {
	display: block;
	position: absolute;
	right: -40px;
	z-index: 10;
	content: ''; }

.c-arrow-bottom {
  position: relative;
  width: 48px;
  height: 70px;
  margin: auto; }
  .c-arrow-bottom:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 10;
	content: '';
	width: 48px;
	height: 70px;
	margin: auto;
	background: url("../images/common_arrow_bottom.png") no-repeat center center;
	background-size: 100%; }
	@media screen and (max-width: 768px) {
	  .c-arrow-bottom:after {
		top: 0; } }
  .c-arrow-bottom--white:after {
	bottom: 50px;
	background: url("../images/common_arrow_bottom_white.png") no-repeat center center; }
	@media screen and (max-width: 768px) {
	  .c-arrow-bottom--white:after {
		top: 28px; } }

.c-checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: -6px 10px 0 0;
  padding: 0;
  border-radius: 8px;
  vertical-align: middle; }
  @media screen and (max-width: 768px) {
	.c-checkbox {
	  width: 25px;
	  height: 25px;
	  margin: -6px 7px 0 0; } }
  .c-checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	border: 5px solid #174d8d;
	border-radius: 6px;
	content: ''; }
	@media screen and (max-width: 768px) {
	  .c-checkbox:after {
		width: 25px;
		height: 25px; } }
  .c-checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	margin-top: -7px;
	width: 23px;
	height: 32px;
	border-right: 8px solid #2053ca;
	border-bottom: 8px solid #2053ca;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 10; }
	@media screen and (max-width: 768px) {
	  .c-checkbox:before {
		width: 15px;
		height: 25px; } }
	input[type=checkbox]:checked + .c-checkbox:before {
	  opacity: 1; }
  .c-checkbox label {
	display: block; }

.index__solutionProblem {
  margin: 20px auto 10px;
  text-align: center; }

.c-bluebox {
  border: solid 9px #d8f2ff;
  border-radius: 9px;
  background: linear-gradient(to bottom, #e5f5fe 0%, #ffffff 6%); }

.c-pinkbox {
  border-right: solid 9px #ffebee;
  border-bottom: solid 9px #ffebee;
  border-left: solid 9px #ffebee;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px; }

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

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

.c-alert-info {
  padding-bottom: 100px;
  padding-top: 40px;
  text-align: center; }
  .c-alert-info h3 {
	margin: 0 auto; }
	.c-alert-info h3 img {
	  width: 80%; }
  .c-alert-info__women {
	background: #ffedf0; }
	.c-alert-info__women h3, .c-alert-info__women p {
	  color: #fa426d; }
  .c-alert-info__men {
	background: #f8fcff; }
	.c-alert-info__men h3, .c-alert-info__men p {
	  color: #0433a5; }
  @media screen and (max-width: 768px) {
	.c-alert-info {
	  padding-bottom: 30px;
	  padding-top: 20px;
	  margin-bottom: -10px; }
	  .c-alert-info h3 {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 10px; } }

.c-bnr-area {
  text-align: center;
  margin-top: 50px;
  padding: 50px 0; }
  .c-bnr-area img {
	width: 80%; }
  @media screen and (max-width: 768px) {
	.c-bnr-area {
	  margin-top: 20px;
	  padding: 10px; }
	  .c-bnr-area img {
		width: auto; } }
  .c-bnr-area-women {
	background: #ffedf0; }
  .c-bnr-area-men {
	background: #e8f2fe; }

/* ==========================
aside
========================== */
.asideMenu {
  width: 100%;
  padding: 40px 0;
  background-color: #edf9ff; }
  @media screen and (max-width: 768px) {
	.asideMenu {
	  padding: 20px 0; } }
  .asideMenu__box {
	width: 318px;
	height: 380px;
	background: #FFF; }
	@media screen and (max-width: 1000px) {
	  .asideMenu__box {
		width: 32%;
		height: auto; } }
	@media screen and (max-width: 768px) {
	  .asideMenu__box {
		width: 32%;
		height: auto; } }
  .asideMenu__btn {
	display: block; }
  .asideMenu a {
	text-decoration: none; }
	.asideMenu a:hover {
	  text-decoration: none; }
  .asideMenu ul li {
	margin-left: 23px; }
	@media screen and (max-width: 1000px) {
	  .asideMenu ul li {
		margin-left: 2%; } }
	@media screen and (max-width: 768px) {
	  .asideMenu ul li {
		margin-left: 2%; } }
  .asideMenu .inner {
	padding: 10px 24px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .asideMenu .inner {
		padding: 10px; } }
  .asideMenu dl dt {
	color: #1e61d1;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.5; }
	@media screen and (max-width: 768px) {
	  .asideMenu dl dt {
		font-size: 13px; } }
  .asideMenu dl dd {
	min-height: 80px;
	margin-top: 5px;
	font-size: 1.5rem;
	line-height: 1.4666666667; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .asideMenu dl dd {
		font-size: 14px; }
		.asideMenu dl dd br {
		  display: none; } }
	@media screen and (max-width: 768px) {
	  .asideMenu dl dd {
		display: none; } }

aside .aside-list li {
  float: left;
  width: 50%;
  padding: 6.5% 7% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
	aside .aside-list li {
	  padding: 1% 1%; } }
  aside .aside-list li dl {
	position: relative;
	margin-bottom: 30px;
	border-radius: 13px;
	border: 3px solid #00479d; }
	@media screen and (max-width: 768px) {
	  aside .aside-list li dl {
		margin-bottom: 5px; } }
	aside .aside-list li dl dt .ballon {
	  position: absolute;
	  top: -70px;
	  left: -30px; }
	  @media screen and (max-width: 768px) {
		aside .aside-list li dl dt .ballon {
		  top: -40px;
		  left: -10px;
		  width: 80px; } }
	aside .aside-list li dl dd {
	  padding: 10px 20px 20px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		aside .aside-list li dl dd {
		  padding: 5px;
		  min-height: 120px;
		  letter-spacing: 0.02em; } }
aside .aside-list h4 {
  margin-bottom: 5px;
  color: #00479d;
  font-size: 28px;
  font-weight: 600;
  text-align: center; }
  @media screen and (max-width: 768px) {
	aside .aside-list h4 {
	  font-size: 16px; } }
aside .aside-list p {
  font-size: 16px; }
  @media screen and (max-width: 768px) {
	aside .aside-list p {
	  font-size: 10px; } }
  aside .aside-list p small {
	display: block;
	font-size: 10px; }
	@media screen and (max-width: 768px) {
	  aside .aside-list p small {
		display: inline;
		font-size: 9px; } }
@media screen and (max-width: 768px) {
  aside .aside-list .row,
  aside .aside-list .col-md-8 {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0;
	padding-right: 0; } }
@media screen and (max-width: 768px) {
  aside .aside-list .row {
	padding: 10px 0; } }
@media screen and (max-width: 768px) {
  aside .aside-list .btn-blue {
	padding: 0 10px;
	margin-bottom: 20px;
	width: 100%;
	height: 44px;
	line-height: 28px; }
	aside .aside-list .btn-blue img {
	  width: 120px; } }

.aside-privilegeBnr {
  margin: 40px auto 40px; }
  @media screen and (max-width: 768px) {
	.aside-privilegeBnr {
	  margin: 0 auto; } }

/**************
footer
***************/
.footer {
  padding: 0 0 10px;
  background: #FFF;
  font-size: 11px; }
  @media screen and (max-width: 768px) {
	.footer {
	  padding-bottom: 0; } }
  .footer .footer_link {
	display: table;
	margin: 20px auto 40px; }
	@media screen and (max-width: 768px) {
	  .footer .footer_link {
		margin: 0 auto 40px;
		width: 200px; } }
	.footer .footer_link ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: end;
	  -ms-flex-pack: end;
	  justify-content: flex-end; }
	  @media screen and (max-width: 768px) {
		.footer .footer_link ul {
		  display: block;
		  margin-left: 5%; } }
	  .footer .footer_link ul li {
		margin-right: 30px;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.5384615385; }
		@media screen and (max-width: 768px) {
		  .footer .footer_link ul li {
			margin: 10px 0;
			text-align: left; } }
		.footer .footer_link ul li a {
		  text-decoration: none;
		  color: #333;
		  display: inline-block;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden; }
		  .footer .footer_link ul li a:hover {
			opacity: .7; }
		.footer .footer_link ul li:first-child {
		  padding-left: 24px;
		  background: url("../images/icon_medicine.png") no-repeat left center; }
		.footer .footer_link ul li:nth-child(2) {
		  padding-left: 24px;
		  background: url("../images/icon_document.png") no-repeat left center; }
		.footer .footer_link ul li:nth-child(3) {
		  margin-right: 0;
		  padding-left: 24px;
		  background: url("../images/icon_key.png") no-repeat left center; }
  .footer__pagetop a {
	display: block;
	position: relative;
	top: -20px;
	width: 85px;
	height: 85px;
	margin: 0 auto 0;
	border-radius: 50%;
	background: #d7cfad;
	line-height: 55px;
	text-align: center; }
	.footer__pagetop a img {
	  vertical-align: middle; }
  .footer .footer__copys {
	padding: 30px 0 25px;
	text-align: center; }
  .footer .footer__logo {
	width: 182px;
	margin: 0 auto 20px; }
	@media screen and (max-width: 768px) {
	  .footer .footer__logo {
		position: relative;
		left: -20px;
		width: 100px; } }
  @media screen and (max-width: 768px) {
	.footer .footer__copyright {
	  width: 100%;
	  text-align: center; } }

/* ============
* header
============== */
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%; }
  @media screen and (max-width: 768px) {
	.header {
	  padding: 5px 0; } }
  .header .header__logo {
	position: relative;
	margin: 40px auto 0;
	width: 182px; }
	@media screen and (max-width: 768px) {
	  .header .header__logo {
		position: relative;
		top: 6px;
		left: -10px;
		width: 126px;
		margin: 0 auto; } }
	.header .header__logo a {
	  display: block;
	  width: 182px; }
	  @media screen and (max-width: 768px) {
		.header .header__logo a {
		  width: inherit; } }
	.header .header__logo img {
	  width: 100%; }
	.header .header__logo--balloon {
	  position: absolute;
	  top: -4px;
	  right: 0;
	  bottom: 0;
	  left: -200px;
	  display: block;
	  width: 192px; }
	  @media screen and (max-width: 768px) {
		.header .header__logo--balloon {
		  position: relative;
		  top: auto;
		  right: 0;
		  bottom: auto;
		  left: -35px;
		  width: 230px;
		  margin: auto; } }
  .header .menuBtn {
	display: block;
	width: 76px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000; }
  .header__link {
	position: absolute;
	top: -33px;
	display: block;
	width: 150px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	padding: 5px 0; }
	.header__link:hover {
	  color: #fff;
	  text-decoration: none; }
	.header__link--men {
	  background: #fa426d;
	  border-radius: 10px;
	  border-bottom: 4px solid #f91047; }
	  .header__link--men:hover {
		background: #f9295a; }
	.header__link span {
	  display: block;
	  font-size: 18px; }
	@media screen and (max-width: 768px) {
	  .header__link {
		display: none; }
		.header__link span {
		  display: inline; } }

.header-second {
  position: static;
  padding: 10px 0 8px; }

.header-container {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
	.header-container {
	  width: 100%;
	  padding: 0; } }
  .header-container .header__logo-second {
	margin: 24px auto 18px;
	width: 182px; }
	@media screen and (max-width: 768px) {
	  .header-container .header__logo-second {
		width: 114px;
		margin: 0 auto 10px; } }

/* ============
* l-container
============== */
.l-container {
  position: relative;
  width: 1000px;
  margin: auto; }
  @media screen and (max-width: 1000px) {
	.l-container {
	  width: 100%; } }
  @media screen and (max-width: 768px) {
	.l-container {
	  width: auto;
	  max-width: auto;
	  padding: 2%; } }

.l-main {
  overflow: hidden; }

.l-right {
  float: right; }

.l-left {
  float: left; }

.l-grid > li {
  float: left; }
  .l-grid > li:first-child {
	margin-left: 0 !important; }
.l-grid--pc > li {
  float: left; }
  .l-grid--pc > li:first-child {
	margin-left: 0 !important; }
  @media screen and (max-width: 768px) {
	.l-grid--pc > li {
	  float: none;
	  margin-left: 0 !important; } }
.l-grid--sp > li {
  float: none; }
  @media screen and (max-width: 768px) {
	.l-grid--sp > li {
	  float: left; }
	  .l-grid--sp > li:first-child {
		margin-left: 0 !important; } }

/* ============
* nav
============== */
.navFixed__menuBtn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 998;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
	.navFixed__menuBtn {
	  position: fixed;
	  top: 7px;
	  right: 7px;
	  width: 45px; } }
  .navFixed__menuBtn a {
	display: block; }
.navFixed__menuBtnList {
  position: fixed;
  top: 112px;
  right: 0;
  z-index: 998;
  padding: 0 0 0 10px;
  background: rgba(0, 174, 255, 0.5);
  border-radius: 4px 0 0 4px; }
  @media screen and (min-width: 769px) and (max-height: 900px) {
	.navFixed__menuBtnList {
	  position: fixed;
	  top: 32px;
	  right: 0; } }
  .navFixed__menuBtnList-title {
	width: 53px;
	margin: 0 auto 10px; }
	.navFixed__menuBtnList-title img {
	  width: 100%; }
  .navFixed__menuBtnList ul li {
	display: block;
	margin-bottom: 10px; }
	.navFixed__menuBtnList ul li a {
	  display: block;
	  width: 87px; }
  .navFixed__menuBtnList a {
	display: block;
	text-decoration: none; }
.navFixed__order {
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 20px;
  z-index: 998;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }
  @media screen and (max-width: 768px) {
	.navFixed__order {
	  position: fixed;
	  top: auto;
	  right: 10px;
	  bottom: 10px; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.navFixed__order {
	  -webkit-transform: scale(0.65, 0.65);
	  transform: scale(0.65, 0.65);
	  -webkit-transform-origin: bottom;
	  transform-origin: bottom; } }
  .navFixed__order a {
	display: block; }
	@media screen and (max-width: 768px) {
	  .navFixed__order a {
		width: 90px; } }
	.navFixed__order a img {
	  width: 159px; }
	  @media screen and (max-width: 768px) {
		.navFixed__order a img {
		  width: 100%; } }

/*
+ pc gnav position fixedが出来ないスマホだけに当てる
*/
/* drawer
-------------------------*/
.drawer-trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 76px;
  height: 80px;
  margin: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  border-image-width: 0;
  background: #00aeff; }
  .drawer-trigger:hover {
	cursor: pointer; }
  @media screen and (max-width: 960px) {
	.drawer-trigger {
	  height: 68px; } }
  @media screen and (max-width: 768px) {
	.drawer-trigger {
	  width: 47px;
	  height: 47px; } }
  .drawer-trigger__button {
	width: 100%;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	cursor: pointer; }
	.drawer-trigger__button:hover {
	  opacity: .7;
	  cursor: pointer; }
  .drawer-trigger span {
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	width: 38px;
	height: 4px;
	margin: auto;
	background-color: #FFF;
	border-radius: 3px;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
	@media screen and (max-width: 768px) {
	  .drawer-trigger span {
		width: 28px;
		height: 3px; } }
	.drawer-trigger span:nth-of-type(1) {
	  top: 18px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(1) {
		  top: 8px; } }
	.drawer-trigger span:nth-of-type(2) {
	  top: 30px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(2) {
		  top: 16px; } }
	.drawer-trigger span:nth-of-type(3) {
	  top: 41px; }
	  @media screen and (max-width: 768px) {
		.drawer-trigger span:nth-of-type(3) {
		  top: 24px; } }
	.drawer-trigger span.active span:nth-of-type(1) {
	  -webkit-transform: translateY(20px) rotate(-45deg);
	  transform: translateY(20px) rotate(-45deg);
	  top: -11px; }
	.drawer-trigger span.active span:nth-of-type(2) {
	  opacity: 0; }
	.drawer-trigger span.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-20px) rotate(45deg);
	  transform: translateY(-20px) rotate(45deg);
	  top: 28px; }
	.drawer-trigger span.active:nth-of-type(3) {
	  top: 20px; }
  .drawer-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
	top: -11px; }
  .drawer-trigger.active span:nth-of-type(2) {
	opacity: 0; }
  .drawer-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	top: 28px; }

.drawer-text {
  width: 40px;
  margin: auto;
  padding-top: 48px;
  font-weight: bold;
  font-size: 8px;
  color: #333434; }
  @media screen and (max-width: 768px) {
	.drawer-text {
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 6px;
	  width: 36px;
	  margin: auto; } }
  .drawer-text img {
	display: block; }

.globalnav_btn {
  background: #fa426d;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999; }
  .globalnav_btn button {
	position: relative;
	width: 100%;
	top: 13px; }
	@media screen and (max-width: 960px) {
	  .globalnav_btn button {
		top: 18px; } }
	@media screen and (max-width: 414px) {
	  .globalnav_btn button {
		top: 13px; } }

.gnav {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 991;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 0.2s cubic-bezier(0.7, 0.165, 0.035, 1); }
  .gnav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	vertical-align: top;
	text-align: center; }
	@media screen and (max-width: 960px) {
	  .gnav__list {
		padding: 10px; } }
	.gnav__list > li {
	  float: none;
	  width: 100%;
	  -webkit-transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
	  transition: all 0.4s cubic-bezier(0.7, 0.165, 0.035, 1);
	  -webkit-transform: scale(0.8, 0.8);
	  transform: scale(0.8, 0.8);
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  margin-left: 0;
	  margin-bottom: 30px; }
	  .gnav__list > li > a {
		text-decoration: none;
		border-radius: 30px;
		background: #FFF; }
		.gnav__list > li > a:hover {
		  text-decoration: none; }
	  .gnav__list > li:nth-child(1) {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s; }
	  .gnav__list > li:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s; }
	  .gnav__list > li:nth-child(3) {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s; }
	  .gnav__list > li:nth-child(4) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s; }
	  .gnav__list > li:nth-child(5) {
		-webkit-transition-delay: 0.25s;
		transition-delay: 0.25s; }
	  .gnav__list > li:nth-child(6) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s; }
	  .gnav__list > li:nth-child(7) {
		-webkit-transition-delay: 0.35s;
		transition-delay: 0.35s; }
	  .gnav__list > li:nth-child(8) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s; }
	  .gnav__list > li.border {
		position: relative;
		margin-top: 1vw; }
  .gnav__inner {
	margin: auto;
	padding: 4% 0 0; }
@media screen and (max-width: 768px) and (orientation: landscape) {
  .gnav__inner {
	padding: 1% 0 0; } }
@media screen and (max-width: 768px) and (orientation: portrait) {
  .gnav__inner {
	padding: 40% 0 0; } }

  .gnav_copyright {
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 1vw 0;
	background: #FFF;
	text-align: center; }
	.gnav_copyright img {
	  width: 56vw; }

.gnavMenu__btn {
  display: block; }
.gnavMenu a {
  text-decoration: none; }
  .gnavMenu a:hover {
	text-decoration: none; }
.gnavMenu__list li {
  width: 32%;
  height: 380px;
  margin: 0;
  background: #FFF;
  border-radius: 5px; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.gnavMenu__list li {
	  height: auto; } }
  @media screen and (max-width: 768px) {
	.gnavMenu__list li {
	  height: auto;
	  margin-left: 2%; } }
  .gnavMenu__list li:first-child {
	margin-left: 0; }
.gnavMenu .photo {
  overflow: hidden;
  border-radius: 5px 5px 0 0; }
.gnavMenu .inner {
  padding: 10px 30px;
  text-align: center; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.gnavMenu .inner {
	  padding: 10px 20px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu .inner {
	  padding: 6px; } }
.gnavMenu dl dt {
  color: #1e61d1;
  font-weight: bold;
  font-size: calc(16px + 8 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.gnavMenu dl dt {
	  font-size: 16px; } }
  @media screen and (min-width: 768px) {
	.gnavMenu dl dt {
	  font-size: 24px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu dl dt {
	  font-size: 13px; } }
.gnavMenu dl dd {
  min-height: 80px;
  margin-top: 5px;
  font-weight: normal;
  font-size: calc(12px + 2 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.gnavMenu dl dd {
	  font-size: 12px; } }
  @media screen and (min-width: 768px) {
	.gnavMenu dl dd {
	  font-size: 14px; } }
  @media screen and (max-width: 768px) {
	.gnavMenu dl dd {
	  display: none; } }

.overlay {
  background: rgba(66, 189, 250, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 990;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: all 1s cubic-bezier(0.7, 0.165, 0.035, 1);
  transition: all 1s cubic-bezier(0.7, 0.165, 0.035, 1);
  visibility: hidden; }

/*
メニューオープン
*/
.gnav-show .gnav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible; }
  .gnav-show .gnav__list li {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1; }
	.gnav-show .gnav__list li a {
	  font-weight: bold; }
.gnav-show .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  pointer-events: all;
  visibility: visible; }
.gnav-show .navFixed__order {
  left: 10px;
  width: 200px;
  margin: auto; }
  @media screen and (min-width: 1920px) {
	.gnav-show .navFixed__order {
	  bottom: 10vw; } }
  .gnav-show .navFixed__order a {
	width: 200px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .gnav-show .navFixed__order a {
		width: 130px;
		margin: auto; } }
	.gnav-show .navFixed__order a img {
	  width: 100%; }

.landscape .gnav-show .gnav__list li a {
  padding: 1% 0; }

/* ============
* btn
============== */
button:focus {
  outline: none; }

.btn {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  padding: 7px 10px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none; }
  .btn:hover {
	text-decoration: none; }
  .btn:hover, .btn:focus {
	color: #FFF; }

/* ============
* btn-font-size
============== */
.btn--biggest {
  font-size: 30px; }

.btn--x-large {
  font-size: 25px; }

.btn--large {
  font-size: 15px; }

.btn--middle {
  font-size: 13px; }

.btn--small {
  font-size: 10px; }

/* ============
* btn-height-size
============== */
.btn-thin {
  height: 22px;
  padding: 3px 5px;
  font-size: 11px; }

/* ============
* btn-sns
============== */
.btn-facebook {
  background: #5789B0; }
  .btn-facebook:hover, .btn-facebook:focus {
	background: #3c617f; }

.btn-twitter {
  background: #69BDDB; }
  .btn-twitter:hover, .btn-twitter:focus {
	background: #30a0c8; }

.btn-googleplus {
  background: #DB6969; }
  .btn-googleplus:hover, .btn-googleplus:focus {
	background: #c83030; }

.btn-arrow-left:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 37px;
  content: '\f105';
  display: inline-block;
  height: 39px;
  margin: auto;
  font-family: FontAwesome;
  font-size: 30px;
  -webkit-transition: all .2s;
  transition: all .2s; }
.btn-arrow-left:hover:before, .btn-arrow-left:focus:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 42px; }

/* ============
* btn-style
============== */
.btn-wrap {
  display: table;
  margin: auto; }
  .btn-wrap--renewal {
	text-align: center;
	background: url("../images/common_btn_bg_renewal.png") no-repeat center 16px;
	background-size: 338px 49px; }
	.btn-wrap--renewal img.item {
	  display: block;
	  width: 300px;
	  margin: auto;
	  padding-left: 15px; }
	.btn-wrap--renewal p {
	  margin-bottom: 7px;
	  font-weight: bold;
	  font-size: 18px; }
  .btn-wrap--asideOrder {
	display: table;
	margin: 40px auto; }
	.btn-wrap--asideOrder .btn {
	  display: inline-block;
	  padding: 23px 80px;
	  font-size: 20px; }
	  @media screen and (max-width: 768px) {
		.btn-wrap--asideOrder .btn {
		  padding: 15px 30px;
		  font-size: 18px; } }

.btn-order {
  padding: 20px 20px;
  border: none;
  background: #de2651;
  -webkit-box-shadow: inset 0px -4px 0px 0px #be1d43;
  box-shadow: inset 0px -4px 0px 0px #be1d43;
  border-radius: 5px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
	.btn-order {
	  padding: 15px; } }
  .btn-order:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	outline: none; }
  .btn-order:focus {
	-webkit-box-shadow: inset 0px -1px 0px 0px #be1d43;
	box-shadow: inset 0px -1px 0px 0px #be1d43;
	-webkit-transform: translateY(0);
	transform: translateY(0); }
  .btn-order.blue {
	background: #2A4EBA;
	-webkit-box-shadow: inset 0px -4px 0px 0px #224099;
	box-shadow: inset 0px -4px 0px 0px #224099; }
  .btn-order.orange {
	background: #fb8b1e;
	-webkit-box-shadow: inset 0px -4px 0px 0px #ec7704;
	box-shadow: inset 0px -4px 0px 0px #ec7704; }
  .btn-order.gray {
	color: #666;
	background: #dcdcdc;
	-webkit-box-shadow: inset 0px -4px 0px 0px #c8c8c8;
	box-shadow: inset 0px -4px 0px 0px #c8c8c8; }
  .btn-order[disabled] {
	background: #dcdcdc;
	-webkit-box-shadow: inset 0px -4px 0px 0px #c8c8c8;
	box-shadow: inset 0px -4px 0px 0px #c8c8c8; }
  .btn-order.is-rounded {
	border-radius: 50rem; }
  .btn-order .cart {
	max-width: 256px;
	margin: 0 auto; }
	@media screen and (max-width: 768px) {
	  .btn-order .cart {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center; } }
	.btn-order .cart::before {
	  content: '';
	  background-image: url("../images/icon_cart_whe.svg");
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: contain;
	  width: 25px;
	  height: 23px;
	  margin: 0 20px 0 -30px;
	  display: inline-block; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.btn-order .cart::before {
		  content: none; } }
	  @media screen and (max-width: 960px) {
		.btn-order .cart::before {
		  margin: 0 7px 0 0px; } }
	  @media screen and (max-width: 768px) {
		.btn-order .cart::before {
		  margin: 0 10px 0 -10px; } }
	.btn-order .cart img {
	  width: 100%; }
	  @media screen and (max-width: 960px) {
		.btn-order .cart img {
		  width: 82%; } }
	  @media screen and (max-width: 768px) {
		.btn-order .cart img {
		  width: 90%; } }

.btn-developerRound {
  display: inline-block;
  padding: 20px 70px;
  border-radius: 40px;
  background: #111111; }
  .btn-developerRound:after {
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	display: inline-block;
	width: 11px;
	height: 13px;
	margin: auto;
	content: '';
	background: url("../images/common_icon_arrow_white.png") no-repeat;
	background-size: 100%; }
  .btn-developerRound:hover, .btn-developerRound:focus {
	background: #373737; }

.btn-grayRound {
  padding: 20px 20px;
  border: none;
  border-radius: 40px;
  background: #d8d8d8;
  -webkit-box-shadow: inset 0px -3px 0px 0px #a2a2a2;
  box-shadow: inset 0px -3px 0px 0px #a2a2a2;
  font-weight: bold;
  color: #6f6f6f; }
  .btn-grayRound .arrow:after {
	position: absolute;
	top: 7px;
	right: 20px;
	bottom: 0;
	content: "\f105";
	font-family: FontAwesome;
	margin: auto;
	font-size: 14px; }
  .btn-grayRound:hover, .btn-grayRound:focus {
	color: #FFF;
	background: #9a9a9a;
	-webkit-box-shadow: inset 0px -3px 0px 0px #848484;
	box-shadow: inset 0px -3px 0px 0px #848484; }

.btn-outlineRound, .btn-outlineRound--white {
  background: transparent; }

.btn-outlineRound--white {
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  border-radius: 40px;
  border: 1px solid #FFF; }
  .btn-outlineRound--white:after {
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 34px;
	display: inline-block;
	margin: auto;
	content: '\f105';
	font-family: FontAwesome; }

.btn-default {
  background: #CCC; }
  .btn-default:hover {
	background: #b3b3b3; }

/* ============
* contact
============== */
input[type="text"],
input[type="password"],
textarea {
  width: 100%;
  padding: 12px;
  list-height: 2;
  font-size: 14px;
  border: 1px solid #d2d2d2;
  background: #FFF;
  box-sizing: border-box;
  transition: all 0.30s ease-in-out;
  outline: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  textarea:focus {
	background: #f9fdff;
	box-shadow: 0 0 5px rgba(81, 203, 238, 0.6);
	border: 1px solid rgba(81, 203, 238, 0.6); }

input.error,
textarea.error {
  width: 100%;
  float: left;
  background: white;
  box-shadow: 0 0 5px #fff0f3;
  border: 1px solid #fdbecd; }

input[type="checkbox"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 5px; }

input[type="radio"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 5px; }

input[type="submit"][disabled] {
  background: #DCDCDC;
  cursor: not-allowed; }

.section-orderdetail label.radio {
  display: inline-block; }
.section-orderdetail .help-block {
  margin-bottom: 0;
  padding: 7px 10px;
  background: #fef2f2;
  border-radius: 7px;
  color: #ec788f; }

.checkbox label {
  display: block; }

input[type=radio], input[type=checkbox] {
  display: none; }

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer; }
  .radio:hover, .checkbox:hover {
	background-color: #eaeaea; }
	.radio:hover:after, .checkbox:hover:after {
	  border-color: #58a2f5; }
  .radio:after, .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: ''; }

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #58a2f5;
  content: '';
  opacity: 0; }
  input[type=radio]:checked + .radio:before {
	opacity: 1; }

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #58a2f5;
  border-bottom: 3px solid #58a2f5;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1; }

.help-block-error {
  color: #fa426d; }

.errorMessage {
  color: #fa426d; }

.errorSummary {
  max-width: 900px;
  width: 80%;
  margin: 20px auto;
  padding: 20px; }

.errorSummary {
  border-radius: 6px;
  color: #fa426d;
  background: white;
  border: 1px solid #fed7e0; }
  .errorSummary p {
	color: #fa426d; }
  .errorSummary li {
	color: #fa426d; }

/* ============
* headlines
============== */
.headline-sup {
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 48px;
  font-weight: 700; }
  .headline-sup:after {
	content: '';
	display: block;
	width: 35px;
	height: 5px;
	margin: 6px auto 18px;
	text-align: inherit;
	background: #fa426d; }

.headline--borderBottom {
  border-bottom: 2px solid #333434; }
  .headline--borderBottom .headline-title--page {
	font-size: 25px;
	font-weight: bold;
	line-height: 2.2; }

.headline--borderLeft {
  border-left: 2px solid #333434; }
  .headline--borderLeft .headline-title--page {
	margin-top: 40px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4; }

.headline__title--wide {
  margin: 35px auto;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center; }

/* ============
* iconfont
============== */
/* ============
* label
============== */
.m-label {
  padding: 4px 3px;
  border-radius: 5px;
  color: white;
  line-height: 1; }
  .m-label--product {
	background: #00479d; }
  .m-label--evolution {
	background: #2053ca; }
	.m-label--evolution small {
	  display: block;
	  margin-bottom: 3px;
	  font-size: 12px;
	  letter-spacing: 0; }
  .m-label--danger {
	padding: .2em .6em;
	background: #e12727;
	color: #FFF !important;
	font-size: 22px; }
	@media screen and (max-width: 768px) {
	  .m-label--danger {
		display: block;
		margin-bottom: 10px;
		font-size: 26px; } }

/* m-modal
-------------------------*/
.js-modal__content {
  display: none; }

.m-modal .js-modal__content {
  display: block; }

a.js-modal--open {
  cursor: pointer; }
  a.js-modal--open:hover {
	opacity: 0.7; }

@media screen and (max-width: 768px) {
  .m-modal__box-under-shadow {
	position: relative;
	z-index: 999;
	box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.8); } }

.m-modal {
  position: relative;
  z-index: 14; }
  .m-modal__image--scroll {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 200px;
	height: 70px;
	margin: auto;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .m-modal__image--scroll {
		display: block; } }
	.m-modal__image--scroll img {
	  width: 60px; }
  .m-modal__seed {
	position: relative;
	z-index: 12; }
  .m-modal__overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 120%;
	background: rgba(66, 189, 250, 0.8); }
  .m-modal__box {
	position: relative;
	z-index: 14;
	width: inherit;
	background: #ffffff;
	border: 1px solid #eaeaea;
	box-shadow: 0 4px 6px rgba(51, 51, 51, 0.3); }
	@media screen and (max-width: 768px) {
	  .m-modal__box {
		padding: 10px; } }
	.m-modal__box .c-text--caution {
	  font-size: 1.3rem;
	  line-height: 1.8461538462; }
	  @media screen and (max-width: 768px) {
		.m-modal__box .c-text--caution {
		  font-size: 1rem;
		  line-height: 2.4; } }
  .m-modal__title {
	padding: 8px;
	background: #2053ca;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px; }
	@media screen and (max-width: 768px) {
	  .m-modal__title {
		margin-bottom: 10px; } }
	@media screen and (max-width: 320px) {
	  .m-modal__title {
		font-size: 17px;
		text-align: left; } }
  .m-modal__description {
	padding: 5px 10px; }
	.m-modal__description p:first-child {
	  margin-top: 10px; }
	  @media screen and (max-width: 768px) {
		.m-modal__description p:first-child {
		  margin-top: 0; } }
  @media screen and (max-width: 768px) {
	.m-modal__text--update {
	  padding: 10px; } }
  .m-modal__inner {
	position: relative;
	max-height: 55vh;
	min-height: 31vh;
	margin-bottom: 17px; }
	.m-modal__inner .table-modal {
	  margin-top: -1px;
	  font-size: 12px; }
	  .m-modal__inner .table-modal strong {
		font-size: 16px; }
	  .m-modal__inner .table-modal tbody > tr > th {
		vertical-align: top; }
	  .m-modal__inner .table-modal th, .m-modal__inner .table-modal td {
		padding: 10px 10px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd; }
	  .m-modal__inner .table-modal th {
		width: 150px;
		background: #f0f0f0;
		border-left: 1px solid #ddd; }
		@media screen and (max-width: 768px) {
		  .m-modal__inner .table-modal th {
			width: auto; } }
	  .m-modal__inner .table-modal td {
		border-left: 1px solid #ddd; }
		.m-modal__inner .table-modal td table th {
		  width: 100px; }
		  @media screen and (max-width: 768px) {
			.m-modal__inner .table-modal td table th {
			  width: initial; } }
	  .m-modal__inner .table-modal dl dt {
		background: #f0f0f0;
		padding: 5px 10px;
		margin: 10px 0 5px;
		font-weight: bold; }
		.m-modal__inner .table-modal dl dt:first-child {
		  margin-top: 0; }
	  .m-modal__inner .table-modal dl dd dl {
		margin-top: 10px; }
		.m-modal__inner .table-modal dl dd dl dt {
		  background: none;
		  padding: 0;
		  margin: 0; }
	.m-modal__inner .privacybox {
	  font-size: 12px; }
	.m-modal__inner .card-com {
	  width: 100%;
	  margin: 10px auto; }
	  .m-modal__inner .card-com th {
		width: 60px; }
	.m-modal__inner iframe {
	  width: 100%;
	  height: 100%; }
  .m-modal__close {
	display: inline-block;
	width: 100%;
	padding: 11px 0;
	font-weight: bold;
	border-radius: 4px;
	background: #040404;
	color: #FFF;
	font-size: 14px;
	transition: 0.3s all;
	text-decoration: none;
	text-align: center; }
	.m-modal__close:hover {
	  text-decoration: none; }
	@media screen and (max-width: 768px) {
	  .m-modal__close {
		z-index: 999;
		width: 100%;
		padding: 14px 0;
		border-radius: 0;
		text-align: center; } }
	.m-modal__close:hover, .m-modal__close:focus {
	  color: #FFF;
	  background: #505050; }
	.m-modal__close i {
	  display: inline-block;
	  margin-right: 5px; }

/* ============
* social
============== */
.social__list li {
  width: 100%;
  margin-top: 10px; }
  .social__list li:first-child {
	margin-top: 0; }

.auth-link {
  display: inline-block;
  width: inherit; }

.auth-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: auto;
  vertical-align: text-bottom; }

.auth-link.facebook {
  background: #5789B0; }
  .auth-link.facebook:hover {
	background: #3c617f; }

.auth-icon.facebook {
  background: url("../imagesicon_facebook.svg") no-repeat; }

.auth-link.twitter {
  background: #69BDDB; }
  .auth-link.twitter:hover {
	background: #30a0c8; }

.auth-icon.twitter {
  background: url("../imagesicon_twitter.svg") no-repeat; }

.auth-link.google {
  background: #DB6969; }
  .auth-link.google:hover {
	background: #c83030; }

.auth-icon.google {
  background: url("../imagesicon_googleplus.svg") no-repeat; }

/* ============
* state
============== */
.is-overhidden {
  overflow: hidden; }

.is-overScroll--y {
  overflow-y: scroll; }

.is-text--link {
  color: #00479d;
  text-decoration: underline; }

.is-text--arrow {
  text-decoration: underline;
  color: #333434; }
  .is-text--arrow:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	margin-right: 3px;
	background: url("../imagescommon_icon_arrow_right.svg") no-repeat;
	-webkit-background-size: 4px;
	-o-background-size: 4px;
	background-size: 4px; }

/* ==========================
is-errorStyle
========================== */
.is-errorStyle {
  box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.6);
  outline: 0;
  border: 1px #ff9e9e solid !important;
  background-color: #ffedee !important; }

/* ==========================
is-anchor
========================== */
.is-anchor--dev {
  display: block;
  position: relative;
  top: -20px; }

/* ==========================
is-vertical
========================== */
.is-vertical--middle {
  vertical-align: middle !important; }

.is-vertical--top {
  vertical-align: top !important; }

.is-vertical--baseline {
  vertical-align: baseline !important; }

.is-vertical--text-bottom {
  vertical-align: text-bottom !important; }

/* ==========================
is-color
========================== */
.text-caution {
  color: #e32222; }

.text-caution_dev {
  color: #be0000; }

.text-blue-dev {
  color: #032b9a; }

.is-hidden--sp {
  display: block !important; }
  @media screen and (max-width: 768px) {
	.is-hidden--sp {
	  display: none !important; } }

.is-visible--sp {
  display: none !important; }
  @media screen and (max-width: 768px) {
	.is-visible--sp {
	  display: block !important; } }

/* ==========================
is-bgColor
========================== */
.is-bgColor--base {
  background: #262727 !important; }

/* ==========================
is-hover--circle
========================== */
.is-hover--circle {
  position: relative;
  z-index: 2;
  overflow: hidden; }

.is-hover--circle::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  transition: .3s; }

.is-hover--circle:hover::after {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px; }

/* ==========================
is-alpha--hover
========================== */
.is-alpha--hover,
.is-alpha--hover img {
  transition: all 0.4s ease; }

.is-alpha--hover:hover,
.is-alpha--hover:hover img {
  filter: alpha(opacity=60);
  opacity: 0.6; }

.is-hover--effect {
  position: relative;
  display: block; }
  .is-hover--effect:hover img {
	transform: rotate(0) scale(1); }
  .is-hover--effect:hover .is-hover--caption {
	transform: rotateY(0) rotateX(0);
	opacity: 1; }
  .is-hover--effect .is-hover--caption {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	transform: rotateY(-90deg) rotateX(-90deg);
	transition: all .3s; }
  .is-hover--effect .is-hover--more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 30px;
	margin: auto; }
	.is-hover--effect .is-hover--more:before {
	  font-family: 'FontAwesome';
	  content: "\f002";
	  font-size: 20px;
	  color: #FFF;
	  display: inline-block; }

.is-scaleUp--img img {
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear; }

.is-scaleUp--img img:hover {
  scale: 1.2; }

.is-scaleUp--img {
  overflow: hidden; }

.is-triangle--top {
  position: relative; }
  .is-triangle--top::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	margin-left: -10px;
	left: 50%;
	top: -20px; }

.is-triangle--right {
  position: relative; }
  .is-triangle--right::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-left-color: rgba(255, 255, 255, 0.2);
	margin-top: -10px;
	right: -20px;
	top: 50%; }

.is-triangle--bottom {
  position: relative; }
  .is-triangle--bottom::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-top-color: rgba(255, 255, 255, 0.2);
	margin-left: -10px;
	left: 50%;
	bottom: -20px; }

.is-triangle--left {
  position: relative; }
  .is-triangle--left::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-right-color: rgba(255, 255, 255, 0.2);
	margin-top: -10px;
	left: -20px;
	top: 50%; }

.is-triangle--left--red {
  position: relative; }
  .is-triangle--left--red::before {
	content: "";
	border: solid transparent;
	display: inline-block;
	position: absolute;
	border-width: 10px;
	border-right-color: #333434;
	margin-top: -10px;
	left: -20px;
	top: 50%; }

/* ============
* table
============== */
.must {
  padding-left: 5px;
  font-size: 11px;
  color: #CD4F4F; }

.m-table-figure {
  width: 330px; }
  @media screen and (max-width: 768px) {
	.m-table-figure {
	  width: 90%;
	  margin: 10px auto; } }
  @media screen and (max-width: 768px) {
	.m-table-figure tbody {
	  width: 100%; } }
  .m-table-figure tbody th, .m-table-figure tbody td {
	padding: 3px 10px;
	background: #FFF;
	border: 2px solid #2467a3;
	font-weight: bold;
	font-size: 17px; }
	@media screen and (max-width: 768px) {
	  .m-table-figure tbody th, .m-table-figure tbody td {
		font-size: 13px; } }
  @media screen and (max-width: 768px) {
	.m-table-figure tbody th {
	  width: 80%; } }
  .m-table-figure tbody td {
	text-align: right; }
	@media screen and (max-width: 768px) {
	  .m-table-figure tbody td {
		width: 20%; } }
  .m-table-figure tr:nth-child(even) th, .m-table-figure tr:nth-child(even) td {
	background: #ebf8fc; }

/* ==========================
u-fst // フォントスタイル
========================== */
.u-fst-1 {
  font-family: '游明朝体', 'Yu Mincho', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; }

.u-fst-num {
  font-family: 'Oswald', 'Montserrat', sans-serif; }

/* ==========================
u-fs // フォントサイズ
========================== */
.u-fs10 {
  font-size: 10px; }

.u-fs11 {
  font-size: 11px; }

.u-fs12 {
  font-size: 12px; }

.u-fs13 {
  font-size: 13px; }

.u-fs14 {
  font-size: 14px; }

.u-fs15 {
  font-size: 15px; }

.u-fs16 {
  font-size: 16px; }

.u-fs17 {
  font-size: 17px; }

.u-fs18 {
  font-size: 18px; }

.u-fs19 {
  font-size: 19px; }

.u-fs20 {
  font-size: 20px; }

.u-fs21 {
  font-size: 21px; }

.u-fs22 {
  font-size: 22px; }

.u-fs23 {
  font-size: 23px; }

.u-fs24 {
  font-size: 24px; }

.u-fs25 {
  font-size: 25px; }

.u-fs26 {
  font-size: 26px; }

.u-fs27 {
  font-size: 27px; }

.u-fs28 {
  font-size: 28px; }

.u-fs29 {
  font-size: 29px; }

.u-fs30 {
  font-size: 30px; }

.u-fs31 {
  font-size: 31px; }

.u-fs32 {
  font-size: 32px; }

.u-fs33 {
  font-size: 33px; }

.u-fs34 {
  font-size: 34px; }

.u-fs35 {
  font-size: 35px; }

.u-fs36 {
  font-size: 36px; }

.u-fs37 {
  font-size: 37px; }

.u-fs38 {
  font-size: 38px; }

.u-fs39 {
  font-size: 39px; }

.u-fs40 {
  font-size: 40px; }

/* ==========================
u-text
========================== */
.u-marker--yellow {
  background: linear-gradient(transparent 50%, #fff766 50%); }

.u-text--red {
  color: #e60012; }

.u-text--blue {
  color: #00479d; }

/* ==========================
u-text
========================== */
.u-text--link {
  display: block;
  color: #00479d;
  text-align: right; }

.u-text--weight {
  font-size: larger;
  font-weight: bold; }

.u-text--initial {
  font-size: initial;
  font-weight: initial; }

.u-box--center {
  display: block;
  margin: auto !important;
  text-align: center; }

/* ============
* u-w*p
============== */
.u-w10p {
  width: 10% !important; }

.u-w20p {
  width: 20% !important; }

.u-w30p {
  width: 30% !important; }

.u-w40p {
  width: 40% !important; }

.u-w50p {
  width: 50% !important; }

.u-w60p {
  width: 60% !important; }

.u-w70p {
  width: 70% !important; }

.u-w80p {
  width: 80% !important; }

.u-w90p {
  width: 90% !important; }

.u-w100p {
  width: 100% !important; }

/* ==========================
u-p
========================== */
.u-p1 {
  padding: 1px; }

.u-p2 {
  padding: 2px; }

.u-p3 {
  padding: 3px; }

.u-p4 {
  padding: 4px; }

.u-p5 {
  padding: 5px; }

.u-p6 {
  padding: 6px; }

.u-p7 {
  padding: 7px; }

.u-p8 {
  padding: 8px; }

.u-p9 {
  padding: 9px; }

.u-p10 {
  padding: 10px; }

.u-p11 {
  padding: 11px; }

.u-p12 {
  padding: 12px; }

.u-p13 {
  padding: 13px; }

.u-p14 {
  padding: 14px; }

.u-p15 {
  padding: 15px; }

.u-p16 {
  padding: 16px; }

.u-p17 {
  padding: 17px; }

.u-p18 {
  padding: 18px; }

.u-p19 {
  padding: 19px; }

.u-p20 {
  padding: 20px; }

.u-p21 {
  padding: 21px; }

.u-p22 {
  padding: 22px; }

.u-p23 {
  padding: 23px; }

.u-p24 {
  padding: 24px; }

.u-p25 {
  padding: 25px; }

.u-p26 {
  padding: 26px; }

.u-p27 {
  padding: 27px; }

.u-p28 {
  padding: 28px; }

.u-p29 {
  padding: 29px; }

.u-p30 {
  padding: 30px; }

.u-p31 {
  padding: 31px; }

.u-p32 {
  padding: 32px; }

.u-p33 {
  padding: 33px; }

.u-p34 {
  padding: 34px; }

.u-p35 {
  padding: 35px; }

.u-p36 {
  padding: 36px; }

.u-p37 {
  padding: 37px; }

.u-p38 {
  padding: 38px; }

.u-p39 {
  padding: 39px; }

.u-p40 {
  padding: 40px; }

/* ==========================
u-m
========================== */
.u-mt5 {
  margin-top: 5px; }

.u-mt10 {
  margin-top: 10px; }

.u-mt20 {
  margin-top: 20px; }

.u-mt30 {
  margin-top: 30px; }

.u-mt40 {
  margin-top: 40px; }

.u-mt50 {
  margin-top: 50px; }

.u-mr10 {
  margin-right: 10px; }

.u-mr20 {
  margin-right: 20px; }

.u-mr30 {
  margin-right: 30px; }

.u-mr40 {
  margin-right: 40px; }

.u-mr50 {
  margin-right: 50px; }

.u-mb10 {
  margin-bottom: 10px; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-mb50 {
  margin-bottom: 50px; }

.u-ml10 {
  margin-left: 10px; }

.u-ml20 {
  margin-left: 20px; }

.u-ml30 {
  margin-left: 30px; }

.u-ml40 {
  margin-left: 40px; }

.u-ml50 {
  margin-left: 50px; }

/* ==========================
u-p
========================== */
.u-pt10 {
  padding-top: 10px; }

.u-pt11 {
  padding-top: 11px; }

.u-pt12 {
  padding-top: 12px; }

.u-pt13 {
  padding-top: 13px; }

.u-pt14 {
  padding-top: 14px; }

.u-pt15 {
  padding-top: 15px; }

.u-pt16 {
  padding-top: 16px; }

.u-pt17 {
  padding-top: 17px; }

.u-pt18 {
  padding-top: 18px; }

.u-pt19 {
  padding-top: 19px; }

.u-pt20 {
  padding-top: 20px; }

.u-pt21 {
  padding-top: 21px; }

.u-pt22 {
  padding-top: 22px; }

.u-pt23 {
  padding-top: 23px; }

.u-pt24 {
  padding-top: 24px; }

.u-pt25 {
  padding-top: 25px; }

.u-pt26 {
  padding-top: 26px; }

.u-pt27 {
  padding-top: 27px; }

.u-pt28 {
  padding-top: 28px; }

.u-pt29 {
  padding-top: 29px; }

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

.u-pt31 {
  padding-top: 31px; }

.u-pt32 {
  padding-top: 32px; }

.u-pt33 {
  padding-top: 33px; }

.u-pt34 {
  padding-top: 34px; }

.u-pt35 {
  padding-top: 35px; }

.u-pt36 {
  padding-top: 36px; }

.u-pt37 {
  padding-top: 37px; }

.u-pt38 {
  padding-top: 38px; }

.u-pt39 {
  padding-top: 39px; }

.u-pt40 {
  padding-top: 40px; }

.u-pt50 {
  padding-top: 50px; }

.u-pr10 {
  padding-right: 10px; }

.u-pr20 {
  padding-right: 20px; }

.u-pr30 {
  padding-right: 30px; }

.u-pr40 {
  padding-right: 40px; }

.u-pr50 {
  padding-right: 50px; }

.u-pb10 {
  padding-bottom: 10px; }

.u-pb20 {
  padding-bottom: 20px; }

.u-pb30 {
  padding-bottom: 30px; }

.u-pb40 {
  padding-bottom: 40px; }

.u-pb50 {
  padding-bottom: 50px; }

.u-pl10 {
  padding-left: 10px; }

.u-pl20 {
  padding-left: 20px; }

.u-pl30 {
  padding-left: 30px; }

.u-pl40 {
  padding-left: 40px; }

.u-pl50 {
  padding-left: 50px; }

/* ============
* lh*
============== */
.u-lh1 {
  line-height: 1 !important; }

.u-lh1_1 {
  line-height: 1.1 !important; }

.u-lh1_2 {
  line-height: 1.2 !important; }

.u-lh1_3 {
  line-height: 1.3 !important; }

.u-lh1_4 {
  line-height: 1.4 !important; }

.u-lh1_5 {
  line-height: 1.5 !important; }

.u-lh1_6 {
  line-height: 1.6 !important; }

.u-lh1_7 {
  line-height: 1.7 !important; }

.u-lh1_8 {
  line-height: 1.8 !important; }

.u-lh1_9 {
  line-height: 1.9 !important; }

.u-lh2 {
  line-height: 2 !important; }

.u-lh2_1 {
  line-height: 2.1 !important; }

.u-lh2_2 {
  line-height: 2.2 !important; }

.u-lh2_3 {
  line-height: 2.3 !important; }

.u-lh2_4 {
  line-height: 2.4 !important; }

.u-lh2_5 {
  line-height: 2.5 !important; }

.u-lh2_6 {
  line-height: 2.6 !important; }

.u-lh2_7 {
  line-height: 2.7 !important; }

.u-lh2_8 {
  line-height: 2.8 !important; }

.u-lh2_9 {
  line-height: 2.9 !important; }

.u-lh3 {
  line-height: 3 !important; }

/* ============
* index
============== */
.indexVisual {
  width: 100%;
  height: 1020px;
  background: url("../images/index_visual_bg.jpg") no-repeat top center; }
  @media screen and (min-width: 1920px) {
	.indexVisual {
	  background-size: cover; } }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.indexVisual {
	  background-image: url("../images/index_visual_bg.jpg");
	  background-repeat: no-repeat;
	  background-position: right -490px top 0px; } }
  @media screen and (max-width: 768px) {
	.indexVisual {
	  display: none; } }
  .indexVisual__container {
	max-width: 1000px;
	margin: 0 auto; }
  .indexVisual .l-container {
	position: relative;
	padding: 105px 0 0 0px; }
	@media screen and (max-width: 768px) {
	  .indexVisual .l-container {
		padding: 75px 0 0 0; } }
  .indexVisual .indexVisual__title {
	width: 553px;
	margin-bottom: 20px; }
  .indexVisual .indexVisual__image {
	width: 552px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexVisual .indexVisual__image {
		width: 60%;
		margin-bottom: 0; } }
  .indexVisual .indexVisual__authority {
	position: absolute;
	top: 35px;
	right: 0;
	width: 349px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexVisual .indexVisual__authority {
		width: 40%; } }
  .indexVisual .indexVisual__feature {
	margin-top: -40px; }
	.indexVisual .indexVisual__feature dt {
	  text-align: center;
	  margin-bottom: 20px; }
	.indexVisual .indexVisual__feature ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  width: 100%; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexVisual .indexVisual__feature ul li {
		  width: 16%; } }

.indexVisual__sp {
  display: none; }
  @media screen and (max-width: 768px) {
	.indexVisual__sp {
	  display: block;
	  margin-top: 90px; }
	  .indexVisual__sp img {
		width: 100%; } }

@media screen and (max-width: 768px) {
  .indexVisualBottom img {
	width: 100% !important; } }

.indexProblem {
  background-image: url("../images/indexproblem_bg_1.jpg");
  position: relative;
  text-align: center; }
  .indexProblem .indexProblem__upper {
	padding: 20px 0 50px; }
  .indexProblem .indexProblem__bottom {
	padding-top: 100px;
	padding-bottom: 25px;
	background: #fff url("../images/index_problem_bg.jpg") no-repeat top center; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProblem .indexProblem__bottom {
		background-image: url("../images/index_problem_bg.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 150%; } }
	@media screen and (max-width: 768px) {
	  .indexProblem .indexProblem__bottom {
		padding-bottom: 40px;
		background-image: none; } }
	.indexProblem .indexProblem__bottom dl dt {
	  margin-bottom: 30px;
	  position: relative; }
	  .indexProblem .indexProblem__bottom dl dt:before {
		content: "";
		background: url("../images/index_problem_item.png") top left no-repeat;
		width: 138px;
		height: 200px;
		position: absolute;
		top: 0;
		right: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProblem .indexProblem__bottom dl dt:before {
			top: -60px;
			right: 10px; } }
		@media screen and (max-width: 768px) {
		  .indexProblem .indexProblem__bottom dl dt:before {
			width: 268px;
			height: 212px;
			background: url("../images/index_problem_item_sp.png") top left no-repeat;
			background-size: 100%;
			left: 0;
			right: 0;
			margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexProblem .indexProblem__bottom dl dt:before {
	  top: 16vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexProblem .indexProblem__bottom dl dt:before {
	  top: 50vh; } }

	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProblem .indexProblem__bottom dl dt img {
		  width: 60%; } }
	@media screen and (max-width: 768px) {
	  .indexProblem .indexProblem__bottom dl dd {
		margin-top: 230px; } }

.indexAbout-bg {
  padding: 56px 0; }
  .indexAbout-bg .indexAbout {
	margin-bottom: 34px; }
	.indexAbout-bg .indexAbout h3 {
	  text-align: center;
	  margin-bottom: 30px; }
	  .indexAbout-bg .indexAbout h3 a img {
		width: 80%; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3 a img {
			width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexAbout-bg .indexAbout h3 {
		  margin-bottom: 20px; } }
	  .indexAbout-bg .indexAbout h3__title {
		position: relative;
		margin-bottom: 50px;
		padding-top: 30px;
		text-align: center; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__title {
			padding-top: 0; } }
		.indexAbout-bg .indexAbout h3__title:before {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexAbout-bg .indexAbout h3__title img {
			width: 55%; } }
	  .indexAbout-bg .indexAbout h3__text {
		max-width: 736px;
		margin: 0 auto 40px; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__text {
			margin: 220px auto 20px; } }
		.indexAbout-bg .indexAbout h3__text p {
		  font-size: 18px; }
		  @media screen and (max-width: 768px) {
			.indexAbout-bg .indexAbout h3__text p {
			  font-size: 16px; } }
	  @media screen and (max-width: 768px) {
		.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats {
		  margin-bottom: 30px; } }
	  .indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
		background: url("../images/index_about_whats_figure.png") no-repeat;
		width: 160px;
		height: 175px; }
		@media screen and (max-width: 768px) {
		  .indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
			top: 0;
			left: 0;
			right: 0;
			margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
	  top: 18vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexAbout-bg .indexAbout h3__box.indexAbout__box--whats .indexAbout__title:before {
	  top: 54vh; } }

	  .indexAbout-bg .indexAbout h3__box figure {
		text-align: center; }

.indexProcess {
  padding-bottom: 0; }
  .indexProcess__title {
	position: relative;
	padding-top: 30px;
	text-align: center;
	margin-bottom: 50px; }
	@media screen and (max-width: 768px) {
	  .indexProcess__title {
		padding-top: 0; } }
	.indexProcess__title:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: url("../images/index_process_title_before.png") no-repeat;
	  width: 347px;
	  height: 251px;
	  top: -100px; }
	  @media screen and (max-width: 768px) {
		.indexProcess__title:before {
		  width: 250px;
		  height: 184px;
		  background-size: contain;
		  top: 0;
		  left: 0;
		  right: 0;
		  margin: auto; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
	.indexProcess__title:before {
	  top: 12vh; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
	.indexProcess__title:before {
	  top: 36vh; } }

	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProcess__title img {
		width: 55%; } }
  .indexProcess__text {
	margin: 0 auto 40px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexProcess__text {
		margin: 220px auto 0;
		text-align: left; } }
	.indexProcess__text p {
	  font-size: 18px; }
	  @media screen and (max-width: 768px) {
		.indexProcess__text p {
		  margin-bottom: 20px;
		  font-size: 16px; } }
  .indexProcess__flow {
	position: relative;
	margin: auto;
	max-width: 880px; }
	.indexProcess__flow:after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: -50px;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 164px;
	  height: 169px;
	  margin: auto;
	  background: url("../images/index_about_flow_arrow.png"); }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProcess__flow:after {
		  position: relative;
		  top: initial;
		  right: initial;
		  bottom: initial;
		  left: initial; } }
	  @media screen and (max-width: 768px) {
		.indexProcess__flow:after {
		  position: relative;
		  top: initial;
		  right: initial;
		  bottom: initial;
		  left: initial; } }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexProcess__flow ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap; } }
	@media screen and (max-width: 768px) {
	  .indexProcess__flow ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap; } }
	.indexProcess__flow li {
	  float: left;
	  margin-bottom: 30px;
	  margin-left: 56px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexProcess__flow li {
		  margin-left: 0; } }
	  @media screen and (max-width: 768px) {
		.indexProcess__flow li {
		  margin-left: 0; } }
	  .indexProcess__flow li figure {
		text-align: center; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProcess__flow li figure {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexProcess__flow li figure {
			width: 100%; } }
	  .indexProcess__flow li.flow--3, .indexProcess__flow li.flow--4 {
		margin-bottom: 10px; }
	  .indexProcess__flow li.flow--4 {
		margin-left: 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexProcess__flow li.flow--4 {
			-webkit-box-ordinal-group: 5;
			-ms-flex-order: 4;
			order: 4;
			margin-bottom: 20px; } }
		@media screen and (max-width: 768px) {
		  .indexProcess__flow li.flow--4 {
			-webkit-box-ordinal-group: 5;
			-ms-flex-order: 4;
			order: 4;
			margin-bottom: 20px; } }
  .indexProcess__summary {
	position: relative;
	bottom: -18px; }
	@media screen and (max-width: 768px) {
	  .indexProcess__summary {
		bottom: -17px; } }

.indexExplanation__wrapper {
  width: 100%;
  background: url("../images/index_explanation_bg.png") no-repeat top center; }
  @media screen and (max-width: 768px) {
	.indexExplanation__wrapper {
	  background: #ffffff; } }
  .indexExplanation__wrapper .indexExplanation {
	max-width: 598px;
	margin: 0 auto; }
	.indexExplanation__wrapper .indexExplanation__title {
	  padding-top: 50px; }
	  @media screen and (max-width: 768px) {
		.indexExplanation__wrapper .indexExplanation__title {
		  padding-top: 20px; } }
	.indexExplanation__wrapper .indexExplanation__text {
	  max-width: 530px;
	  margin: 0 auto;
	  padding: 50px 14px 0 0;
	  background: url("../images/index_explanation_person.png") no-repeat right bottom; }
	  @media screen and (max-width: 768px) {
		.indexExplanation__wrapper .indexExplanation__text {
		  width: 96%;
		  padding: 20px 0 120px;
		  background-position: center bottom; } }
	  .indexExplanation__wrapper .indexExplanation__text p {
		font-size: 18px; }
		@media screen and (max-width: 768px) {
		  .indexExplanation__wrapper .indexExplanation__text p {
			font-size: 16px; } }
		.indexExplanation__wrapper .indexExplanation__text p:nth-child(2) {
		  margin-top: 15px; }
		  @media screen and (max-width: 768px) {
			.indexExplanation__wrapper .indexExplanation__text p:nth-child(2) {
			  margin-top: 0; } }
	.indexExplanation__wrapper .indexExplanation__catch {
	  padding: 30px 0 20px; }
	  @media screen and (max-width: 960px) {
		.indexExplanation__wrapper .indexExplanation__catch {
		  padding: 10px 0 20px; } }

.indexPurchase__wrapper {
  width: 100%;
  background: #e8f2ff url("../images/index_purchase_arrow.png") no-repeat top center; }
  .indexPurchase__wrapper .indexPurchase {
	max-width: 777px;
	margin: 0 auto;
	padding: 70px 0 50px; }
	@media screen and (max-width: 768px) {
	  .indexPurchase__wrapper .indexPurchase {
		padding: 50px 0 10px; } }
	.indexPurchase__wrapper .indexPurchase__title {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin-left: 4px; }
	  @media screen and (max-width: 768px) {
		.indexPurchase__wrapper .indexPurchase__title {
		  display: block;
		  margin-left: 0; } }
	  .indexPurchase__wrapper .indexPurchase__title p:first-child {
		margin-right: 36px; }
		@media screen and (max-width: 768px) {
		  .indexPurchase__wrapper .indexPurchase__title p:first-child {
			margin-top: 20px;
			margin-right: 0;
			text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexPurchase__wrapper .indexPurchase__title p:nth-child(2) {
		  margin-top: 20px;
		  text-align: center; } }
	.indexPurchase__wrapper .indexPurchase__btn {
	  margin-top: 20px; }
	  .indexPurchase__wrapper .indexPurchase__btn a {
		position: relative; }
		@media screen and (max-width: 768px) {
		  .indexPurchase__wrapper .indexPurchase__btn a {
			text-decoration: none;
			text-align: center; } }
		.indexPurchase__wrapper .indexPurchase__btn a .label-support {
		  display: block;
		  position: absolute;
		  top: -20px;
		  right: 0;
		  bottom: 0;
		  z-index: 1;
		  width: 210px; }
		  @media screen and (max-width: 768px) {
			.indexPurchase__wrapper .indexPurchase__btn a .label-support {
			  position: relative;
			  top: 21px;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  width: 85%;
			  margin: auto;
			  margin-bottom: 10px; } }
		  .indexPurchase__wrapper .indexPurchase__btn a .label-support img {
			width: 100%; }
		.indexPurchase__wrapper .indexPurchase__btn a:hover .label-support img {
		  opacity: 1; }

.indexSolution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 34px; }
  @media screen and (max-width: 768px) {
	.indexSolution {
	  display: block; } }
  .indexSolution__box {
	padding-left: 56px; }
	@media screen and (max-width: 768px) {
	  .indexSolution__box {
		position: absolute;
		top: 100px;
		left: 20px;
		width: 92px;
		padding-left: 0;
		text-align: center; } }
	@media screen and (max-width: 414px) {
	  .indexSolution__box {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 72px; } }
  .indexSolution__title {
	padding-left: 15px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexSolution__title {
		width: 96%;
		margin: 0 auto;
		padding-left: 0; } }
	.indexSolution__title p {
	  margin-top: 20px;
	  text-align: left;
	  font-size: 1.8rem;
	  line-height: 1.7777777778; }
	  @media screen and (max-width: 768px) {
		.indexSolution__title p {
		  line-height: 1.4;
		  margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .indexSolutionBlock .c-bluebox {
	position: relative; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .number {
	position: absolute;
	top: -40px;
	left: -10px;
	width: 60px; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .title {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .person {
	width: 90px;
	margin: auto; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .detail {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .detail dd {
	text-align: left; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .catch {
	padding: 0 3%; } }
@media screen and (max-width: 768px) {
  .indexSolutionBlock .text,
  .indexSolutionBlock .box {
	padding: 0 3%; } }
.indexSolutionBlock .caution {
  font-size: 11px; }

.indexOne {
  padding-top: 20px; }
  .indexOne__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexOne__upper .title .number {
	  margin-right: 56px; }
	  .indexOne__upper .title .number img {
		max-width: 131px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title .number {
		  margin-right: 0; } }
	.indexOne__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  .indexOne__upper .title h3 img {
		max-width: 531px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexOne__upper .title .person img {
	  max-width: 142px; }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .title .person img {
		  max-width: 100%; } }
  .indexOne__upper .text {
	margin-top: 15px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexOne__upper .detail {
	margin-top: 40px;
	padding-bottom: 15px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexOne__upper .detail {
		border-top: none; } }
	.indexOne__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexOne__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 14px 0 0 34px; }
	  @media screen and (max-width: 768px) {
		.indexOne__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: center; } }
	  .indexOne__upper .detail dd span:nth-child(2) {
		margin: 23px 0 0 30px; }
		@media screen and (max-width: 768px) {
		  .indexOne__upper .detail dd span:nth-child(2) {
			display: block;
			margin: 20px 0 0 0;
			text-align: center; } }
  .indexOne__lower h3 {
	position: relative; }
	.indexOne__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexOne__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexOne__lower .explanation {
	margin-top: 30px;
	padding-left: 13px;
	padding-bottom: 15px; }
	@media screen and (max-width: 768px) {
	  .indexOne__lower .explanation {
		margin-top: 20px;
		padding: 0 3% 2%; } }
  .indexOne__lower .text {
	background-color: #fff8f9; }
	.indexOne__lower .text dl {
	  max-width: 900px;
	  margin: 0 auto;
	  padding: 30px 0 30px;
	  background: url("../images/index_solution_person.png") no-repeat right bottom;
	  background-position-x: 740px; }
	  @media screen and (max-width: 768px) {
		.indexOne__lower .text dl {
		  padding-bottom: 65px;
		  background-size: 80px;
		  background-position-x: right; } }
	  .indexOne__lower .text dl dt {
		color: #db1515;
		font-weight: bold;
		font-size: 22px; }
		@media screen and (max-width: 768px) {
		  .indexOne__lower .text dl dt {
			font-size: 16px; } }
	  .indexOne__lower .text dl dd {
		margin-top: 5px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexOne__lower .text dl dd {
			width: 80%; } }
		@media screen and (max-width: 768px) {
		  .indexOne__lower .text dl dd {
			font-size: 16px; } }

.indexTwo {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 50px; }
  .indexTwo__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-item: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 50px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexTwo__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexTwo__upper .title {
		display: block;
		margin: 30px 0 0 0;
		text-align: center; } }
	.indexTwo__upper .title .number {
	  margin-right: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexTwo__upper .title .number {
		  margin-right: 20px; } }
	  .indexTwo__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title .number {
		  margin-right: 0; } }
	.indexTwo__upper .title h3 {
	  margin: 10px 0 0 0; }
	  .indexTwo__upper .title h3 img {
		max-width: 557px; }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexTwo__upper .title .person {
	  margin-left: -70px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexTwo__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .title .person {
		  width: 150px;
		  margin-left: auto; } }
	  .indexTwo__upper .title .person img {
		max-width: 249px; }
		@media screen and (max-width: 768px) {
		  .indexTwo__upper .title .person img {
			max-width: 100%; } }
  .indexTwo__upper .detail {
	margin-top: 40px;
	padding-bottom: 5px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexTwo__upper .detail {
		border-top: none; } }
	.indexTwo__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexTwo__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 0 110px 0 34px; }
	  @media screen and (max-width: 768px) {
		.indexTwo__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: center; } }
	  .indexTwo__upper .detail dd span {
		display: block; }
		.indexTwo__upper .detail dd span.image {
		  margin-top: -20px; }
		  .indexTwo__upper .detail dd span.image img {
			max-width: 156px; }
		.indexTwo__upper .detail dd span.text {
		  margin: 30px 0 0 20px;
		  font-size: 16px;
		  width: 74%; }
		  @media screen and (max-width: 768px) {
			.indexTwo__upper .detail dd span.text {
			  display: block;
			  margin: 20px 0 0 0;
			  padding: 0;
			  text-align: left;
			  font-size: 16px;
			  width: 100%; } }
  .indexTwo__lower h3 {
	position: relative; }
	.indexTwo__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexTwo__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexTwo__lower .text {
	margin-top: 30px;
	background-color: #fff8f9; }
	.indexTwo__lower .text dl {
	  max-width: 890px;
	  margin: 0 auto;
	  padding: 30px 0 25px;
	  background: url("../images/index_solution_person.png") no-repeat right bottom; }
	  @media screen and (max-width: 768px) {
		.indexTwo__lower .text dl {
		  padding-bottom: 40px;
		  background-size: 80px; } }
	  .indexTwo__lower .text dl dt {
		text-align: center; }
	  .indexTwo__lower .text dl dd.efficacy {
		max-width: 690px;
		margin-top: 25px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__lower .text dl dd.efficacy {
			width: 80%; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__lower .text dl dd.efficacy {
			font-size: 16px; } }
	  .indexTwo__lower .text dl dd.attention {
		max-width: 682px;
		margin-top: -22px;
		text-align: right;
		font-size: 11px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexTwo__lower .text dl dd.attention {
			margin-top: 10px;
			text-align: left;
			font-size: 14px; } }
		@media screen and (max-width: 768px) {
		  .indexTwo__lower .text dl dd.attention {
			margin-top: 10px;
			text-align: left;
			font-size: 14px; } }

.indexThree {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 50px; }
  .indexThree__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-item: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 50px;
	padding-bottom: 25px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexThree__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexThree__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexThree__upper .title .number {
	  margin-right: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexThree__upper .title .number {
		  margin-right: 20px; } }
	  .indexThree__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexThree__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title .number {
		  margin-right: 0; } }
	.indexThree__upper .title h3 {
	  margin: 10px 0 0 0; }
	  .indexThree__upper .title h3 img {
		max-width: 567px; }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexThree__upper .title .person {
	  margin-top: -50px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexThree__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexThree__upper .title .person {
		  width: 130px;
		  margin-top: 0; } }
	  .indexThree__upper .title .person img {
		max-width: 192px; }
		@media screen and (max-width: 768px) {
		  .indexThree__upper .title .person img {
			max-width: 100%; } }
  .indexThree__lower h3 {
	position: relative; }
	.indexThree__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexThree__lower .catch {
	padding-top: 44px;
	text-align: center; }
	.indexThree__lower .catch .index-thre-title2 {
	  margin-bottom: 20px; }
  .indexThree__lower .text {
	margin-top: 30px;
	background-color: #fff8f9; }
	.indexThree__lower .text-box {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding-top: 18px; }
	  @media screen and (max-width: 768px) {
		.indexThree__lower .text-box {
		  display: flex;
		  flex-wrap: wrap;
		  padding: 18px 0 0; } }
	  .indexThree__lower .text-box dl {
		max-width: 580px;
		margin: 15px 15px 0 46px;
		padding: 0 0 20px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box dl {
			width: 100%;
			max-width: 96%;
			margin: 0 auto; } }
		.indexThree__lower .text-box dl dt {
		  color: #db1515;
		  font-weight: bold;
		  font-size: 22px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dt {
			  font-size: 16px; } }
		.indexThree__lower .text-box dl dd {
		  margin-top: 5px;
		  font-size: 16px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dd {
			  font-size: 16px; } }
		  .indexThree__lower .text-box dl dd span.attention {
			background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(0%, #fffccc));
			background: linear-gradient(transparent 20%, #fffccc 0%); }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box dl dd .c-text--color7 {
			  line-height: 1; } }
		  .indexThree__lower .text-box dl dd .txt-lg {
			font-size: 20px; }
	  .indexThree__lower .text-box .image01 {
		margin-right: 74px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box .image01 {
			display: inline-block;
			width: 180px;
			margin-right: 30px;
			text-align: center; } }
		.indexThree__lower .text-box .image01 img {
		  max-width: 160px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box .image01 img {
			  max-width: 100%; } }
	  .indexThree__lower .text-box .image02 {
		margin-top: -50px; }
		@media screen and (max-width: 768px) {
		  .indexThree__lower .text-box .image02 {
			display: inline-block;
			width: 90px;
			margin-top: 20px;
			text-align: center; } }
		.indexThree__lower .text-box .image02 img {
		  max-width: 156px; }
		  @media screen and (max-width: 768px) {
			.indexThree__lower .text-box .image02 img {
			  max-width: 100%; } }

.indexFour {
  padding-top: 50px; }
  .indexFour__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFour__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexFour__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title .number {
		  margin-right: 20px; } }
	  .indexFour__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFour__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title .number {
		  margin-right: 0; } }
	.indexFour__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title h3 {
		  margin: 12px 0 0 0; } }
	  .indexFour__upper .title h3 img {
		max-width: 580px; }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexFour__upper .title .person {
	  margin: -50px 0 0 -60px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .title .person {
		  width: 160px;
		  margin: auto; } }
	  .indexFour__upper .title .person img {
		max-width: 213px; }
		@media screen and (max-width: 768px) {
		  .indexFour__upper .title .person img {
			max-width: 100%; } }
  .indexFour__upper .text {
	margin-top: 2px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexFour__upper .detail {
	margin-top: 40px;
	padding-bottom: 20px;
	border-top: 22px solid #fff;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexFour__upper .detail {
		border-top: none; } }
	.indexFour__upper .detail dt {
	  margin-top: -22px;
	  text-align: center; }
	.indexFour__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 0 0 0 30px; }
	  @media screen and (max-width: 768px) {
		.indexFour__upper .detail dd {
		  margin: 20px 0 0 0;
		  display: block;
		  text-align: left; } }
	  .indexFour__upper .detail dd span {
		display: block; }
		.indexFour__upper .detail dd span:first-child img {
		  display: inline-block;
		  max-width: 340px;
		  margin-top: 20px; }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:first-child img {
			  max-width: 100%; } }
		.indexFour__upper .detail dd span:nth-child(2) {
		  margin: 23px 40px 0 20px;
		  width: 58%;
		  font-size: 14px;
		  letter-spacing: -0.6px; }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:nth-child(2) {
			  width: 96%;
			  margin: 0 auto; } }
		  .indexFour__upper .detail dd span:nth-child(2) i {
			margin-right: 1em; }
		  .indexFour__upper .detail dd span:nth-child(2) span {
			display: inline;
			padding-right: 10px; }
			@media screen and (max-width: 768px) {
			  .indexFour__upper .detail dd span:nth-child(2) span {
				padding-right: 0; } }
		  @media screen and (max-width: 768px) {
			.indexFour__upper .detail dd span:nth-child(2) {
			  display: block;
			  margin: 20px auto 0; } }
  .indexFour__lower h3 {
	position: relative; }
	.indexFour__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexFour__lower .catch {
	padding-top: 44px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFour__lower .catch {
		padding-top: 30px; } }
  .indexFour__lower .box {
	background-color: #fff8f9; }
  .indexFour__lower .inner {
	max-width: 874px;
	margin: 30px auto 0;
	padding-top: 30px; }
	@media screen and (max-width: 768px) {
	  .indexFour__lower .inner {
		max-width: 100%;
		margin: 15px auto 0;
		padding-top: 10px; } }
	.indexFour__lower .inner dl dt {
	  color: #db1515;
	  font-weight: bold;
	  font-size: 22px; }
	  @media screen and (max-width: 768px) {
		.indexFour__lower .inner dl dt {
		  font-size: 16px; } }
	.indexFour__lower .inner dl dd {
	  font-size: 16px; }
	.indexFour__lower .inner h4 {
	  margin-top: 20px;
	  text-align: center; }
	.indexFour__lower .inner ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	  padding-bottom: 30px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFour__lower .inner ul {
		  margin-top: 20px;
		  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
		  justify-content: space-between; } }
	  @media screen and (max-width: 768px) {
		.indexFour__lower .inner ul {
		  display: block; } }
	  .indexFour__lower .inner ul li {
		margin: 20px 0 0 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFour__lower .inner ul li {
			width: 31%;
			margin: 0; } }
		.indexFour__lower .inner ul li:nth-child(1) img {
		  max-width: 237px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:nth-child(1) img {
			  max-width: 100%; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(1) img {
			  max-width: 100%; } }
		.indexFour__lower .inner ul li:first-child {
		  margin: 20px 60px 0 5px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:first-child {
			  margin: 0; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:first-child {
			  margin: 0;
			  text-align: center; } }
		.indexFour__lower .inner ul li:nth-child(2) {
		  margin-right: 30px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexFour__lower .inner ul li:nth-child(2) {
			  margin-right: 0; } }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(2) {
			  margin: 20px 0 0 0;
			  text-align: center; } }
		  .indexFour__lower .inner ul li:nth-child(2) img {
			max-width: 240px; }
			@media screen and (min-width: 769px) and (max-width: 999px) {
			  .indexFour__lower .inner ul li:nth-child(2) img {
				max-width: 100%; } }
			@media screen and (max-width: 768px) {
			  .indexFour__lower .inner ul li:nth-child(2) img {
				max-width: 100%; } }
		.indexFour__lower .inner ul li:nth-child(3) {
		  margin: -10px 0 0 0; }
		  @media screen and (max-width: 768px) {
			.indexFour__lower .inner ul li:nth-child(3) {
			  margin: 20px 0 0 0;
			  text-align: center; } }
		  .indexFour__lower .inner ul li:nth-child(3) .necessary {
			padding: 0 15px; }
			.indexFour__lower .inner ul li:nth-child(3) .necessary img {
			  max-width: 294px; }
			  @media screen and (min-width: 769px) and (max-width: 999px) {
				.indexFour__lower .inner ul li:nth-child(3) .necessary img {
				  max-width: 100%; } }
			  @media screen and (max-width: 768px) {
				.indexFour__lower .inner ul li:nth-child(3) .necessary img {
				  max-width: 100%; } }
		.indexFour__lower .inner ul li .person {
		  margin-top: 20px;
		  text-align: center; }
		  .indexFour__lower .inner ul li .person img {
			max-width: 156px; }
			@media screen and (min-width: 769px) and (max-width: 999px) {
			  .indexFour__lower .inner ul li .person img {
				width: 100%;
				margin: 20px auto 0;
				text-align: center; } }
			@media screen and (max-width: 768px) {
			  .indexFour__lower .inner ul li .person img {
				max-width: 100%; } }
		  .indexFour__lower .inner ul li .person span {
			display: block;
			margin-top: 5px;
			font-size: 1.1rem;
			line-height: 2; }
		.indexFour__lower .inner ul li p {
		  margin-top: 35px; }

.indexFive {
  padding-top: 50px; }
  .indexFive__upper .bgPerson {
	background: url("../images/index_five_person1.png") no-repeat 650px top; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFive__upper .bgPerson {
		background: #ffffff; } }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .bgPerson {
		background: none; } }
  .indexFive__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 50px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexFive__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexFive__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFive__upper .title .number {
		  margin-right: 20px; } }
	  .indexFive__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexFive__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .title .number {
		  margin-right: 0; } }
	.indexFive__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexFive__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexFive__upper .title h3 img {
		max-width: 641px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexFive__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .title h3 {
		  margin: 20px 0 20px; } }
  .indexFive__upper .person {
	display: none; }
  .indexFive__upper .text {
	margin-top: 25px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .text {
		width: 96%;
		margin: 15px auto 0; } }
  .indexFive__upper .detail {
	margin-top: 20px;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexFive__upper .detail {
		border-top: none; } }
	.indexFive__upper .detail dt {
	  position: relative;
	  top: -20px;
	  text-align: center; }
	.indexFive__upper .detail dd {
	  margin: 0 0 0 30px;
	  padding: 0 0 20px;
	  font-size: 16px; }
	  @media screen and (max-width: 768px) {
		.indexFive__upper .detail dd {
		  margin: 0; } }
  .indexFive__lower h3 {
	position: relative; }
	.indexFive__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexFive__lower .catch {
	padding-top: 44px;
	text-align: center; }
	.indexFive__lower .catch img:nth-child(2) {
	  margin: 30px auto 20px;
	  max-width: 656px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .catch img:nth-child(2) {
		  max-width: 100%; } }
  .indexFive__lower .text {
	position: relative;
	background-color: #fff8f9; }
	.indexFive__lower .text dl {
	  max-width: 680px;
	  margin: 0 0 0 40px;
	  padding: 20px 0 30px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .text dl {
		  max-width: 96%;
		  margin: 0 auto;
		  padding-bottom: 10px; } }
	  .indexFive__lower .text dl dt {
		color: #db1515;
		font-weight: bold;
		font-size: 22px; }
		@media screen and (max-width: 768px) {
		  .indexFive__lower .text dl dt {
			font-size: 16px; } }
	  .indexFive__lower .text dl dd {
		margin-top: 5px;
		font-size: 16px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexFive__lower .text dl dd {
			width: 70%; } }
		@media screen and (max-width: 768px) {
		  .indexFive__lower .text dl dd {
			width: 69%;
			padding-bottom: 0; } }
	.indexFive__lower .text .person_bottom {
	  position: absolute;
	  top: -115px;
	  right: 30px; }
	  @media screen and (max-width: 768px) {
		.indexFive__lower .text .person_bottom {
		  position: absolute;
		  top: initial;
		  right: 1px;
		  bottom: 0px;
		  width: 90px; } }

.indexSix {
  padding-top: 50px; }
  .indexSix__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexSix__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexSix__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexSix__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title .number {
		  margin-right: 20px; } }
	  .indexSix__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title .number {
		  margin-right: 0; } }
	.indexSix__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexSix__upper .title h3 img {
		max-width: 592px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexSix__upper .title .person {
	  margin: -56px 0 0 -60px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSix__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .title .person {
		  width: 130px;
		  margin: auto; } }
	  .indexSix__upper .title .person img {
		max-width: 190px; }
		@media screen and (max-width: 768px) {
		  .indexSix__upper .title .person img {
			max-width: 100%; } }
  .indexSix__upper .detail {
	margin: 10px auto 0;
	background-color: #edf9ff; }
	@media screen and (max-width: 768px) {
	  .indexSix__upper .detail {
		margin: 40px auto 0; } }
	.indexSix__upper .detail dt {
	  position: relative;
	  top: -22px;
	  text-align: center; }
	.indexSix__upper .detail dd {
	  margin: 5px 0 0;
	  padding: 0 0 45px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.indexSix__upper .detail dd {
		  display: block;
		  margin: 0;
		  padding: 0 0 20px;
		  text-align: center; } }
  .indexSix__lower h3 {
	position: relative; }
	.indexSix__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexSix__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexSix__lower .text {
	margin-top: 50px;
	padding-top: 40px;
	background-color: #fff8f9; }
	.indexSix__lower .text h4 {
	  margin-top: -60px;
	  text-align: center; }
	.indexSix__lower .text .treatment {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  margin-top: 40px;
	  padding-bottom: 30px;
	  position: relative; }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .treatment {
		  display: block;
		  margin-top: 20px;
		  padding-bottom: 0; } }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .treatment span:nth-child(1) {
		  margin-left: 0; } }
	  .indexSix__lower .text .treatment span:nth-child(1) img {
		max-width: 617px; }
		@media screen and (max-width: 768px) {
		  .indexSix__lower .text .treatment span:nth-child(1) img {
			max-width: initial;
			width: 100%;
			margin: auto; } }
	.indexSix__lower .text .person {
	  margin: 116px 0 0 -5px;
	  position: absolute;
	  bottom: 0;
	  right: 10px; }
	  @media screen and (max-width: 768px) {
		.indexSix__lower .text .person {
		  display: block;
		  margin: 20px auto 0;
		  text-align: center;
		  position: relative;
		  bottom: auto;
		  right: auto; } }
	  .indexSix__lower .text .person img {
		max-width: 169px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSix__lower .text .person img {
			width: 130px; } }
		@media screen and (max-width: 768px) {
		  .indexSix__lower .text .person img {
			max-width: 100%; } }

.indexSeven {
  padding-top: 50px; }
  .indexSeven__upper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .indexSeven__upper .title {
		margin: 30px 0 0 20px; } }
	@media screen and (max-width: 768px) {
	  .indexSeven__upper .title {
		display: block;
		margin-left: 0;
		text-align: center; } }
	.indexSeven__upper .title .number {
	  margin-right: 37px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title .number {
		  margin-right: 20px; } }
	  .indexSeven__upper .title .number img {
		max-width: 131px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__upper .title .number img {
			width: 100px; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title .number img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title .number {
		  margin-right: 0; } }
	.indexSeven__upper .title h3 {
	  margin: 12px 28px 0 0; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title h3 {
		  margin: 12px 0 0 0;
		  width: 80%; } }
	  .indexSeven__upper .title h3 img {
		max-width: 600px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__upper .title h3 img {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title h3 img {
			max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title h3 {
		  margin: 20px 0 20px; } }
	.indexSeven__upper .title .person {
	  margin: 15px 0 0 -36px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__upper .title .person {
		  width: 100%;
		  margin: 20px auto 0;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .title .person {
		  margin: 0 auto; } }
	  .indexSeven__upper .title .person img {
		max-width: 144px; }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .title .person img {
			max-width: 100%; } }
  .indexSeven__upper .detail {
	margin: 15px 0 0;
	padding-bottom: 20px;
	background-color: #edf9ff; }
	.indexSeven__upper .detail dt {
	  position: relative;
	  top: -20px;
	  text-align: center; }
	.indexSeven__upper .detail dd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
	  margin: 10px 0 10px 20px; }
	  @media screen and (max-width: 768px) {
		.indexSeven__upper .detail dd {
		  margin: 0;
		  display: block;
		  text-align: center; } }
	  .indexSeven__upper .detail dd span {
		display: block; }
		.indexSeven__upper .detail dd span:first-child img {
		  max-width: 263px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__upper .detail dd span:first-child img {
			  max-width: 100%; } }
	  .indexSeven__upper .detail dd .text-data {
		margin: 0 80px 0 25px;
		font-size: 16px;
		width: 59%; }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .detail dd .text-data {
			width: 100%; } }
		.indexSeven__upper .detail dd .text-data span {
		  display: block;
		  margin-bottom: 10px; }
		  .indexSeven__upper .detail dd .text-data span img {
			max-width: 348px; }
			@media screen and (max-width: 768px) {
			  .indexSeven__upper .detail dd .text-data span img {
				max-width: 100%; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__upper .detail dd .text-data {
			display: block;
			margin: 20px 0 0 0;
			text-align: left; } }
  .indexSeven__lower h3 {
	position: relative; }
	.indexSeven__lower h3:after {
	  content: "";
	  background: url("../images/index_solution_arrow.png") no-repeat;
	  width: 86px;
	  height: 19px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: -19px;
	  margin: auto; }
  .indexSeven__lower .catch {
	padding-top: 44px;
	text-align: center; }
  .indexSeven__lower .text {
	margin-top: 50px;
	padding-top: 40px;
	background-color: #fff8f9; }
	.indexSeven__lower .text h4 {
	  margin-top: -60px;
	  text-align: center; }
	.indexSeven__lower .text p {
	  margin-top: 30px;
	  text-align: center;
	  font-weight: bold; }
	  .indexSeven__lower .text p span.colorBlue {
		color: #2154ca; }
	  .indexSeven__lower .text p span.colorYellow {
		color: #dfc21c; }
	.indexSeven__lower .text .treatment {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-top: 30px; }
	  @media screen and (max-width: 768px) {
		.indexSeven__lower .text .treatment {
		  display: block; } }
	  .indexSeven__lower .text .treatment span:nth-child(1) {
		margin-left: 48px; }
		@media screen and (max-width: 768px) {
		  .indexSeven__lower .text .treatment span:nth-child(1) {
			margin-left: 0; } }
		.indexSeven__lower .text .treatment span:nth-child(1) img {
		  max-width: 617px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__lower .text .treatment span:nth-child(1) img {
			  max-width: 100%; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.indexSeven__lower .text .treatment span {
		  width: 100%;
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.indexSeven__lower .text .treatment span {
		  text-align: center; } }
	  .indexSeven__lower .text .treatment span:nth-child(2) {
		margin: 0 0 10px 25px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexSeven__lower .text .treatment span:nth-child(2) {
			margin: 20px 0 0; } }
		@media screen and (max-width: 768px) {
		  .indexSeven__lower .text .treatment span:nth-child(2) {
			display: block;
			width: 240px;
			margin: 20px auto 0; } }
		.indexSeven__lower .text .treatment span:nth-child(2) img {
		  max-width: 279px; }
		  @media screen and (max-width: 768px) {
			.indexSeven__lower .text .treatment span:nth-child(2) img {
			  max-width: 100%; } }

.indexPurchase02__wrapper {
  width: 100%;
  margin: 40px auto 0;
  background: #edf9ff url("../images/index_purchase_arrow.png") no-repeat top center; }
  @media screen and (max-width: 768px) {
	.indexPurchase02__wrapper {
	  margin: 20px auto 0;
	  background-size: 40%; } }
  .indexPurchase02__wrapper .indexPurchase02 {
	margin: 0 auto;
	padding: 50px 0; }
	@media screen and (max-width: 768px) {
	  .indexPurchase02__wrapper .indexPurchase02 {
		padding: 20px 0; } }
	.indexPurchase02__wrapper .indexPurchase02__title {
	  margin-top: 30px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.indexPurchase02__wrapper .indexPurchase02__title {
		  width: 96%;
		  margin: 30px auto 0; } }
	.indexPurchase02__wrapper .indexPurchase02__item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin: 20px 0 0 0; }
	  @media screen and (max-width: 768px) {
		.indexPurchase02__wrapper .indexPurchase02__item {
		  display: block;
		  margin: 0 auto; } }
	  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
		margin: 15px 65px 0 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
			width: 40%;
			margin: 15px 0 0 0; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item div:first-child {
			margin: 0 auto; } }
		.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
		  max-width: 527px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
		  @media screen and (max-width: 768px) {
			.indexPurchase02__wrapper .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
	  .indexPurchase02__wrapper .indexPurchase02__item .authority {
		max-width: 504px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority {
			width: 60%; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority {
			margin: 0 auto; } }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority dl dt {
			margin-bottom: 15px; } }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .indexPurchase02__wrapper .indexPurchase02__item .authority dl dt img {
			max-width: 100%; } }
		.indexPurchase02__wrapper .indexPurchase02__item .authority dl dd {
		  margin-top: 15px;
		  padding-bottom: 10px;
		  font-size: 1.5rem;
		  line-height: 1.6; }
		  @media screen and (max-width: 768px) {
			.indexPurchase02__wrapper .indexPurchase02__item .authority dl dd {
			  width: 96%;
			  margin: 0 auto; } }
		.indexPurchase02__wrapper .indexPurchase02__item .authority img {
		  max-width: 100%; }
	.indexPurchase02__wrapper .indexPurchase02__box {
	  text-align: center; }
	  .indexPurchase02__wrapper .indexPurchase02__box li {
		margin: 30px 30px; }
		@media screen and (max-width: 768px) {
		  .indexPurchase02__wrapper .indexPurchase02__box li {
			margin: 30px 0; } }
		.indexPurchase02__wrapper .indexPurchase02__box li img {
		  width: 80%; }
		  @media screen and (max-width: 768px) {
			.indexPurchase02__wrapper .indexPurchase02__box li img {
			  width: 100%; } }

.indexVarious__wrapper {
  width: 100%;
  background-color: #edf9ff; }
  .indexVarious__wrapper .indexVarious {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	@media screen and (max-width: 768px) {
	  .indexVarious__wrapper .indexVarious {
		display: block;
		padding-top: 10px; } }
	.indexVarious__wrapper .indexVarious__box {
	  max-width: 320px;
	  margin: 50px 0;
	  text-align: center;
	  background-color: #fff; }
	  @media screen and (max-width: 768px) {
		.indexVarious__wrapper .indexVarious__box {
		  margin: 50px auto 0; } }
	  .indexVarious__wrapper .indexVarious__box .item01 {
		margin: 10px 0 20px; }
		.indexVarious__wrapper .indexVarious__box .item01 img {
		  max-width: 133px; }
	  .indexVarious__wrapper .indexVarious__box .item02 {
		margin: 30px 0 0; }
		.indexVarious__wrapper .indexVarious__box .item02 img {
		  max-width: 113px; }
	  .indexVarious__wrapper .indexVarious__box .item03 {
		margin: 0 0 18px; }
		.indexVarious__wrapper .indexVarious__box .item03 img {
		  max-width: 157px; }
	  .indexVarious__wrapper .indexVarious__box dl dt {
		color: #1e61d1;
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.5;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; }
	  .indexVarious__wrapper .indexVarious__box dl dd {
		min-height: 80px;
		margin-top: 5px;
		font-size: 1.5rem;
		line-height: 1.4666666667; }
	  .indexVarious__wrapper .indexVarious__box p {
		margin: 0 0 20px; }

.aside-pharmaceutical {
  border-bottom: 1px solid #e5e7ec; }
  .aside-pharmaceutical__container {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical__container {
		-webkit-column-count: unset;
		column-count: unset; } }
  .aside-pharmaceutical .floatBox {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical .floatBox {
		margin-bottom: 20px; } }
  .aside-pharmaceutical h3 {
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2267da;
	font-weight: bold;
	color: #2267da;
	font-size: 2rem;
	line-height: 1.5; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h3 {
		font-size: 1.8rem;
		line-height: 1.6666666667;
		padding-left: 10px; } }
  .aside-pharmaceutical h4 {
	border-left: solid 4px #2267da;
	margin: 20px 0 8px;
	padding-left: 4px;
	color: #2267da;
	font-size: 1.5rem;
	line-height: 1.6; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h4 {
		font-size: 1.6rem;
		line-height: 1.5;
		padding-left: 10px; } }
  .aside-pharmaceutical h5 {
	font-size: 1.2rem;
	line-height: 1.6666666667;
	font-weight: bold;
	letter-spacing: -.05em; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical h5 {
		font-size: 1.4rem;
		line-height: 1.5714285714;
		padding-left: 10px; } }
  .aside-pharmaceutical p {
	font-size: 1.2rem;
	line-height: 1.6666666667; }
	@media screen and (max-width: 768px) {
	  .aside-pharmaceutical p {
		font-size: 1.4rem;
		line-height: 1.5714285714;
		padding-left: 10px; } }
  .aside-pharmaceutical .mTop5 {
	margin-top: 5px; }
  .aside-pharmaceutical .mTop20 {
	margin-top: 20px; }
  .aside-pharmaceutical .mTop30 {
	margin-top: 30px; }
  .aside-pharmaceutical table {
	width: 100%;
	margin-top: 20px; }
	.aside-pharmaceutical table tr {
	  border-bottom: solid 1px #ccc; }
	  .aside-pharmaceutical table tr th {
		padding: 10px;
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-left: solid 1px #ccc;
		text-align: center;
		font-size: 1.1rem;
		line-height: 1.8181818182;
		background-color: #e6f2f8; }
		@media screen and (max-width: 768px) {
		  .aside-pharmaceutical table tr th {
			font-size: 1.3rem;
			line-height: 1.5384615385; } }
	  .aside-pharmaceutical table tr td {
		padding: 10px;
		font-size: 1.1rem;
		line-height: 1.8181818182;
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc; }
		@media screen and (max-width: 768px) {
		  .aside-pharmaceutical table tr td {
			font-size: 1.3rem;
			line-height: 1.5384615385; } }
		.aside-pharmaceutical table tr td .attention {
		  color: #fd0003;
		  text-decoration: underline; }
		.aside-pharmaceutical table tr td a {
		  color: #005bc4;
		  text-decoration: none; }
		  .aside-pharmaceutical table tr td a:hover {
			text-decoration: underline; }
		.aside-pharmaceutical table tr td span {
		  color: #0000ff; }
  .aside-pharmaceutical table.first th {
	width: 30%; }
  .aside-pharmaceutical table.second th {
	width: 40%; }
  .aside-pharmaceutical table.third th {
	width: 20%; }
  .aside-pharmaceutical table.single td {
	border-left: solid 1px #ccc; }

/*
&__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: flex-start;
			flex-direction: flex-start;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin: 20px auto 0;
	padding: 17px 0 20px 24px;
	background-color: #fff;
	@include mq(sp) {
		padding: 10px;
		text-align: center;
	}
	@include mq(sp) {
		display: block;
	}
	span {
		display: block;
	}
	.indexPurchase-postage {
		margin-right: 24px;
		@include mq(large) {
			width: 15%;
		}
		@include mq(sp) {
			margin-right: 0;
		}
		img {
			max-width: 115px;
			@include mq(large) {
				width: 100%;
			}
			@include mq(sp) {
				max-width: 100%;
				margin: 0 auto;
			}
		}
	}
	.indexPurchase-price {
		margin-right: 32px;
		@include mq(large) {
			width: 45%;
		}
		@include mq(sp) {
			display: block;
			margin: 20px 0 0 0;
		}
		img {
			max-width: 375px;
			@include mq(large) {
				width: 100%;
			}
			@include mq(sp) {
				max-width: 100%;
			}
		}
	}
	.indexPurchase-btnBox {
		position: relative;
		@include mq(sp) {
			display: block;
			margin: 20px 0 0 0;
			@include mq(large) {
				width: 40%;
			}
		}
		.label-support {
			display: block;
			@include position(absolute, -40px, 0, 0, 0);
			z-index: 1;
			width: 300px;
			margin: auto;
			@include mq(sp) {
				@include position(relative, auto, auto, 0, null);
				width: 85%;
				//margin-bottom: 10px;
			}
			img {
				width: 100%;
				max-width: 100%;
			}
		}
		a {
			text-decoration: none;
			img {
				max-width: 390px;
				@include mq(large) {
					width: 100%;
				}
				@include mq(sp) {
					max-width: 100%;
				}
			}
		}
	}
}
*/
/* ============
* voice
============== */
/* ============
* develop
============== */
.developVisual {
  background: url("../images/develop_visual_bg.jpg") no-repeat center center; }
  @media screen and (min-width: 1920px) {
	.developVisual {
	  background-size: cover; } }
  .developVisual__container {
	position: relative;
	width: 1000px;
	height: 720px;
	margin: auto; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__container {
		width: 100%; } }
	.developVisual__container::before {
	  display: block;
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: -70px;
	  z-index: 2;
	  width: 376px;
	  height: 472px;
	  background: url("../images/develop_visual_bg_material_left.png") no-repeat center center;
	  background-size: 100%; }
	.developVisual__container::after {
	  display: block;
	  content: '';
	  position: absolute;
	  right: -70px;
	  bottom: 0;
	  z-index: 2;
	  width: 356px;
	  height: 535px;
	  background: url("../images/develop_visual_bg_material_right.png") no-repeat center center;
	  background-size: 100%; }
  .developVisual__title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 251px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__title {
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .developVisual__title {
		position: absolute;
		top: 0;
		left: -1px;
		width: 101px; } }
  .developVisual__desc {
	position: relative;
	z-index: 3;
	width: 620px;
	margin: auto;
	padding-top: 140px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developVisual__desc {
		width: 70%; } }
  .developVisual--sp {
	background: url("../images/develop_visual_bg.jpg") no-repeat center center; }
	.developVisual--sp h2 {
	  position: relative; }
	  .developVisual--sp h2::after {
		padding-top: 164%;
		content: '';
		display: block;
		position: absolute; }
	  @media screen and (max-width: 768px) {
		.developVisual--sp h2 img {
		  width: 100%; } }

/*
水虫薬エフゲンの50年の歴史
*/
.developHistory50__heading {
  padding: 28px 0;
  background: #032b9a; }
  @media screen and (max-width: 768px) {
	.developHistory50__heading {
	  padding: 10px 0; } }
.developHistory50__title {
  width: 729px;
  margin: auto; }
  @media screen and (max-width: 768px) {
	.developHistory50__title {
	  width: auto; } }
.developHistory50__container {
  padding: 68px;
  background: url("../images/develop_history50_bg.jpg") no-repeat top center;
  background-size: 100%;
  border-bottom: 3px solid #032b9a; }
  @media screen and (max-width: 768px) {
	.developHistory50__container {
	  background: none;
	  padding: 3% 3% 7%; } }
  .developHistory50__container figure {
	width: 654px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developHistory50__container figure {
		width: auto; } }

/*
水虫薬の誕生の裏側
*/
.developStory {
  margin-top: 110px; }
  @media screen and (max-width: 768px) {
	.developStory {
	  margin-top: 23px;
	  padding-top: 10px; } }
  .developStory__heading {
	position: relative;
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .developStory__heading {
		margin-bottom: 0;
		text-align: center; } }
	.developStory__heading .heading {
	  display: block; }
	  .developStory__heading .heading--1 {
		position: absolute;
		top: -60px;
		left: 80px;
		width: 267px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory__heading .heading--1 {
			position: absolute;
			top: -120px;
			left: 80px; } }
		@media screen and (max-width: 768px) {
		  .developStory__heading .heading--1 {
			position: relative;
			top: auto;
			left: auto;
			display: block;
			width: 62%;
			margin: auto; } }
	  .developStory__heading .heading--2 {
		position: absolute;
		top: -40px;
		right: 0;
		left: 0;
		width: 268px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developStory__heading .heading--2 {
			position: relative;
			top: auto;
			right: auto;
			left: auto; } }
  .developStory__title {
	color: #032b9a;
	font-weight: bold;
	font-size: calc(32px + 37 * ( (100vw - 320px) / 448));
	text-align: center; }
	@media screen and (max-width: 320px) {
	  .developStory__title {
		font-size: 32px; } }
	@media screen and (min-width: 768px) {
	  .developStory__title {
		font-size: 69px; } }
	@media screen and (max-width: 768px) {
	  .developStory__title {
		line-height: 1; } }
  .developStory__content {
	padding: 75px;
	background-size: 100%;
	border-bottom: 3px solid #032b9a; }
	.developStory__content figure {
	  width: 654px;
	  margin: auto; }
  .developStory__box {
	margin-bottom: 40px; }
	@media screen and (max-width: 768px) {
	  .developStory__box {
		margin-bottom: 20px; } }
	.developStory__box .heading {
	  padding: 10px;
	  border-radius: 8px 8px 0 0;
	  background: #032b9a; }
	  .developStory__box .heading .number {
		width: 137px;
		position: absolute;
		top: -30px;
		left: -40px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory__box .heading .number {
			position: absolute;
			top: -30px;
			left: 1px; } }
		@media screen and (max-width: 768px) {
		  .developStory__box .heading .number {
			width: 69px;
			position: absolute;
			top: -6px;
			left: 1px; } }
	.developStory__box .title {
	  color: #FFF;
	  font-weight: bold;
	  font-size: calc(18px + 22 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developStory__box .title {
		  font-size: 18px; } }
	  @media screen and (min-width: 768px) {
		.developStory__box .title {
		  font-size: 40px; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developStory__box .title {
		  padding-left: 3.3em; } }
	  @media screen and (max-width: 768px) {
		.developStory__box .title {
		  padding-left: 16vw;
		  text-align: left;
		  line-height: 1.4; } }
	.developStory__box .desc {
	  margin-bottom: 30px;
	  text-align: center; }
	.developStory__box .inner {
	  padding: 40px;
	  border: 3px solid #eef2ff;
	  border-top: 0; }
	  @media screen and (max-width: 768px) {
		.developStory__box .inner {
		  padding: 5% 2%; } }
	  @media screen and (max-width: 768px) {
		.developStory__box .inner p {
		  text-align: justify; } }
  .developStory .story--1 .story-image {
	position: relative;
	left: -30px;
	display: block;
	width: 327px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developStory .story--1 .story-image {
		width: 70vw;
		left: 0; } }
  .developStory .story--1 figure {
	margin-top: -30px; }
	@media screen and (max-width: 768px) {
	  .developStory .story--1 figure {
		margin-top: 0px; } }
  .developStory .story--2 .story-image {
	position: relative;
	left: 0;
	display: block;
	width: 203px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developStory .story--2 .story-image {
		width: 160px; } }
  .developStory .story--2 .figure-box {
	margin: 40px auto 0;
	padding: 0 30px 30px;
	background: #eef2ff; }
	@media screen and (max-width: 768px) {
	  .developStory .story--2 .figure-box {
		padding: 0 4% 2%; } }
	.developStory .story--2 .figure-box .arrow {
	  width: 15px; }
	.developStory .story--2 .figure-box__title {
	  width: 627px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box__title {
		  width: 100%; } }
	.developStory .story--2 .figure-box .figure--1 {
	  display: block;
	  width: 653px;
	  margin: 30px auto;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--1 {
		  width: auto; } }
	.developStory .story--2 .figure-box .figure--2 {
	  display: block;
	  width: 500px;
	  margin: 30px auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--2 {
		  width: auto; } }
	.developStory .story--2 .figure-box .figure--3 {
	  display: block;
	  width: 700px;
	  margin: 30px auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--2 .figure-box .figure--3 {
		  width: auto; } }
  .developStory .story--3 .story-image {
	position: relative;
	left: 0;
	display: block;
	width: 203px;
	margin: auto; }
  .developStory .story--3 figure {
	margin: 40px auto 0;
	padding: 0 30px 30px;
	background: #eef2ff;
	/*まずは*/
	/*次に*/
	/*さらに*/ }
	@media screen and (max-width: 768px) {
	  .developStory .story--3 figure {
		padding: 0 4% 4%; } }
	.developStory .story--3 figure figcaption {
	  width: 506px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developStory .story--3 figure figcaption {
		  width: auto; } }
	.developStory .story--3 figure .first {
	  margin-top: -20px; }
	  .developStory .story--3 figure .first h3 {
		display: block;
		width: 750px;
		margin: 30px auto; }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .first h3 {
			width: auto;
			margin: 30px auto 20px; } }
	  .developStory .story--3 figure .first .image {
		position: relative;
		left: -30px;
		display: table;
		width: 362px;
		margin: 0 auto 30px; }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .first .image {
			width: auto;
			left: 0;
			margin: 20px auto 30px; } }
	  .developStory .story--3 figure .first p {
		display: table;
		margin: auto;
		text-align: center; }
	.developStory .story--3 figure .next {
	  margin: 40px auto 0; }
	  .developStory .story--3 figure .next .next-step {
		display: table;
		width: 753px;
		margin: 30px auto 0; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory .story--3 figure .next .next-step {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .developStory .story--3 figure .next .next-step {
			width: auto; } }
	  .developStory .story--3 figure .next .box {
		float: left; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developStory .story--3 figure .next .box {
			width: 50%;
			max-width: 376px; } }
		.developStory .story--3 figure .next .box img {
		  display: block;
		  width: 376px;
		  height: 309px; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.developStory .story--3 figure .next .box img {
			  width: 100%;
			  max-width: 376px;
			  height: auto; } }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box img {
			  width: auto;
			  height: inherit; } }
		.developStory .story--3 figure .next .box--1 {
		  border-right: 1px solid #d9e0f7;
		  border-bottom: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--1 {
			  border: none; } }
		.developStory .story--3 figure .next .box--2 {
		  border-bottom: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--2 {
			  border: none; } }
		.developStory .story--3 figure .next .box--3 {
		  padding-top: 20px;
		  border-right: 1px solid #d9e0f7; }
		  @media screen and (max-width: 768px) {
			.developStory .story--3 figure .next .box--3 {
			  border: none; } }
		.developStory .story--3 figure .next .box--4 {
		  padding-top: 20px; }
	.developStory .story--3 figure .further p {
	  margin: 20px auto 0; }

.developStorySummary {
  height: 403px;
  padding: 55px 0 0;
  background: url("../images/develop_story_summary_bg.jpg") no-repeat top center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
	.developStorySummary {
	  padding: 50px 0 20px;
	  height: auto; } }
  .developStorySummary__heading {
	float: left;
	display: block;
	width: 494px;
	margin-left: 87px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developStorySummary__heading {
		width: 46%; } }
	@media screen and (max-width: 768px) {
	  .developStorySummary__heading {
		width: 100%;
		margin-left: 0; } }
  .developStorySummary__title {
	width: 100%;
	margin: 60px 0 0; }
	@media screen and (max-width: 768px) {
	  .developStorySummary__title {
		display: block;
		margin: 40px auto 20px;
		width: 70vw; } }
  .developStorySummary__item {
	position: relative;
	float: left;
	width: 266px;
	margin-left: 30px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developStorySummary__item {
		width: 30%; } }
	@media screen and (max-width: 768px) {
	  .developStorySummary__item {
		float: none;
		width: auto;
		margin-left: 0;
		text-align: center; }
		.developStorySummary__item img {
		  display: block;
		  width: 45vw;
		  margin: auto; } }
	.developStorySummary__item .item-label {
	  display: block;
	  position: absolute;
	  bottom: 30px;
	  left: -170px;
	  width: 133px; }

.developHowever {
  margin-top: 130px; }
  @media screen and (max-width: 768px) {
	.developHowever {
	  margin-top: 80px; } }
  .developHowever__heading {
	position: relative;
	margin-bottom: 40px; }
	.developHowever__heading .heading {
	  display: block; }
	  .developHowever__heading .heading--1 {
		position: absolute;
		top: -160px;
		right: 0;
		left: 0;
		width: 267px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__heading .heading--1 {
			top: -105px;
			width: 40vw;
			max-width: 180px; } }
	  .developHowever__heading .heading--2 {
		position: absolute;
		top: -40px;
		right: 0;
		left: 40px;
		width: 367px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__heading .heading--2 {
			left: 0;
			width: 80vw;
			max-width: 400px; } }
  .developHowever__title {
	color: #032b9a;
	font-weight: bold;
	font-size: calc(24px + 36 * ( (100vw - 320px) / 448));
	text-align: center; }
	@media screen and (max-width: 320px) {
	  .developHowever__title {
		font-size: 24px; } }
	@media screen and (min-width: 768px) {
	  .developHowever__title {
		font-size: 60px; } }
  .developHowever__box {
	position: relative;
	margin-bottom: 100px;
	padding: 0 40px 40px;
	border: 3px solid #eef2ff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef2ff+0,ffffff+31,ffffff+100 */
	background: #eef2ff;
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(81%, #ffffff), to(#eef2ff));
	background: linear-gradient(to bottom, #FFF 0%, #ffffff 81%, #eef2ff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2ff', endColorstr='#ffffff',GradientType=0 );
	/* IE6-9 */
	text-align: left; }
	@media screen and (max-width: 768px) {
	  .developHowever__box {
		margin-bottom: 70px;
		padding: 0 15px 20px; } }
	.developHowever__box:after {
	  display: block;
	  content: '';
	  position: absolute;
	  right: 0;
	  bottom: -33px;
	  left: 0;
	  width: 148px;
	  height: 30px;
	  margin: auto;
	  background: url("../images/develop_however_arrow_bottom.png") no-repeat top center;
	  background-size: 100%; }
	.developHowever__box .box-heading {
	  display: table;
	  position: relative;
	  top: -30px;
	  margin: auto;
	  padding: 3px 10px;
	  background: #032b9a;
	  border-radius: 150px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developHowever__box .box-heading {
		  width: 100%; } }
	.developHowever__box .box-title {
	  padding: 0 20px;
	  color: #ffff00;
	  font-weight: bold;
	  font-size: calc(16px + 14 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developHowever__box .box-title {
		  font-size: 16px; } }
	  @media screen and (min-width: 768px) {
		.developHowever__box .box-title {
		  font-size: 30px; } }
	  @media screen and (max-width: 768px) {
		.developHowever__box .box-title {
		  padding: 7px 20px;
		  line-height: 1.4; } }
	.developHowever__box.box-1 .inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  margin: 0 auto; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-1 .inner {
		  display: block; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowever__box.box-1 .inner .item {
		  width: 45%; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowever__box.box-1 .inner .item--center {
		  width: 10%; } }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-1 .inner .item--center {
		  margin: 20px auto; } }
	  .developHowever__box.box-1 .inner .item .image {
		display: block;
		height: 234px;
		margin: auto; }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-1 .inner .item .image {
			height: 164px; } }
	  .developHowever__box.box-1 .inner .item p {
		display: table;
		width: 422px;
		margin: 20px auto 0;
		text-align: left; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developHowever__box.box-1 .inner .item p {
			width: 100%; } }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-1 .inner .item p {
			width: auto; } }
	.developHowever__box.box-2 .image {
	  display: block;
	  height: 234px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-2 .image {
		  height: auto; } }
	.developHowever__box.box-2 p {
	  display: table;
	  margin: 20px auto 0;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-2 p {
		  text-align: left; } }
	.developHowever__box.box-3 {
	  margin-bottom: 60px; }
	  @media screen and (max-width: 768px) {
		.developHowever__box.box-3 {
		  margin-bottom: 30px; } }
	  .developHowever__box.box-3 .image {
		display: block;
		height: 268px;
		margin: auto; }
	  .developHowever__box.box-3 p {
		display: table;
		margin: 20px auto 0;
		text-align: center; }
		@media screen and (max-width: 768px) {
		  .developHowever__box.box-3 p {
			text-align: left; } }

/*
大源製薬のロングセラー商品の誕生
*/
.developItemBirth {
  padding: 40px 0;
  background: #edf4ff; }
  @media screen and (max-width: 768px) {
	.developItemBirth {
	  padding: 20px 0; } }
  .developItemBirth__heading {
	position: relative;
	left: -23px; }
	@media screen and (max-width: 768px) {
	  .developItemBirth__heading {
		left: 0; } }
  .developItemBirth__container {
	padding-top: 20px; }
	.developItemBirth__container .inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: end;
	  -ms-flex-align: end;
	  align-items: flex-end; }
	  .developItemBirth__container .inner .item.start {
		width: 425px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.start {
			width: auto; } }
	  .developItemBirth__container .inner .item.center {
		position: relative;
		left: -58px;
		width: 254px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.center {
			left: -15px;
			width: auto; } }
	  .developItemBirth__container .inner .item.end {
		width: 320px;
		position: relative;
		left: -28px; }
		@media screen and (max-width: 768px) {
		  .developItemBirth__container .inner .item.end {
			left: 0;
			width: auto; } }
	  .developItemBirth__container .inner .item img {
		width: 100%; }

/*
水虫お悩み相談事例
*/
.developConsulEx__heading {
  position: relative;
  padding: 28px 0;
  background: #032b9a;
  text-align: center; }
  @media screen and (max-width: 768px) {
	.developConsulEx__heading {
	  padding: 0; } }
  .developConsulEx__heading:after {
	display: block;
	position: absolute;
	right: 0;
	bottom: -70px;
	left: 0;
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	border: 40px solid transparent;
	border-top: 30px solid #032b9a; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__heading:after {
		position: absolute;
		right: 0;
		bottom: -23px;
		left: 0;
		border: 10px solid transparent;
		border-top: 18px solid #032b9a; } }
.developConsulEx__title {
  color: yellow;
  font-weight: bold;
  font-size: calc(19px + 39 * ( (100vw - 320px) / 448)); }
  @media screen and (max-width: 320px) {
	.developConsulEx__title {
	  font-size: 19px; } }
  @media screen and (min-width: 768px) {
	.developConsulEx__title {
	  font-size: 58px; } }
  @media screen and (max-width: 960px) {
	.developConsulEx__title {
	  padding: 4% 2%; } }
.developConsulEx__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 30px; }
  @media screen and (max-width: 768px) {
	.developConsulEx__intro {
	  display: block; } }
  .developConsulEx__intro .start {
	padding: 0 10px; }
	.developConsulEx__intro .start img {
	  display: block;
	  width: 258px; }
  .developConsulEx__intro .center {
	display: block;
	position: relative;
	top: -40px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulEx__intro .center {
		top: -20px; } }
	@media screen and (max-width: 768px) {
	  .developConsulEx__intro .center {
		top: 0; } }
	.developConsulEx__intro .center h3 {
	  margin-bottom: 10px;
	  padding: 4px 20px;
	  border-radius: 40px;
	  background: #032b9a;
	  color: #fff;
	  font-weight: bold;
	  font-size: calc(16px + 11 * ( (100vw - 320px) / 448));
	  text-align: center; }
	  @media screen and (max-width: 320px) {
		.developConsulEx__intro .center h3 {
		  font-size: 16px; } }
	  @media screen and (min-width: 768px) {
		.developConsulEx__intro .center h3 {
		  font-size: 27px; } }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__intro .center h3 {
		  font-size: 18px; } }
	.developConsulEx__intro .center p {
	  text-align: left; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__intro .center p {
		  font-size: 16px; } }
  .developConsulEx__intro .end {
	padding: 0 10px; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__intro .end {
		margin-bottom: -16px;
		padding: 0; } }
	.developConsulEx__intro .end img {
	  display: block;
	  width: 252px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__intro .end img {
		  width: 282px;
		  margin: auto; } }
.developConsulEx__box {
  margin-bottom: 50px; }
  .developConsulEx__box--1 {
	margin-bottom: 50px; }
  .developConsulEx__box--2 {
	margin-top: 90px;
	margin-bottom: 0; }
	.developConsulEx__box--2 .arrow-week {
	  width: 254px;
	  position: absolute;
	  top: -66px;
	  right: 0;
	  left: 0;
	  margin: auto; }
.developConsulEx__inner {
  padding: 45px 100px 20px;
  background: #cadcfb;
  border-radius: 10px; }
  @media screen and (max-width: 768px) {
	.developConsulEx__inner {
	  padding: 4%; } }
  .developConsulEx__inner .icon {
	display: block;
	position: relative;
	width: 100px; }
	@media screen and (max-width: 768px) {
	  .developConsulEx__inner .icon {
		width: 80px; } }
	.developConsulEx__inner .icon--on:before {
	  display: block;
	  content: '';
	  position: absolute;
	  top: -36px;
	  left: 0;
	  width: 40px;
	  height: 34px;
	  background: url("../images/develop_consul_ex_icon_patient_balloon.png") no-repeat top center;
	  background-size: 100%; }
  .developConsulEx__inner .comment {
	position: relative;
	padding: 14px 20px;
	border-radius: 8px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulEx__inner .comment {
		width: calc(100% - 125px); } }
	@media screen and (max-width: 768px) {
	  .developConsulEx__inner .comment {
		padding: 14px; } }
  .developConsulEx__inner .patient {
	float: left;
	width: 100%;
	margin-bottom: 20px; }
	.developConsulEx__inner .patient .box .icon {
	  float: left;
	  margin-right: 15px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .patient .box .icon {
		  margin-right: 0; } }
	.developConsulEx__inner .patient .comment {
	  float: left;
	  background: #ccfbd6; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulEx__inner .patient .comment {
		  width: calc(100% - 125px); } }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .patient .comment {
		  width: calc(100% - 125px); } }
	  .developConsulEx__inner .patient .comment:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: -20px;
		width: 0;
		height: 0;
		margin: auto;
		border: 10px solid transparent;
		border-right: 17px solid #ccfbd6; }
  .developConsulEx__inner .support {
	float: right;
	width: 100%;
	margin-bottom: 20px; }
	.developConsulEx__inner .support .box .icon {
	  float: right;
	  margin-left: 15px; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .support .box .icon {
		  margin-left: 0; } }
	.developConsulEx__inner .support .comment {
	  float: right;
	  background: #FFF; }
	  @media screen and (max-width: 768px) {
		.developConsulEx__inner .support .comment {
		  width: calc(100% - 115px); } }
	  .developConsulEx__inner .support .comment:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: -20px;
		bottom: 0;
		width: 0;
		height: 0;
		margin: auto;
		border: 10px solid transparent;
		border-left: 17px solid #FFF; }
		@media screen and (max-width: 768px) {
		  .developConsulEx__inner .support .comment:before {
			margin: inherit;
			top: 20%; } }
	  .developConsulEx__inner .support .comment--wide {
		width: 569px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .developConsulEx__inner .support .comment--wide {
			width: calc(100% - 125px); } }
		@media screen and (max-width: 768px) {
		  .developConsulEx__inner .support .comment--wide {
			width: calc(100% - 115px); } }

/*
エフゲンの正しい使用方法をcheck
*/
.developHowto__heading {
  position: relative;
  bottom: -36px;
  z-index: 1; }
  .developHowto__heading .title-adobe {
	display: block;
	position: absolute;
	top: -55px;
	right: 0;
	left: 0;
	width: 413px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developHowto__heading .title-adobe {
		width: auto; } }
.developHowto__title {
  width: 713px;
  margin: auto; }
  @media screen and (max-width: 768px) {
	.developHowto__title {
	  width: auto; } }
.developHowto__container {
  overflow: hidden;
  border: 4px solid #032b9a;
  border-radius: 10px;
  padding: 110px 90px 50px; }
  @media screen and (max-width: 768px) {
	.developHowto__container {
	  padding: 4%;
	  margin: 2%; } }
.developHowto__box {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  /*各画像*/
  /*各説明*/ }
  @media screen and (max-width: 768px) {
	.developHowto__box {
	  margin-bottom: 20px; } }
  .developHowto__box.start:before {
	display: block;
	visibility: visible;
	content: '';
	position: absolute;
	right: 0;
	bottom: -460px;
	left: 0;
	z-index: -1;
	width: 9px;
	height: 777px;
	margin: auto;
	background: url("../images/develop_howto_step_arrow_bg.jpg") no-repeat top center;
	background-size: 100%;
	-webkit-transform: rotate(119deg);
	transform: rotate(119deg); }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box.start:before {
		background: none; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box.start:before {
		background: none; } }
  .developHowto__box.next {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box.next {
		display: block; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box.next {
		display: block; } }
	.developHowto__box.next:before {
	  display: block;
	  visibility: visible;
	  content: '';
	  position: absolute;
	  right: 0;
	  bottom: -410px;
	  left: 0;
	  z-index: -1;
	  width: 9px;
	  height: 777px;
	  margin: auto;
	  background: url("../images/develop_howto_step_arrow_bg.jpg") no-repeat top center;
	  background-size: 100%;
	  -webkit-transform: rotate(-126deg);
	  transform: rotate(-126deg); }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box.next:before {
		  background: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box.next:before {
		  background: none; } }
  .developHowto__box.end {
	margin-bottom: 0; }
  .developHowto__box .image {
	float: left; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__box .image {
		float: none;
		margin: 20px auto;
		text-align: center; } }
	@media screen and (max-width: 768px) {
	  .developHowto__box .image {
		float: none;
		margin: 20px auto;
		text-align: center; } }
	.developHowto__box .image--1 {
	  width: 236px;
	  margin-right: 40px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--1 {
		  margin-right: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--1 {
		  margin-right: auto; } }
	.developHowto__box .image--2 {
	  width: 236px;
	  margin-top: 30px;
	  margin-left: 150px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--2 {
		  margin: 20px auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--2 {
		  margin: 20px auto; } }
	.developHowto__box .image--3 {
	  width: 236px;
	  margin-right: 40px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .image--3 {
		  margin-left: auto;
		  margin-right: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .image--3 {
		  margin-left: auto;
		  margin-right: auto; } }
  .developHowto__box .data {
	position: relative;
	float: left; }
	@media screen and (max-width: 768px) {
	  .developHowto__box .data .head .title-step {
		display: block;
		height: 40px;
		margin-bottom: 10px; } }
	.developHowto__box .data--1 {
	  width: 530px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--1 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--1 {
		  width: auto; } }
	  .developHowto__box .data--1 .head {
		width: 381px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--1 .head {
			width: auto; } }
	  .developHowto__box .data--1 .material {
		display: block;
		position: absolute;
		top: -27px;
		right: 50px;
		width: 76px; }
	  .developHowto__box .data--1 p {
		padding-left: 75px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--1 p {
			padding-left: 0; } }
	.developHowto__box .data--2 {
	  width: 430px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--2 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--2 {
		  width: auto; } }
	  .developHowto__box .data--2 .head {
		width: 448px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--2 .head {
			width: auto; } }
	  .developHowto__box .data--2 p {
		margin-top: 10px; }
	.developHowto__box .data--3 {
	  width: 450px;
	  margin-left: 80px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__box .data--3 {
		  margin: 0 auto;
		  float: none; } }
	  @media screen and (max-width: 768px) {
		.developHowto__box .data--3 {
		  width: auto;
		  margin-left: 0; } }
	  .developHowto__box .data--3 .head {
		width: 381px; }
		@media screen and (max-width: 768px) {
		  .developHowto__box .data--3 .head {
			width: auto; } }
	  .developHowto__box .data--3 .material {
		display: block;
		position: absolute;
		top: -7px;
		right: -20px;
		width: 76px; }
	  .developHowto__box .data--3 p {
		margin-top: 10px; }
.developHowto__wrapping {
  width: 800px;
  margin: 10px auto 0; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.developHowto__wrapping {
	  width: 100%; } }
  @media screen and (max-width: 768px) {
	.developHowto__wrapping {
	  width: 100%; } }
  .developHowto__wrapping .heading {
	position: relative;
	bottom: -30px;
	z-index: 2;
	width: 450px;
	margin: auto;
	padding: 8px 12px;
	background: #032b9a;
	border-radius: 60px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developHowto__wrapping .heading {
		width: auto; } }
	.developHowto__wrapping .heading .adobe {
	  display: block;
	  position: absolute;
	  top: -17px;
	  left: -30px;
	  width: 76px; }
  .developHowto__wrapping .title {
	color: #FFF;
	font-weight: bold;
	font-size: calc(18px + 14 * ( (100vw - 320px) / 448));
	line-height: 1; }
	@media screen and (max-width: 320px) {
	  .developHowto__wrapping .title {
		font-size: 18px; } }
	@media screen and (min-width: 768px) {
	  .developHowto__wrapping .title {
		font-size: 32px; } }
  .developHowto__wrapping .inner {
	position: relative;
	padding: 50px 40px 20px;
	border: 10px solid #ccdefb; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developHowto__wrapping .inner {
		padding: 2em 1em 0; } }
	@media screen and (max-width: 768px) {
	  .developHowto__wrapping .inner {
		padding: 2em 1em 0; } }
	.developHowto__wrapping .inner p {
	  width: 520px;
	  font-size: 17px;
	  text-align: justify; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__wrapping .inner p {
		  width: auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__wrapping .inner p {
		  width: auto; } }
	.developHowto__wrapping .inner .material {
	  display: block;
	  z-index: 2;
	  position: absolute;
	  top: 45px;
	  right: -50px;
	  width: 242px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developHowto__wrapping .inner .material {
		  padding: 1em 1em 0 1em;
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  display: block;
		  margin: 0 auto; } }
	  @media screen and (max-width: 768px) {
		.developHowto__wrapping .inner .material {
		  padding: 1em 1em 0 1em;
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  display: block;
		  margin: 0 auto; } }

.developConsulSummary {
  overflow: hidden;
  height: 316px;
  margin: 0 auto;
  background: url("../images/develop_consul_summary_bg.jpg") no-repeat top center;
  background-size: 100%; }
  @media screen and (max-width: 768px) {
	.developConsulSummary {
	  margin: 0;
	  height: inherit;
	  background-size: cover; } }
  .developConsulSummary__heading {
	position: relative;
	padding-top: 47px;
	text-align: left; }
	@media screen and (max-width: 768px) {
	  .developConsulSummary__heading {
		padding-top: 0; } }
	.developConsulSummary__heading .material {
	  display: block;
	  width: 274px;
	  position: absolute;
	  right: -20px;
	  bottom: -80px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developConsulSummary__heading .material {
		  width: 30%;
		  max-width: 250px; } }
	  @media screen and (max-width: 768px) {
		.developConsulSummary__heading .material {
		  position: static;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  width: 100vw;
		  margin: 0 auto; } }
  .developConsulSummary__title {
	width: 707px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .developConsulSummary__title {
		width: 70%; } }
	@media screen and (max-width: 768px) {
	  .developConsulSummary__title {
		width: auto; } }

/*
こんな方にオススメです
*/
.developRecommend {
  background: #edf5ff; }
  .developRecommend__heading {
	position: relative;
	padding: 28px 0;
	background: #032b9a;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developRecommend__heading {
		padding: 9px 0 13px; } }
	.developRecommend__heading:after {
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: -70px;
	  left: 0;
	  content: '';
	  width: 0;
	  height: 0;
	  margin: auto;
	  border: 40px solid transparent;
	  border-top: 30px solid #032b9a; }
	  @media screen and (max-width: 768px) {
		.developRecommend__heading:after {
		  position: absolute;
		  right: 0;
		  bottom: -23px;
		  left: 0;
		  border: 10px solid transparent;
		  border-top: 18px solid #032b9a; } }
  .developRecommend__title {
	width: 639px;
	margin: auto; }
	@media screen and (max-width: 768px) {
	  .developRecommend__title {
		width: auto; }
		.developRecommend__title img {
		  max-height: 35px; } }
  .developRecommend__container {
	position: relative;
	padding: 40px 0; }
	@media screen and (max-width: 768px) {
	  .developRecommend__container {
		padding: 40px 2% 20px; } }
  .developRecommend__list {
	overflow: hidden;
	position: relative;
	padding: 30px 50px;
	background: #FFF;
	border: 5px solid #d5e7fd;
	border-radius: 12px; }
	@media screen and (max-width: 768px) {
	  .developRecommend__list {
		padding: 4%; } }
	.developRecommend__list ul {
	  width: 680px;
	  margin-left: 40px; }
	  @media screen and (max-width: 768px) {
		.developRecommend__list ul {
		  width: auto;
		  margin-left: 0;
		  padding-left: 30px; } }
	  .developRecommend__list ul li {
		position: relative;
		display: block;
		margin-bottom: 6px;
		padding-left: 10px;
		border-bottom: 1px dashed #00479d;
		color: #00479d;
		font-weight: bold;
		font-size: calc(16px + 6 * ( (100vw - 320px) / 448));
		line-height: 2.4; }
		@media screen and (max-width: 320px) {
		  .developRecommend__list ul li {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .developRecommend__list ul li {
			font-size: 22px; } }
		@media screen and (max-width: 768px) {
		  .developRecommend__list ul li {
			padding: 10px 0;
			line-height: 1.4; } }
		@media screen and (max-width: 768px) {
		  .developRecommend__list ul li:last-child {
			margin-bottom: 0;
			border-bottom: 0; } }
		.developRecommend__list ul li:before {
		  display: inline-block;
		  position: absolute;
		  top: 9px;
		  left: -38px;
		  content: '';
		  width: 36px;
		  height: 32px;
		  background: url("../images/product_recommend_icon_checkbox.png") no-repeat top center;
		  background-size: 100%; }
		  @media screen and (max-width: 768px) {
			.developRecommend__list ul li:before {
			  position: absolute;
			  top: 13px;
			  left: -29px;
			  background-size: 22px auto;
			  width: 22px;
			  height: 20px; } }
	.developRecommend__list .material {
	  display: block;
	  position: absolute;
	  right: 40px;
	  bottom: 0;
	  width: 372px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developRecommend__list .material {
		  display: none !important; } }
	  @media screen and (max-width: 768px) {
		.developRecommend__list .material {
		  margin-top: 1em;
		  width: auto;
		  position: static;
		  right: 0;
		  bottom: 0; } }

.developPurchase {
  width: 100%;
  background: #e7f6ff; }
  .developPurchase .developPurchase__heading {
	position: relative;
	padding: 15px 0;
	background: #032b9a;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .developPurchase .developPurchase__heading {
		padding: 9px 0 6px; } }
	.developPurchase .developPurchase__heading:after {
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: -70px;
	  left: 0;
	  content: '';
	  width: 0;
	  height: 0;
	  margin: auto;
	  border: 40px solid transparent;
	  border-top: 30px solid #032b9a; }
	  @media screen and (max-width: 768px) {
		.developPurchase .developPurchase__heading:after {
		  position: absolute;
		  right: 0;
		  bottom: -23px;
		  left: 0;
		  border: 10px solid transparent;
		  border-top: 18px solid #032b9a; } }
	.developPurchase .developPurchase__heading .developPurchase__title {
	  color: #fff;
	  font-weight: bold;
	  font-size: calc(19px + 39 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.developPurchase .developPurchase__heading .developPurchase__title {
		  font-size: 19px; } }
	  @media screen and (min-width: 768px) {
		.developPurchase .developPurchase__heading .developPurchase__title {
		  font-size: 58px; } }
	  .developPurchase .developPurchase__heading .developPurchase__title span {
		color: yellow; }
  .developPurchase .indexPurchase02 {
	margin: 0 auto;
	padding: 12px 0 45px; }
	@media screen and (max-width: 768px) {
	  .developPurchase .indexPurchase02 {
		padding: 20px 0; } }
	.developPurchase .indexPurchase02__title {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__title {
		  width: 96%;
		  margin: 0 auto; } }
	.developPurchase .indexPurchase02__item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: flex-start;
	  flex-direction: flex-start;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin: 20px 0 0 0; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__item {
		  display: block; } }
	  .developPurchase .indexPurchase02__item div:first-child {
		margin: 15px 22px 0 0; }
		.developPurchase .indexPurchase02__item div:first-child img {
		  max-width: 427px; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:first-child img {
			  max-width: 100%; } }
	  .developPurchase .indexPurchase02__item div:nth-child(2) {
		max-width: 494px; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__item div:nth-child(2) {
			margin: 0 auto; } }
		.developPurchase .indexPurchase02__item div:nth-child(2) dl dd {
		  margin-top: 15px;
		  padding-bottom: 10px;
		  font-size: 1.5rem;
		  line-height: 1.6; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:nth-child(2) dl dd {
			  width: 96%;
			  margin: 0 auto; } }
		.developPurchase .indexPurchase02__item div:nth-child(2) img {
		  max-width: 494px; }
		  @media screen and (max-width: 768px) {
			.developPurchase .indexPurchase02__item div:nth-child(2) img {
			  max-width: 100%; } }
	.developPurchase .indexPurchase02__box li {
	  width: 80%;
	  margin: 30px auto; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box li {
		  width: 100%; } }
	@media screen and (max-width: 768px) {
	  .developPurchase .indexPurchase02__box {
		padding: 10px;
		text-align: center; } }
	@media screen and (max-width: 768px) {
	  .developPurchase .indexPurchase02__box {
		display: block; } }
	.developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
	  margin-right: 24px;
	  padding: 10px 20px;
	  background: #032b9a;
	  color: #fff;
	  font-size: calc(14px + 8 * ( (100vw - 320px) / 448));
	  line-height: 1.2;
	  font-weight: bold; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
		  width: 100%;
		  text-align: center;
		  margin-bottom: 20px; }
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__postage br {
			display: none !important; } }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
		  display: block;
		  margin-right: 0; } }
	  @media screen and (max-width: 320px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
		  font-size: 14px; } }
	  @media screen and (min-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__postage {
		  font-size: 22px; } }
	.developPurchase .indexPurchase02__box span {
	  display: block; }
	.developPurchase .indexPurchase02__box .indexPurchase02__box__price {
	  margin-right: 32px; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__price {
		  display: block;
		  margin: 20px 0 0 0; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__price img {
		max-width: 375px; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__price img {
			max-width: 100%; } }
	.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox a {
	  position: relative; }
	@media screen and (max-width: 768px) {
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox {
		display: block;
		margin: 20px 0 0 0; } }
	.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label {
	  display: block;
	  position: absolute;
	  top: -100px;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 1;
	  width: 280px;
	  margin: auto; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label {
		  position: relative;
		  top: auto;
		  right: auto;
		  bottom: 0;
		  width: 85%;
		  margin-bottom: 10px; } }
	  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label img {
		max-width: 100%; }
		@media screen and (max-width: 768px) {
		  .developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox label img {
			max-width: 100%; } }
	.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox img {
	  max-width: 390px; }
	  @media screen and (max-width: 768px) {
		.developPurchase .indexPurchase02__box .indexPurchase02__box__btnBox img {
		  max-width: 100%; } }

/* ============
* Faq
============== */
.content_head {
  padding: 30px 0;
  line-height: 2.5;
  background-color: #2951be; }
  @media screen and (max-width: 768px) {
	.content_head {
	  padding: 20px 0; } }
  .content_head h1 {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: calc(22px + 6 * ( (100vw - 320px) / 448)); }
	@media screen and (max-width: 320px) {
	  .content_head h1 {
		font-size: 22px; } }
	@media screen and (min-width: 768px) {
	  .content_head h1 {
		font-size: 28px; } }

.faq__block-top {
  max-width: 1000px;
  margin: 45px auto 0; }
  @media screen and (max-width: 768px) {
	.faq__block-top {
	  margin-top: 20px; } }
  .faq__block-top .desc {
	font-size: calc(14px + 2 * ( (100vw - 320px) / 448));
	line-height: 2.5; }
	@media screen and (max-width: 320px) {
	  .faq__block-top .desc {
		font-size: 14px; } }
	@media screen and (min-width: 768px) {
	  .faq__block-top .desc {
		font-size: 16px; } }
	@media screen and (max-width: 768px) {
	  .faq__block-top .desc {
		width: 96%;
		margin: 0 auto; } }
  .faq__block-top ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px;
	padding: 25px;
	border-radius: 6px;
	background-color: #e7eaf3; }
	@media screen and (max-width: 768px) {
	  .faq__block-top ul {
		margin-top: 30px;
		padding: 10px; } }
	.faq__block-top ul li {
	  max-width: 300px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.faq__block-top ul li {
		  width: 31%; } }
	  @media screen and (max-width: 768px) {
		.faq__block-top ul li {
		  max-width: 32%; } }
	  @media screen and (max-width: 768px) {
		.faq__block-top ul li:last-child {
		  margin-bottom: 0; } }
	  .faq__block-top ul li a {
		display: block;
		text-decoration: none; }
		.faq__block-top ul li a:hover {
		  text-decoration: none; }
		.faq__block-top ul li a img {
		  border-radius: 6px 6px 0 0; }
		.faq__block-top ul li a p {
		  display: block;
		  padding: 7px 0;
		  border-radius: 0 0 6px 6px;
		  background-color: #2951be;
		  color: #fff;
		  font-weight: bold;
		  font-size: calc(17px + 1 * ( (100vw - 320px) / 448));
		  text-align: center;
		  text-decoration: none;
		  line-height: 2.5; }
		  @media screen and (max-width: 320px) {
			.faq__block-top ul li a p {
			  font-size: 17px; } }
		  @media screen and (min-width: 768px) {
			.faq__block-top ul li a p {
			  font-size: 18px; } }
		  @media screen and (max-width: 768px) {
			.faq__block-top ul li a p {
			  line-height: 2.0; } }
		@media screen and (max-width: 768px) {
		  .faq__block-top ul li a .txt-main {
			display: block; } }
		.faq__block-top ul li a .small {
		  font-size: calc(11px + 7 * ( (100vw - 320px) / 448)); }
		  @media screen and (max-width: 320px) {
			.faq__block-top ul li a .small {
			  font-size: 11px; } }
		  @media screen and (min-width: 768px) {
			.faq__block-top ul li a .small {
			  font-size: 18px; } }
.faq__block {
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
	.faq__block {
	  margin-top: 20px; } }
  .faq__block h2 {
	position: relative;
	padding-bottom: 10px;
	border-bottom: solid 7px #e4e4e4;
	color: #0436ac;
	font-size: calc(18px + 4 * ( (100vw - 320px) / 448));
	line-height: 2.5; }
	@media screen and (max-width: 320px) {
	  .faq__block h2 {
		font-size: 18px; } }
	@media screen and (min-width: 768px) {
	  .faq__block h2 {
		font-size: 22px; } }
	@media screen and (max-width: 768px) {
	  .faq__block h2 {
		width: 96%;
		margin: 0 auto; } }
	.faq__block h2:after {
	  position: absolute;
	  content: " ";
	  display: block;
	  border-bottom: solid 7px #2951be;
	  bottom: -7px;
	  width: 30%; }
  .faq__block .box {
	padding: 30px 0 30px; }
	@media screen and (max-width: 768px) {
	  .faq__block .box {
		padding: 10px 0 10px; } }
	.faq__block .box .item {
	  padding-right: 10px;
	  border-bottom: 1px solid #d6dae4; }
	  .faq__block .box .item .head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 30px 0 30px 5px; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .head {
			padding: 20px 0 20px 5px; } }
		.faq__block .box .item .head h3 {
		  width: calc(100% - 57px);
		  font-weight: bold;
		  font-size: calc(14px + 6 * ( (100vw - 320px) / 448));
		  line-height: 1.5; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .head h3 {
			  font-size: 14px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .head h3 {
			  font-size: 20px; } }
	  .faq__block .box .item .item-ico {
		width: 45px;
		height: 45px;
		margin-right: 12px;
		border-radius: 50%;
		background-color: #2951be; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .item-ico {
			width: 25px;
			height: 25px; } }
		.faq__block .box .item .item-ico span {
			/* 中央寄せの指定 */
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center; /* 念のため追加 */
		  height: 100%;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		  color: #fff;
		  font-size: calc(11px + 9 * ( (100vw - 320px) / 448));
		  line-height: 2.5; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .item-ico span {
			  font-size: 11px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .item-ico span {
			  font-size: 20px; } }
		  @media screen and (max-width: 768px) {
			.faq__block .box .item .item-ico span {
			  font-size: 16px;
			  line-height: 2.5; } }
	  .faq__block .box .item .body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 0 45px 5px; }
		@media screen and (max-width: 768px) {
		  .faq__block .box .item .body {
			padding: 0 0 20px 5px; } }
		.faq__block .box .item .body .item-ico {
		  background-color: #e12727; }
		.faq__block .box .item .body .item-txt {
		  width: calc(100% - 57px);
		  font-size: calc(13px + 2 * ( (100vw - 320px) / 448));
		  line-height: 2.5;
		  text-align: justify; }
		  @media screen and (max-width: 320px) {
			.faq__block .box .item .body .item-txt {
			  font-size: 13px; } }
		  @media screen and (min-width: 768px) {
			.faq__block .box .item .body .item-txt {
			  font-size: 15px; } }
		  .faq__block .box .item .body .item-txt span {
			display: block;
			padding-left: 3em;
			text-indent: -3em; }
	  .faq__block .box .item .longText {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start; }

/* ============
* order
============== */
.orderSetTwo {
  margin: 80px auto 40px; }
  @media screen and (max-width: 960px) {
	.orderSetTwo {
	  margin: 40px auto 20px; } }
  @media screen and (max-width: 768px) {
	.orderSetTwo {
	  margin: 20px auto; } }
  .orderSetTwo__title {
	position: relative;
	z-index: 2;
	width: 403px;
	margin: auto;
	text-align: center; }
	@media screen and (max-width: 960px) {
	  .orderSetTwo__title {
		width: 37vw; } }
	@media screen and (max-width: 768px) {
	  .orderSetTwo__title {
		width: 66vw; } }
  .orderSetTwo__label {
	display: block;
	width: 145px;
	z-index: 3;
	position: absolute;
	top: -50px;
	left: 0; }
	@media screen and (max-width: 960px) {
	  .orderSetTwo__label {
		width: 111px;
		position: absolute;
		top: -40px;
		left: 0; } }
	@media screen and (max-width: 768px) {
	  .orderSetTwo__label {
		position: absolute;
		top: -17px;
		left: 0;
		width: 16vw; } }
  .orderSetTwo__inner {
	position: relative; }
  .orderSetTwo__item {
	position: absolute;
	top: -40px;
	left: 80px; }
	@media screen and (max-width: 960px) {
	  .orderSetTwo__item {
		display: block;
		width: 110px;
		margin: auto;
		position: relative;
		top: auto;
		left: auto; } }
  .orderSetTwo__desc {
	position: relative;
	z-index: 2;
	width: 441px;
	margin: 30px auto 0;
	font-size: 20px; }
	@media screen and (max-width: 960px) {
	  .orderSetTwo__desc {
		width: 91%;
		margin: 0 auto; } }
	.orderSetTwo__desc span {
	  color: #fa426d; }
  .orderSetTwo__figure {
	position: absolute;
	top: -110px;
	right: 0px;
	z-index: 1; }
	.orderSetTwo__figure img {
	  display: block; }
	  @media screen and (max-width: 960px) {
		.orderSetTwo__figure img {
		  display: none; } }
	.orderSetTwo__figure small {
	  display: table;
	  margin: auto;
	  padding-left: 1em;
	  text-indent: -1em; }
	  @media screen and (max-width: 960px) {
		.orderSetTwo__figure small {
		  display: none; } }

.orderHeader {
  position: relative; }
  .orderHeader .header__logo {
	margin: 15px auto 12px; }
	@media screen and (max-width: 768px) {
	  .orderHeader .header__logo {
		margin: 0 auto 12px; } }

.orderBtn__amendment {
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
	.orderBtn__amendment {
	  margin-bottom: 20px; } }
  .orderBtn__amendment a {
	position: relative;
	display: inline-block;
	padding: 20px 35px 20px 20px;
	color: #FFF;
	text-decoration: none; }
	.orderBtn__amendment a:hover {
	  text-decoration: none; }
	@media screen and (max-width: 768px) {
	  .orderBtn__amendment a {
		padding: 10px 20px 10px 10px; } }
	.orderBtn__amendment a::before {
	  position: absolute;
	  top: 0;
	  right: 15px;
	  bottom: 0;
	  content: '';
	  background-image: url("../images/common_icon_arrow_right.svg");
	  background-repeat: no-repeat;
	  background-position: left center;
	  background-size: contain;
	  width: 10px;
	  height: 67px;
	  margin: 0 auto;
	  display: inline-block; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.orderBtn__amendment a::before {
		  content: none; } }
	  @media screen and (max-width: 768px) {
		.orderBtn__amendment a::before {
		  position: absolute;
		  top: 0;
		  right: 8px;
		  bottom: 0;
		  width: 10px;
		  margin: 0 auto;
		  height: 45px; } }
  .orderBtn__amendment i {
	display: inline-block;
	position: relative;
	top: -3px;
	width: 30px;
	height: 28px; }
	@media screen and (max-width: 768px) {
	  .orderBtn__amendment i {
		width: 24px; } }
  .orderBtn__amendment .text {
	position: relative;
	top: 0; }
	@media screen and (max-width: 768px) {
	  .orderBtn__amendment .text {
		font-size: 14px; } }
	.orderBtn__amendment .text span {
	  font-size: 13px; }

/* ============
* orderForm
============== */
.orderTitle {
  margin-bottom: 30px;
  padding: 20px;
  background: #2A4EBA;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 24px; }
  @media screen and (max-width: 768px) {
	.orderTitle {
	  padding: 10px;
	  margin-bottom: 0; } }
.orderVisual .mainVisual {
  margin: 0 auto 30px; }
  .orderVisual .mainVisual img {
	max-width: 919px;
	width: 100%; }
.orderVisual .orderHeading {
  margin-bottom: 30px; }
  .orderVisual .orderHeading .orderName {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #2A4EBA;
	text-align: center;
	font-weight: bold;
	font-size: 53px; }
	@media screen and (max-width: 960px) {
	  .orderVisual .orderHeading .orderName {
		font-size: 47px; } }
	@media screen and (max-width: 768px) {
	  .orderVisual .orderHeading .orderName {
		display: block;
		margin-bottom: 20px;
		font-size: calc(24px + 24 * ( (100vw - 320px) / 448));
		line-height: 1.2; } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderVisual .orderHeading .orderName {
	  font-size: 24px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderVisual .orderHeading .orderName {
	  font-size: 48px; } }

	.orderVisual .orderHeading .orderName .free {
	  display: inline-block;
	  margin-right: 20px;
	  padding: 0 15px;
	  background: #e12727;
	  color: #fff;
	  font-size: 24px; }
	  @media screen and (max-width: 768px) {
		.orderVisual .orderHeading .orderName .free {
		  display: block;
		  margin: 0 0 17px;
		  line-height: 1.8; } }
	.orderVisual .orderHeading .orderName .type {
	  display: inline-block;
	  margin-left: 20px;
	  padding: 0 10px;
	  border: 1px solid #2A4EBA;
	  font-weight: normal;
	  font-size: 16px; }
	  @media screen and (max-width: 768px) {
		.orderVisual .orderHeading .orderName .type {
		  display: table;
		  margin: 10px auto 0;
		  line-height: 1.8; } }
  .orderVisual .orderHeading .desc {
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 20px; }
	.orderVisual .orderHeading .desc span {
	  display: block;
	  font-weight: normal;
	  font-size: 12px; }
.orderVisual .productWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
	.orderVisual .productWrap {
	  margin-bottom: 10px; } }
  .orderVisual .productWrap .product {
	padding: 30px;
	width: 50%; }
	@media screen and (max-width: 768px) {
	  .orderVisual .productWrap .product {
		width: 100%;
		padding: 15px; } }
	.orderVisual .productWrap .product.female {
	  background: #ffedf5; }
	.orderVisual .productWrap .product.male {
	  background: #edf5ff; }
	.orderVisual .productWrap .product .productInner {
	  position: relative;
	  padding: 25px;
	  background: #ffffff; }
	  .orderVisual .productWrap .product .productInner .label {
		position: absolute;
		top: 10px;
		left: 10px; }
		@media screen and (max-width: 768px) {
		  .orderVisual .productWrap .product .productInner .label {
			width: 70px; } }
	  .orderVisual .productWrap .product .productInner .main-images {
		overflow: hidden;
		margin-bottom: 0; }
		.orderVisual .productWrap .product .productInner .main-images .main_photo {
		  display: block;
		  overflow: hidden;
		  margin: 0 auto 10px;
		  text-align: center; }
		.orderVisual .productWrap .product .productInner .main-images .thumbnail {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  justify-content: space-between;
		  padding: 4px 4px 0; }
		  @media screen and (min-width: 769px) and (max-width: 999px) {
			.orderVisual .productWrap .product .productInner .main-images .thumbnail::before {
			  content: '';
			  display: block;
			  width: 64px;
			  -webkit-box-ordinal-group: 2;
			  -ms-flex-order: 1;
			  order: 1; }
			.orderVisual .productWrap .product .productInner .main-images .thumbnail::after {
			  content: '';
			  display: block;
			  width: 64px; } }
		  @media screen and (max-width: 768px) {
			.orderVisual .productWrap .product .productInner .main-images .thumbnail {
			  -webkit-box-pack: start;
			  -ms-flex-pack: start;
			  justify-content: flex-start; } }
		  .orderVisual .productWrap .product .productInner .main-images .thumbnail li {
			position: relative;
			flex-basis: auto;
			width: 73px;
			margin-bottom: 3px; }
			@media screen and (min-width: 769px) and (max-width: 999px) {
			  .orderVisual .productWrap .product .productInner .main-images .thumbnail li {
				margin-bottom: 10px; } }
			@media screen and (max-width: 960px) {
			  .orderVisual .productWrap .product .productInner .main-images .thumbnail li {
				width: 51px; } }
			@media screen and (max-width: 768px) {
			  .orderVisual .productWrap .product .productInner .main-images .thumbnail li {
				width: 23.5%;
				margin: 2px 2px 4px; } }
			@media screen and (max-width: 320px) {
			  .orderVisual .productWrap .product .productInner .main-images .thumbnail li {
				width: 23.1%; } }
			.orderVisual .productWrap .product .productInner .main-images .thumbnail li.current::before {
			  position: absolute;
			  z-index: 2;
			  display: block;
			  width: 100%;
			  height: 100%;
			  border: 2px solid #2A4EBA;
			  content: ''; }
			@media screen and (max-width: 768px) {
			  .orderVisual .productWrap .product .productInner .main-images .thumbnail li.empty_item {
				display: none; } }
	  .orderVisual .productWrap .product .productInner .productName {
		margin-bottom: 10px; }
		.orderVisual .productWrap .product .productInner .productName h4 {
		  display: block;
		  font-weight: bold;
		  line-height: 1.4;
		  font-size: 26px; }
		  @media screen and (max-width: 960px) {
			.orderVisual .productWrap .product .productInner .productName h4 {
			  font-size: 22px; } }
		  @media screen and (max-width: 768px) {
			.orderVisual .productWrap .product .productInner .productName h4 {
			  font-size: 20px; } }
		  @media screen and (max-width: 320px) {
			.orderVisual .productWrap .product .productInner .productName h4 {
			  font-size: 18px; } }
		  .orderVisual .productWrap .product .productInner .productName h4 .label-deals {
			display: inline-block;
			padding: 3px 8px;
			background: #e32222;
			color: #FFF; }
			@media screen and (max-width: 960px) {
			  .orderVisual .productWrap .product .productInner .productName h4 .label-deals {
				font-size: 18px; } }
		.orderVisual .productWrap .product .productInner .productName .type {
		  display: inline-block;
		  font-weight: normal;
		  font-size: 13px; }
	  .orderVisual .productWrap .product .productInner .form-group {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px; }
		.orderVisual .productWrap .product .productInner .form-group .order-choice-num {
		  padding: 10px 30px 10px 10px;
		  width: 30%;
		  border: 1px #e5e5e5 solid;
		  background: url(../images/order_icon_select.png) right -1px center no-repeat;
		  background-size: 25px;
		  font-weight: bold;
		  font-size: 15px;
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none; }
		  @media screen and (max-width: 768px) {
			.orderVisual .productWrap .product .productInner .form-group .order-choice-num {
			  margin-bottom: 10px;
			  width: 50%; } }
		.orderVisual .productWrap .product .productInner .form-group .priceWrap {
		  position: relative;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: center;
		  align-items: center;
		  -ms-flex-align: center; }
		  @media screen and (max-width: 768px) {
			.orderVisual .productWrap .product .productInner .form-group .priceWrap {
			  margin-bottom: 10px; } }
		  .orderVisual .productWrap .product .productInner .form-group .priceWrap .free {
			display: inline-block;
			margin-right: 10px;
			padding: 5px 10px;
			background: #e60012;
			color: #fff;
			font-weight: bold;
			font-size: 14px;
			line-height: 1.4; }
			@media screen and (max-width: 768px) {
			  .orderVisual .productWrap .product .productInner .form-group .priceWrap .free {
				font-size: calc(11px + 3 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap .free {
	  font-size: 11px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap .free {
	  font-size: 14px; } }

		  .orderVisual .productWrap .product .productInner .form-group .priceWrap .price {
			color: #e60012;
			font-weight: 700;
			font-size: 52px;
			font-family: 'Oswald', sans-serif;
			line-height: 1; }
			@media screen and (max-width: 768px) {
			  .orderVisual .productWrap .product .productInner .form-group .priceWrap .price {
				font-size: calc(44px + 4 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap .price {
	  font-size: 44px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap .price {
	  font-size: 48px; } }

		  .orderVisual .productWrap .product .productInner .form-group .priceWrap ruby {
			position: relative;
			top: 10px;
			font-weight: bold;
			font-size: 26px; }
			@media screen and (max-width: 768px) {
			  .orderVisual .productWrap .product .productInner .form-group .priceWrap ruby {
				font-size: calc(16px + 10 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap ruby {
	  font-size: 16px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderVisual .productWrap .product .productInner .form-group .priceWrap ruby {
	  font-size: 26px; } }

			.orderVisual .productWrap .product .productInner .form-group .priceWrap ruby rt {
			  font-weight: normal; }
	  .orderVisual .productWrap .product .productInner .btnWrap {
		margin: 0 auto; }
.orderVisual aside.bnr {
  margin-bottom: 50px; }
  .orderVisual aside.bnr img {
	width: 100%; }

.orderNote .noteTbl {
  margin-bottom: 40px; }
  .orderNote .noteTbl dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 10px 20px 10px 0;
	border: 1px solid #e0e8ef;
	background: #f4f7fb;
	color: #2A4EBA;
	font-weight: bold;
	font-size: 22px; }
	@media screen and (max-width: 768px) {
	  .orderNote .noteTbl dt {
		font-size: calc(16px + 6 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderNote .noteTbl dt {
	  font-size: 16px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderNote .noteTbl dt {
	  font-size: 22px; } }

	.orderNote .noteTbl dt::before {
	  display: inline-block;
	  margin-right: 20px;
	  width: 7px;
	  height: 40px;
	  background: #2A4EBA;
	  content: ''; }
  .orderNote .noteTbl dd .table {
	border: 1px solid #e0e8ef;
	border-collapse: collapse;
	border-top: none;
	color: #353a4d;
	table-layout: fixed;
	font-size: 13px; }
	@media screen and (max-width: 768px) {
	  .orderNote .noteTbl dd .table {
		border: 0; } }
	@media screen and (max-width: 768px) {
	  .orderNote .noteTbl dd .table tbody tr {
		display: block; } }
	.orderNote .noteTbl dd .table tbody tr th, .orderNote .noteTbl dd .table tbody tr td {
	  padding: 1em 1.2em;
	  border: 1px solid #e0e8ef;
	  border-top: none; }
	.orderNote .noteTbl dd .table tbody tr th {
	  width: 155px;
	  background: #f4f7fb; }
	  @media screen and (max-width: 768px) {
		.orderNote .noteTbl dd .table tbody tr th {
		  display: block;
		  width: 100%; } }
	.orderNote .noteTbl dd .table tbody tr td {
	  background: #FFF; }
	  @media screen and (max-width: 768px) {
		.orderNote .noteTbl dd .table tbody tr td {
		  display: block;
		  width: 100%; } }
	  .orderNote .noteTbl dd .table tbody tr td b {
		font-weight: bold; }
	  .orderNote .noteTbl dd .table tbody tr td .list-disc > li {
		margin-bottom: 10px;
		padding-left: 1em; }
		.orderNote .noteTbl dd .table tbody tr td .list-disc > li::before {
		  display: inline-block;
		  margin-left: -1em;
		  content: '・'; }
	  .orderNote .noteTbl dd .table tbody tr td .list-circle > li {
		margin-bottom: 10px;
		padding-left: 1em; }
		.orderNote .noteTbl dd .table tbody tr td .list-circle > li::before {
		  display: inline-block;
		  margin-left: -1em;
		  content: '●';
		  font-size: 10px;
		  position: relative;
		  top: -1px;
		  left: -6px; }
	@media screen and (max-width: 768px) {
	  .orderNote .noteTbl dd .table tbody tr .empty {
		display: none; } }
  .orderNote .noteTbl.slideTbl {
	margin-bottom: 0; }
	.orderNote .noteTbl.slideTbl dt {
	  border-top: 0;
	  cursor: pointer; }
	  .orderNote .noteTbl.slideTbl dt .toggleBtn {
		position: relative;
		margin-left: auto;
		padding: 5px 15px;
		width: 140px;
		border-radius: 2px;
		background: #2A4EBA;
		color: #fff;
		text-align: center;
		font-size: 14px;
		display: block; }
		@media screen and (max-width: 768px) {
		  .orderNote .noteTbl.slideTbl dt .toggleBtn {
			width: 110px;
			font-size: 12px; } }
		.orderNote .noteTbl.slideTbl dt .toggleBtn::after {
		  position: absolute;
		  top: 50%;
		  right: 10px;
		  display: inline-block;
		  content: '\f107';
		  font-family: FontAwesome;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%); }
		.orderNote .noteTbl.slideTbl dt .toggleBtn.is-active::after {
		  content: '\f106'; }
	.orderNote .noteTbl.slideTbl dd {
	  display: none; }
	  .orderNote .noteTbl.slideTbl dd .table {
		margin-bottom: 0; }
	  .orderNote .noteTbl.slideTbl dd .tableDefault tbody tr {
		display: table-row; }
		.orderNote .noteTbl.slideTbl dd .tableDefault tbody tr th, .orderNote .noteTbl.slideTbl dd .tableDefault tbody tr td {
		  display: table-cell;
		  width: auto; }
		@media screen and (max-width: 768px) {
		  .orderNote .noteTbl.slideTbl dd .tableDefault tbody tr td:first-child {
			width: 100px; } }
.orderNote .slideTblWrap {
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
	.orderNote .slideTblWrap {
	  margin-bottom: 0; } }
  .orderNote .slideTblWrap .slideTbl:first-child dt {
	border-top: 1px solid #e0e8ef; }

.orderAlertCart .alertBox {
  margin-bottom: 50px; }
  .orderAlertCart .alertBox .alert {
	display: block;
	margin: 0 auto;
	padding: 10px 6px;
	width: 98%;
	text-align: center;
	text-align: center;
	font-size: 18px; }
	@media screen and (max-width: 768px) {
	  .orderAlertCart .alertBox .alert {
		width: 94%; } }
	.orderAlertCart .alertBox .alert .alertBox {
	  margin-bottom: 50px; }
	  .orderAlertCart .alertBox .alert .alertBox .alert {
		display: block;
		margin: 0 auto;
		padding: 10px 6px;
		width: 98%;
		text-align: center;
		text-align: center;
		font-size: 18px; }
		@media screen and (max-width: 768px) {
		  .orderAlertCart .alertBox .alert .alertBox .alert {
			width: 94%; } }
		.orderAlertCart .alertBox .alert .alertBox .alert .cart {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: center;
		  align-items: center;
		  -ms-flex-align: center;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  justify-content: center; }
		  .orderAlertCart .alertBox .alert .alertBox .alert .cart::before {
			display: inline-block;
			margin: 0 20px 0 -30px;
			width: 25px;
			height: 23px;
			background-image: url("../images/icon_cart_ore.svg");
			background-position: left center;
			background-size: contain;
			background-repeat: no-repeat;
			content: ''; }
	  .orderAlertCart .alertBox .alert .alertBox .alert_cartin {
		color: #fb8b1e; }
	  .orderAlertCart .alertBox .alert .alertBox .alert_cartout {
		color: #fa426d; }
	.orderAlertCart .alertBox .alert .cart {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  align-items: center;
	  -ms-flex-align: center;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center; }
	  .orderAlertCart .alertBox .alert .cart::before {
		display: inline-block;
		margin: 0 20px 0 -30px;
		width: 25px;
		height: 23px;
		background-image: url("../images/icon_cart_ore.svg");
		background-position: left center;
		background-size: contain;
		background-repeat: no-repeat;
		content: ''; }
  .orderAlertCart .alertBox .alert_cartin {
	color: #fb8b1e; }
  .orderAlertCart .alertBox .alert_cartout {
	color: #fa426d; }

.title-leftline {
  margin-bottom: 10px;
  padding: 3px 15px;
  border-left: 7px solid #2A4EBA;
  font-weight: bold;
  font-size: 20px; }
  @media screen and (max-width: 768px) {
	.title-leftline {
	  font-size: 16px;
	  line-height: 2.0;
	  padding: 0 0 0 10px; } }
  .title-leftline.title-m-form {
	font-size: 16px; }
  .title-leftline .title-aten {
	margin-left: 10px;
	color: #ff0000;
	font-size: 12px; }
	@media screen and (max-width: 768px) {
	  .title-leftline .title-aten {
		display: block; } }

.orderFaq .item {
  padding-right: 10px;
  border-bottom: 1px solid #d6dae4;
  list-style-type: none; }
  .orderFaq .item:last-child {
	border-bottom: 0; }
  .orderFaq .item .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 20px 0 10px 5px; }
	@media screen and (max-width: 768px) {
	  .orderFaq .item .head {
		padding: 20px 0 10px 5px; } }
	.orderFaq .item .head h3 {
	  width: calc(100% - 57px);
	  font-weight: bold;
	  line-height: 2.0;
	  font-size: calc(14px + 6 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.orderFaq .item .head h3 {
		  font-size: 14px; } }
	  @media screen and (min-width: 768px) {
		.orderFaq .item .head h3 {
		  font-size: 20px; } }
  .orderFaq .item .item-ico {
	  /* 中央寄せの指定 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center; /* 念のため追加 */
	margin-right: 12px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #2951be; }
	@media screen and (max-width: 768px) {
	  .orderFaq .item .item-ico {
		width: 25px;
		height: 25px; } }
	.orderFaq .item .item-ico span {
		/* 中央寄せの指定 */
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center; /* 念のため追加 */
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  height: 100%;
	  color: #fff;
	  line-height: 2.1;
	  font-size: calc(11px + 6 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.orderFaq .item .item-ico span {
		  font-size: 11px; } }
	  @media screen and (min-width: 768px) {
		.orderFaq .item .item-ico span {
		  font-size: 17px; } }
	  @media screen and (max-width: 768px) {
		.orderFaq .item .item-ico span {
		  line-height: 2.2; } }
  .orderFaq .item .body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 0 0 20px 5px; }
	@media screen and (max-width: 768px) {
	  .orderFaq .item .body {
		padding: 0 0 20px 5px; } }
	.orderFaq .item .body .item-ico {
	  background-color: #e12727; }
	.orderFaq .item .body .item-txt {
	  width: calc(100% - 57px);
	  text-align: justify;
	  line-height: 2.0;
	  font-size: calc(13px + 0 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.orderFaq .item .body .item-txt {
		  font-size: 13px; } }
	  @media screen and (min-width: 768px) {
		.orderFaq .item .body .item-txt {
		  font-size: 13px; } }
	  .orderFaq .item .body .item-txt span {
		display: inline-block;
		padding-left: 3em;
		text-indent: -3em; }
  .orderFaq .item .longText {
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-align: start; }

/* ============
* section-cart
============== */
.section-cart {
  margin: 10px 0 50px; }
  @media screen and (max-width: 768px) {
	.section-cart {
	  margin-bottom: 10px;
	  padding: 0; } }
  .section-cart.confirm {
	margin: 10px 0 20px; }
  .section-cart__content {
	padding: 0;
	background: #2A4EBA; }
	@media screen and (max-width: 768px) {
	  .section-cart__content {
		padding: 0; } }
  .section-cart__box {
	display: table; }
  .section-cart .cart-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 10px 0; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-wrap {
		display: block; } }
  .section-cart .cart-itemBox {
	width: 100%; }
  .section-cart .cart-itemlist {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-itemlist {
		display: block;
		float: none;
		width: 100%;
		border: none; } }
	.section-cart .cart-itemlist > li {
	  margin: 10px 10px 0 0; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-itemlist > li {
		  margin: 10px 0 0; } }
	  .section-cart .cart-itemlist > li:first-child {
		margin: 0 10px 0 0; }
		@media screen and (max-width: 768px) {
		  .section-cart .cart-itemlist > li:first-child {
			margin: 0; } }
  .section-cart .cart-item {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: -10px 0 10px;
	padding: 10px;
	background: #FFF;
	vertical-align: middle; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-item {
		margin: 10px 0 0; } }
  .section-cart .cart-box .cart-itemimg {
	float: left;
	overflow: hidden;
	width: 100px; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-box .cart-itemimg {
		width: 30%; } }
	.section-cart .cart-box .cart-itemimg img {
	  width: 100%; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-box .cart-itemimg img {
		  position: relative;
		  max-width: none;
		  width: initial;
		  height: 90px; } }
  .section-cart .cart-box .cart-itemtxt {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	width: 70%;
	line-height: 1.4; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-box .cart-itemtxt {
		padding-left: 10px; } }
	.section-cart .cart-box .cart-itemtxt .item-intro {
	  font-size: 14px; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-box .cart-itemtxt .item-intro {
		  width: 70%;
		  font-size: 10px; } }
	.section-cart .cart-box .cart-itemtxt h4 {
	  margin: 5px 0 10px;
	  font-weight: bold;
	  font-size: 16px; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-box .cart-itemtxt h4 {
		  max-width: 70%;
		  font-size: calc(13px + 3 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.section-cart .cart-box .cart-itemtxt h4 {
	  font-size: 13px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.section-cart .cart-box .cart-itemtxt h4 {
	  font-size: 16px; } }

	.section-cart .cart-box .cart-itemtxt .num {
	  font-size: 14px; }
	  .section-cart .cart-box .cart-itemtxt .num b {
		font-weight: bold; }
	.section-cart .cart-box .cart-itemtxt .item-tag {
	  margin-top: 13px;
	  font-weight: bold;
	  font-size: 18px;
	  line-height: 1.2; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-box .cart-itemtxt .item-tag {
		  margin-bottom: 45px;
		  font-size: 15px; } }
	  .section-cart .cart-box .cart-itemtxt .item-tag li {
		margin-bottom: 5px; }
	.section-cart .cart-box .cart-itemtxt .cart-itemfee {
	  position: absolute;
	  right: 10px;
	  bottom: 10px;
	  font-weight: bold;
	  font-size: 14px;
	  font-family: Oswald,sans-serif; }
	  .section-cart .cart-box .cart-itemtxt .cart-itemfee span {
		color: #ff0000;
		font-size: 25px; }
	  .section-cart .cart-box .cart-itemtxt .cart-itemfee small {
		font-weight: normal;
		font-size: 14px; }
		.section-cart .cart-box .cart-itemtxt .cart-itemfee small b {
		  font-weight: bold; }
  .section-cart .cart-box .cart-label {
	margin-right: 10px;
	padding: 3px 8px;
	border-radius: 4px;
	background: #ccc;
	color: #FFF;
	font-size: 13px; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-box .cart-label {
		font-size: 11px; } }
  @media screen and (max-width: 768px) {
	.section-cart .cart-box .cart-txt-set {
	  font-size: 10px; } }
  @media screen and (max-width: 768px) {
	.section-cart .cart-box .cart-txt-set--separately {
	  display: block;
	  height: 70px; } }
  @media screen and (max-width: 768px) {
	.section-cart .cart-box .cart-txt-set--separately .txt-separately {
	  display: block;
	  margin-bottom: -10px; } }
  .section-cart .cart-totalBox {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 20%;
	background: #FFF;
	vertical-align: top; }
	@media screen and (max-width: 768px) {
	  .section-cart .cart-totalBox {
		display: block;
		float: none;
		min-height: 100px;
		width: 100%;
		margin-top: 10px; } }
	.section-cart .cart-totalBox__content {
	  font-family: Oswald,sans-serif; }
	.section-cart .cart-totalBox p {
	  width: 100%;
	  vertical-align: bottom;
	  font-size: 14px; }
	  .section-cart .cart-totalBox p span {
		float: right;
		font-family: Oswald,sans-serif; }
	.section-cart .cart-totalBox .totalNum {
	  margin-top: 10px;
	  width: 90%;
	  vertical-align: middle;
	  font-weight: bold;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  left: 10px; }
	  @media screen and (max-width: 768px) {
		.section-cart .cart-totalBox .totalNum {
		  left: 0;
		  margin: 20px auto 0;
		  width: 100%;
		  position: initial;
		  right: 0;
		  bottom: 0;
		  left: 10px; } }
	  .section-cart .cart-totalBox .totalNum span {
		position: relative;
		top: -5px; }
	  .section-cart .cart-totalBox .totalNum strong {
		margin-bottom: 10px;
		color: #ff0000;
		font-size: 30px;
		font-family: Oswald,sans-serif;
		line-height: 1; }
	  .section-cart .cart-totalBox .totalNum small {
		font-weight: normal;
		font-size: 14px; }
		.section-cart .cart-totalBox .totalNum small b {
		  font-weight: bold; }
  .section-cart .cart-line-through {
	color: #FF0000;
	/*text-decoration:line-through;*/ }
  .section-cart .btn_delete {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	padding: 3px 7px;
	border: 1px solid red;
	border-radius: 6px;
	background: #eb0000;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px; }
	@media screen and (max-width: 768px) {
	  .section-cart .btn_delete {
		top: 5px;
		right: 5px;
		font-size: 11px; } }
	.section-cart .btn_delete:before {
	  display: none;
	  margin-right: 10px;
	  content: "\f2ed";
	  font-family: "Font Awesome 5 Regular"; }
	.section-cart .btn_delete:hover {
	  opacity: 0.7; }

.order-flow {
  display: block;
  overflow: hidden;
  margin: 0 20px 30px; }
  @media screen and (max-width: 768px) {
	.order-flow {
	  margin: 0 5px 20px; } }
  .order-flow__wrap {
	margin: 20px auto 0; }
	@media screen and (max-width: 768px) {
	  .order-flow__wrap {
		margin: 2% auto 0; } }
  .order-flow li {
	position: relative;
	display: inline-block;
	float: left;
	padding: 10px 0;
	width: 33.3%;
	background: #ccc;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold; }
	@media screen and (max-width: 768px) {
	  .order-flow li {
		letter-spacing: 0px;
		font-size: 12px; } }
	.order-flow li:after {
	  position: absolute;
	  top: 0px;
	  left: 100%;
	  z-index: 10;
	  width: 0;
	  height: 0;
	  border: 24px solid transparent;
	  border-left-color: #ccc;
	  content: ' '; }
	  @media screen and (max-width: 768px) {
		.order-flow li:after {
		  border: 9px solid transparent;
		  border-top: 23px solid transparent;
		  border-bottom: 23px solid transparent; } }
	.order-flow li:nth-child(2) {
	  background: #bfbfbf; }
	  .order-flow li:nth-child(2):after {
		border-left-color: #bfbfbf; }
	.order-flow li:last-child:after {
	  content: none; }
  @media screen and (max-width: 768px) {
	.order-flow--creditCard {
	  margin: 0 5px 0; } }
  @media screen and (max-width: 768px) {
	.order-flow--creditCard > li {
	  margin-bottom: 3vw;
	  line-height: 2.3; } }
  .order-flow--creditCard > li:first-child {
	width: 16%; }
	@media screen and (max-width: 768px) {
	  .order-flow--creditCard > li:first-child {
		width: 28%; } }
  .order-flow--creditCard > li:nth-child(2) {
	width: 16%; }
	@media screen and (max-width: 768px) {
	  .order-flow--creditCard > li:nth-child(2) {
		width: 28%; } }
  .order-flow--creditCard > li:nth-child(3) {
	width: 24%;
	background: #b3b3b3; }
	@media screen and (max-width: 768px) {
	  .order-flow--creditCard > li:nth-child(3) {
		width: 44%; } }
	.order-flow--creditCard > li:nth-child(3):after {
	  border-left-color: #b3b3b3; }
  .order-flow--creditCard > li:nth-child(4) {
	width: 28%;
	background: #a8a8a8; }
	@media screen and (max-width: 768px) {
	  .order-flow--creditCard > li:nth-child(4) {
		margin-bottom: 0;
		width: 50%; } }
	.order-flow--creditCard > li:nth-child(4):after {
	  border-left-color: #a8a8a8; }
  .order-flow--creditCard > li:last-child {
	width: 15%;
	background: #9e9e9e; }
	@media screen and (max-width: 768px) {
	  .order-flow--creditCard > li:last-child {
		margin-bottom: 0;
		width: 33.3%; } }
	.order-flow--creditCard > li:last-child:after {
	  border-left-color: #9e9e9e; }
  .order-flow .active {
	background: #00479d !important;
	color: #fff !important; }
	.order-flow .active:after {
	  position: absolute;
	  top: 0px;
	  left: 100%;
	  width: 0;
	  height: 0;
	  border: 24px solid transparent !important;
	  border-left-color: #00479d;
	  content: ''; }
	  @media screen and (max-width: 768px) {
		.order-flow .active:after {
		  border-width: 21px; } }

/* ============
* remaining-box
============== */
.remaining-box {
  position: fixed;
  top: 50%;
  z-index: 10;
  display: inline-block;
  padding: 10px 20px 20px;
  width: 200px;
  border-radius: 10px;
  background: #00479d;
  color: #fff;
  text-align: left;
  font-weight: bold;
  line-height: 1.4; }
  @media screen and (max-width: 768px) {
	.remaining-box {
	  top: initial;
	  right: 20px;
	  bottom: 20px;
	  padding: 0 10px 5px;
	  width: initial; } }
  .remaining-box .remaining-txt {
	margin-bottom: 5px;
	padding-left: 35px;
	text-indent: -30px;
	font-size: 12px; }
	@media screen and (max-width: 768px) {
	  .remaining-box .remaining-txt {
		padding-left: 25px;
		text-indent: -25px;
		font-size: 11px; } }
	.remaining-box .remaining-txt:before {
	  position: relative;
	  top: 1em;
	  display: inline-block;
	  margin-right: 10px;
	  width: 1.8em;
	  height: 1.8em;
	  border-radius: 3px;
	  background: #f9dfe7;
	  content: ""; }
  .remaining-box .required-number {
	display: inline-block;
	color: #f7dd00;
	font-size: 30px; }
	@media screen and (max-width: 768px) {
	  .remaining-box .required-number {
		font-size: 19px; } }

/* ============
* section-orderdetail
============== */
.section-orderdetail {
  padding: 30px 0; }
  .section-orderdetail .title-leftline {
	text-align: left; }
  .section-orderdetail .order-credit-img {
	margin-top: 5px;
	width: 32%;
	position: relative;
	top: 0; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .order-credit-img {
		width: 75%; } }
  .section-orderdetail .table-aten {
	margin-bottom: 10px;
	text-align: left;
	font-size: 12px; }
  .section-orderdetail table {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #e0e8ef; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail table {
		margin: auto;
		width: 96%; } }
	@media screen and (max-width: 768px) {
	  .section-orderdetail table {
		font-size: 13px; } }
	@media screen and (max-width: 768px) {
	  .section-orderdetail table br {
		display: none; } }
	.section-orderdetail table a {
	  text-decoration: none; }
	  .section-orderdetail table a:hover {
		text-decoration: underline; }
	.section-orderdetail table tr {
	  border-bottom: 1px #e0e8ef solid; }
	  .section-orderdetail table tr:first-child td {
		border-top: 1px solid #e0e8ef; }
	  .section-orderdetail table tr:last-child {
		border: none; }
		.section-orderdetail table tr:last-child th,
		.section-orderdetail table tr:last-child td {
		  border-bottom: 1px solid #e0e8ef; }
	  .section-orderdetail table tr th {
		padding: 10px 15px;
		width: 220px;
		border-top: 1px solid #e0e8ef;
		background: #f4f7fb;
		line-height: 1; }
		@media screen and (max-width: 768px) {
		  .section-orderdetail table tr th {
			display: block;
			width: 100%; } }
		.section-orderdetail table tr th .em-hw {
		  display: inline-block;
		  margin-left: 5px;
		  font-size: 11px; }
	  .section-orderdetail table tr td {
		padding: 10px;
		background: #fff; }
		@media screen and (max-width: 768px) {
		  .section-orderdetail table tr td {
			display: block;
			width: 100%; } }
		.section-orderdetail table tr td input,
		.section-orderdetail table tr td select {
		  padding: 10px;
		  border: 1px #e5e5e5 solid;
		  font-size: 16px;
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none; }
		  .section-orderdetail table tr td input.inputsizeL,
		  .section-orderdetail table tr td select.inputsizeL {
			margin-right: 10px;
			width: 60%; }
			@media screen and (max-width: 768px) {
			  .section-orderdetail table tr td input.inputsizeL,
			  .section-orderdetail table tr td select.inputsizeL {
				width: 100%; } }
		  .section-orderdetail table tr td input.inputsizeM,
		  .section-orderdetail table tr td select.inputsizeM {
			margin-right: 10px;
			width: 45%; }
			@media screen and (max-width: 768px) {
			  .section-orderdetail table tr td input.inputsizeM,
			  .section-orderdetail table tr td select.inputsizeM {
				margin-right: 0px;
				width: 45%; } }
		  .section-orderdetail table tr td input.inputsizeS,
		  .section-orderdetail table tr td select.inputsizeS {
			margin-right: 10px;
			width: 30%; }
			@media screen and (max-width: 768px) {
			  .section-orderdetail table tr td input.inputsizeS,
			  .section-orderdetail table tr td select.inputsizeS {
				margin-right: 0px;
				width: 45%; } }
		  .section-orderdetail table tr td input.inputsizeXS,
		  .section-orderdetail table tr td select.inputsizeXS {
			margin-right: 10px;
			width: 15%; }
			@media screen and (max-width: 768px) {
			  .section-orderdetail table tr td input.inputsizeXS,
			  .section-orderdetail table tr td select.inputsizeXS {
				margin-right: 0px;
				width: 25%; } }
		.section-orderdetail table tr td select {
		  padding: 7px 30px 5px 10px;
		  border: 1px #e5e5e5 solid;
		  background: url(../images/order_icon_select.png) right -1px center no-repeat;
		  background-size: 22px; }
		.section-orderdetail table tr td option {
		  padding: 10px !important; }
		@media screen and (max-width: 768px) {
		  .section-orderdetail table tr td .zipsearch {
			display: block;
			margin-top: 10px; } }
		.section-orderdetail table tr td p {
		  margin-top: 10px;
		  line-height: 1.4; }
		.section-orderdetail table tr td small {
		  padding: 3px 0 0;
		  font-size: 10px; }
		  @media screen and (max-width: 768px) {
			.section-orderdetail table tr td small {
			  display: block; } }
		.section-orderdetail table tr td .threeBoxes {
		  margin-left: 0;
		  margin-right: 0; }
		  .section-orderdetail table tr td .threeBoxes div {
			width: 30%;
			margin: 0;
			padding: 0; }
		  .section-orderdetail table tr td .threeBoxes label {
			width: 5%;
			text-align: center; }
		.section-orderdetail table tr td .form-inline--paymentWay {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: stretch;
		  align-items: stretch;
		  -ms-flex-align: stretch; }
		.section-orderdetail table tr td .m-form--paymentWay {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: stretch;
		  align-items: stretch;
		  -ms-flex-align: stretch;
		  margin-bottom: 0;
		  vertical-align: middle; }
		  @media screen and (max-width: 768px) {
			.section-orderdetail table tr td .m-form--paymentWay {
			  margin-bottom: 10px; } }
		  .section-orderdetail table tr td .m-form--paymentWay label {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-ms-flex-align: center;
			margin: 0 10px 0 0;
			padding: 15px 10px 15px 36px;
			background: #eff5f7;
			font-size: 14px; }
			.section-orderdetail table tr td .m-form--paymentWay label .label-text {
			  padding-right: 8px;
			  font-weight: bold;
			  line-height: 2.6; }
			.section-orderdetail table tr td .m-form--paymentWay label .m-form--paymentWay__img {
			  display: inline-block;
			  margin: -15px -5px -15px 5px;
			  height: 38px;
			  border-radius: 5px;
			  vertical-align: middle; }
  .section-orderdetail .form-table-1 {
	width: 100%; }
  .section-orderdetail .icon-required {
	display: inline-block;
	float: right;
	margin-top: 5px;
	padding: 3px 10px;
	border-radius: 5px;
	background: #e60012;
	color: #fff;
	font-weight: bold;
	font-size: 11px; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .icon-required {
		margin-top: -2px; } }
  .section-orderdetail .icon-any {
	display: inline-block;
	float: right;
	margin-top: 5px;
	padding: 3px 10px;
	border-radius: 5px;
	background: #bababa;
	color: #fff;
	font-size: 11px; }
  .section-orderdetail .btn_postalcode {
	display: none;
	width: 100px;
	height: 30px;
	background: "../images/order/btn_postalcode.png"; }
  .section-orderdetail .radio {
	margin: 0 20px 0 0;
	padding: 5px 10px 5px 36px;
	background: none;
	font-size: 14px; }
	.section-orderdetail .radio:after {
	  border-radius: 14px; }
	.section-orderdetail .radio:before {
	  left: 18px;
	  margin-top: -7px;
	  width: 10px;
	  height: 10px; }
  .section-orderdetail .checkbox {
	padding: 5px 10px 5px 5px;
	background: none; }
  .section-orderdetail .privacybox_txt {
	margin-bottom: 20px;
	font-size: 12px; }
  .section-orderdetail .privacybox {
	overflow-y: scroll;
	padding: 15px;
	width: 100%;
	height: 110px;
	border-right: 3px #717171 solid;
	background: #f9f9f9; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .privacybox {
		width: 80%; } }
	.section-orderdetail .privacybox h5 {
	  font-weight: bold; }
	.section-orderdetail .privacybox h6 {
	  margin-top: 20px; }
	.section-orderdetail .privacybox p {
	  font-size: 12px; }
  .section-orderdetail .required_box-label {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 15px 20px 10px;
	background: #fef2f2; }
	.section-orderdetail .required_box-label:hover, .section-orderdetail .required_box-label:focus {
	  cursor: pointer; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .required_box-label {
		width: 100%;
		min-height: 80px;
		padding: 2px 20px 10px;
		text-align: center;
		padding-top: 30px; } }
	.section-orderdetail .required_box-label .required_box-txt {
	  margin-bottom: 0; }
	  @media screen and (max-width: 768px) {
		.section-orderdetail .required_box-label .required_box-txt {
		  margin-top: 0; } }
	.section-orderdetail .required_box-label .checkbox {
	  display: inline-block;
	  padding: 5px 12px 5px 28px;
	  vertical-align: top;
	  font-size: 20px; }
	  .section-orderdetail .required_box-label .checkbox:before {
		top: 54%;
		left: 11px; }
	  .section-orderdetail .required_box-label .checkbox:after {
		top: 54%;
		left: 5px; }
	.section-orderdetail .required_box-label .help-block {
	  margin-top: -18px; }
	  @media screen and (max-width: 768px) {
		.section-orderdetail .required_box-label .help-block {
		  margin-top: 0; } }
  .section-orderdetail .submitBtnWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 50px;
	width: 100%;
	text-align: center; }
	.section-orderdetail .submitBtnWrap .btn {
	  margin: 30px;
	  max-width: 380px; }
	  @media screen and (max-width: 768px) {
		.section-orderdetail .submitBtnWrap .btn {
		  margin: 30px auto 0; } }
  .section-orderdetail .btn-order {
	margin-bottom: 50px;
	padding: 20px 40px;
	width: 100%; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .btn-order {
		margin-bottom: 20px; } }
  .section-orderdetail .btn-grayRound {
	display: inline-block;
	float: right;
	padding: 20px 0;
	width: 100%; }
	@media screen and (max-width: 768px) {
	  .section-orderdetail .btn-grayRound {
		margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
	.section-orderdetail .btn {
	  float: none;
	  padding: 15px;
	  width: 90%; } }

/* ============
* orderAcst
============== */
.orderAcst {
  padding: 20px;
  width: 840px;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
	.orderAcst {
	  z-index: 2;
	  margin: auto;
	  padding: 5px;
	  width: 90%; } }
  .orderAcst .privacybox {
	padding: 30px;
	border: 1px solid #f0f0f0; }
	@media screen and (max-width: 768px) {
	  .orderAcst .privacybox {
		padding: 10px; } }
  .orderAcst li {
	padding-left: 1em;
	text-indent: -1em; }
  .orderAcst h3 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 15px; }
  .orderAcst.amendment .m-modal__inner {
	padding: 10px; }
	@media screen and (max-width: 768px) {
	  .orderAcst.amendment .m-modal__inner {
		min-height: 69vh; } }

/* ============
* section-confirm
============== */
.section-orderdetail.section-confirm {
  padding: 0; }
  .section-orderdetail.section-confirm .confirm-txt {
	margin: 0 0 20px;
	color: #333434;
	font-size: 20px; }
  .section-orderdetail.section-confirm .btn-back {
	margin: 0 10px 0 0;
	margin-bottom: 50px;
	padding: 0 50px;
	width: auto; }

/* ============
* section-thanks
============== */
.section-orderdetail.section-thanks {
  padding: 0; }
  .section-orderdetail.section-thanks .txt-head {
	margin: 0 0 40px;
	padding: 10px;
	font-size: 20px; }
  .section-orderdetail.section-thanks .btn-back {
	margin: 0 10px 0 0;
	margin-bottom: 50px;
	padding: 0 50px;
	width: auto; }
  .section-orderdetail.section-thanks .btn-grayRound {
	padding: 10px;
	font-size: 15px; }

.thanksTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  .thanksTop .orderComplete {
	min-height: 200px;
	width: 700px; }
	@media screen and (max-width: 768px) {
	  .thanksTop .orderComplete {
		margin-bottom: 30px;
		width: 100%; } }
	.thanksTop .orderComplete.alert {
	  padding: 15px 25px; }
	.thanksTop .orderComplete__title {
	  color: #ec971f;
	  font-weight: bold;
	  font-size: 20px; }
	  @media screen and (max-width: 768px) {
		.thanksTop .orderComplete__title {
		  font-size: 18px;
		  line-height: 1.3; } }
	  .thanksTop .orderComplete__title i {
		display: inline-block;
		margin-right: 4px;
		color: #489c48; }
	.thanksTop .orderComplete__description {
	  color: #333;
	  font-weight: bold; }
	  @media screen and (max-width: 768px) {
		.thanksTop .orderComplete__description {
		  margin-top: 10px;
		  font-size: 14px; } }
	.thanksTop .orderComplete__data {
	  margin: 15px 0 0 0; }
	  .thanksTop .orderComplete__data dt {
		color: #896c3f;
		font-weight: bold;
		font-size: 14px; }
	  .thanksTop .orderComplete__data dd {
		margin-top: 20px;
		font-size: 13px; }
	  .thanksTop .orderComplete__data .link-list li {
		display: inline-block;
		margin-left: 10px; }
		.thanksTop .orderComplete__data .link-list li a {
		  text-decoration: none;
		  font-size: 14px; }
		  .thanksTop .orderComplete__data .link-list li a:before {
			padding-right: 4px;
			color: #f0ad4e;
			content: '\f054';
			font-size: 12px;
			font-family: FontAwesome; }
		  .thanksTop .orderComplete__data .link-list li a:hover span {
			text-decoration: underline; }
  .thanksTop .adressInfo {
	padding-left: 30px;
	width: 300px; }
	@media screen and (max-width: 768px) {
	  .thanksTop .adressInfo {
		padding-left: 0;
		width: 100%; } }
	.thanksTop .adressInfo .abouts-block {
	  float: left;
	  -webkit-box-sizing: content-box;
	  box-sizing: content-box;
	  margin-right: 2.4%;
	  padding-right: 2.4%;
	  width: 100%;
	  border-right: 1px solid #ccc;
	  font-size: calc(12px + 1 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.thanksTop .adressInfo .abouts-block {
		  font-size: 12px; } }
	  @media screen and (min-width: 768px) {
		.thanksTop .adressInfo .abouts-block {
		  font-size: 13px; } }
	  @media screen and (max-width: 768px) {
		.thanksTop .adressInfo .abouts-block {
		  margin-right: 0;
		  padding: 0 1%;
		  width: 100%;
		  border-right: none; } }
	  .thanksTop .adressInfo .abouts-block:last-child {
		margin: 0;
		padding: 0;
		border: 0; }
	  .thanksTop .adressInfo .abouts-block .abouts-blocktitle {
		margin-bottom: 10px;
		padding: 3px 15px;
		border-radius: 5px;
		background: #00479d;
		color: #fff;
		font-weight: bold;
		font-size: calc(14px + 2 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .thanksTop .adressInfo .abouts-block .abouts-blocktitle {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .abouts-blocktitle {
			font-size: 16px; } }
	  .thanksTop .adressInfo .abouts-block .box-freeshipping {
		clear: both;
		margin-bottom: 10px;
		padding: 15px;
		background: #e9f8ff;
		font-size: calc(14px + 3 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .thanksTop .adressInfo .abouts-block .box-freeshipping {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .box-freeshipping {
			font-size: 17px; } }
		.thanksTop .adressInfo .abouts-block .box-freeshipping img {
		  float: left;
		  margin-right: 15px; }
		.thanksTop .adressInfo .abouts-block .box-freeshipping p {
		  font-weight: bold; }
		  .thanksTop .adressInfo .abouts-block .box-freeshipping p span {
			color: #ba0000; }
	  .thanksTop .adressInfo .abouts-block .box-time {
		margin-bottom: 10px;
		padding: 0;
		background: #e9f8ff;
		text-align: center; }
		.thanksTop .adressInfo .abouts-block .box-time p {
		  margin-bottom: 10px;
		  font-weight: bold;
		  font-size: 12px; }
	  .thanksTop .adressInfo .abouts-block .abouts-block {
		margin-bottom: 30px; }
	  .thanksTop .adressInfo .abouts-block .abouts-blockIn:first-child {
		margin-bottom: 30px; }
	  .thanksTop .adressInfo .abouts-block .link-detail {
		display: block;
		color: #00479d;
		text-align: right;
		text-decoration: none;
		font-weight: bold; }
		@media screen and (max-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .link-detail {
			margin: 10px 0;
			padding: 5px;
			width: auto;
			border: 1px solid;
			text-align: center; } }
		.thanksTop .adressInfo .abouts-block .link-detail:before {
		  margin-right: 5px;
		  color: #2aa1d9;
		  content: "\f0da";
		  font-family: FontAwesome; }
		.thanksTop .adressInfo .abouts-block .link-detail .arrow {
		  text-decoration: underline; }
		  @media screen and (max-width: 768px) {
			.thanksTop .adressInfo .abouts-block .link-detail .arrow {
			  text-decoration: none; } }
	  .thanksTop .adressInfo .abouts-block .order-credit {
		margin: 0 0 1em 1em; }
	  .thanksTop .adressInfo .abouts-block .abouts-address {
		margin-bottom: 10px; }
	  .thanksTop .adressInfo .abouts-block .abouts-tel {
		display: block;
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .thanksTop .adressInfo .abouts-block .abouts-tel {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .abouts-tel {
			font-size: 16px; } }
	  .thanksTop .adressInfo .abouts-block .abouts-mail {
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .thanksTop .adressInfo .abouts-block .abouts-mail {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .abouts-mail {
			font-size: 16px; } }
	  .thanksTop .adressInfo .abouts-block .abouts-freedial {
		color: #2aa1d9;
		font-weight: 700;
		font-family: 'Oswald', sans-serif;
		font-size: calc(14px + 13 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .thanksTop .adressInfo .abouts-block .abouts-freedial {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .thanksTop .adressInfo .abouts-block .abouts-freedial {
			font-size: 27px; } }
		.thanksTop .adressInfo .abouts-block .abouts-freedial:before {
		  margin-right: 6px;
		  content: url("../images/order_icon_freedial.png"); }

.thanksMiddle .orderGuideTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 30px;
  width: 100%;
  height: 48px;
  border: 1px solid #d9e3ef;
  border-radius: 3px;
  background-image: -ms-linear-gradient(90deg, white 0%, #f6f8fe 100%); }
  .thanksMiddle .orderGuideTitle span {
	padding: 11px 20px;
	height: 100%;
	background: #2A4EBA;
	color: #fff;
	font-size: 16px; }
.thanksMiddle .orderGuideWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
	.thanksMiddle .orderGuideWrap {
	  margin-bottom: 0; } }
  .thanksMiddle .orderGuideWrap .stepCard {
	position: relative;
	width: 22%;
	border: 1px solid #d9e3ef;
	border-radius: 3px;
	background-image: -ms-linear-gradient(90deg, white 0%, #f6f8fe 100%); }
	@media screen and (max-width: 768px) {
	  .thanksMiddle .orderGuideWrap .stepCard {
		margin-bottom: 20px;
		width: 48%; } }
	.thanksMiddle .orderGuideWrap .stepCard::after {
	  position: absolute;
	  top: 50%;
	  right: -35px;
	  display: block;
	  width: 30px;
	  height: 24px;
	  background-image: url("../images/arrow_right.png");
	  background-size: contain;
	  background-repeat: no-repeat;
	  content: '';
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%); }
	  @media screen and (max-width: 768px) {
		.thanksMiddle .orderGuideWrap .stepCard::after {
		  content: none; } }
	.thanksMiddle .orderGuideWrap .stepCard:last-child::after {
	  content: none; }
	.thanksMiddle .orderGuideWrap .stepCard .cardHeader {
	  position: absolute;
	  left: 10px;
	  padding: 5px 5px 0 5px;
	  background: #2A4EBA;
	  color: #fff;
	  text-align: center;
	  font-weight: bold; }
	  .thanksMiddle .orderGuideWrap .stepCard .cardHeader .rotate {
		display: block;
		font-size: 14px;
		line-height: 1;
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg); }
	  .thanksMiddle .orderGuideWrap .stepCard .cardHeader b {
		line-height: 1; }
	.thanksMiddle .orderGuideWrap .stepCard .cardBody .image {
	  margin: 20px auto;
	  text-align: center; }
	.thanksMiddle .orderGuideWrap .stepCard .cardFooter {
	  position: relative;
	  padding: 10px; }
	  .thanksMiddle .orderGuideWrap .stepCard .cardFooter .balloon {
		position: absolute;
		top: -20px;
		left: 0; }
	  .thanksMiddle .orderGuideWrap .stepCard .cardFooter h4 {
		margin: 0 auto;
		padding: 10px;
		width: 90%;
		border: 2px solid #2A4EBA;
		background: #fff885;
		color: #2A4EBA;
		text-align: center;
		font-weight: bold;
		font-size: 15px; }
	  .thanksMiddle .orderGuideWrap .stepCard .cardFooter .desc {
		margin: 10px auto 0;
		width: 90%;
		font-size: 12px;
		line-height: 1.4; }
.thanksMiddle .caution {
  margin-bottom: 50px;
  color: #000000;
  color: #db1515;
  text-align: right;
  font-size: 14px; }
  @media screen and (max-width: 768px) {
	.thanksMiddle .caution {
	  text-align: center; } }

.js-select-content table {
  margin-top: 10px;
  margin-bottom: 0; }
  .js-select-content table tr th {
	width: 120px;
	border-bottom: 1px solid #FFF; }

/* ============
* .list-policy
============== */
.list-policy {
  margin-bottom: 20px;
  text-align: right; }
  .list-policy li {
	display: inline-block; }
	@media screen and (max-width: 768px) {
	  .list-policy li {
		width: 48%; } }
	@media screen and (min-width: 320px) {
	  .list-policy li {
		font-size: 14px; } }
	.list-policy li a {
	  display: inline-block;
	  margin: 0 0 0 20px;
	  color: #333;
	  text-decoration: none;
	  font-weight: bold;
	  text-decoration: none; }
	  .list-policy li a:hover {
		text-decoration: underline; }
	  @media screen and (max-width: 768px) {
		.list-policy li a {
		  margin: 0;
		  width: 100%;
		  text-align: center; }
		  .list-policy li a:first-child {
			padding-right: 10px;
			border-right: 1px dotted #ccc; }
		  .list-policy li a:before {
			display: block; } }
	  .list-policy li a .file-text:before {
		margin-right: 5px;
		content: "\f15c";
		font-family: FontAwesome; }
		@media screen and (max-width: 768px) {
		  .list-policy li a .file-text:before {
			display: block;
			font-size: 20px; } }
	  .list-policy li a .lock:before {
		margin-right: 5px;
		content: "\f023";
		font-family: FontAwesome; }
		@media screen and (max-width: 768px) {
		  .list-policy li a .lock:before {
			display: block;
			font-size: 20px; } }

/* ============
* .order-footer
============== */
.order-footer .order-footer__abouts {
  padding: 30px 0;
  background: #edf5ff; }
  @media screen and (max-width: 768px) {
	.order-footer .order-footer__abouts {
	  padding: 10px; } }
  .order-footer .order-footer__abouts .postageBox {
	display: table;
	margin: auto; }
  .order-footer .order-footer__abouts .text-postage {
	padding-left: 40px; }
  .order-footer .order-footer__abouts .l-container {
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2%;
	background: #fff;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap; }
	.order-footer .order-footer__abouts .l-container .abouts-block {
	  float: left;
	  -webkit-box-sizing: content-box;
	  box-sizing: content-box;
	  margin-right: 2.4%;
	  padding-right: 2.4%;
	  width: 45%;
	  border-right: 1px solid #ccc;
	  font-size: calc(12px + 1 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  font-size: 12px; } }
	  @media screen and (min-width: 768px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  font-size: 13px; } }
	  @media screen and (max-width: 768px) {
		.order-footer .order-footer__abouts .l-container .abouts-block {
		  margin-right: 0;
		  padding: 0 1%;
		  width: 100%;
		  border-right: none; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block:last-child {
		margin: 0;
		padding: 0;
		border: 0; }
	  .order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"] {
		text-decoration: none;
		color: #2aa1d9; }
		.order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"]:hover, .order-footer .order-footer__abouts .l-container .abouts-block a[href^="mailto"]:focus {
		  text-decoration: underline; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
		margin-bottom: 10px;
		padding: 3px 15px;
		border-radius: 5px;
		background: #00479d;
		color: #fff;
		font-weight: bold;
		font-size: calc(14px + 2 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blocktitle {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
		clear: both;
		margin-bottom: 10px;
		padding: 15px;
		background: #e9f8ff;
		font-size: calc(14px + 3 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping {
			font-size: 17px; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping img {
		  float: left;
		  margin-right: 15px; }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping p {
		  font-weight: bold; }
		  .order-footer .order-footer__abouts .l-container .abouts-block .box-freeshipping p span {
			color: #ba0000; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .box-time {
		margin-bottom: 10px;
		padding: 0;
		background: #e9f8ff;
		text-align: center; }
		.order-footer .order-footer__abouts .l-container .abouts-block .box-time p {
		  margin-bottom: 10px;
		  font-weight: bold;
		  font-size: 12px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-block {
		margin-bottom: 30px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-blockIn:first-child {
		margin-bottom: 30px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .link-detail {
		display: block;
		color: #00479d;
		text-align: right;
		text-decoration: none;
		font-weight: bold; }
		@media screen and (max-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .link-detail {
			margin: 10px 0;
			padding: 5px;
			width: auto;
			border: 1px solid;
			text-align: center; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .link-detail:before {
		  margin-right: 5px;
		  color: #2aa1d9;
		  content: "\f0da";
		  font-family: FontAwesome; }
		.order-footer .order-footer__abouts .l-container .abouts-block .link-detail .arrow {
		  text-decoration: underline; }
		  @media screen and (max-width: 768px) {
			.order-footer .order-footer__abouts .l-container .abouts-block .link-detail .arrow {
			  text-decoration: none; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .order-credit {
		margin: 0 0 1em 1em; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-address {
		margin-bottom: 10px; }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
		display: block;
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-tel {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
		color: #2aa1d9;
		font-size: calc(16px + 0 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
			font-size: 16px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-mail {
			font-size: 16px; } }
	  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
		color: #2aa1d9;
		font-weight: bold;
		font-size: calc(14px + 13 * ( (100vw - 320px) / 448)); }
		@media screen and (max-width: 320px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
			font-size: 14px; } }
		@media screen and (min-width: 768px) {
		  .order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial {
			font-size: 27px; } }
		.order-footer .order-footer__abouts .l-container .abouts-block .abouts-freedial:before {
		  margin-right: 6px;
		  content: url("../images/order_icon_freedial.png"); }
.order-footer__copys {
  padding: 30px 0;
  text-align: right; }
  .order-footer__copys .logo {
	float: left;
	margin-right: 20px; }
	@media screen and (max-width: 768px) {
	  .order-footer__copys .logo {
		width: 100%; }
		.order-footer__copys .logo img {
		  display: block;
		  margin: auto; } }
  .order-footer__copys .footerIn__links {
	float: left; }
  .order-footer__copys .c-snsBox {
	display: inline-block;
	float: none; }
.order-footer__links {
  display: inline-block;
  float: left; }
  @media screen and (max-width: 768px) {
	.order-footer__links {
	  width: 100%; } }
  .order-footer__links li {
	display: inline-block;
	padding-right: 5px;
	line-height: 1; }
	@media screen and (max-width: 768px) {
	  .order-footer__links li {
		width: 48%;
		text-align: center; } }
	.order-footer__links li:first-child {
	  border-right: 1px solid #000; }
  .order-footer__links a {
	display: inline-block;
	padding: 0px 7px;
	color: #000;
	text-decoration: none;
	font-size: 12px; }
	@media screen and (max-width: 768px) {
	  .order-footer__links a {
		padding: 0;
		font-size: 10px; } }
.order-footer__copyright {
  float: right;
  margin-left: 20px; }
  @media screen and (max-width: 768px) {
	.order-footer__copyright {
	  float: none;
	  margin-left: 0;
	  text-align: center; } }
  .order-footer__copyright img {
	margin-top: 5px;
	vertical-align: middle; }

.seal-security {
  padding: 10px;
  width: 100%;
  border: 1px solid #eaeaea;
  text-align: left;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
	.seal-security {
	  margin: auto;
	  width: 90%; } }
  .seal-security p {
	float: left; }
	@media screen and (max-width: 768px) {
	  .seal-security p {
		width: 77%;
		font-size: 11px; } }

.seal-securityimg {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  background: #eaeaea; }
  @media screen and (max-width: 768px) {
	.seal-securityimg {
	  margin-right: 10px;
	  width: 60px;
	  height: 60px; } }

.orderModal {
  position: relative;
  z-index: 99;
  border-right: 10px solid #f6f6f6;
  border-left: 10px solid #f6f6f6; }
  .orderModal .cart-itemimg {
	width: 100px; }
  .orderModal .m-modal__close {
	margin-bottom: 10px; }

/* ============
* order-repeat
============== */
.orderRpeatHeading {
  margin-bottom: 10px;
  padding: 3px 15px;
  border-left: 7px solid #2A4EBA;
  font-weight: bold;
  font-size: 20px; }
  @media screen and (max-width: 768px) {
	.orderRpeatHeading {
	  font-size: 16px;
	  line-height: 1.3;
	  padding: 0 0 0 10px; } }
  @media screen and (max-width: 960px) {
	.orderRpeatHeading .desc {
	  display: block; } }
  .orderRpeatHeading.blue {
	color: #2A4EBA;
	font-size: calc(26px + 4 * ( (100vw - 320px) / 448)); }
	@media screen and (max-width: 320px) {
	  .orderRpeatHeading.blue {
		font-size: 26px; } }
	@media screen and (min-width: 768px) {
	  .orderRpeatHeading.blue {
		font-size: 30px; } }
	@media screen and (max-width: 768px) {
	  .orderRpeatHeading.blue {
		margin-bottom: 0; } }
	@media screen and (max-width: 768px) {
	  .orderRpeatHeading.blue .desc {
		font-size: 18px; } }
	.orderRpeatHeading.blue span {
	  color: #333;
	  font-size: calc(12px + 10 * ( (100vw - 320px) / 448)); }
	  @media screen and (max-width: 320px) {
		.orderRpeatHeading.blue span {
		  font-size: 12px; } }
	  @media screen and (min-width: 768px) {
		.orderRpeatHeading.blue span {
		  font-size: 22px; } }
	  @media screen and (max-width: 768px) {
		.orderRpeatHeading.blue span {
		  display: block; } }
	@media screen and (max-width: 768px) {
	  .orderRpeatHeading.blue small {
		margin-left: -10px;
		display: block; } }
  .orderRpeatHeading.pink {
	border-color: #fa426d;
	color: #fa426d;
	font-size: 30px; }
	.orderRpeatHeading.pink span {
	  margin-left: 10px;
	  font-size: 22px; }
	.orderRpeatHeading.pink .desc {
	  margin-left: 20px;
	  color: #333;
	  font-weight: normal;
	  font-size: 22px; }
	  @media screen and (max-width: 960px) {
		.orderRpeatHeading.pink .desc {
		  margin-left: 0; } }
	  @media screen and (max-width: 768px) {
		.orderRpeatHeading.pink .desc {
		  margin-top: 9px;
		  line-height: 1;
		  font-size: 18px; } }
	  .orderRpeatHeading.pink .desc--caution {
		position: relative;
		top: -5px;
		background: #fdf3f3;
		border: 2px solid #e12727;
		padding: 10px; }
	  .orderRpeatHeading.pink .desc i {
		display: inline-block;
		position: relative;
		top: -6px;
		width: 30px; }
		@media screen and (max-width: 768px) {
		  .orderRpeatHeading.pink .desc i {
			top: -2px;
			width: 18px; } }
	@media screen and (max-width: 768px) {
	  .orderRpeatHeading.pink {
		font-size: calc(22px + 8 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderRpeatHeading.pink {
	  font-size: 22px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderRpeatHeading.pink {
	  font-size: 30px; } }
	@media screen and (max-width: 768px) {
		.orderRpeatHeading.pink span {
		  font-size: calc(13px + 9 * ( (100vw - 320px) / 448));
		  display: inline-block; } }
	@media screen and (max-width: 768px) and (max-width: 320px) {
	  .orderRpeatHeading.pink span {
		font-size: 13px; } }
	@media screen and (max-width: 768px) and (min-width: 768px) {
	  .orderRpeatHeading.pink span {
		font-size: 22px; } }

.orderRepeat {
  margin-bottom: 30px; }
  .orderRepeat .orderHeading {
	margin-bottom: 30px; }
	.orderRepeat .orderHeading .orderName {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  align-items: center;
	  -ms-flex-align: center;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  color: #2A4EBA;
	  text-align: center;
	  font-weight: bold;
	  font-size: 53px; }
	  @media screen and (max-width: 768px) {
		.orderRepeat .orderHeading .orderName {
		  display: block;
		  font-size: calc(24px + 24 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderRepeat .orderHeading .orderName {
	  font-size: 24px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderRepeat .orderHeading .orderName {
	  font-size: 48px; } }

	  .orderRepeat .orderHeading .orderName .type {
		display: inline-block;
		margin-left: 20px;
		padding: 0 10px;
		border: 1px solid #2A4EBA;
		font-weight: normal;
		font-size: 16px; }
		@media screen and (max-width: 768px) {
		  .orderRepeat .orderHeading .orderName .type {
			display: inline-block;
			margin: 0;
			font-size: calc(12px + 4 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderRepeat .orderHeading .orderName .type {
	  font-size: 12px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderRepeat .orderHeading .orderName .type {
	  font-size: 16px; } }

	.orderRepeat .orderHeading .desc {
	  text-align: center;
	  font-size: 20px; }
	  @media screen and (max-width: 768px) {
		.orderRepeat .orderHeading .desc {
		  font-size: calc(14px + 6 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderRepeat .orderHeading .desc {
	  font-size: 14px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderRepeat .orderHeading .desc {
	  font-size: 20px; } }

  .orderRepeat .itemList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	align-items: baseline;
	-ms-flex-align: baseline;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: -30px auto 40px; }
	@media screen and (max-width: 768px) {
	  .orderRepeat .itemList {
		margin: 0 auto 20px; } }
	.orderRepeat .itemList .item {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.orderRepeat .itemList .item {
		  width: 33%;
		  margin-bottom: 10px; } }
	  .orderRepeat .itemList .item .image {
		margin-bottom: 10px; }
	  .orderRepeat .itemList .item .label {
		display: inline-block;
		margin-bottom: 10px;
		padding: 3px 10px;
		color: #fff;
		font-weight: bold;
		font-size: 17px; }
		@media screen and (max-width: 768px) {
		  .orderRepeat .itemList .item .label {
			padding: 5px 10px;
			margin-bottom: 5px; } }
		.orderRepeat .itemList .item .label.blue {
		  background: #2A4EBA; }
		.orderRepeat .itemList .item .label.pink {
		  background: #fa426d; }
	  .orderRepeat .itemList .item small {
		display: block;
		font-size: 12px; }
		@media screen and (max-width: 768px) {
		  .orderRepeat .itemList .item small {
			font-size: 11px;
			letter-spacing: -.05em; } }
		.orderRepeat .itemList .item small i {
		  font-style: normal; }
		  @media screen and (max-width: 768px) {
			.orderRepeat .itemList .item small i {
			  display: none; } }

.orderRepeatCartList {
  margin-bottom: 40px; }
  .orderRepeatCartList .cartListWrap {
	padding: 20px;
	border-radius: 5px; }
	@media screen and (max-width: 768px) {
	  .orderRepeatCartList .cartListWrap {
		padding: 1em; } }
	.orderRepeatCartList .cartListWrap.blue {
	  background: #e7f1fd; }
	  .orderRepeatCartList .cartListWrap.blue .btnBox {
		border-left: 1px solid #e7f1fd; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .cartListWrap.blue .btnBox {
			border-left: 0; } }
	.orderRepeatCartList .cartListWrap.pink {
	  background: #ffedf5; }
  .orderRepeatCartList .listItem {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	margin-bottom: 10px;
	min-height: 113px;
	border-radius: 2px;
	background: #ffffff;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	.orderRepeatCartList .listItem:last-child {
	  margin-bottom: 0; }
	@media screen and (max-width: 768px) {
	  .orderRepeatCartList .listItem {
		padding: 15px 10px 20px; } }
	.orderRepeatCartList .listItem .labelPeriod {
	  width: 107px;
	  height: 95px;
	  margin-left: 10px;
	  padding: 25px 0 0;
	  text-align: center;
	  background-size: 100%;
	  line-height: 1; }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .labelPeriod {
		  display: table;
		  position: relative;
		  top: -6px;
		  margin-left: auto;
		  margin-right: 0; } }
	  .orderRepeatCartList .listItem .labelPeriod--pink {
		background: url("../images/order_repeat_balloon_period_pink.png") no-repeat; }
	  .orderRepeatCartList .listItem .labelPeriod--blue {
		background: url("../images/order_repeat_balloon_period_blue.png") no-repeat; }
	  .orderRepeatCartList .listItem .labelPeriod .labelPeriod-criterion {
		display: block;
		position: relative;
		top: 4px;
		margin-left: -12px;
		font-size: 12px; }
	  .orderRepeatCartList .listItem .labelPeriod .labelPeriod-date {
		margin-left: -10px;
		font-weight: bold; }
		.orderRepeatCartList .listItem .labelPeriod .labelPeriod-date .yaku {
		  font-size: 13px; }
		.orderRepeatCartList .listItem .labelPeriod .labelPeriod-date .num {
		  position: relative;
		  top: 3px;
		  font-family: 'Arial', 'Arial Black', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
		  font-weight: bold;
		  font-size: 28px;
		  letter-spacing: -3px; }
		.orderRepeatCartList .listItem .labelPeriod .labelPeriod-date .per {
		  padding-left: 3px;
		  font-size: 15px; }
		.orderRepeatCartList .listItem .labelPeriod .labelPeriod-date--small .yaku {
		  font-size: 11px; }
		.orderRepeatCartList .listItem .labelPeriod .labelPeriod-date--small .per {
		  font-size: 12px; }
	.orderRepeatCartList .listItem .order-label-popular {
	  position: absolute;
	  top: -4px;
	  right: -179px;
	  bottom: 0;
	  left: 0;
	  width: 60px;
	  height: 60px;
	  margin: auto;
	  border-radius: 100px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .order-label-popular {
		  width: 50px;
		  height: 50px;
		  position: absolute;
		  top: initial;
		  right: initial;
		  bottom: -72px;
		  left: -75px; } }
	  .orderRepeatCartList .listItem .order-label-popular span {
		position: relative;
		display: block;
		margin-top: 6px;
		padding: 0;
		background: #e32222;
		color: #FFF;
		font-weight: bold;
		font-size: 12px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .order-label-popular span {
			margin-top: 3px;
			padding: 3px;
			font-size: 11px; } }
	.orderRepeatCartList .listItem .image.tmb {
	  position: relative;
	  padding: 0; }
	  @media screen and (max-width: 960px) {
		.orderRepeatCartList .listItem .image.tmb {
		  width: 90px; } }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .image.tmb {
		  display: table;
		  -webkit-box-ordinal-group: 2;
		  -ms-flex-order: 1;
		  order: 1;
		  width: auto;
		  margin-right: auto;
		  margin-left: 0;
		  padding: 0; } }
	.orderRepeatCartList .listItem .image.silhouette {
	  width: 135px;
	  margin-right: 10px; }
	  @media screen and (max-width: 960px) {
		.orderRepeatCartList .listItem .image.silhouette {
		  display: none; } }
	.orderRepeatCartList .listItem .listTitle {
	  position: relative;
	  width: 215px; }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .listTitle {
		  width: 100%;
		  -webkit-box-ordinal-group: 3;
		  -ms-flex-order: 2;
		  order: 2; } }
	  .orderRepeatCartList .listItem .listTitle h4 {
		font-weight: bold; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .listTitle h4 {
			text-align: center; } }
		.orderRepeatCartList .listItem .listTitle h4 .name {
		  font-size: 16px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .listTitle h4 .name {
			  display: inline-block;
			  line-height: 1.2;
			  font-size: 14px; } }
		  .orderRepeatCartList .listItem .listTitle h4 .name .name-label-pink {
			display: block;
			width: 84px;
			padding: 3px 8px;
			background: #fa426d;
			color: #FFF;
			font-size: 13px;
			line-height: 1; }
			@media screen and (max-width: 768px) {
			  .orderRepeatCartList .listItem .listTitle h4 .name .name-label-pink {
				display: inline-block; } }
		  .orderRepeatCartList .listItem .listTitle h4 .name .type {
			font-size: 11px;
			color: #333434; }
			@media screen and (max-width: 768px) {
			  .orderRepeatCartList .listItem .listTitle h4 .name .type {
				font-weight: normal;
				display: inline-block; } }
		.orderRepeatCartList .listItem .listTitle h4 .capa {
		  display: block;
		  font-size: 25px;
		  line-height: 1; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .listTitle h4 .capa {
			  font-size: 35px; } }
		  .orderRepeatCartList .listItem .listTitle h4 .capa .calc {
			padding: 0 7px; }
		  .orderRepeatCartList .listItem .listTitle h4 .capa .num {
			color: #e12727; }
		  .orderRepeatCartList .listItem .listTitle h4 .capa .sizeTotal {
			font-size: 20px; }
			.orderRepeatCartList .listItem .listTitle h4 .capa .sizeTotal-wrap {
			  display: block; }
			  @media screen and (max-width: 768px) {
				.orderRepeatCartList .listItem .listTitle h4 .capa .sizeTotal-wrap {
				  display: inline-block; } }
			.orderRepeatCartList .listItem .listTitle h4 .capa .sizeTotal--other {
			  padding-right: 20px; }
			  @media screen and (max-width: 768px) {
				.orderRepeatCartList .listItem .listTitle h4 .capa .sizeTotal--other {
				  padding-right: 0; } }
		  .orderRepeatCartList .listItem .listTitle h4 .capa .criterion {
			font-size: 17px; }
			@media screen and (max-width: 768px) {
			  .orderRepeatCartList .listItem .listTitle h4 .capa .criterion {
				font-size: 11px; } }
		  .orderRepeatCartList .listItem .listTitle h4 .capa--small {
			font-size: 18px; }
			@media screen and (max-width: 768px) {
			  .orderRepeatCartList .listItem .listTitle h4 .capa--small {
				margin-top: 5px;
				font-size: 28px; } }
			.orderRepeatCartList .listItem .listTitle h4 .capa--small .calc {
			  padding: 0 3px; }
		.orderRepeatCartList .listItem .listTitle h4.pink .size {
		  color: #fa426d; }
		.orderRepeatCartList .listItem .listTitle h4.blue .capa {
		  font-size: 22px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .listTitle h4.blue .capa {
			  font-size: 35px; } }
		  .orderRepeatCartList .listItem .listTitle h4.blue .capa--small {
			font-size: 18px; }
			@media screen and (max-width: 768px) {
			  .orderRepeatCartList .listItem .listTitle h4.blue .capa--small {
				margin-top: 5px;
				font-size: 28px; } }
		.orderRepeatCartList .listItem .listTitle h4.blue .size {
		  color: #2A4EBA; }
	@media screen and (max-width: 768px) {
	  .orderRepeatCartList .listItem .image.silhouette {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin: 0 auto 50px; } }
	.orderRepeatCartList .listItem .priceWrap {
	  margin-left: auto;
	  text-align: right; }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .priceWrap {
		  -ms-flex-order: 3;
		  order: 3;
		  margin: 15px auto 5px; } }
	  .orderRepeatCartList .listItem .priceWrap .price {
		color: #e60012;
		font-weight: 700;
		font-family: 'Oswald', sans-serif;
		line-height: 1;
		font-size: 44px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .priceWrap .price {
			font-size: 43px; } }
	  .orderRepeatCartList .listItem .priceWrap ruby {
		position: relative;
		top: 0;
		margin-left: -7px;
		font-size: 20px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .priceWrap ruby {
			font-size: calc(14px + 6 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.orderRepeatCartList .listItem .priceWrap ruby {
	  font-size: 14px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.orderRepeatCartList .listItem .priceWrap ruby {
	  font-size: 20px; } }

		.orderRepeatCartList .listItem .priceWrap ruby rt {
		  font-weight: normal; }
	  .orderRepeatCartList .listItem .priceWrap small {
		display: block;
		font-size: 16px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .priceWrap small {
			font-size: 20px; } }
	.orderRepeatCartList .listItem .btnBox {
	  margin-left: auto;
	  padding: 15px 20px;
	  border-left: 1px solid #ffedf5; }
	  .orderRepeatCartList .listItem .btnBox.blue {
		border-left: 1px solid #e7f1fd; }
	  @media screen and (max-width: 768px) {
		.orderRepeatCartList .listItem .btnBox {
		  width: 100%;
		  min-height: auto;
		  border: none;
		  margin: 0;
		  padding: 0;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
		  flex-direction: column;
		  -webkit-box-ordinal-group: 5;
		  -ms-flex-order: 4;
		  order: 4;
		  -webkit-box-align: center;
		  -ms-flex-align: center;
		  align-items: center; } }
	  .orderRepeatCartList .listItem .btnBox .txt-postage {
		font-size: 17px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .btnBox .txt-postage {
			font-size: 20px; } }
		.orderRepeatCartList .listItem .btnBox .txt-postage--lg {
		  margin-bottom: -10px;
		  font-size: 20px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .btnBox .txt-postage--lg {
			  font-size: 24px;
			  margin-bottom: auto; } }
		.orderRepeatCartList .listItem .btnBox .txt-postage .d-block {
		  line-height: 1; }
	  .orderRepeatCartList .listItem .btnBox .form-group {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 10px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .btnBox .form-group {
			margin: 0; } }
		.orderRepeatCartList .listItem .btnBox .form-group .order-choice-num {
		  margin-left: auto;
		  padding: 5px 30px 5px 10px;
		  width: 100px;
		  border: 1px #e5e5e5 solid;
		  background: url(../images/order_icon_select.png) right -1px center no-repeat;
		  background-size: 25px;
		  font-weight: bold;
		  font-size: 15px;
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .btnBox .form-group .order-choice-num {
			  margin: 0;
			  right: 48%;
			  position: absolute; } }
	  .orderRepeatCartList .listItem .btnBox .has-error {
		position: absolute;
		bottom: 50px;
		font-size: 14px; }
	  .orderRepeatCartList .listItem .btnBox .btn-order {
		padding: 15px 10px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatCartList .listItem .btnBox .btn-order {
			margin: 0;
			width: 190px; } }
		.orderRepeatCartList .listItem .btnBox .btn-order .cart {
		  max-width: 112px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatCartList .listItem .btnBox .btn-order .cart {
			  max-width: initial; } }
		  .orderRepeatCartList .listItem .btnBox .btn-order .cart::before {
			content: none; }

.orderRepeatPeriod {
  margin-bottom: 40px;
  padding-bottom: 10px;
  background: #e7f1fd; }
  @media screen and (max-width: 768px) {
	.orderRepeatPeriod {
	  margin-bottom: 20px; } }
  .orderRepeatPeriod .orderRepeatPeriodTop {
	width: 100%;
	margin-bottom: 40px;
	padding: 30px 0;
	padding-bottom: 10px;
	background: #ffffff; }
	.orderRepeatPeriod .orderRepeatPeriodTop .desc {
	  padding-left: 10px; }
	  .orderRepeatPeriod .orderRepeatPeriodTop .desc small {
		font-size: 16px;
		color: #333434; }
	@media screen and (max-width: 768px) {
	  .orderRepeatPeriod .orderRepeatPeriodTop {
		margin-bottom: 20px;
		padding: 5px 0 10px; } }
  .orderRepeatPeriod .periodDetail {
	margin: 40px 0;
	padding: 30px 35px;
	background: #ffffff; }
	@media screen and (max-width: 768px) {
	  .orderRepeatPeriod .periodDetail {
		margin: 20px 0;
		padding: 30px 15px; } }
	.orderRepeatPeriod .periodDetail .periodDetail-wrap {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	  align-items: flex-start;
	  -ms-flex-align: start; }
	  @media screen and (max-width: 768px) {
		.orderRepeatPeriod .periodDetail .periodDetail-wrap {
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
		  flex-direction: column;
		  margin-bottom: 20px; } }
	  .orderRepeatPeriod .periodDetail .periodDetail-wrap .itemImage {
		width: 153px;
		border: 2px solid #fa426d;
		border-radius: 5px;
		background: #fffbfd;
		text-align: center; }
		@media screen and (max-width: 768px) {
		  .orderRepeatPeriod .periodDetail .periodDetail-wrap .itemImage {
			margin: 0 auto 20px;
			width: 50%;
			max-width: 400px; } }
		.orderRepeatPeriod .periodDetail .periodDetail-wrap .itemImage .itemImage-title-criterion {
		  padding: 10px 0;
		  background: #fa426d;
		  color: #fff;
		  font-weight: bold;
		  font-size: 20px; }
		.orderRepeatPeriod .periodDetail .periodDetail-wrap .itemImage .image {
		  padding: 10px 20px; }
	  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt {
		margin-bottom: 20px;
		padding-left: 30px;
		width: calc(100% - 153px);
		background: #ffffff;
		font-size: 16px; }
		@media screen and (max-width: 768px) {
		  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt {
			width: 100%;
			margin-bottom: 0;
			padding-left: 0;
			font-size: 14px; } }
		.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  margin-bottom: 15px;
		  background: url("../images/dot.png") repeat-x;
		  background-position: center;
		  background-size: 10px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem {
			  background-position: left 0 bottom 1.05em;
			  margin-bottom: 20px; } }
		  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .label {
			display: inline-block;
			width: 133px;
			padding: 1.3em .6em .3em;
			background: #e12727;
			color: #fff;
			text-align: center;
			font-weight: bold; }
			.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .label .kanji {
			  position: relative;
			  font-size: 21px; }
			  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .label .kanji .ruby {
				font-size: 10px;
				position: absolute;
				top: -9px;
				right: 0;
				bottom: 0;
				left: 0; }
		  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .parts {
			padding-top: 2px;
			padding-right: 1em;
			padding-left: 15px;
			background: #ffffff;
			font-size: 22px; }
			@media screen and (max-width: 768px) {
			  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .parts {
				font-size: 17px;
				padding-left: 0; } }
			.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .parts small {
			  font-size: 17px; }
			  @media screen and (max-width: 768px) {
				.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .parts small {
				  font-size: 15px; } }
			  @media screen and (max-width: 320px) {
				.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .parts small {
				  font-size: 14px; } }
		  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .period {
			margin-left: auto;
			padding-left: 1em;
			background: #ffffff;
			font-weight: bold;
			font-size: 22px; }
			@media screen and (max-width: 768px) {
			  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .period {
				padding-left: 1.1em;
				padding-right: 0; } }
			.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .period b {
			  color: #e12727; }
		.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt p {
		  padding-left: 148px;
		  color: #e12727;
		  font-size: 14px;
		  margin-top: -20px; }
		  @media screen and (max-width: 768px) {
			.orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt p {
			  padding-left: 0;
			  font-size: 12px; } }

.orderRepeatTreatDates {
  padding-left: 182px; }
  @media screen and (max-width: 768px) {
	.orderRepeatTreatDates {
	  padding-left: 0; } }
  .orderRepeatTreatDates__wrap {
	margin: 20px 0 0;
	padding: 14px 30px 30px;
	border-radius: 2px; }
	@media screen and (max-width: 768px) {
	  .orderRepeatTreatDates__wrap {
		padding: 15px 15px 215px; } }
	.orderRepeatTreatDates__wrap.pink {
	  background: #FFF url("../images/order_repeat_treatmentdates_bg_pink.png") no-repeat bottom right; }
	.orderRepeatTreatDates__wrap.blue {
	  background: #FFF url("../images/order_repeat_treatmentdates_bg_blue.png") no-repeat bottom right; }
  .orderRepeatTreatDates--list {
	padding-right: 270px;
	padding-left: 0; }
	@media screen and (max-width: 768px) {
	  .orderRepeatTreatDates--list {
		padding-right: 0; } }
  .orderRepeatTreatDates .title {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 24px; }
	.orderRepeatTreatDates .title--red {
	  color: #e12727; }
	.orderRepeatTreatDates .title--blue {
	  color: #00479d; }
  .orderRepeatTreatDates .treatmentDates-table {
	width: 100%;
	border: 2px solid #eaeaea; }
	.orderRepeatTreatDates .treatmentDates-table th, .orderRepeatTreatDates .treatmentDates-table td {
	  padding: 10px 20px;
	  border: 2px solid #eaeaea;
	  font-weight: bold; }
	  @media screen and (max-width: 768px) {
		.orderRepeatTreatDates .treatmentDates-table th, .orderRepeatTreatDates .treatmentDates-table td {
		  padding: 7px 10px;
		  line-height: 1.2; } }
	.orderRepeatTreatDates .treatmentDates-table th {
	  background: #eaeaea;
	  font-size: 24px; }
	  @media screen and (max-width: 768px) {
		.orderRepeatTreatDates .treatmentDates-table th {
		  font-size: 19px; } }
	  @media screen and (max-width: 320px) {
		.orderRepeatTreatDates .treatmentDates-table th {
		  font-size: 17px; } }
	  @media screen and (max-width: 768px) {
		.orderRepeatTreatDates .treatmentDates-table th:first-child {
		  width: 60%; } }
	.orderRepeatTreatDates .treatmentDates-table td {
	  font-size: 20px;
	  background: #FFF; }
	  @media screen and (max-width: 320px) {
		.orderRepeatTreatDates .treatmentDates-table td {
		  font-size: 17px; } }
	.orderRepeatTreatDates .treatmentDates-table--red {
	  border: 2px solid #e12727; }
	  .orderRepeatTreatDates .treatmentDates-table--red th, .orderRepeatTreatDates .treatmentDates-table--red td {
		border: 2px solid #e12727; }
	  .orderRepeatTreatDates .treatmentDates-table--red th {
		background: #fdf3f3; }
	.orderRepeatTreatDates .treatmentDates-table--blue {
	  border: 2px solid #00479d; }
	  .orderRepeatTreatDates .treatmentDates-table--blue th, .orderRepeatTreatDates .treatmentDates-table--blue td {
		border: 2px solid #00479d; }
	  .orderRepeatTreatDates .treatmentDates-table--blue th {
		background: #f6fafe; }

/* ============
* product
============== */
.productVisual {
  width: 100%;
  height: 740px;
  background-color: #ffe7ed;
  background-image: url("../images/product_visual_bg.jpg");
  background-position: center top;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px) and (max-width: 999px) {
	.productVisual {
	  background-position: 56% top; } }
  @media screen and (max-width: 768px) {
	.productVisual {
	  height: auto;
	  background-position: 62% top;
	  background-size: cover; } }
  .productVisual .l-container {
	height: 100%; }
  .productVisual .title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 251px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .title {
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .title {
		left: 5px;
		width: 38px; } }
	.productVisual .title .sp-hide {
	  display: none; }
	@media screen and (max-width: 768px) {
	  .productVisual .title img.sp-hide {
		display: block; }
	  .productVisual .title img.pc-hide {
		display: none; } }
  .productVisual .heading {
	margin: 0 auto 12px;
	padding-top: 118px;
	width: 444px;
	text-align: center; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .heading {
		padding-top: 150px;
		margin-bottom: 30px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .heading {
		padding-top: 90px;
		max-width: 444px;
		width: 85%; } }
  .productVisual .ribbon {
	margin: auto;
	width: 471px;
	text-align: center; }
	@media screen and (max-width: 768px) {
	  .productVisual .ribbon {
		max-width: 471px;
		width: 90%; } }
  .productVisual .item {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); }
	@media screen and (max-width: 768px) {
	  .productVisual .item {
		position: relative;
		bottom: auto;
		left: auto;
		width: 95%;
		-webkit-transform: translateX(0);
		transform: translateX(0); } }
  .productVisual .item2 {
	position: absolute;
	top: 230px;
	left: 0;
	width: 234px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productVisual .item2 {
		left: 10px;
		width: 145px; } }
	@media screen and (max-width: 768px) {
	  .productVisual .item2 {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
		max-width: 234px;
		width: 40%;
		text-align: center; } }
  @media screen and (max-width: 768px) {
	.productVisual .image img {
	  width: 100%;
	  margin-top: -100px; } }
  @media screen and (max-width: 414px) {
	.productVisual .image img {
	  margin-top: -10px; } }
  @media screen and (max-width: 320px) {
	.productVisual .image img {
	  margin-top: 0; } }

.productRecommend {
  padding: 0 0 40px;
  background-image: url("../images/pattern_delta_pink.png");
  background-repeat: repeat; }
  @media screen and (max-width: 768px) {
	.productRecommend {
	  padding: 0 0 10px; } }
  .productRecommend .title {
	z-index: 1;
	margin-bottom: 40px;
	padding: 40px 0;
	background: #fa426d;
	text-align: center;
	position: relative; }
	.productRecommend .title::before {
	  content: "";
	  border: solid transparent;
	  display: inline-block;
	  position: absolute;
	  border-width: 30px;
	  border-top-color: #fa426d;
	  margin-left: -30px;
	  left: 50%;
	  bottom: -60px; }
	@media screen and (max-width: 768px) {
	  .productRecommend .title {
		padding: 20px 0; } }
  .productRecommend .c-box--sub {
	background-image: url("../images/product_recommend_doctor.png");
	background-position: 97% 130%;
	background-repeat: no-repeat; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productRecommend .c-box--sub {
		background-image: none; } }
	@media screen and (max-width: 768px) {
	  .productRecommend .c-box--sub {
		background-image: none; } }
  .productRecommend ul {
	padding: 20px 0 0 10px; }
	.productRecommend ul li {
	  margin-bottom: 10px; }
  .productRecommend .balloon {
	position: absolute;
	top: 37px;
	right: 70px; }
	@media screen and (min-width: 769px) and (max-width: 999px) {
	  .productRecommend .balloon {
		top: -15px;
		right: auto;
		left: 0;
		width: 180px; } }
	@media screen and (max-width: 768px) {
	  .productRecommend .balloon {
		top: -15px;
		right: auto;
		left: 0;
		width: 180px; } }

.productProperty {
  padding: 40px 0; }
  .productProperty .title {
	margin-bottom: 20px;
	text-align: center; }
  .productProperty .heading {
	margin-bottom: 20px;
	text-align: center; }
  .productProperty h3.colorBlue {
	color: #2053ca;
	text-align: center;
	font-weight: bold;
	font-size: 26px; }
	@media screen and (max-width: 768px) {
	  .productProperty h3.colorBlue {
		margin-bottom: 10px;
		font-size: calc(18px + 8 * ( (100vw - 320px) / 448)); } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
	.productProperty h3.colorBlue {
	  font-size: 18px; } }
  @media screen and (max-width: 768px) and (min-width: 768px) {
	.productProperty h3.colorBlue {
	  font-size: 26px; } }

  @media screen and (max-width: 768px) {
	.productProperty p {
	  font-size: 14px; } }
  .productProperty .c-box--sub.summary {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px; }
	@media screen and (max-width: 768px) {
	  .productProperty .c-box--sub.summary {
		padding-top: 20px; } }
	.productProperty .c-box--sub.summary .summary {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .summary {
		  margin-bottom: 20px; } }
	.productProperty .c-box--sub.summary .item1 {
	  position: absolute;
	  top: 50px;
	  left: -20px; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .item1 {
		  position: relative;
		  top: auto;
		  left: auto;
		  float: left;
		  max-width: 211px;
		  width: 52%; } }
	.productProperty .c-box--sub.summary .item2 {
	  position: absolute;
	  top: 50px;
	  right: 20px; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-box--sub.summary .item2 {
		  position: relative;
		  top: 13px;
		  right: auto;
		  float: right;
		  max-width: 169px;
		  width: 45%; } }
  .productProperty .c-bluebox.more {
	background: -webkit-gradient(linear, left top, left bottom, from(#e5f5fe), color-stop(6%, #ffffff), color-stop(94%, #ffffff), to(#e5f5fe));
	background: linear-gradient(to bottom, #e5f5fe 0%, #ffffff 6%, #ffffff 94%, #e5f5fe 100%); }
	.productProperty .c-bluebox.more h3 {
	  margin-bottom: 20px;
	  padding-top: 40px;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more h3 {
		  margin: 0 auto 20px;
		  padding-top: 20px;
		  max-width: 408px;
		  width: 80%; } }
	.productProperty .c-bluebox.more .more1 {
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more1 {
		  margin: 0 auto;
		  width: 90%; } }
	.productProperty .c-bluebox.more .more2 {
	  float: left;
	  margin-left: 105px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productProperty .c-bluebox.more .more2 {
		  text-align: center;
		  float: none;
		  margin-left: 0; } }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more2 {
		  float: none;
		  margin: 0 auto;
		  text-align: center; } }
	.productProperty .c-bluebox.more .more3 {
	  margin-top: 10px; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productProperty .c-bluebox.more .more3 {
		  text-align: center; } }
	  @media screen and (max-width: 768px) {
		.productProperty .c-bluebox.more .more3 {
		  margin: 0 auto;
		  text-align: center; } }

@media screen and (max-width: 768px) {
  .productWpower figure {
	display: table; } }

.productOther {
  padding: 40px 0;
  background: #fff; }
  .productOther__box {
	position: relative;
	padding: 2em 1em;
	margin-bottom: 50px;
	background-color: #fff;
	border: #ffe5ea solid 7px; }
	@media screen and (max-width: 768px) {
	  .productOther__box {
		margin-bottom: 20px; } }
	.productOther__box h2 {
	  margin: -42px -25px 20px;
	  padding: 20px 0;
	  border-top-left-radius: 9px;
	  border-top-right-radius: 9px;
	  background: #fa426d;
	  text-align: center; }
	  @media screen and (max-width: 768px) {
		.productOther__box h2 img {
		  display: block;
		  margin: 0 auto;
		  max-width: 420px;
		  width: 80%; } }
	@media screen and (max-width: 768px) {
	  .productOther__box p {
		letter-spacing: -.02em;
		font-size: 18px; } }
	@media screen and (max-width: 320px) {
	  .productOther__box p {
		font-size: 16px; } }
	.productOther__box.feature {
	  background-image: url("../images/product_feature_bg.jpg");
	  background-position: right bottom;
	  background-repeat: no-repeat; }
	  @media screen and (max-width: 768px) {
		.productOther__box.feature {
		  padding-bottom: 197px;
		  background-image: url("../images/product_feature_bg.jpg");
		  background-position: 10px bottom;
		  background-repeat: no-repeat;
		  background-size: 250px; } }
	  .productOther__box.feature .feature {
		margin: 30px auto;
		text-align: center; }
	  .productOther__box.feature .balloon {
		position: absolute;
		top: 120px;
		right: 30px; }
	  .productOther__box.feature .underlined {
		background: linear-gradient(transparent 10px, #ffff00 10px); }
	.productOther__box.component {
	  text-align: center; }
	  .productOther__box.component .component {
		margin-bottom: 30px;
		text-align: center; }
	  .productOther__box.component .pinkbox {
		display: inline-block;
		margin: 0 auto;
		padding: 10px 20px;
		border-radius: 12px;
		background: #ffebf0;
		text-align: center;
		font-size: 14px; }
		.productOther__box.component .pinkbox small {
		  display: inline-block;
		  color: #fa426d;
		  -webkit-transform: scale(0.8) translateY(-10px);
		  transform: scale(0.8) translateY(-10px); }
		@media screen and (max-width: 768px) {
		  .productOther__box.component .pinkbox .c-text--red.u-fs12 {
			display: block;
			font-size: 11px; } }
	.productOther__box.use {
	  background-image: url("../images/product_component_bg.png");
	  background-position: 98% 101%;
	  background-repeat: no-repeat; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productOther__box.use {
		  background-image: none; } }
	  @media screen and (max-width: 768px) {
		.productOther__box.use {
		  background-image: none; } }
	  .productOther__box.use .useImgWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0 auto;
		width: 540px; }
		@media screen and (max-width: 768px) {
		  .productOther__box.use .useImgWrap {
			margin-bottom: -20px;
			width: 100%; }
			.productOther__box.use .useImgWrap .image {
			  margin-bottom: 20px; } }
	  .productOther__box.use .balloon {
		position: absolute;
		top: 20px;
		right: 10px; }
		@media screen and (min-width: 769px) and (max-width: 999px) {
		  .productOther__box.use .balloon {
			display: none; } }
		@media screen and (max-width: 768px) {
		  .productOther__box.use .balloon {
			display: none; } }
	.productOther__box.brush {
	  background-image: url("../images/product_brush_image.png");
	  background-position: right 69px;
	  background-repeat: no-repeat; }
	  @media screen and (max-width: 768px) {
		.productOther__box.brush {
		  background-image: none; } }
	  .productOther__box.brush .faq {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ffebf0; }
		.productOther__box.brush .faq dt {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  overflow: hidden;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  margin-bottom: 20px;
		  width: 76%;
		  font-size: 20px; }
		  @media screen and (max-width: 768px) {
			.productOther__box.brush .faq dt {
			  width: 100%;
			  font-size: 16px; } }
		  .productOther__box.brush .faq dt p {
			width: calc(100% - 65px); }
		.productOther__box.brush .faq dd {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  overflow: hidden;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  width: 76%;
		  font-size: 16px; }
		  @media screen and (max-width: 768px) {
			.productOther__box.brush .faq dd {
			  width: 100%;
			  font-size: 14px; } }
		  .productOther__box.brush .faq dd p {
			width: calc(100% - 65px); }
		.productOther__box.brush .faq .circle {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-align: center;
		  align-items: center;
		  -ms-flex-align: center;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  justify-content: center;
		  margin-right: 20px;
		  width: 45px;
		  height: 45px;
		  border-radius: 5rem;
		  color: #fff; }
		  .productOther__box.brush .faq .circle.question {
			background: #2053ca; }
		  .productOther__box.brush .faq .circle.answer {
			background: #fa426d; }
	.productOther__box h3 {
	  text-align: center; }
	.productOther__box .borderBox {
	  margin-top: -30px;
	  padding: 55px 20px 20px;
	  border: 1px solid #ffebf0;
	  border-radius: 12px; }
	  .productOther__box .borderBox a {
		display: block;
		margin: 0 auto; }
  .productOther .guide h2 {
	margin-bottom: 40px;
	text-align: center; }
  .productOther .guide .guideList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.productOther .guide .guideList li {
	  position: relative; }
	  @media screen and (min-width: 769px) and (max-width: 999px) {
		.productOther .guide .guideList li {
		  width: 24%; } }
	  @media screen and (max-width: 768px) {
		.productOther .guide .guideList li {
		  margin-bottom: 15px;
		  width: 49%;
		  text-align: center; } }
	  .productOther .guide .guideList li::after {
		position: absolute;
		top: 27%;
		right: -25px;
		z-index: 1;
		display: block;
		width: 39px;
		height: 32px;
		background: url("../images/arrow_blue_right.png") no-repeat;
		background-size: contain;
		content: ''; }
		@media screen and (max-width: 768px) {
		  .productOther .guide .guideList li::after {
			content: none; } }
	  .productOther .guide .guideList li:last-child::after {
		content: none; }

img {
  max-width: 100%; }

/* Safari 9.0+ (non-iOS) */
/* Safari 9.0+ */
/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
/* IE9,8 */
/* IE Edge のみ */
@supports (-ms-ime-align: auto) {
  .orderRepeatPeriod .periodDetail .periodDetail-wrap .periodTxt .periodItem .label .kanji .ruby {
	top: -4px; } }
/* firefox */
@-moz-document url-prefix() {}

/*# sourceMappingURL=style.css.map */