@charset "UTF-8";
/* =========================================================================
importファイル
========================================================================== */
@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium); }
@media print {
  section {
    display: block;
    page-break-before: always; }

  pre code {
    page-break-after: always; }

  @page {
    margin-top: 0.4cm;
    margin: 0.5cm; }
  p a,
  code,
  pre {
    word-wrap: break-word; }

  pre a[href]:after {
    content: ""; }

  pre abbr[title]:after {
    content: ""; }

  pre .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }

  .noPrint {
    display: none !important; }

  body {
    width: 1280px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-print-color-adjust: exact;
    font-size: 14pt; }
    body .continer {
      padding-top: 0; } }
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

#yui3-css-stamp.cssfonts {
  display: none; }

/***** KA add *****/
body {
  font-family: 'YuGothic','Yu Gothic','メイリオ',Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
  line-height: 2; }

.c_size_10 {
  font-size: 77%; }

.c_size_11 {
  font-size: 85%; }

.c_size_12 {
  font-size: 93%; }

.c_size_13 {
  font-size: 100%; }

.c_size_14 {
  font-size: 108%; }

.c_size_15 {
  font-size: 116%; }

.c_size_16 {
  font-size: 123.1%; }

.c_size_17 {
  font-size: 131%; }

.c_size_18 {
  font-size: 138.5%; }

.c_size_19 {
  font-size: 146.5%; }

.c_size_20 {
  font-size: 153.9%; }

.c_size_21 {
  font-size: 161.6%; }

.c_size_22 {
  font-size: 167%; }

.c_size_23 {
  font-size: 174%; }

.c_size_24 {
  font-size: 182%; }

.c_size_25 {
  font-size: 189%; }

.c_size_26 {
  font-size: 197%; }

.c_color_f00 {
  color: #f00; }

.c_color_0f0 {
  color: #0f0; }

.c_color_00f {
  color: #00f; }

.c_color_ff0 {
  color: #ff0; }

.c_color_0ff {
  color: #0ff; }

.c_color_f0f {
  color: #f0f; }

.c_color_000 {
  color: #000; }

.c_color_fff {
  color: #fff; }

/***** clearfix *****/
.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
/***** margin *****/
.c_mt0 {
  margin-top: 0px !important; }

.c_mt5 {
  margin-top: 5px !important; }

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

.c_mt15 {
  margin-top: 15px !important; }

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

.c_mt25 {
  margin-top: 25px !important; }

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

.c_mt35 {
  margin-top: 35px !important; }

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

.c_mt45 {
  margin-top: 45px !important; }

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

.c_mt60 {
  margin-top: 60px !important; }

.c_mt70 {
  margin-top: 70px !important; }

.c_mt80 {
  margin-top: 80px !important; }

.c_mt90 {
  margin-top: 90px !important; }

.c_mt100 {
  margin-top: 100px !important; }

.c_mt110 {
  margin-top: 110px !important; }

.c_mt120 {
  margin-top: 120px !important; }

.c_mt130 {
  margin-top: 130px !important; }

.c_mt140 {
  margin-top: 140px !important; }

.c_mt150 {
  margin-top: 150px !important; }

.c_mt160 {
  margin-top: 160px !important; }

.c_mt170 {
  margin-top: 170px !important; }

.c_mt180 {
  margin-top: 180px !important; }

.c_mt190 {
  margin-top: 190px !important; }

.c_mt200 {
  margin-top: 200px !important; }

.c_mt210 {
  margin-top: 210px !important; }

.c_mt220 {
  margin-top: 220px !important; }

.c_mt230 {
  margin-top: 230px !important; }

.c_mt240 {
  margin-top: 240px !important; }

.c_mt250 {
  margin-top: 250px !important; }

.c_mt260 {
  margin-top: 260px !important; }

.c_mt270 {
  margin-top: 270px !important; }

.c_mt280 {
  margin-top: 280px !important; }

.c_mt290 {
  margin-top: 290px !important; }

.c_mt300 {
  margin-top: 300px !important; }

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

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

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

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

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

.c_mb25 {
  margin-bottom: 25px !important; }

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

.c_mb35 {
  margin-bottom: 35px !important; }

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

.c_mb45 {
  margin-bottom: 45px !important; }

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

.c_mb60 {
  margin-bottom: 60px !important; }

.c_mb70 {
  margin-bottom: 70px !important; }

.c_mb80 {
  margin-bottom: 80px !important; }

.c_mb90 {
  margin-bottom: 90px !important; }

.c_mb100 {
  margin-bottom: 100px !important; }

.c_mb110 {
  margin-bottom: 110px !important; }

.c_mb120 {
  margin-bottom: 120px !important; }

.c_mb130 {
  margin-bottom: 130px !important; }

.c_mb140 {
  margin-bottom: 140px !important; }

.c_mb150 {
  margin-bottom: 150px !important; }

.c_mb160 {
  margin-bottom: 160px !important; }

.c_mb170 {
  margin-bottom: 170px !important; }

.c_mb180 {
  margin-bottom: 180px !important; }

.c_mb190 {
  margin-bottom: 190px !important; }

.c_mb200 {
  margin-bottom: 200px !important; }

.c_mb210 {
  margin-bottom: 210px !important; }

.c_mb220 {
  margin-bottom: 220px !important; }

.c_mb230 {
  margin-bottom: 230px !important; }

.c_mb240 {
  margin-bottom: 240px !important; }

.c_mb250 {
  margin-bottom: 250px !important; }

.c_mb260 {
  margin-bottom: 260px !important; }

.c_mb270 {
  margin-bottom: 270px !important; }

.c_mb280 {
  margin-bottom: 280px !important; }

.c_mb290 {
  margin-bottom: 290px !important; }

.c_mb300 {
  margin-bottom: 300px !important; }

.c_ml0 {
  margin-left: 0px !important; }

.c_ml5 {
  margin-left: 5px !important; }

.c_ml10 {
  margin-left: 10px !important; }

.c_ml15 {
  margin-left: 15px !important; }

.c_ml20 {
  margin-left: 20px !important; }

.c_ml25 {
  margin-left: 25px !important; }

.c_ml30 {
  margin-left: 30px !important; }

.c_ml35 {
  margin-left: 35px !important; }

.c_ml40 {
  margin-left: 40px !important; }

.c_ml45 {
  margin-left: 45px !important; }

.c_ml50 {
  margin-left: 50px !important; }

.c_ml60 {
  margin-left: 60px !important; }

.c_ml70 {
  margin-left: 70px !important; }

.c_ml80 {
  margin-left: 80px !important; }

.c_ml90 {
  margin-left: 90px !important; }

.c_ml100 {
  margin-left: 100px !important; }

.c_ml110 {
  margin-left: 110px !important; }

.c_ml120 {
  margin-left: 120px !important; }

.c_ml130 {
  margin-left: 130px !important; }

.c_ml140 {
  margin-left: 140px !important; }

.c_ml150 {
  margin-left: 150px !important; }

.c_ml160 {
  margin-left: 160px !important; }

.c_ml170 {
  margin-left: 170px !important; }

.c_ml180 {
  margin-left: 180px !important; }

.c_ml190 {
  margin-left: 190px !important; }

.c_ml200 {
  margin-left: 200px !important; }

.c_ml210 {
  margin-left: 210px !important; }

.c_ml220 {
  margin-left: 220px !important; }

.c_ml230 {
  margin-left: 230px !important; }

.c_ml240 {
  margin-left: 240px !important; }

.c_ml250 {
  margin-left: 250px !important; }

.c_ml260 {
  margin-left: 260px !important; }

.c_ml270 {
  margin-left: 270px !important; }

.c_ml280 {
  margin-left: 280px !important; }

.c_ml290 {
  margin-left: 290px !important; }

.c_ml300 {
  margin-left: 300px !important; }

.c_mr0 {
  margin-right: 0px !important; }

.c_mr5 {
  margin-right: 5px !important; }

.c_mr10 {
  margin-right: 10px !important; }

.c_mr15 {
  margin-right: 15px !important; }

.c_mr20 {
  margin-right: 20px !important; }

.c_mr25 {
  margin-right: 25px !important; }

.c_mr30 {
  margin-right: 30px !important; }

.c_mr35 {
  margin-right: 35px !important; }

.c_mr40 {
  margin-right: 40px !important; }

.c_mr45 {
  margin-right: 45px !important; }

.c_mr50 {
  margin-right: 50px !important; }

.c_mr60 {
  margin-right: 60px !important; }

.c_mr70 {
  margin-right: 70px !important; }

.c_mr80 {
  margin-right: 80px !important; }

.c_mr90 {
  margin-right: 90px !important; }

.c_mr100 {
  margin-right: 100px !important; }

.c_mr110 {
  margin-right: 110px !important; }

.c_mr120 {
  margin-right: 120px !important; }

.c_mr130 {
  margin-right: 130px !important; }

.c_mr140 {
  margin-right: 140px !important; }

.c_mr150 {
  margin-right: 150px !important; }

.c_mr160 {
  margin-right: 160px !important; }

.c_mr170 {
  margin-right: 170px !important; }

.c_mr180 {
  margin-right: 180px !important; }

.c_mr190 {
  margin-right: 190px !important; }

.c_mr200 {
  margin-right: 200px !important; }

.c_mr210 {
  margin-right: 210px !important; }

.c_mr220 {
  margin-right: 220px !important; }

.c_mr230 {
  margin-right: 230px !important; }

.c_mr240 {
  margin-right: 240px !important; }

.c_mr250 {
  margin-right: 250px !important; }

.c_mr260 {
  margin-right: 260px !important; }

.c_mr270 {
  margin-right: 270px !important; }

.c_mr280 {
  margin-right: 280px !important; }

.c_mr290 {
  margin-right: 290px !important; }

.c_mr300 {
  margin-right: 300px !important; }

/***** padding *****/
.c_pt0 {
  padding-top: 0px !important; }

.c_pt5 {
  padding-top: 5px !important; }

.c_pt10 {
  padding-top: 10px !important; }

.c_pt15 {
  padding-top: 15px !important; }

.c_pt20 {
  padding-top: 20px !important; }

.c_pt25 {
  padding-top: 25px !important; }

.c_pt30 {
  padding-top: 30px !important; }

.c_pt35 {
  padding-top: 35px !important; }

.c_pt40 {
  padding-top: 40px !important; }

.c_pt45 {
  padding-top: 45px !important; }

.c_pt50 {
  padding-top: 50px !important; }

.c_pt60 {
  padding-top: 60px !important; }

.c_pt70 {
  padding-top: 70px !important; }

.c_pt80 {
  padding-top: 80px !important; }

.c_pt90 {
  padding-top: 90px !important; }

.c_pt100 {
  padding-top: 100px !important; }

.c_pt110 {
  padding-top: 110px !important; }

.c_pt120 {
  padding-top: 120px !important; }

.c_pt130 {
  padding-top: 130px !important; }

.c_pt140 {
  padding-top: 140px !important; }

.c_pt150 {
  padding-top: 150px !important; }

.c_pt160 {
  padding-top: 160px !important; }

.c_pt170 {
  padding-top: 170px !important; }

.c_pt180 {
  padding-top: 180px !important; }

.c_pt190 {
  padding-top: 190px !important; }

.c_pt200 {
  padding-top: 200px !important; }

.c_pt210 {
  padding-top: 210px !important; }

.c_pt220 {
  padding-top: 220px !important; }

.c_pt230 {
  padding-top: 230px !important; }

.c_pt240 {
  padding-top: 240px !important; }

.c_pt250 {
  padding-top: 250px !important; }

.c_pt260 {
  padding-top: 260px !important; }

.c_pt270 {
  padding-top: 270px !important; }

.c_pt280 {
  padding-top: 280px !important; }

.c_pt290 {
  padding-top: 290px !important; }

.c_pt300 {
  padding-top: 300px !important; }

.c_pb0 {
  padding-bottom: 0px !important; }

.c_pb5 {
  padding-bottom: 5px !important; }

.c_pb10 {
  padding-bottom: 10px !important; }

.c_pb15 {
  padding-bottom: 15px !important; }

.c_pb20 {
  padding-bottom: 20px !important; }

.c_pb25 {
  padding-bottom: 25px !important; }

.c_pb30 {
  padding-bottom: 30px !important; }

.c_pb35 {
  padding-bottom: 35px !important; }

.c_pb40 {
  padding-bottom: 40px !important; }

.c_pb45 {
  padding-bottom: 45px !important; }

.c_pb50 {
  padding-bottom: 50px !important; }

.c_pb60 {
  padding-bottom: 60px !important; }

.c_pb70 {
  padding-bottom: 70px !important; }

.c_pb80 {
  padding-bottom: 80px !important; }

.c_pb90 {
  padding-bottom: 90px !important; }

.c_pb100 {
  padding-bottom: 100px !important; }

.c_pb110 {
  padding-bottom: 110px !important; }

.c_pb120 {
  padding-bottom: 120px !important; }

.c_pb130 {
  padding-bottom: 130px !important; }

.c_pb140 {
  padding-bottom: 140px !important; }

.c_pb150 {
  padding-bottom: 150px !important; }

.c_pb160 {
  padding-bottom: 160px !important; }

.c_pb170 {
  padding-bottom: 170px !important; }

.c_pb180 {
  padding-bottom: 180px !important; }

.c_pb190 {
  padding-bottom: 190px !important; }

.c_pb200 {
  padding-bottom: 200px !important; }

.c_pb210 {
  padding-bottom: 210px !important; }

.c_pb220 {
  padding-bottom: 220px !important; }

.c_pb230 {
  padding-bottom: 230px !important; }

.c_pb240 {
  padding-bottom: 240px !important; }

.c_pb250 {
  padding-bottom: 250px !important; }

.c_pb260 {
  padding-bottom: 260px !important; }

.c_pb270 {
  padding-bottom: 270px !important; }

.c_pb280 {
  padding-bottom: 280px !important; }

.c_pb290 {
  padding-bottom: 290px !important; }

.c_pb300 {
  padding-bottom: 300px !important; }

.c_pl0 {
  padding-left: 0px !important; }

.c_pl5 {
  padding-left: 5px !important; }

.c_pl10 {
  padding-left: 10px !important; }

.c_pl15 {
  padding-left: 15px !important; }

.c_pl20 {
  padding-left: 20px !important; }

.c_pl25 {
  padding-left: 25px !important; }

.c_pl30 {
  padding-left: 30px !important; }

.c_pl35 {
  padding-left: 35px !important; }

.c_pl40 {
  padding-left: 40px !important; }

.c_pl45 {
  padding-left: 45px !important; }

.c_pl50 {
  padding-left: 50px !important; }

.c_pl60 {
  padding-left: 60px !important; }

.c_pl70 {
  padding-left: 70px !important; }

.c_pl80 {
  padding-left: 80px !important; }

.c_pl90 {
  padding-left: 90px !important; }

.c_pl100 {
  padding-left: 100px !important; }

.c_pl110 {
  padding-left: 110px !important; }

.c_pl120 {
  padding-left: 120px !important; }

.c_pl130 {
  padding-left: 130px !important; }

.c_pl140 {
  padding-left: 140px !important; }

.c_pl150 {
  padding-left: 150px !important; }

.c_pl160 {
  padding-left: 160px !important; }

.c_pl170 {
  padding-left: 170px !important; }

.c_pl180 {
  padding-left: 180px !important; }

.c_pl190 {
  padding-left: 190px !important; }

.c_pl200 {
  padding-left: 200px !important; }

.c_pl210 {
  padding-left: 210px !important; }

.c_pl220 {
  padding-left: 220px !important; }

.c_pl230 {
  padding-left: 230px !important; }

.c_pl240 {
  padding-left: 240px !important; }

.c_pl250 {
  padding-left: 250px !important; }

.c_pl260 {
  padding-left: 260px !important; }

.c_pl270 {
  padding-left: 270px !important; }

.c_pl280 {
  padding-left: 280px !important; }

.c_pl290 {
  padding-left: 290px !important; }

.c_pl300 {
  padding-left: 300px !important; }

.c_pr0 {
  padding-right: 0px !important; }

.c_pr5 {
  padding-right: 5px !important; }

.c_pr10 {
  padding-right: 10px !important; }

.c_pr15 {
  padding-right: 15px !important; }

.c_pr20 {
  padding-right: 20px !important; }

.c_pr25 {
  padding-right: 25px !important; }

.c_pr30 {
  padding-right: 30px !important; }

.c_pr35 {
  padding-right: 35px !important; }

.c_pr40 {
  padding-right: 40px !important; }

.c_pr45 {
  padding-right: 45px !important; }

.c_pr50 {
  padding-right: 50px !important; }

.c_pr60 {
  padding-right: 60px !important; }

.c_pr70 {
  padding-right: 70px !important; }

.c_pr80 {
  padding-right: 80px !important; }

.c_pr90 {
  padding-right: 90px !important; }

.c_pr100 {
  padding-right: 100px !important; }

.c_pr110 {
  padding-right: 110px !important; }

.c_pr120 {
  padding-right: 120px !important; }

.c_pr130 {
  padding-right: 130px !important; }

.c_pr140 {
  padding-right: 140px !important; }

.c_pr150 {
  padding-right: 150px !important; }

.c_pr160 {
  padding-right: 160px !important; }

.c_pr170 {
  padding-right: 170px !important; }

.c_pr180 {
  padding-right: 180px !important; }

.c_pr190 {
  padding-right: 190px !important; }

.c_pr200 {
  padding-right: 200px !important; }

.c_pr210 {
  padding-right: 210px !important; }

.c_pr220 {
  padding-right: 220px !important; }

.c_pr230 {
  padding-right: 230px !important; }

.c_pr240 {
  padding-right: 240px !important; }

.c_pr250 {
  padding-right: 250px !important; }

.c_pr260 {
  padding-right: 260px !important; }

.c_pr270 {
  padding-right: 270px !important; }

.c_pr280 {
  padding-right: 280px !important; }

.c_pr290 {
  padding-right: 290px !important; }

.c_pr300 {
  padding-right: 300px !important; }

/***** base style *****/
img {
  vertical-align: bottom;
  line-height: 0;
  font-size: 0; }

/* CSS Document */
/*++++++++++++++++++++++++++++++++++
	COMMON
++++++++++++++++++++++++++++++++++*/
/*++++++ BACK GROUND ++++++*/
html {
  background: #fff;
  height: 100%;
  font-size: 62.5%; }

body {
  background: #fff;
  height: 100%;
  color: #515151;
  font-size: 14px;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  letter-spacing: -0.01px; }

/*++++++ TEXT ++++++*/
a {
  color: #515151;
  text-decoration: none; }
  a:hover {
    color: #515151;
    text-decoration: none; }

/* bg
=======================*/
.bg_y {
  background: #fefef6; }

.bg_w {
  background: #FFF; }

.bg_g {
  background: #30b8aa; }

/*++++++++++++++++++++++++++++++++++
	CONTENTS
++++++++++++++++++++++++++++++++++*/
.content {
  padding-top: 52px;
  font: 17px/1.8 "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  -webkit-text-size-adjust: 100%;
  letter-spacing: -0.01px; }
  @media print, screen and (max-width: 640px) {
    .content {
      padding-top: 44px; } }

/* main
=======================*/
#main {
  position: relative;
  width: 100% !important;
  height: 100%;
  background: #fefef6;
  overflow: hidden;
  z-index: 2;
  transition: margin-left 200ms ease; }
  #main.menu_opened {
    margin-left: -307px; }
    @media print, screen and (max-width: 640px) {
      #main.menu_opened {
        margin-left: -280px; } }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  cursor: pointer; }

@media screen and (max-width: 959px) {
  img {
    max-width: 100%;
    height: auto; } }
.c_contentHead {
  margin: 40px 0 30px; }
  .c_contentHead > .title {
    background: transparent url("../images/news/ttl_img.png") left bottom no-repeat;
    background-size: 100px 110px;
    min-height: 110px;
    border-bottom: 1px solid #cabba6;
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 60px 0 0 120px;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      .c_contentHead > .title {
        min-height: 55px;
        background-size: 50px 55px;
        padding: 30px 0 0 60px;
        font-size: 2rem; } }
  .c_contentHead > .description {
    padding: 16px 0 0 120px; }
    @media print, screen and (max-width: 640px) {
      .c_contentHead > .description {
        padding: 8px 0 0 60px;
        font-size: 1.4rem;
        line-height: 1.5; } }

.bnrArea {
  margin: 3em auto;
  text-align: center; }

/* =================================================================

ベーシック共通用

================================================================= */
/*  clearfix使用例：@extend %clearfix;
-------------------------------------------------------------*/
#ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul:after, .pageTop main article.idx section.profileLayout .profileBox .careerLayout:after, .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl:after, .pageTop main article.idx section.topics dl:after, #shasei main article.top section.selectLayout ul:after, #shasei main article.what section.Investigation .resultLayout:after, #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox:after, #shasei main article.mtc section .videoListLayout ul.videoList:after, #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt:after, #sourou main article.top section.selectLayout ul:after, #movie main article.movies section.movieLayout ul:after {
  content: "";
  display: table;
  clear: both; }

/*  レスポンシブチェック
-------------------------------------------------------------*/
#responsibleCheck {
  width: 1px;
  height: 0; }
  @media print, screen and (max-width: 640px) {
    #responsibleCheck {
      width: 2px; } }

/*  PC/SPで要素を出しわけ
-------------------------------------------------------------*/
@media print, screen and (max-width: 640px) {
  .pcOnly {
    display: none; } }

.spOnly {
  display: none; }
  @media print, screen and (max-width: 640px) {
    .spOnly {
      display: block; } }

a {
  transition: .4s ease; }
  a:hover {
    opacity: .6; }

/*  jquery.mCustomScrollbarのスタイル
-------------------------------------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background-color: #333;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0; }

.mCSB_scrollTools {
  width: 8px; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  height: 100%;
  margin: 0 auto; }

/*  inputスタイル
-------------------------------------------------------------*/
input:placeholder-shown, input::-webkit-input-placeholder, input::-moz-placeholder, input:-moz-placeholder, input:-ms-input-placeholder {
  color: #aaa;
  vertical-align: middle !important; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="number"] {
  -webkit-appearance: none;
  font-size: 88%;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0; }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]:-moz-placeholder {
    color: #aaa; }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder {
    color: #aaa; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus {
  outline: 0;
  border-color: #999;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2); }

/* Webkit */
::-webkit-input-placeholder {
  color: #aaa;
  opacity: 1; }

/* Firefox 18 以前 */
:-moz-placeholder {
  color: #aaa; }

/* Firefox 19 以降 */
::-moz-placeholder {
  color: #aaa;
  /* Firefox 19 以降のデフォルトでは */
  /* color ではなく opacity で色合いを調整しているため */
  /* 文字色を指定する場合、opacity を 1 にする必要がある */
  opacity: 1; }

/* IE 10 以降 */
:-ms-input-placeholder {
  color: #aaa; }

/*  textareaスタイル
-------------------------------------------------------------*/
textarea {
  overflow: auto;
  resize: vertical;
  padding: 20px;
  font-size: 88%;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0; }
  textarea:-moz-placeholder {
    color: #aaa; }
  textarea::-webkit-input-placeholder {
    color: #aaa; }
  textarea:focus {
    outline: 0;
    border-color: #999;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2); }

/*  フォーム関連
-------------------------------------------------------------*/
input,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0; }

select {
  font-weight: normal; }

/*  キービジュアル
-------------------------------------------------------------*/
#keyvisualLayout {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 0 20px;
  background-color: #30b8aa;
  background-image: url("/test/thc/dr-kobori/images/shasei/keyvisual_pc_back.png");
  background-repeat: no-repeat;
  background-position: right center; }
  #sourou #keyvisualLayout {
    background: #e18962; }
  @media print, screen and (max-width: 640px) {
    #keyvisualLayout {
      background-image: url("/test/thc/dr-kobori/images/shasei/keyvisual_sp_back.png");
      background-size: contain; } }
  #keyvisualLayout .Keyvisual {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
    #keyvisualLayout .Keyvisual .inner {
      padding: 80px 0; }
      @media print, screen and (max-width: 640px) {
        #keyvisualLayout .Keyvisual .inner {
          padding: 40px 0; } }
      #keyvisualLayout .Keyvisual .inner h1 {
        color: #fff;
        font-size: 4rem;
        line-height: 1;
        text-align: center;
        font-weight: 600; }
        @media print, screen and (max-width: 640px) {
          #keyvisualLayout .Keyvisual .inner h1 {
            font-size: 2.4rem;
            line-height: 1.6; } }
      #keyvisualLayout .Keyvisual .inner p {
        color: #fff;
        text-align: center;
        font-size: 1.7rem; }
        @media print, screen and (max-width: 640px) {
          #keyvisualLayout .Keyvisual .inner p {
            font-size: 1.4rem; } }

/*  動画ボタン
-------------------------------------------------------------*/
table#movieBtn tbody tr {
  width: 100%; }
  table#movieBtn tbody tr td {
    vertical-align: top; }
    table#movieBtn tbody tr td:first-child {
      padding: 16px 28px 0 0;
      width: 57.5%; }
      @media print, screen and (max-width: 640px) {
        table#movieBtn tbody tr td:first-child {
          padding: 8px 15px 0 0; } }
    table#movieBtn tbody tr td:last-child {
      width: 42.5%; }
      table#movieBtn tbody tr td:last-child img {
        width: 100%; }
    table#movieBtn tbody tr td p {
      font-size: 1.4rem;
      line-height: 1.3;
      color: #927852;
      text-align: left; }
      table#movieBtn tbody tr td p.link {
        padding-top: 5px;
        font-size: 1.2rem;
        color: #63b8ad;
        position: relative;
        padding-left: 20px; }
        table#movieBtn tbody tr td p.link:before {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 5px;
          border-color: transparent transparent transparent rgba(23, 174, 157, 0.5);
          position: absolute;
          left: 0;
          top: 8px;
          bottom: 0;
          margin: 0 auto; }

.movies_layout {
  width: 90%;
  display: none;
  position: fixed;
  max-width: 720px;
  z-index: 0; }
  .movies_layout .close_movis {
    width: 100%;
    text-align: right;
    margin-bottom: 5px; }
    .movies_layout .close_movis img {
      display: none;
      cursor: pointer;
      transition: .25s ease; }
      .movies_layout .close_movis img:hover {
        transform: rotate(90deg); }
  .movies_layout .movie_box {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 32px; }
    .movies_layout .movie_box .iframe_box {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
      .movies_layout .movie_box .iframe_box iframe {
        width: 100%;
        height: 100%; }

#modalBg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  background-color: rgba(58, 48, 22, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: none; }

@media print, screen and (max-width: 640px) {
  .pB {
    padding-bottom: 64px; } }

/*++++++++++++++++++++++++++++++++++
    HEADER
++++++++++++++++++++++++++++++++++*/
#header {
  background: #30b8aa;
  width: 100%;
  position: fixed;
  z-index: 100; }

#header_inner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  padding: 16px 0; }
  @media print, screen and (max-width: 640px) {
    #header_inner {
      padding: 12px 0; } }
  #header_inner .menu {
    position: absolute;
    right: 0;
    top: 0; }
    #header_inner .menu a {
      display: block;
      padding: 16px 20px; }
      @media print, screen and (max-width: 640px) {
        #header_inner .menu a {
          padding: 12px; } }
  #header_inner .sns {
    position: absolute;
    right: 60px;
    top: 11px;
    padding: 0 15px 0 0;
    border-right: 1px solid #98dcd5; }
    @media print, screen and (max-width: 640px) {
      #header_inner .sns {
        display: none; } }
    #header_inner .sns li {
      float: left; }
      #header_inner .sns li a {
        display: block;
        padding: 5px; }
  @media print, screen and (max-width: 640px) {
    #header_inner .logo {
      width: 220px;
      margin: 0 auto; } }

/*++++++++++++++++++++++++++++++++++
    SIDEMENU
++++++++++++++++++++++++++++++++++*/
#sidemenu {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  background: #FFF;
  width: 307px;
  min-height: 100%; }
  @media print, screen and (max-width: 640px) {
    #sidemenu {
      width: 280px; } }
  #sidemenu h4 {
    padding: 30px 0;
    text-align: center; }
    #sidemenu h4 img {
      width: auto;
      max-width: 246px;
      margin: 0 auto; }
  @media print, screen and (max-width: 640px) {
    #sidemenu .sns {
      display: block;
      width: 120px;
      margin: 0 auto; } }
  @media print, screen and (max-width: 640px) {
    #sidemenu .sns li {
      float: left;
      margin-right: 20px; }
      #sidemenu .sns li:last-of-type {
        margin-right: 0; } }
  @media print, screen and (max-width: 640px) {
    #sidemenu .sns li a {
      display: block;
      padding: 5px; } }

#sidemenu_nav {
  padding: 0 0 0 0; }
  #sidemenu_nav li {
    margin-bottom: 1px;
    background: #cee8e4; }
    #sidemenu_nav li a {
      display: block;
      padding: 18px 20px;
      background: url(../images/common/sidemenu_arrow.png) right center no-repeat #cee8e4;
      background-size: 27px auto;
      color: #398f81;
      text-decoration: none; }
      @media print, screen and (max-width: 640px) {
        #sidemenu_nav li a {
          box-sizing: border-box;
          padding: 15px 35px 15px 20px; } }
    #sidemenu_nav li .off_link {
      display: block;
      padding: 20px;
      background: url(../images/common/sidemenu_arrow_off.png) right center no-repeat #a1dbd2;
      background-size: 27px auto;
      color: #FFF;
      position: relative; }
      #sidemenu_nav li .off_link span {
        position: absolute;
        top: 50%;
        right: 40px;
        margin-top: -5px;
        color: #FFF;
        font-size: 10px; }
    #sidemenu_nav li.idx {
      background: #49b8a6; }
      #sidemenu_nav li.idx a {
        background: url(../images/common/sidemenu_arrow.png) right center no-repeat #49b8a6;
        background-size: 27px auto;
        color: #fff; }

#sidemenu .sidemenu_btn {
  margin: 0 10px 10px;
  background: #43b8a6; }
#sidemenu .sns {
  display: none; }

.ie #sidemenu_nav li a {
  background: url(../images/common/sidemenu_arrow_s.png) right center no-repeat #43b8a6; }

/*  モーダルウィンドウ(オーバーレイ)
-------------------------------------------------------------*/
#modalOverlay {
  z-index: 101;
  display: none;
  position: fixed;
  top: 0;
  left: 85.93%;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.8); }

/*  各ブラウザの調整
-------------------------------------------------------------*/
.safari nav.globalNav > .mainNav {
  letter-spacing: -3.5px !important; }

/*  サブナビ
-------------------------------------------------------------*/
#pcSubNavi {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  background: #fff;
  z-index: 20; }
  #pcSubNavi table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  #sourou #pcSubNavi ul {
    display: flex;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto; }
  #sourou #pcSubNavi li {
    display: flex;
    align-items: center; }
  #pcSubNavi tr {
    width: 100%; }
  #pcSubNavi td,
  #pcSubNavi li {
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: 600;
    font-size: 1.4rem;
    position: relative; }
  #pcSubNavi a {
    font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
    font-weight: normal;
    color: #937755;
    padding: 20px 0;
    display: block; }
    #pcSubNavi a:before {
      transition: .4s ease; }
    #pcSubNavi a:hover {
      color: #299e92; }
      #pcSubNavi a:hover:before {
        display: block;
        transition: .4s ease;
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 8.5px 0 8.5px;
        border-color: #30b8aa transparent transparent transparent;
        top: -1px;
        left: 0;
        right: 0;
        margin: auto;
        line-height: 1;
        color: #30b8aa; }
    #pcSubNavi a.current {
      color: #299e92; }
      #pcSubNavi a.current:before {
        display: block;
        transition: .4s ease;
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 8.5px 0 8.5px;
        border-color: #30b8aa transparent transparent transparent;
        top: -1px;
        left: 0;
        right: 0;
        margin: auto;
        line-height: 1;
        color: #30b8aa; }

#spSubNavi {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 20;
  background-color: #fff; }
  #spSubNavi dl {
    width: 100%;
    font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif; }
    #spSubNavi dl dt {
      font-size: 1.2rem; }
      @media print, screen and (max-width: 640px) {
        #spSubNavi dl dt {
          font-size: 1.4rem; } }
      #spSubNavi dl dt a {
        position: relative;
        color: #299e92;
        padding: 18px 5px;
        display: inline-block; }
        #spSubNavi dl dt a:before {
          content: '';
          position: absolute;
          width: 14px;
          height: 13px;
          background-image: url("../images/common/subnavi_icon.png");
          right: -24px;
          top: 0;
          bottom: 0;
          background-repeat: no-repeat;
          margin: auto;
          background-size: contain; }
      #spSubNavi dl dt.open a:before {
        transform: rotateX(180deg); }
    #spSubNavi dl dd {
      display: none;
      width: 100%; }
      #spSubNavi dl dd ul {
        width: 100%;
        display: block;
        box-sizing: border-box; }
        #spSubNavi dl dd ul li {
          font-size: 1.2rem;
          border-bottom: 1px solid #efefef; }
          @media print, screen and (max-width: 640px) {
            #spSubNavi dl dd ul li {
              font-size: 1.4rem; } }
          #spSubNavi dl dd ul li a {
            color: #299e92;
            position: relative;
            padding: 18px 5px;
            display: block; }
          #spSubNavi dl dd ul li:first-child {
            border-top: 1px solid #efefef; }

/*++++++++++++++++++++++++++++++++++
	FOOTER
++++++++++++++++++++++++++++++++++*/
#footer {
  font: 17px/1.8 "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  -webkit-text-size-adjust: 100%;
  letter-spacing: -0.01px; }
  #footer .footer_upper {
    width: 100%;
    margin: 0 auto;
    background: #fefef6; }
    #footer .footer_upper .pagetop {
      text-align: right;
      margin: 0 auto;
      width: 100%;
      max-width: 760px; }
      @media print, screen and (min-width: 641px) {
        #footer .footer_upper .pagetop {
          box-sizing: border-box;
          padding: 0 20px; } }
      @media print, screen and (max-width: 640px) {
        #footer .footer_upper .pagetop {
          box-sizing: border-box;
          padding: 0 5px; } }
      #footer .footer_upper .pagetop a {
        background: #43b8a6 none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 100px; }
        #footer .footer_upper .pagetop a:hover {
          background: #30cbb3; }
    #footer .footer_upper.notCol {
      background: #fff; }
  #footer .white .books {
    background: #fff; }
  #footer .books {
    background: #fefef6;
    border-top: 2px solid #43b8a6; }
    #footer .books h1 {
      text-align: center;
      padding: 0 0 10px 0;
      font-size: 20px; }
    #footer .books li {
      float: left;
      padding: 0 30px 0 0;
      width: 240px;
      text-align: center; }
      @media print, screen and (max-width: 959px) {
        #footer .books li {
          padding: 0;
          width: 33%; } }
      @media print, screen and (max-width: 640px) {
        #footer .books li {
          padding: 0 5px;
          box-sizing: border-box; } }
      #footer .books li.books_03 {
        padding: 0 0 0 0; }
    #footer .books dl {
      display: table; }
      @media print, screen and (max-width: 959px) {
        #footer .books dl {
          padding: 0 10px; } }
      @media print, screen and (max-width: 640px) {
        #footer .books dl {
          padding: 0 5px;
          text-align: center;
          width: 100%;
          box-sizing: border-box; } }
      #footer .books dl a {
        transition: .4s ease; }
        #footer .books dl a:hover {
          opacity: .6; }
    #footer .books dt {
      display: table-cell;
      padding: 0 10px 0 0; }
      @media print, screen and (max-width: 959px) {
        #footer .books dt {
          width: 80px; } }
      @media print, screen and (max-width: 640px) {
        #footer .books dt {
          padding: 0 0 10px;
          display: block;
          width: 100%; } }
    #footer .books dd {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.4;
      font-size: 10px;
      padding: 0; }
      @media print, screen and (max-width: 640px) {
        #footer .books dd {
          padding: 0;
          display: block; } }
  #footer .books_inner {
    padding: 30px 0;
    max-width: 780px;
    margin: 0 auto;
    border-bottom: 1px solid #947853; }
    @media print, screen and (max-width: 959px) {
      #footer .books_inner {
        padding: 30px 10px; } }
    @media print, screen and (max-width: 640px) {
      #footer .books_inner {
        margin: 0 5px;
        padding: 20px 0; } }
  #footer .white .banner {
    background: #fff; }
  #footer .banner_inner {
    padding: 30px 0;
    max-width: 780px;
    margin: 0 auto; }
    @media print, screen and (max-width: 959px) {
      #footer .banner_inner {
        padding: 30px 10px; } }
    @media print, screen and (max-width: 640px) {
      #footer .banner_inner {
        margin: 0 5px;
        padding: 20px 0; } }
  #footer .banner {
    background: #fefef6; }
    #footer .banner li {
      float: left;
      padding: 0 30px 0 0;
      text-align: center;
      width: 240px; }
      @media print, screen and (max-width: 959px) {
        #footer .banner li {
          padding: 0;
          width: 33%; } }
      #footer .banner li.banner_03 {
        padding: 0; }
      #footer .banner li a {
        transition: .4s ease; }
        #footer .banner li a:hover {
          opacity: .6; }
    @media print, screen and (max-width: 959px) {
      #footer .banner dl {
        padding: 0 10px; } }
    @media print, screen and (max-width: 640px) {
      #footer .banner dl {
        padding: 0 5px; } }
    #footer .banner dd {
      line-height: 1.4;
      font-size: 10px;
      padding: 10px 0 0 0; }
      @media print, screen and (max-width: 640px) {
        #footer .banner dd {
          font-size: 9px; } }
  #footer .footer_copy {
    background: #43b8a6;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 20px 0; }

/* ==========================================================================
男の妊活ガイド 男性妊活のすすめ
========================================================================== */
#ninkatsu .content .logo {
  padding-bottom: 30px; }
#ninkatsu .content .ninkatsu .bg_y {
  padding-bottom: 120px; }
  @media print, screen and (max-width: 640px) {
    #ninkatsu .content .ninkatsu .bg_y {
      padding-bottom: 20px; } }
#ninkatsu .content .ninkatsu dl {
  padding: 0; }
  #ninkatsu .content .ninkatsu dl dt {
    font-weight: 600;
    font-size: 3rem;
    line-height: 1;
    padding-bottom: 48px; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .ninkatsu dl dt {
        font-size: 2rem;
        padding-bottom: 15px; } }
  #ninkatsu .content .ninkatsu dl dd {
    padding: 0 0 96px; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .ninkatsu dl dd {
        padding: 0 0 20px; } }
    #ninkatsu .content .ninkatsu dl dd:nth-of-type(2) {
      padding: 0 0 75px; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .ninkatsu dl dd:nth-of-type(2) {
          padding: 0 0 20px; } }
    #ninkatsu .content .ninkatsu dl dd:last-of-type {
      padding: 0;
      line-height: 1; }
#ninkatsu .content .box.box_01 .bg_g {
  width: 100%; }
  #ninkatsu .content .box.box_01 .bg_g .questionBox {
    box-sizing: border-box;
    max-width: 800px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_01 .bg_g .questionBox {
        padding: 0 10px; } }
    #ninkatsu .content .box.box_01 .bg_g .questionBox:before {
      background-image: url("../images/ninkatsu/question_1.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 81px;
      height: 99px;
      content: '';
      left: 20px;
      top: 20px;
      position: absolute; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_01 .bg_g .questionBox:before {
          display: none; } }
    #ninkatsu .content .box.box_01 .bg_g .questionBox h2 {
      font-size: 4rem;
      color: #fff;
      font-weight: normal;
      line-height: 1;
      padding: 50px 0; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_01 .bg_g .questionBox h2 {
          font-size: 2.2rem;
          padding: 5% 0; } }
#ninkatsu .content .box.box_01 .bg_y .answer {
  padding: 80px 0 88px 0;
  color: #515151; }
  @media print, screen and (max-width: 640px) {
    #ninkatsu .content .box.box_01 .bg_y .answer {
      padding: 25px 0 0 0; } }
  #ninkatsu .content .box.box_01 .bg_y .answer dl dt {
    font-weight: 600; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_01 .bg_y .answer dl dt {
        font-size: 2rem; } }
  #ninkatsu .content .box.box_01 .bg_y .answer dl dd {
    padding-bottom: 35px; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_01 .bg_y .answer dl dd {
        padding-bottom: 20px; } }
  #ninkatsu .content .box.box_01 .bg_y .answer .loupe dl.left dd {
    padding-bottom: 0; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_01 .bg_y .answer .loupe dl.left dd {
        padding-bottom: 20px; } }
#ninkatsu .content .box.box_02 .bg_g {
  width: 100%; }
  #ninkatsu .content .box.box_02 .bg_g .questionBox {
    box-sizing: border-box;
    max-width: 800px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_02 .bg_g .questionBox {
        padding: 0 10px; } }
    #ninkatsu .content .box.box_02 .bg_g .questionBox:before {
      background-image: url("../images/ninkatsu/question_2.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 81px;
      height: 99px;
      content: '';
      left: 20px;
      top: 20px;
      position: absolute; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_02 .bg_g .questionBox:before {
          display: none; } }
    #ninkatsu .content .box.box_02 .bg_g .questionBox h2 {
      font-size: 4rem;
      color: #fff;
      font-weight: normal;
      line-height: 1.6;
      text-align: left;
      margin: 0 auto;
      display: inline-block;
      padding: 5px 0; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_02 .bg_g .questionBox h2 {
          font-size: 2.2rem;
          padding: 2% 0; } }
#ninkatsu .content .box.box_02 .bg_y {
  padding-bottom: 95px; }
  @media print, screen and (max-width: 640px) {
    #ninkatsu .content .box.box_02 .bg_y {
      padding-bottom: 64px; } }
  #ninkatsu .content .box.box_02 .bg_y .answer {
    padding: 80px 0 0 0;
    color: #515151; }
    @media print, screen and (max-width: 640px) {
      #ninkatsu .content .box.box_02 .bg_y .answer {
        padding: 25px 0 0 0; } }
    #ninkatsu .content .box.box_02 .bg_y .answer dl dt {
      font-weight: 600; }
    #ninkatsu .content .box.box_02 .bg_y .answer dl dd {
      padding: 25px 0 45px; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_02 .bg_y .answer dl dd {
          padding: 10px 0 20px; } }
    #ninkatsu .content .box.box_02 .bg_y .answer h2 {
      line-height: 1;
      padding-bottom: 32px; }
    #ninkatsu .content .box.box_02 .bg_y .answer ul {
      padding: 0 0 30px 25px; }
      @media print, screen and (max-width: 640px) {
        #ninkatsu .content .box.box_02 .bg_y .answer ul {
          padding: 0 0 30px; } }
    #ninkatsu .content .box.box_02 .bg_y .answer p {
      padding-bottom: 0; }
    #ninkatsu .content .box.box_02 .bg_y .answer .linklayout {
      display: block;
      width: 100%; }
      #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        @media print, screen and (max-width: 640px) {
          #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul {
            padding: 0 40px; } }
        #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li {
          list-style-type: none;
          float: left;
          width: 34%; }
          @media print, screen and (max-width: 640px) {
            #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li {
              width: 100%;
              margin-bottom: 25px; } }
          #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li img {
            width: 94.1176%; }
            @media print, screen and (max-width: 640px) {
              #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li img {
                width: 100%; } }
          #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li:last-child {
            width: 32%; }
            @media print, screen and (max-width: 640px) {
              #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li:last-child {
                width: 100%;
                margin-bottom: 0; } }
            #ninkatsu .content .box.box_02 .bg_y .answer .linklayout ul li:last-child img {
              width: 100%; }
#ninkatsu .box_inner {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  font-size: 22px;
  line-height: 2.7; }
  #ninkatsu .box_inner img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto; }
  @media print, screen and (max-width: 640px) {
    #ninkatsu .box_inner {
      padding: 0 10px;
      max-width: 100%;
      box-sizing: border-box; } }

/* CSS Document */
html, body.pageNews {
  background: #fefef6; }

.pageNews {
  /* main
  =======================*/
  /* news
  =======================*/ }
  .pageNews #main {
    background: #fefef6; }
  .pageNews .news {
    width: 790px;
    margin: 0 auto;
    padding: 40px 0 40px 0; }
    .pageNews .news .ttl {
      border-bottom: 1px solid #cabba6;
      font-size: 24px;
      margin: 0 0 30px 0; }
      .pageNews .news .ttl .left {
        float: left; }
      .pageNews .news .ttl .right {
        float: left;
        padding: 70px 0 0 20px; }
    .pageNews .news dl {
      line-height: 1.8; }
    .pageNews .news dt {
      font-size: 18px;
      padding: 0 0 30px 0; }
    .pageNews .news dd {
      font-size: 14px;
      border-bottom: 1px solid #cabba6;
      padding: 0 0 30px 0;
      margin: 0 0 30px 0;
      word-break: break-all; }
  @media screen and (max-width: 800px) {
    .pageNews {
      /* news
      =======================*/ }
      .pageNews .news {
        width: auto;
        margin: 0 20px; } }
  @media screen and (max-width: 640px) {
    .pageNews {
      /* news
      =======================*/ }
      .pageNews .news {
        width: auto;
        margin: 0 10px; }
        .pageNews .news .ttl {
          font-size: 20px;
          margin: 0 0 20px 0; }
          .pageNews .news .ttl img {
            width: 50px;
            height: 55px; }
          .pageNews .news .ttl .right {
            padding: 20px 0 0 10px; }
        .pageNews .news dt {
          font-size: 16px;
          padding: 0 0 20px 0; }
        .pageNews .news dd {
          padding: 0 0 20px 0;
          margin: 0 0 20px 0;
          font-size: 14px; } }

/* CSS Document */
html, body.pageSurvey {
  background: #fefef6; }

.pageSurvey {
  /* main
  =======================*/
  /* logo
  =======================*/
  /* main_txt
  =======================*/
  /* box_01
  =======================*/ }
  .pageSurvey #main {
    background: #fefef6; }
  .pageSurvey .logo {
    text-align: center; }
  .pageSurvey .main_txt {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0 40px 0;
    font-size: 22px; }
    .pageSurvey .main_txt p {
      padding: 0 0 40px 0; }
    .pageSurvey .main_txt .loupe_img {
      max-width: 600px;
      margin: 40px auto;
      display: block; }
      @media screen and (max-width: 959px) {
        .pageSurvey .main_txt .loupe_img {
          width: 100%; } }
    .pageSurvey .main_txt .list_wrap {
      border-radius: 4px;
      border: 1px solid #e1e1e1; }
    .pageSurvey .main_txt .list_title {
      text-align: center;
      margin: 20px auto; }
      .pageSurvey .main_txt .list_title i.fas {
        margin-right: 10px; }
    .pageSurvey .main_txt .list_menu li {
      list-style: none;
      font-size: 20px;
      border-top: 1px solid #f2f2f2;
      overflow: hidden; }
      @media screen and (max-width: 959px) {
        .pageSurvey .main_txt .list_menu li {
          font-size: 16px; } }
      .pageSurvey .main_txt .list_menu li a {
        text-decoration: none;
        display: block;
        padding: 15px; }
      .pageSurvey .main_txt .list_menu li i.fas {
        margin-right: 15px;
        color: #31b8aa; }
  .pageSurvey .ttl {
    color: #FFFFFF;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    overflow: hidden; }
    .pageSurvey .ttl h1 {
      font-size: 40px;
      margin: 10px auto; }
  .pageSurvey .box_inner {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0 50px 0;
    font-size: 22px;
    line-height: 2.7; }
    .pageSurvey .box_inner .img {
      padding: 20px 0 0 0; }
  .pageSurvey .box_01 .youtube {
    display: table;
    width: 100%; }
    .pageSurvey .box_01 .youtube .item {
      display: table-cell;
      text-align: center; }
      .pageSurvey .box_01 .youtube .item iframe {
        width: 380px; }
    @media screen and (max-width: 959px) {
      .pageSurvey .box_01 .youtube {
        display: block; }
        .pageSurvey .box_01 .youtube .item {
          display: block; }
          .pageSurvey .box_01 .youtube .item iframe {
            width: 100%; } }
  .pageSurvey .box_01 dt {
    padding: 70px 0 0 0;
    text-align: center;
    color: #927852;
    font-size: 45px; }
  .pageSurvey .box_01 dd span {
    font-size: 16px; }
  .pageSurvey .box_01 dd strong {
    font-weight: bold;
    color: #31b8aa; }
  .pageSurvey .box_01 dd .point_01 {
    display: table;
    padding: 10px 0 0 0;
    line-height: 2; }
  .pageSurvey .box_01 .point_01 .left {
    display: table-cell;
    width: 466px;
    vertical-align: top; }
  .pageSurvey .box_01 .point_01 .right {
    display: table-cell;
    width: 334px;
    vertical-align: top; }
  .pageSurvey .box_01 .point_01 ul {
    margin: 0 0 0 20px; }
  .pageSurvey .box_01 .point_01 li {
    list-style: disc;
    font-size: 22px;
    padding: 0 0 10px 0;
    line-height: 1.7; }
  .pageSurvey .box_01 .point_02 {
    display: table;
    padding: 0 0 0 0;
    line-height: 2; }
    .pageSurvey .box_01 .point_02 .left {
      display: table-cell;
      width: 258px;
      vertical-align: top; }
    .pageSurvey .box_01 .point_02 .right {
      display: table-cell;
      width: 542px;
      vertical-align: bottom;
      font-size: 16px; }
  .pageSurvey .box_01 .attention {
    padding: 20px 0 0 0;
    line-height: 2; }
    .pageSurvey .box_01 .attention dt {
      padding: 0 0 0 0;
      text-align: left;
      color: #30b8aa;
      font-size: 16px;
      position: absolute; }
    .pageSurvey .box_01 .attention dd {
      line-height: 2;
      font-size: 16px;
      padding: 0 0 0 20px; }
  .pageSurvey .box_01 .vine_box p {
    padding: 70px 0 10px 0;
    line-height: 2; }
  .pageSurvey .box_01 .vine_box div {
    width: 600px;
    margin: 0 auto; }
  .pageSurvey .box_01 .vine_box p.caption {
    font-size: 18px;
    text-align: center;
    padding: 20px 0 0 0; }
  .pageSurvey .box_02 .point_01 {
    display: table;
    padding: 0 0 20px 0;
    line-height: 2; }
  .pageSurvey .box_02 .left {
    display: table-cell;
    width: 466px;
    vertical-align: middle; }
  .pageSurvey .box_02 .right {
    display: table-cell;
    width: 334px;
    vertical-align: top; }
  .pageSurvey .box_02 .attention {
    padding: 0 0 0 0;
    line-height: 2; }
    .pageSurvey .box_02 .attention dt {
      padding: 0 0 0 0;
      text-align: left;
      color: #30b8aa;
      font-size: 16px;
      position: absolute; }
    .pageSurvey .box_02 .attention dd {
      line-height: 2;
      font-size: 16px;
      padding: 0 0 0 20px; }
  .pageSurvey .box_03 .point_01 {
    line-height: 2;
    padding: 0 0 30px 0; }
    .pageSurvey .box_03 .point_01 li {
      padding: 0 0 10px 0; }
    .pageSurvey .box_03 .point_01 dt {
      position: absolute; }
    .pageSurvey .box_03 .point_01 dd {
      padding: 0 0 0 25px; }
      .pageSurvey .box_03 .point_01 dd span {
        font-size: 16px; }
  .pageSurvey .box_03 .point_02 .sub_ttl {
    border: 2px solid #927852;
    color: #927852;
    font-size: 22px;
    display: table;
    padding: 0;
    width: 100%;
    line-height: 35px; }
    .pageSurvey .box_03 .point_02 .sub_ttl .left {
      display: table-cell;
      border-right: 2px solid #927852;
      padding: 10px 20px;
      width: 145px; }
    .pageSurvey .box_03 .point_02 .sub_ttl .right {
      display: table-cell;
      padding: 10px 20px; }
    .pageSurvey .box_03 .point_02 .sub_ttl span {
      color: #d70c18;
      font-weight: bold;
      display: inline-block;
      padding: 0 0 0 0; }
      .pageSurvey .box_03 .point_02 .sub_ttl span.cross {
        font-size: 32px;
        vertical-align: bottom;
        padding-bottom: 1px; }
  .pageSurvey .box_03 .point_02 div {
    padding: 20px 0 60px 0; }
  .pageSurvey .box_03 .point_03 {
    display: table;
    padding: 0 0 0 0;
    line-height: 2; }
    .pageSurvey .box_03 .point_03 .left {
      display: table-cell;
      width: 194px;
      padding: 0 20px 0 0;
      vertical-align: top; }
    .pageSurvey .box_03 .point_03 .right {
      display: table-cell;
      width: 586px;
      vertical-align: middle;
      font-size: 16px; }
  .pageSurvey .box_04 .box_inner {
    padding: 50px 0 0 0; }
  .pageSurvey .box_04 .point_01 {
    padding: 0 0 20px 0; }
    .pageSurvey .box_04 .point_01 dt {
      position: absolute; }
    .pageSurvey .box_04 .point_01 dd {
      padding: 0 0 0 25px; }
  .pageSurvey .box_04 .count_box {
    display: table;
    color: #927852; }
    .pageSurvey .box_04 .count_box .left {
      display: table-cell;
      width: 322px;
      vertical-align: bottom;
      line-height: 2;
      padding: 0 0 40px 0; }
      .pageSurvey .box_04 .count_box .left p {
        font-size: 28px; }
      .pageSurvey .box_04 .count_box .left dt {
        position: absolute;
        padding: 15px 0 0 0; }
      .pageSurvey .box_04 .count_box .left dd {
        padding: 15px 0 0 100px; }
        .pageSurvey .box_04 .count_box .left dd select.f_select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background: url(../images/survey/form_select.png) no-repeat right center;
          background-size: 33px auto;
          padding: 0 43px 0 10px;
          border: 1px solid #927852;
          margin: 0 0 10px;
          width: 100%;
          height: 38px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          color: #927852;
          font-size: 16px;
          line-height: 1.4; }
    .pageSurvey .box_04 .count_box .right {
      display: table-cell;
      width: 478px;
      position: relative; }
      .pageSurvey .box_04 .count_box .right p {
        position: absolute;
        font-size: 50px;
        left: 114px;
        top: 38px;
        text-align: center;
        width: 150px; }
  .pageSurvey .box_04 .sub_txt {
    padding: 0 0 40px 0; }
  .pageSurvey .box_06 .point_01 {
    line-height: 1.5; }
    .pageSurvey .box_06 .point_01 dt {
      position: absolute; }
    .pageSurvey .box_06 .point_01 dd {
      padding: 0 0 25px 25px; }
      .pageSurvey .box_06 .point_01 dd span {
        font-size: 16px; }
        .pageSurvey .box_06 .point_01 dd span.large_txt {
          font-size: 28px; }
  .pageSurvey .box_06 .count_box {
    display: table;
    color: #927852; }
    .pageSurvey .box_06 .count_box .left {
      display: table-cell;
      width: 320px;
      vertical-align: bottom;
      line-height: 2;
      padding: 0 10px 40px 0; }
      .pageSurvey .box_06 .count_box .left p {
        font-size: 28px; }
      .pageSurvey .box_06 .count_box .left dt {
        position: absolute;
        padding: 15px 0 0 0; }
      .pageSurvey .box_06 .count_box .left dd {
        padding: 15px 0 0 210px; }
        .pageSurvey .box_06 .count_box .left dd select.f_select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background: url(../images/survey/form_select.png) no-repeat right center;
          background-size: 33px auto;
          padding: 0 43px 0 10px;
          border: 1px solid #927852;
          margin: 0 0 10px;
          width: 100%;
          height: 38px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          color: #927852;
          font-size: 16px;
          line-height: 1.4; }
    .pageSurvey .box_06 .count_box .right {
      display: table-cell;
      width: 470px;
      position: relative; }
      .pageSurvey .box_06 .count_box .right p {
        position: absolute;
        font-size: 50px;
        left: 120px;
        top: 38px;
        text-align: center;
        width: 150px; }
  .pageSurvey .box_06 .sub_txt {
    padding: 0 0 40px 0; }
  @media screen and (max-width: 800px) {
    .pageSurvey {
      /* about
      =======================*/
      /* box
      =======================*/ }
      .pageSurvey .main_txt {
        width: auto;
        padding: 20px 20px 20px 20px; }
      .pageSurvey .ttl {
        width: auto; }
      .pageSurvey .box_inner {
        width: auto;
        margin: 0 20px; }
      .pageSurvey .box_01 .point_02 .right {
        padding-bottom: 0; }
      .pageSurvey .box_01 .vine_box p.caption {
        font-size: 14px;
        padding: 5px 0 0 0; }
      .pageSurvey .box_04 .count_box {
        display: block; }
        .pageSurvey .box_04 .count_box .left {
          display: block;
          width: 100%;
          padding: 0 0 20px 0; }
          .pageSurvey .box_04 .count_box .left dt {
            position: absolute;
            padding: 10px 0 0 0; }
          .pageSurvey .box_04 .count_box .left dd {
            padding: 10px 0 0 100px; }
            .pageSurvey .box_04 .count_box .left dd select {
              margin: 0;
              padding: 9px;
              width: 100%;
              border: 1px solid #927852;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              border-radius: 3px;
              color: #927852;
              font-size: 16px;
              cursor: pointer;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
        .pageSurvey .box_04 .count_box .right {
          display: block;
          width: 478px;
          margin: 0 auto; }
          .pageSurvey .box_04 .count_box .right p {
            position: absolute;
            font-size: 45px;
            left: 128px;
            top: 45px;
            width: 120px; }
      .pageSurvey .box_06 .count_box {
        display: block; }
        .pageSurvey .box_06 .count_box .left {
          display: block;
          width: 100%;
          padding: 0 0 20px 0; }
          .pageSurvey .box_06 .count_box .left dt {
            position: absolute;
            padding: 10px 0 0 0; }
          .pageSurvey .box_06 .count_box .left dd {
            padding: 10px 0 0 220px; }
            .pageSurvey .box_06 .count_box .left dd select {
              margin: 0;
              padding: 9px;
              width: 100%;
              border: 1px solid #927852;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              border-radius: 3px;
              color: #927852;
              font-size: 16px;
              cursor: pointer;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
        .pageSurvey .box_06 .count_box .right {
          display: block;
          width: 478px;
          margin: 0 auto; }
          .pageSurvey .box_06 .count_box .right p {
            position: absolute;
            font-size: 45px;
            left: 128px;
            top: 45px;
            width: 120px; } }
  @media screen and (max-width: 640px) {
    .pageSurvey {
      /* about
      =======================*/
      /* box
      =======================*/ }
      .pageSurvey .main_txt {
        width: auto;
        padding: 20px 10px 20px 10px; }
        .pageSurvey .main_txt p {
          font-size: 16px;
          padding: 0 0 20px 0; }
        .pageSurvey .main_txt ul li {
          font-size: 14px; }
      .pageSurvey .ttl {
        width: auto;
        margin: 0; }
        .pageSurvey .ttl h1 {
          font-size: 22px; }
      .pageSurvey .box_inner {
        width: auto;
        margin: 0 10px;
        padding: 20px 0 64px 0;
        font-size: 16px;
        line-height: 2; }
      .pageSurvey .box_01 dt {
        padding: 30px 0 0 0;
        font-size: 25px; }
      .pageSurvey .box_01 dd span {
        font-size: 12px; }
      .pageSurvey .box_01 dd .point_01 {
        padding: 10px 0 0 0;
        line-height: 2; }
      .pageSurvey .box_01 .point_01 .left {
        display: block;
        width: 100%; }
      .pageSurvey .box_01 .point_01 .right {
        display: block;
        width: 100%;
        vertical-align: top;
        text-align: center; }
      .pageSurvey .box_01 .point_01 li {
        font-size: 16px;
        padding: 0 0 10px 0; }
      .pageSurvey .box_01 .point_02 {
        display: block;
        padding: 20px 0 0 0;
        line-height: 1.8; }
        .pageSurvey .box_01 .point_02 .left {
          display: block;
          width: 150px;
          margin: 0 auto;
          padding: 0 0 10px 0; }
        .pageSurvey .box_01 .point_02 .right {
          display: block;
          width: 100%;
          font-size: 14px;
          padding-bottom: 0; }
      .pageSurvey .box_01 .attention {
        padding: 20px 0 0 0;
        line-height: 2; }
        .pageSurvey .box_01 .attention dt {
          font-size: 14px; }
        .pageSurvey .box_01 .attention dd {
          line-height: 2;
          font-size: 14px;
          padding: 0 0 0 20px; }
      .pageSurvey .box_01 .vine_box p {
        padding: 40px 0 0 0;
        line-height: 2; }
      .pageSurvey .box_01 .vine_box div {
        width: 100%;
        margin: 0 auto; }
      .pageSurvey .box_02 .point_01 {
        padding: 0 0 20px 0;
        line-height: 2; }
      .pageSurvey .box_02 .left {
        display: block;
        width: 100%; }
      .pageSurvey .box_02 .right {
        display: block;
        width: 100%;
        text-align: center; }
      .pageSurvey .box_02 .attention {
        line-height: 2; }
        .pageSurvey .box_02 .attention dt {
          font-size: 14px; }
        .pageSurvey .box_02 .attention dd {
          line-height: 2;
          font-size: 14px;
          padding: 0 0 0 20px; }
      .pageSurvey .box_03 .point_01 {
        padding: 0 0 10px 0; }
        .pageSurvey .box_03 .point_01 li {
          padding: 0 0 10px 0; }
        .pageSurvey .box_03 .point_01 dd span {
          font-size: 14px; }
      .pageSurvey .box_03 .point_02 .sub_ttl {
        font-size: 18px;
        display: block;
        line-height: 25px; }
        .pageSurvey .box_03 .point_02 .sub_ttl .left {
          display: block;
          padding: 10px 10px;
          width: auto;
          border-right: none;
          border-bottom: 2px solid #927852; }
        .pageSurvey .box_03 .point_02 .sub_ttl .right {
          display: block;
          padding: 10px 10px; }
        .pageSurvey .box_03 .point_02 .sub_ttl span.cross {
          font-size: 30px;
          padding-bottom: 0; }
      .pageSurvey .box_03 .point_02 div {
        padding: 10px 0 40px 0; }
      .pageSurvey .box_03 .point_03 {
        display: block;
        padding: 0 0 0 0;
        line-height: 2; }
        .pageSurvey .box_03 .point_03 .left {
          display: block;
          width: 150px;
          padding: 0 20px 0 0;
          margin: 0 auto; }
        .pageSurvey .box_03 .point_03 .right {
          display: block;
          width: 100%;
          font-size: 14px; }
      .pageSurvey .box_04 .count_box .left p {
        font-size: 18px; }
      .pageSurvey .box_04 .count_box .right {
        display: block;
        width: 300px;
        margin: 0 auto; }
        .pageSurvey .box_04 .count_box .right p {
          position: absolute;
          font-size: 30px;
          left: 78px;
          top: 35px;
          width: 80px; }
      .pageSurvey .box_06 .count_box .left p {
        font-size: 18px; }
      .pageSurvey .box_06 .count_box .left dd {
        padding: 10px 0 0 170px; }
      .pageSurvey .box_06 .count_box .right {
        display: block;
        width: 300px;
        margin: 0 auto; }
        .pageSurvey .box_06 .count_box .right p {
          position: absolute;
          font-size: 30px;
          left: 84px;
          top: 35px;
          width: 80px; }
      .pageSurvey .box_06 .point_01 dd span.large_txt {
        font-size: 22px; } }

.box_inner .outsideLink {
  position: relative;
  padding-right: 15px;
  font-size: 16px;
  color: #30b8aa;
  text-decoration: underline; }
  @media screen and (max-width: 640px) {
    .box_inner .outsideLink {
      font-size: 14px; } }
  .box_inner .outsideLink::before {
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(/images/common/ico_newwindow_app.png);
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: -2px;
    bottom: 0;
    margin: auto;
    color: #30b8aa; }
    @media screen and (max-width: 640px) {
      .box_inner .outsideLink::before {
        width: 14px;
        height: 14px; } }
  .box_inner .outsideLink:hover {
    text-decoration: none; }

.notP {
  padding: 20px 0 10px !important; }

#box_06 .box_inner {
  padding-bottom: 0; }

.bnrArea {
  padding: 0 10px; }

.pageTop {
  /* logo
  =======================*/
  /* about
  =======================*/
  /* ninkatsu
  =======================*/
  /* box
  =======================*/
  /* profile
  =======================*/ }
  .pageTop main article.idx * {
    box-sizing: border-box; }
  .pageTop main article.idx section.idxKeyVisual {
    width: 100%;
    display: block;
    border-top: 8px solid #937755; }
    .pageTop main article.idx section.idxKeyVisual h1 {
      width: 100%;
      text-align: center;
      max-width: 800px;
      margin: 0 auto; }
  .pageTop main article.idx section.idxTop {
    width: 100%;
    display: block;
    border-bottom: 20px solid #937755; }
    @media print, screen and (max-width: 640px) {
      .pageTop main article.idx section.idxTop {
        border-bottom: 10px solid #937755; } }
    .pageTop main article.idx section.idxTop .linkLayout {
      display: flex;
      justify-content: space-between;
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 24px 20px 42px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        .pageTop main article.idx section.idxTop .linkLayout {
          display: block;
          padding: 24px 10px; } }
      .pageTop main article.idx section.idxTop .linkLayout .linkBox {
        width: 32.5%; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.idxTop .linkLayout .linkBox {
            width: 100%; }
            .pageTop main article.idx section.idxTop .linkLayout .linkBox:nth-child(n+2) {
              margin-top: 10px; } }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.idxTop .linkLayout .linkBox:first-child {
            padding: 0; } }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.idxTop .linkLayout .linkBox:last-child {
            padding: 0; } }
        .pageTop main article.idx section.idxTop .linkLayout .linkBox img {
          width: 100%; }
  .pageTop main article.idx section.profileLayout {
    width: 100%;
    display: block; }
    .pageTop main article.idx section.profileLayout .profileBox {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 62px 20px 44px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        .pageTop main article.idx section.profileLayout .profileBox {
          padding: 44px 10px 0; } }
      .pageTop main article.idx section.profileLayout .profileBox .profile {
        width: 100%;
        display: block;
        text-align: left;
        padding-bottom: 80px; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.profileLayout .profileBox .profile {
            padding-bottom: 55px; } }
        .pageTop main article.idx section.profileLayout .profileBox .profile span {
          font-size: 1.6rem;
          padding-bottom: 8px;
          display: inline-block; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .profile span {
              font-size: 1.5rem;
              padding-bottom: 4px; } }
        .pageTop main article.idx section.profileLayout .profileBox .profile h2 {
          font-size: 3rem;
          font-weight: 600;
          line-height: 1;
          padding-bottom: 36px; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .profile h2 {
              font-size: 2.6rem;
              padding-bottom: 44px; } }
          .pageTop main article.idx section.profileLayout .profileBox .profile h2 span {
            font-size: 2rem;
            padding-bottom: 0; }
            @media print, screen and (max-width: 640px) {
              .pageTop main article.idx section.profileLayout .profileBox .profile h2 span {
                font-size: 1.8rem; } }
        .pageTop main article.idx section.profileLayout .profileBox .profile p {
          font-size: 1.8rem; }
      .pageTop main article.idx section.profileLayout .profileBox .careerLayout {
        width: 100%;
        display: block;
        text-align: left; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.profileLayout .profileBox .careerLayout {
            padding-bottom: 30px; } }
        .pageTop main article.idx section.profileLayout .profileBox .careerLayout h3 {
          font-size: 2.4rem;
          line-height: 1;
          padding-bottom: 24px; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout h3 {
              text-align: center; } }
        .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career {
          width: 61.25%;
          float: left;
          padding-right: 45px; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career {
              width: 100%;
              padding-right: 0;
              float: none; } }
          .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl {
            display: block;
            width: 100%; }
            @media print, screen and (max-width: 640px) {
              .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl {
                font-size: 1.7rem;
                margin-bottom: 55px; } }
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl dt {
              float: left; }
              @media print, screen and (max-width: 640px) {
                .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl dt {
                  width: 100%;
                  float: none;
                  font-size: 1.5rem;
                  line-height: 1; } }
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl dd {
              padding-left: 8em; }
              @media print, screen and (max-width: 640px) {
                .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl dd {
                  width: 100%;
                  float: none;
                  padding: 0;
                  margin-bottom: 1em; }
                  .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Career dl dd:last-child {
                    margin-bottom: 0; } }
        .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Detail {
          width: 38.75%;
          float: left; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Detail {
              width: 100%;
              float: none; }
              .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Detail ul li {
                margin-bottom: 0.4rem; }
                .pageTop main article.idx section.profileLayout .profileBox .careerLayout .Detail ul li:last-child {
                  margin-bottom: 0; } }
        .pageTop main article.idx section.profileLayout .profileBox .careerLayout .snsLimk {
          padding-top: 10px;
          font-size: 1.4rem;
          width: 100%;
          display: block;
          float: left; }
          @media print, screen and (max-width: 640px) {
            .pageTop main article.idx section.profileLayout .profileBox .careerLayout .snsLimk {
              padding-top: 40px; } }
          .pageTop main article.idx section.profileLayout .profileBox .careerLayout .snsLimk a {
            color: #33a498;
            text-decoration: underline; }
          .pageTop main article.idx section.profileLayout .profileBox .careerLayout .snsLimk span {
            color: #937755; }
  .pageTop main article.idx section.topics {
    width: 100%;
    display: block;
    padding: 104px 0 50px; }
    @media print, screen and (max-width: 640px) {
      .pageTop main article.idx section.topics {
        padding: 64px 0 56px; } }
    .pageTop main article.idx section.topics h2 {
      font-size: 3.6rem;
      line-height: 1;
      text-align: center;
      font-weight: 600;
      padding-bottom: 64px; }
      @media print, screen and (max-width: 640px) {
        .pageTop main article.idx section.topics h2 {
          padding-bottom: 50px;
          font-weight: normal; } }
    .pageTop main article.idx section.topics dl {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px;
      text-align: left; }
      @media print, screen and (max-width: 640px) {
        .pageTop main article.idx section.topics dl {
          padding: 0 10px; } }
      .pageTop main article.idx section.topics dl dt {
        float: left;
        font-size: 1.8rem;
        clear: left;
        line-height: 1.7;
        padding: 0 30px 30px 0; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.topics dl dt {
            font-size: 1.5rem;
            padding: 0; } }
        .pageTop main article.idx section.topics dl dt:last-of-type {
          padding-bottom: 0; }
      .pageTop main article.idx section.topics dl dd {
        padding: 0;
        font-size: 1.7rem;
        line-height: 1.7;
        float: left;
        display: inline-block; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.topics dl dd {
            font-size: 1.5rem;
            padding-bottom: 24px; }
            .pageTop main article.idx section.topics dl dd a {
              text-decoration: underline; } }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.topics dl dd:last-of-type {
            padding-bottom: 0; } }
    .pageTop main article.idx section.topics .Btn {
      width: 100%;
      display: block;
      padding-top: 60px; }
      @media print, screen and (max-width: 640px) {
        .pageTop main article.idx section.topics .Btn {
          padding: 36px 10px 0; } }
      .pageTop main article.idx section.topics .Btn a {
        line-height: 1;
        border: 2px solid #927852;
        padding: 24px 0;
        width: 100%;
        max-width: 510px;
        display: block;
        text-align: center;
        font-size: 1.8rem;
        border-radius: 4px;
        margin: 0 auto;
        font-weight: 600;
        position: relative; }
        @media print, screen and (max-width: 640px) {
          .pageTop main article.idx section.topics .Btn a {
            padding: 16px 0; } }
        .pageTop main article.idx section.topics .Btn a:before {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 13px;
          margin: auto;
          background-image: url("/images/top/linkarrow.png");
          width: 10px;
          height: 17px;
          background-repeat: no-repeat;
          content: '';
          background-size: contain; }
  .pageTop #main {
    background: #fff; }
  .pageTop .logo {
    text-align: center; }
  .pageTop .about {
    width: 620px;
    margin: 0 auto;
    padding: 20px 0 0 0; }
    .pageTop .about p {
      font-size: 19px;
      padding: 0 0 15px 0; }
      .pageTop .about p.link {
        font-size: 16px;
        text-align: right; }
  .pageTop .ninkatsu .ttl {
    color: #FFFFFF;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    position: relative; }
    .pageTop .ninkatsu .ttl h1 {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 40px;
      margin-top: -36px;
      margin-left: -160px; }
  .pageTop .ninkatsu dl {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    color: #30b8aa; }
  .pageTop .ninkatsu dt {
    font-size: 30px; }
  .pageTop .ninkatsu dd {
    padding: 10px 0 50px 0;
    font-size: 18px;
    line-height: 2.6; }
  .pageTop .box .question {
    color: #FFFFFF;
    width: 800px;
    margin: 0 auto;
    position: relative; }
  .pageTop .box .answer {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    color: #30b8aa; }
    .pageTop .box .answer dt {
      font-size: 30px; }
    .pageTop .box .answer dd {
      padding: 10px 0 50px 0;
      font-size: 18px;
      line-height: 2.6; }
  .pageTop .box_01 .question h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    margin-top: -36px;
    margin-left: -240px; }
  .pageTop .box_01 .answer .loupe .left {
    float: left;
    width: 450px; }
  .pageTop .box_01 .answer .loupe .right {
    float: right; }
  .pageTop .box_02 .question h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    margin-top: -72px;
    margin-left: -240px; }
  .pageTop .box_02 .answer h2 {
    font-size: 20px;
    padding: 0 0 5px 0; }
  .pageTop .box_02 .answer ul {
    font-size: 16px;
    margin: 0 0 0 20px;
    padding: 0 0 30px 0; }
    .pageTop .box_02 .answer ul li {
      list-style: disc; }
  .pageTop .box_02 .answer p {
    font-size: 20px;
    padding: 0 0 50px 0; }
  .pageTop .profile {
    background: #FFFFFF; }
  .pageTop .profile_inner {
    padding: 60px 0;
    width: 800px;
    margin: 0 auto; }
  .pageTop .profile .left {
    float: left;
    width: 217px; }
  .pageTop .profile .right {
    float: left;
    padding: 0 0 0 40px; }
    .pageTop .profile .right p {
      padding: 0 0 20px 0;
      line-height: 1.5;
      font-size: 20px; }
    .pageTop .profile .right ul {
      font-size: 16px; }
      .pageTop .profile .right ul li {
        padding: 0 0 3px 0; }
  .pageTop .profile .info {
    clear: both;
    padding: 30px 0 0 0;
    font-size: 16px; }
  @media screen and (max-width: 800px) {
    .pageTop {
      /* ninkatsu
      =======================*/ }
      .pageTop .ninkatsu .ttl,
      .pageTop .ninkatsu dl {
        width: auto;
        margin: 0 20px; }
      .pageTop .ninkatsu dd {
        line-height: 2; }
      .pageTop .box .question {
        width: auto;
        margin: 0 20px; }
      .pageTop .box .answer {
        width: auto;
        margin: 0 20px; }
        .pageTop .box .answer dd {
          line-height: 2; }
      .pageTop .box_01 .answer .loupe .left {
        width: 60%; }
      .pageTop .box_01 .answer .loupe .right {
        width: 40%; }
      .pageTop .profile_inner {
        padding: 40px 0;
        width: auto;
        margin: 0 20px; } }
  @media screen and (max-width: 640px) {
    .pageTop {
      /* about
      =======================*/
      /* ninkatsu
      =======================*/
      /* box_01
      =======================*/
      /* profile
      =======================*/ }
      .pageTop .about {
        width: auto;
        padding: 20px 10px 0 10px; }
        .pageTop .about p {
          font-size: 16px;
          padding: 0 0 10px 0; }
          .pageTop .about p.link {
            font-size: 14px; }
      .pageTop .ninkatsu .ttl {
        width: auto;
        margin: 0 10px; }
        .pageTop .ninkatsu .ttl h1 {
          font-size: 22px;
          margin-top: -20px;
          margin-left: -87px; }
      .pageTop .ninkatsu dl {
        width: auto;
        margin: 0 10px;
        padding: 20px 0 0 0; }
      .pageTop .ninkatsu dt {
        font-size: 20px; }
      .pageTop .ninkatsu dd {
        padding: 5px 0 20px 0;
        font-size: 14px;
        line-height: 1.8; }
      .pageTop .box .question {
        width: auto;
        margin: 0 10px; }
      .pageTop .box .answer {
        width: auto;
        margin: 0 10px;
        padding: 20px 0 0 0; }
        .pageTop .box .answer dt {
          font-size: 20px; }
        .pageTop .box .answer dd {
          padding: 5px 0 20px 0;
          font-size: 14px;
          line-height: 1.8; }
      .pageTop .box_01 .question h1 {
        font-size: 22px;
        margin-top: -20px;
        margin-left: -132px; }
      .pageTop .box_01 .answer .loupe .left {
        float: none;
        width: auto; }
      .pageTop .box_01 .answer .loupe .right {
        float: none;
        width: 100%;
        text-align: center; }
        .pageTop .box_01 .answer .loupe .right img {
          width: 50%; }
      .pageTop .box_02 .question h1 {
        font-size: 22px;
        margin-top: -20px;
        margin-left: -132px;
        line-height: 1.3; }
      .pageTop .box_02 .answer h2 {
        font-size: 16px;
        padding: 10px 0 5px 0; }
      .pageTop .box_02 .answer ul {
        font-size: 14px;
        padding: 0 0 30px 0; }
      .pageTop .box_02 .answer p {
        font-size: 16px;
        padding: 0 0 20px 0; }
      .pageTop .profile_inner {
        padding: 20px 0 40px 0;
        width: auto;
        margin: 0 10px; }
      .pageTop .profile .left {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 0 10px 0; }
        .pageTop .profile .left img {
          width: 50%; }
      .pageTop .profile .right {
        float: none;
        padding: 0 0 0 0; }
        .pageTop .profile .right p {
          padding: 0 0 15px 0;
          line-height: 1.5; }
        .pageTop .profile .right ul {
          font-size: 14px; }
      .pageTop .profile .info {
        padding: 20px 0 0 0;
        font-size: 14px; } }

/* CSS Document */
html, body.pageVideo {
  background: #fefef6; }

.pageVideo {
  /* main
  =======================*/
  /* news
  =======================*/ }
  .pageVideo #main {
    background: #fefef6; }
  .pageVideo .video {
    width: 790px;
    margin: 0 auto;
    padding: 40px 0 0; }
    .pageVideo .video .ttl {
      border-bottom: 1px solid #cabba6;
      font-size: 24px;
      margin: 0 0 30px 0; }
      .pageVideo .video .ttl .left {
        float: left; }
      .pageVideo .video .ttl .right {
        float: left;
        padding: 70px 0 0 20px; }
    .pageVideo .video li {
      width: 640px;
      margin: 0 auto;
      padding-bottom: 20px; }
  @media screen and (max-width: 800px) {
    .pageVideo {
      /* news
      =======================*/ }
      .pageVideo .video {
        width: auto;
        margin: 0 20px; } }
  @media screen and (max-width: 640px) {
    .pageVideo {
      /* news
      =======================*/ }
      .pageVideo .video {
        width: auto;
        margin: 0 10px; }
        .pageVideo .video .ttl {
          font-size: 20px;
          margin: 0 0 20px 0; }
          .pageVideo .video .ttl img {
            width: 50px;
            height: 55px; }
          .pageVideo .video .ttl .right {
            padding: 20px 0 0 10px; }
        .pageVideo .video li {
          width: 100%; }
          .pageVideo .video li iframe {
            width: 100%;
            height: auto; } }

/* ==========================================================================
射精障害ガイドトップ
========================================================================== */
#shasei main article.what section.Investigation .movieBtn, #shasei main article.what section.Cause .videoBtn .movieBtn, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn {
  font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
  position: relative;
  display: flex;
  flex-direction: row-reverse; }
  #shasei main article.what section.Investigation .movieBtn > .thumbnail, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail {
    width: 42.5%;
    padding: 8px 0;
    position: relative; }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::before, #shasei main article.what section.Investigation .movieBtn > .thumbnail::after, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::after, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::after, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 2; }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::before {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #17ae9d;
      left: calc(50% - 15px);
      top: calc(50% - 15px); }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::after, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::after, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::after, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 11px;
      border-color: transparent transparent transparent #fff;
      left: calc(50% - 5px);
      top: calc(50% - 6px); }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail > img, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail > img, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail > img, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail > img {
      width: 100%;
      height: auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  #shasei main article.what section.Investigation .movieBtn > .title, #shasei main article.what section.Cause .videoBtn .movieBtn > .title, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .title, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .title {
    width: 57.5%;
    font-size: 1.4rem;
    margin-top: 12px;
    padding: 0 1em 2.5em 0;
    text-align: left;
    line-height: 1.5; }
  #shasei main article.what section.Investigation .movieBtn > .link, #shasei main article.what section.Cause .videoBtn .movieBtn > .link, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .link, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .link {
    color: #63b8ad;
    font-size: 1.2rem;
    position: absolute;
    bottom: 10px;
    left: 0; }
    #shasei main article.what section.Investigation .movieBtn > .link::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .link::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .link::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .link::before {
      content: "";
      width: 8px;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 4px;
      border-color: transparent transparent transparent #63b8ad;
      display: inline-block; }

#shasei main article {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  /*射精障害ガイド*/
  /* ==========================================================================
  腟内射精障害と治療方法について
  ========================================================================== */
  /* ==========================================================================
  メンズトレーニングカップでの治療方法
  ========================================================================== */
  /* ==========================================================================
  腟内射精障害 患者の声
  ========================================================================== */
  /* ==========================================================================
  射精障害相談可能医師リスト
  ========================================================================== */ }
  #shasei main article.top section#keyvisualLayout {
    background-image: none;
    background-color: #299e92; }
  #shasei main article.top section.selectLayout {
    width: 100%;
    display: block;
    padding: 42px 10px 50px;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.top section.selectLayout {
        padding: 28px 5px 64px; } }
    #shasei main article.top section.selectLayout ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      max-width: 800px;
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.top section.selectLayout ul {
          padding: 0 40px; } }
      #shasei main article.top section.selectLayout ul li {
        list-style-type: none;
        float: left;
        width: 34%; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.top section.selectLayout ul li {
            width: 100%;
            margin-bottom: 25px;
            text-align: center; } }
        #shasei main article.top section.selectLayout ul li img {
          width: 94.1176%; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.top section.selectLayout ul li img {
              width: auto;
              margin: 0 auto; } }
        #shasei main article.top section.selectLayout ul li:nth-child(1) {
          margin-bottom: 16px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.top section.selectLayout ul li:nth-child(1) {
              margin-bottom: 25px; } }
        #shasei main article.top section.selectLayout ul li:nth-child(2) {
          margin-bottom: 16px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.top section.selectLayout ul li:nth-child(2) {
              margin-bottom: 25px; } }
        #shasei main article.top section.selectLayout ul li:nth-child(3) {
          width: 32%; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.top section.selectLayout ul li:nth-child(3) {
              width: 100%;
              margin-bottom: 25px; } }
          #shasei main article.top section.selectLayout ul li:nth-child(3) img {
            width: 100%; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.top section.selectLayout ul li:last-child {
            margin-bottom: 0; } }
  #shasei main article.what section#keyvisualLayout .Keyvisual .inner h1 {
    padding-bottom: 36px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.what section#keyvisualLayout .Keyvisual .inner h1 {
        padding-bottom: 18px; } }
  @media print, screen and (max-width: 640px) {
    #shasei main article.what section#keyvisualLayout .Keyvisual .inner p {
      text-align: left; } }
  #shasei main article.what section.whatWrapLayout {
    width: 100%;
    padding-top: 65px; }
    #shasei main article.what section.whatWrapLayout * {
      box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.what section.whatWrapLayout {
        padding-top: 20px; } }
  #shasei main article.what section.Investigation {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.what section.Investigation {
        padding: 0 10px; } }
    #shasei main article.what section.Investigation .videoBtn {
      width: 100%;
      display: block;
      max-width: 392px;
      margin: 0 auto 72px; }
      #shasei main article.what section.Investigation .videoBtn a {
        display: block;
        border: 1px solid #17ae9d;
        padding: 9px 16px;
        background: #fff; }
    #shasei main article.what section.Investigation .invVisual {
      width: 100%;
      display: block;
      text-align: center;
      padding-bottom: 64px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.Investigation .invVisual {
          padding-bottom: 20px; } }
    #shasei main article.what section.Investigation .resultLayout {
      display: block;
      padding-bottom: 108px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.Investigation .resultLayout {
          padding-bottom: 35px; } }
      #shasei main article.what section.Investigation .resultLayout h2 {
        font-size: 3rem;
        line-height: 1.4;
        font-weight: 600;
        text-align: center;
        color: #2fb3a6;
        padding-bottom: 80px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Investigation .resultLayout h2 {
            font-size: 2rem;
            line-height: 1.6;
            padding-bottom: 20px; } }
      #shasei main article.what section.Investigation .resultLayout table tbody tr {
        width: 100%; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Investigation .resultLayout table tbody tr {
            display: block;
            width: 100%; } }
        #shasei main article.what section.Investigation .resultLayout table tbody tr td {
          width: 50%; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.Investigation .resultLayout table tbody tr td {
              display: block;
              width: 100%; } }
          #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultPhoto {
            float: left;
            width: 100%;
            text-align: center; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultPhoto {
                width: 100%;
                padding-bottom: 20px;
                text-align: center; }
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultPhoto img {
                  width: 62.5%; } }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultPhoto span {
              font-size: 1.4rem;
              color: #747474;
              display: inline-block;
              padding-top: 28px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultPhoto span {
                  font-size: 1.3rem;
                  text-align: left; } }
          #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt {
            float: right;
            width: 100%;
            padding-left: 8px;
            text-align: center; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt {
                width: 100%;
                padding: 0; } }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h3 {
              font-size: 1.6rem;
              font-weight: 600;
              border: 2px solid #917754;
              padding: 14px 16px;
              margin-bottom: 36px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h3 {
                  padding: 9px 8px;
                  margin-bottom: 20px; } }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt p {
              font-size: 1.8rem;
              font-weight: 600;
              line-height: 1; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt p {
                  padding-bottom: 5px; } }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h4 {
              font-size: 7.2rem;
              font-weight: 600;
              line-height: 1;
              padding-bottom: 20px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h4 {
                  font-size: 4rem;
                  padding-bottom: 15px; } }
              #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h4 span {
                font-size: 3rem;
                display: inline; }
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h4 span.Mark {
                  font-size: 2.5rem; }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h5 {
              font-size: 2rem;
              font-weight: 600;
              padding: 10px 0;
              border-bottom: 4px solid #30b8aa;
              border-top: 4px solid #30b8aa;
              display: inline-block;
              margin: 0 auto;
              line-height: 1; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt h5 {
                  border-bottom: 2px solid #30b8aa;
                  border-top: 2px solid #30b8aa; } }
            #shasei main article.what section.Investigation .resultLayout table tbody tr td .resultTxt span {
              font-size: 1.2rem;
              display: block;
              padding-top: 12px; }
  #shasei main article.what section.Cause {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px 80px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.what section.Cause {
        padding: 0 10px 35px; } }
    #shasei main article.what section.Cause h2 {
      font-size: 4.5rem;
      font-weight: 600;
      color: #139485;
      line-height: 1;
      padding-bottom: 32px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.Cause h2 {
          font-size: 2.5rem;
          padding-bottom: 20px; } }
    #shasei main article.what section.Cause p {
      font-size: 2rem;
      padding-bottom: 48px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.Cause p {
          font-size: 1.6rem;
          text-align: left;
          padding-bottom: 20px; } }
    #shasei main article.what section.Cause .CausePhoto {
      display: block;
      width: 100%;
      padding-bottom: 80px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.Cause .CausePhoto {
          text-align: center;
          padding-bottom: 35px; } }
      #shasei main article.what section.Cause .CausePhoto img {
        margin-bottom: 32px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .CausePhoto img {
            width: 72.9687%;
            margin: 0 auto 20px; } }
      #shasei main article.what section.Cause .CausePhoto span {
        font-size: 1.4rem;
        line-height: 1.4;
        display: block; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .CausePhoto span {
            font-size: 1.2rem;
            text-align: left;
            line-height: 1.6;
            display: block; } }
      #shasei main article.what section.Cause .CausePhoto .spModeCauseBox {
        display: none; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .CausePhoto .spModeCauseBox {
            display: block;
            width: 100%; } }
        #shasei main article.what section.Cause .CausePhoto .spModeCauseBox h3.spH {
          font-size: 1.6rem;
          font-weight: 600;
          text-align: left;
          padding-bottom: 10px;
          line-height: 1; }
        #shasei main article.what section.Cause .CausePhoto .spModeCauseBox .spBox {
          border: 2px solid #917754;
          padding: 8px 16px; }
          #shasei main article.what section.Cause .CausePhoto .spModeCauseBox .spBox ul {
            width: 100%;
            text-align: left;
            font-size: 1.2rem; }
            #shasei main article.what section.Cause .CausePhoto .spModeCauseBox .spBox ul li {
              list-style-type: disc;
              list-style-position: inside; }
          #shasei main article.what section.Cause .CausePhoto .spModeCauseBox .spBox:last-of-type {
            margin-bottom: 16px; }
            #shasei main article.what section.Cause .CausePhoto .spModeCauseBox .spBox:last-of-type ul li:first-child {
              padding-bottom: 4px; }
    #shasei main article.what section.Cause .causeExampleLayout {
      display: block;
      width: 100%; }
      #shasei main article.what section.Cause .causeExampleLayout .icon {
        margin-bottom: 24px; }
      #shasei main article.what section.Cause .causeExampleLayout h3 {
        font-size: 2.8rem;
        font-weight: 600;
        line-height: 1;
        padding-bottom: 20px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .causeExampleLayout h3 {
            font-size: 2rem; } }
      #shasei main article.what section.Cause .causeExampleLayout table {
        width: 100%;
        border: 2px solid #917754; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .causeExampleLayout table {
            display: block; } }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.Cause .causeExampleLayout table tbody {
            display: block; } }
        #shasei main article.what section.Cause .causeExampleLayout table tbody tr {
          width: 100%; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr {
              display: block;
              text-align: center; } }
          #shasei main article.what section.Cause .causeExampleLayout table tbody tr td {
            width: 33.33333%;
            vertical-align: top;
            padding: 32px 0 34px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.Cause .causeExampleLayout table tbody tr td {
                display: block;
                width: 100%;
                padding: 0 0 35px; } }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr td p {
              padding: 0 0 14px;
              margin: 0;
              font-size: 1.8rem;
              line-height: 1.2;
              font-weight: 600; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Cause .causeExampleLayout table tbody tr td p {
                  text-align: center;
                  line-height: 1; } }
              #shasei main article.what section.Cause .causeExampleLayout table tbody tr td p span {
                font-size: 1.4rem; }
                @media print, screen and (max-width: 640px) {
                  #shasei main article.what section.Cause .causeExampleLayout table tbody tr td p span {
                    font-size: 1.2rem; } }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr td .thumb {
              margin: 0 auto; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(1) {
                padding-top: 35px; } }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(1) .thumb img {
              width: 49.6240%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(1) .thumb img {
                  width: 132px; } }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(2) .thumb img {
              width: 51.5037%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(2) .thumb img {
                  width: 132px; } }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(3) .thumb img {
              width: 84.9624%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Cause .causeExampleLayout table tbody tr td:nth-child(3) .thumb img {
                  width: 227px; } }
          #shasei main article.what section.Cause .causeExampleLayout table tbody tr:last-child {
            border-top: 2px solid #917754; }
            #shasei main article.what section.Cause .causeExampleLayout table tbody tr:last-child td {
              font-size: 2.2rem;
              font-weight: 600;
              line-height: 1;
              padding: 20px 0; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.Cause .causeExampleLayout table tbody tr:last-child td {
                  font-size: 1.6rem;
                  text-align: center;
                  padding: 20px 5px; } }
    #shasei main article.what section.Cause .videoBtn {
      width: 100%;
      display: block;
      max-width: 392px;
      margin: 56px auto 0; }
      #shasei main article.what section.Cause .videoBtn a {
        display: block;
        width: 100%;
        border: 1px solid #17ae9d;
        padding: 9px 16px;
        background: #fff; }
      #shasei main article.what section.Cause .videoBtn .movieBtn > .link {
        padding: 0; }
  #shasei main article.what section.aboutCareLayout {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.what section.aboutCareLayout {
        padding: 0 10px 64px; } }
    #shasei main article.what section.aboutCareLayout h2 {
      font-size: 4rem;
      font-weight: 600;
      color: #139485;
      line-height: 1;
      padding-bottom: 32px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.aboutCareLayout h2 {
          font-size: 2.5rem;
          padding-bottom: 20px; } }
    #shasei main article.what section.aboutCareLayout p {
      font-size: 2rem;
      padding-bottom: 48px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.aboutCareLayout p {
          font-size: 1.6rem;
          padding-bottom: 20px;
          text-align: left; } }
    #shasei main article.what section.aboutCareLayout .rehabilitationLayout {
      padding-bottom: 80px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.what section.aboutCareLayout .rehabilitationLayout {
          padding-bottom: 35px; } }
      #shasei main article.what section.aboutCareLayout .rehabilitationLayout h3 {
        font-size: 2.8rem;
        font-weight: 600;
        line-height: 1;
        padding-bottom: 20px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout h3 {
            font-size: 2.5rem; } }
      #shasei main article.what section.aboutCareLayout .rehabilitationLayout p {
        font-size: 1.7rem;
        padding-bottom: 32px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout p {
            font-size: 1.6rem;
            padding-bottom: 20px; } }
      #shasei main article.what section.aboutCareLayout .rehabilitationLayout table {
        width: 100%;
        border: 2px solid #917754; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout table {
            display: block; } }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody {
            display: block; } }
        #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr {
          width: 100%; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr {
              display: block; } }
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td {
            width: 33.33333%;
            vertical-align: top;
            padding: 32px 0 34px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td {
                display: block;
                width: 100%;
                padding: 0 0 35px; } }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td p {
              padding: 0 0 14px;
              margin: 0;
              font-size: 1.8rem;
              line-height: 1.2;
              font-weight: 600; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td p {
                  text-align: center;
                  line-height: 1; } }
              #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td p span {
                font-size: 1.2rem; }
                @media print, screen and (max-width: 640px) {
                  #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td p span {
                    font-size: 1.2rem; } }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td .thumb {
              margin: 0 auto; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(1) {
                padding-top: 35px; } }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(1) .thumb img {
              width: 49.6240%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(1) .thumb img {
                  width: 130px; } }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(2) .thumb img {
              width: 49.6240%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(2) .thumb img {
                  width: 130px; } }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(3) .thumb img {
              width: 70.6766%; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr td:nth-child(3) .thumb img {
                  width: 190px; } }
          #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr:last-child {
            border-top: 2px solid #917754; }
            #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr:last-child td {
              font-size: 2.2rem;
              font-weight: 600;
              line-height: 1.3;
              padding: 16px 0; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .rehabilitationLayout table tbody tr:last-child td {
                  font-size: 1.6rem;
                  text-align: center;
                  padding: 20px 5px;
                  line-height: 1.5; } }
    #shasei main article.what section.aboutCareLayout .counselingLayout {
      display: block; }
      #shasei main article.what section.aboutCareLayout .counselingLayout h3 {
        font-size: 2.8rem;
        font-weight: 600;
        line-height: 1;
        padding-bottom: 40px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .counselingLayout h3 {
            font-size: 2.5rem;
            padding-bottom: 20px; } }
      #shasei main article.what section.aboutCareLayout .counselingLayout p {
        font-size: 1.7rem;
        padding-bottom: 64px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .counselingLayout p {
            font-size: 1.6rem;
            padding-bottom: 20px; } }
      #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox {
        display: block;
        width: 100%;
        padding-bottom: 50px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox {
            padding-bottom: 0; } }
        #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table {
          width: 50%;
          float: left; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table {
              width: 100%;
              display: block; } }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody {
              display: block; } }
          #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr {
            width: 100%; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr {
                display: block; } }
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr th {
              padding-bottom: 20px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr th {
                  display: block; } }
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr th h4 {
                font-size: 2.2rem;
                font-weight: 600;
                line-height: 1;
                position: relative;
                text-align: left;
                padding-left: 28px; }
                @media print, screen and (max-width: 640px) {
                  #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr th h4 {
                    font-size: 1.8rem;
                    font-weight: 600; } }
                #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr th h4:before {
                  position: absolute;
                  content: '●';
                  top: -7px;
                  left: 0;
                  margin: auto;
                  color: #17ae9d;
                  line-height: 1;
                  font-size: 3rem;
                  height: 0; }
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td {
              width: 100%;
              text-align: left; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td {
                  display: block; } }
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td .thumb {
                text-align: center; }
                #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td .thumb img {
                  width: 96.2365%;
                  margin: 0 auto; }
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td p {
                padding: 0;
                font-size: 1.6rem;
                text-align: left; }
                #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td p.Example {
                  font-size: 1.4rem;
                  border-bottom: 0 !important;
                  padding: 0 !important; }
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td span {
                display: inline-block;
                padding-top: 15px;
                font-weight: 600;
                font-size: 1.4rem; }
                @media print, screen and (max-width: 640px) {
                  #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr td span {
                    padding-top: 10px; } }
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table tbody tr:nth-child(2) td {
              padding-bottom: 26px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:first-child {
              padding-bottom: 20px; } }
          #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:first-child tbody td {
            padding-right: 28px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:first-child tbody td {
                padding-right: 0; } }
          #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody th {
            padding-left: 20px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody th {
                padding-left: 0; } }
          #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody td {
            padding-left: 20px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody td {
                padding-left: 0; } }
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody td .thumb img {
              width: 84.2105%; }
            #shasei main article.what section.aboutCareLayout .counselingLayout .counselingBox table:last-child tbody td p {
              padding: 0 0 10px;
              border-bottom: 1px solid #917754; }
  #shasei main article.mtc * {
    box-sizing: border-box; }
  #shasei main article.mtc section#keyvisualLayout .Keyvisual .inner h1 {
    padding-bottom: 32px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.mtc section#keyvisualLayout .Keyvisual .inner h1 {
        padding-bottom: 18px; } }
  @media print, screen and (max-width: 640px) {
    #shasei main article.mtc section#keyvisualLayout .Keyvisual .inner p {
      text-align: left; } }
  #shasei main article.mtc section.macWrapLayout {
    width: 100%;
    display: block;
    padding-top: 64px;
    padding-bottom: 134px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.mtc section.macWrapLayout {
        padding-top: 40px;
        padding-bottom: 64px; } }
    #shasei main article.mtc section.macWrapLayout .mtcflowlayout {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px 72px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.mtc section.macWrapLayout .mtcflowlayout {
          padding: 0 10px 40px; } }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout h2 {
        font-size: 2.8rem;
        font-weight: 600;
        padding-bottom: 32px;
        line-height: 1; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section.macWrapLayout .mtcflowlayout h2 {
            font-size: 2rem; } }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout p {
        line-height: 1;
        padding-bottom: 40px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section.macWrapLayout .mtcflowlayout p {
            font-size: 1.6rem;
            line-height: 1.5; } }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox {
        width: 100%;
        display: block; }
        #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
          width: 100%; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox {
            width: 100%;
            overflow-x: scroll;
            margin-bottom: 20px; }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar {
              height: 10px; }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track {
              background: #dddddd; }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-thumb {
              background: #30b8aa; }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
              width: 100%; } }
    @media print, screen and (max-width: 640px) and (max-width: 640px) {
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
        width: 811px;
        max-width: none; } }

      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar {
        width: 15px;
        height: 10px; }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-thumb {
        background: #30b8aa;
        border-radius: 10px; }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece {
        background: #efefef;
        height: 10px; }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece:start {
        background: #efefef; }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece:end {
        background: #efefef; }
      #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt {
        display: block;
        text-align: left;
        padding-top: 40px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt {
            padding-top: 0; } }
        #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul {
          width: 100%;
          max-width: 730px;
          margin: 0 auto;
          display: block; }
          #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li {
            position: relative;
            font-size: 1.6rem;
            counter-increment: count;
            padding-left: 114px;
            padding-bottom: 28px;
            line-height: 1.7; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li {
                padding-left: 0;
                padding-top: 30px;
                padding-bottom: 14px; } }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::before {
              position: absolute;
              content: "（" counter(count) "）";
              top: 0;
              left: 0;
              font-size: 2.4rem;
              line-height: 1;
              font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::before {
                  font-size: 2rem; } }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::after {
              position: absolute;
              width: 34px;
              height: 2px;
              background: #cabba6;
              content: '';
              top: 1rem;
              left: 64px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::after {
                  top: .9rem;
                  left: 54px; } }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li:last-child {
              padding-bottom: 0; }
            #shasei main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li span {
              font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
  #shasei main article.mtc section .videoListLayout {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.mtc section .videoListLayout {
        padding: 0 10px; } }
    #shasei main article.mtc section .videoListLayout ul.videoList {
      width: 100%;
      display: block;
      padding-bottom: 30px; }
      #shasei main article.mtc section .videoListLayout ul.videoList li {
        width: 50%;
        float: left;
        margin-bottom: 16px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section .videoListLayout ul.videoList li {
            width: 100%;
            margin-bottom: 6px; } }
        #shasei main article.mtc section .videoListLayout ul.videoList li:nth-child(odd) {
          padding-right: 8px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .videoListLayout ul.videoList li:nth-child(odd) {
              padding: 0; } }
        #shasei main article.mtc section .videoListLayout ul.videoList li:nth-child(even) {
          padding-left: 8px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .videoListLayout ul.videoList li:nth-child(even) {
              padding: 0; } }
        #shasei main article.mtc section .videoListLayout ul.videoList li:last-child {
          margin: 0 auto;
          width: 100%;
          padding: 0;
          float: left; }
          #shasei main article.mtc section .videoListLayout ul.videoList li:last-child a {
            display: inline-block;
            max-width: 392px;
            margin: 0 auto; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .videoListLayout ul.videoList li:last-child a {
                max-width: none; } }
        #shasei main article.mtc section .videoListLayout ul.videoList li a {
          display: block;
          width: 100%;
          border: 1px solid #17ae9d;
          padding: 9px 16px;
          background: #ffffff;
          font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif; }
    #shasei main article.mtc section .videoListLayout .warningBox {
      width: 100%;
      display: block; }
      #shasei main article.mtc section .videoListLayout .warningBox h3 {
        font-size: 1.4rem;
        font-weight: 600;
        text-align: left; }
      #shasei main article.mtc section .videoListLayout .warningBox ul {
        display: block;
        width: 100%;
        padding-bottom: 50px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section .videoListLayout .warningBox ul {
            padding-bottom: 44px; } }
        #shasei main article.mtc section .videoListLayout .warningBox ul li {
          text-align: left;
          font-size: 1.4rem;
          list-style-type: disc;
          list-style-position: inside; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .videoListLayout .warningBox ul li {
              list-style-position: outside;
              margin-left: 1.8em;
              line-height: 1.5; } }
      #shasei main article.mtc section .videoListLayout .warningBox .outsideBtn {
        width: 100%;
        display: block; }
        #shasei main article.mtc section .videoListLayout .warningBox .outsideBtn a {
          border: 2px solid #927852;
          padding: 24px 16px;
          max-width: 512px;
          width: 100%;
          display: block;
          font-size: 1.8rem;
          line-height: 1;
          margin: 0 auto;
          position: relative;
          border-radius: 4px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .videoListLayout .warningBox .outsideBtn a {
              padding: 16px 8px;
              line-height: 1.4; } }
          #shasei main article.mtc section .videoListLayout .warningBox .outsideBtn a:before {
            position: absolute;
            width: 16px;
            height: 16px;
            background-image: url("/test/thc/dr-kobori/images/common/ico_newwindow.png");
            content: '';
            background-size: contain;
            right: 15px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .videoListLayout .warningBox .outsideBtn a:before {
                width: 24px;
                height: 24px;
                top: 0;
                bottom: 0;
                margin: auto; } }
  #shasei main article.mtc section .advanceLayout {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 120px 20px 0;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.mtc section .advanceLayout {
        padding: 60px 10px 0; } }
    #shasei main article.mtc section .advanceLayout h2 {
      font-size: 4rem;
      line-height: 1;
      color: #139485;
      font-weight: 600;
      padding-bottom: 64px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.mtc section .advanceLayout h2 {
          font-size: 2.4rem;
          line-height: 1.4;
          padding-bottom: 32px; } }
    #shasei main article.mtc section .advanceLayout h3 {
      font-size: 2.8rem;
      color: #927852;
      line-height: 1.4;
      font-weight: 600;
      padding-bottom: 48px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.mtc section .advanceLayout h3 {
          font-size: 1.8rem;
          padding-bottom: 32px; } }
    #shasei main article.mtc section .advanceLayout table.advance {
      width: 100%; }
      #shasei main article.mtc section .advanceLayout table.advance tbody tr {
        width: 100%; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section .advanceLayout table.advance tbody tr {
            display: block;
            padding: 0 33px; } }
        #shasei main article.mtc section .advanceLayout table.advance tbody tr td {
          width: 33.333333%;
          vertical-align: text-top;
          padding-right: 16px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td {
              width: 100%;
              display: block;
              padding-right: 0;
              border-bottom: 1px solid #e3e3e3; } }
          #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox {
            width: 100%;
            display: block;
            text-align: left; }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox .thumb {
              margin-bottom: 24px; }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox h4 {
              font-size: 1.8rem;
              font-weight: 600;
              padding-bottom: 20px;
              line-height: 1.5; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox h4 {
                  padding-bottom: 16px; } }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox p {
              font-size: 1.4rem; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section .advanceLayout table.advance tbody tr td .pointBox p {
                  font-size: 1.3rem;
                  padding-bottom: 17px; } }
          #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(1) .pointBox .thumb {
            width: 37.0517%;
            margin: 0 auto 24px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(1) .pointBox .thumb {
                width: 31.4516%;
                margin-bottom: 20px; } }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(1) .pointBox .thumb img {
              width: 100%; }
          #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) {
            border-left: 1px solid #e3e3e3;
            border-right: 1px solid #e3e3e3;
            padding-left: 16px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) {
                padding: 0;
                border-bottom: 1px solid #e3e3e3;
                border-left: 0;
                border-right: 0; } }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) .pointBox {
                padding-top: 26px; } }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) .pointBox .thumb {
              width: 42.3076%;
              margin: 0 auto 24px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) .pointBox .thumb {
                  width: 27.4193%;
                  margin-bottom: 20px; } }
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(2) .pointBox .thumb img {
                width: 100%; }
          #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) {
            padding-left: 16px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) {
                padding: 0;
                border-bottom: 0; } }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) .pointBox {
                padding-top: 26px; } }
            #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) .pointBox .thumb {
              width: 48.0686%;
              margin: 0 auto 24px; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) .pointBox .thumb {
                  width: 36.1290%;
                  margin-bottom: 20px; } }
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) .pointBox .thumb img {
                width: 100%; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.mtc section .advanceLayout table.advance tbody tr td:nth-child(3) .pointBox p {
                padding-bottom: 0; } }
    #shasei main article.mtc section .advanceLayout .lastTxt {
      display: block;
      width: 100%;
      padding-top: 72px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.mtc section .advanceLayout .lastTxt {
          padding-top: 70px; } }
      #shasei main article.mtc section .advanceLayout .lastTxt h4 {
        font-size: 2.8rem;
        line-height: 1;
        color: #927852; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section .advanceLayout .lastTxt h4 {
            font-size: 1.8rem; } }
      #shasei main article.mtc section .advanceLayout .lastTxt .txtBox {
        padding-top: 48px;
        padding-bottom: 64px;
        display: block;
        width: 100%;
        position: relative; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.mtc section .advanceLayout .lastTxt .txtBox {
            padding-top: 52px;
            padding-bottom: 70; } }
        #shasei main article.mtc section .advanceLayout .lastTxt .txtBox:before {
          content: '';
          position: absolute;
          top: 0;
          left: -5%;
          background-image: url(/test/thc/dr-kobori/images/shasei/mtc/backtop.png);
          width: 100px;
          height: 78px;
          background-size: contain;
          background-repeat: no-repeat; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .advanceLayout .lastTxt .txtBox:before {
              width: 50px;
              height: 39px;
              left: 0;
              top: 35px; } }
        #shasei main article.mtc section .advanceLayout .lastTxt .txtBox:after {
          content: '';
          position: absolute;
          bottom: 20px;
          right: -44px;
          background-image: url(/test/thc/dr-kobori/images/shasei/mtc/backbottom.png);
          width: 100px;
          height: 78px;
          background-size: contain;
          background-repeat: no-repeat; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .advanceLayout .lastTxt .txtBox:after {
              width: 50px;
              height: 39px;
              right: 0;
              bottom: 50px; } }
        #shasei main article.mtc section .advanceLayout .lastTxt .txtBox p {
          font-size: 1.7rem;
          color: #139485;
          text-align: left; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.mtc section .advanceLayout .lastTxt .txtBox p {
              font-size: 1.6rem;
              padding: 0 8px; } }
      #shasei main article.mtc section .advanceLayout .lastTxt .videoBtn {
        width: 100%;
        display: block;
        max-width: 392px;
        margin: 0 auto; }
        #shasei main article.mtc section .advanceLayout .lastTxt .videoBtn a {
          display: block;
          width: 100%;
          border: 1px solid #17ae9d;
          padding: 9px 16px;
          background: #ffffff; }
  #shasei main article.voice section.voiceLayout {
    width: 100%;
    display: block;
    padding-top: 72px;
    padding-bottom: 50px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.voice section.voiceLayout {
        padding-top: 28px;
        padding-bottom: 64px; } }
    #shasei main article.voice section.voiceLayout * {
      box-sizing: border-box; }
    #shasei main article.voice section.voiceLayout .loopVoiceBox {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.voice section.voiceLayout .loopVoiceBox {
          padding: 0 10px; } }
      #shasei main article.voice section.voiceLayout .loopVoiceBox dl {
        display: block;
        width: 100%;
        margin: 0 auto 36px; }
        @media print, screen and (max-width: 640px) {
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl {
            margin: 0 auto 24px; } }
        #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt {
          padding: 20px 24px;
          position: relative;
          border-radius: 4px;
          border: 2px solid #30b8aa;
          transition: .5s; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt {
              padding: 10px 8px;
              border-radius: 2px; } }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt h2 {
            font-size: 2.8rem;
            color: #139485;
            font-weight: 600;
            line-height: 1;
            display: inline-block;
            float: left;
            transition: .5s; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt h2 {
                font-size: 2rem; } }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt .icon {
            position: relative;
            width: 19px;
            height: 19px;
            float: right;
            margin-top: 3px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt .icon {
                margin: 0; } }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt .icon span {
              background: #30b8aa;
              width: 100%;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              left: 0;
              margin: auto;
              transition: .5s; }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt .icon span:first-child {
                height: 3px; }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt .icon span:last-child {
                height: 100%;
                width: 3px; }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.hoverEffect:hover {
            cursor: pointer;
            transition: .5s;
            background: #30b8aa; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.hoverEffect:hover h2 {
              color: #fff;
              transition: .5s; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.hoverEffect:hover .icon span {
              transition: .5s;
              background: #fff; }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.open {
            background: #30b8aa; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.open h2 {
              color: #fff; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.open .icon span {
              background: #fff; }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dt.open .icon span:last-child {
                transform: rotate(90deg);
                transition: .5s; }
        #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd {
          width: 100%;
          text-align: center;
          display: none; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd {
              padding: 0 8px; } }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Title {
            display: block;
            text-align: center;
            padding-top: 36px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Title {
                padding-top: 20px; } }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Title p {
              color: #9f8866;
              font-size: 2rem;
              line-height: 1.3;
              font-weight: 600;
              padding-bottom: 44px;
              text-align: center; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Title p {
                  font-size: 1.8rem;
                  padding-bottom: 20px;
                  line-height: 1.6;
                  text-align: left; } }
          #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions {
            text-align: right; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions {
                font-size: 1.6rem; } }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions p {
              text-align: left; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions p {
                  text-align: left; } }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions p + p {
                margin-top: 1em; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions span.close {
              display: inline-block;
              text-align: right;
              color: #139485;
              position: relative;
              padding-left: 20px;
              margin-top: 28px; }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions span.close:before {
                position: absolute;
                content: '×';
                left: 0;
                font-size: 2rem;
                top: -5px;
                bottom: 0;
                margin: auto; }
            #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions span.hoverEffect {
              opacity: 1;
              transition: .5s;
              cursor: pointer; }
              #shasei main article.voice section.voiceLayout .loopVoiceBox dl dd .Impressions span.hoverEffect:hover {
                opacity: .4;
                transition: .5s; }
        #shasei main article.voice section.voiceLayout .loopVoiceBox dl:last-child {
          margin: 0 auto; }
  #shasei main article.list * {
    box-sizing: border-box; }
  #shasei main article.list section.doctorList {
    display: block;
    width: 100%;
    padding-top: 56px; }
    @media print, screen and (max-width: 640px) {
      #shasei main article.list section.doctorList {
        padding-top: 20px; } }
    #shasei main article.list section.doctorList .listWarp {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px 50px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #shasei main article.list section.doctorList .listWarp {
          padding: 0 10px 64px; } }
      #shasei main article.list section.doctorList .listWarp table {
        width: 100%; }
        #shasei main article.list section.doctorList .listWarp table thead tr {
          color: #299e92;
          font-weight: 600;
          border-bottom: 2px solid #30b8aa; }
          #shasei main article.list section.doctorList .listWarp table thead tr th {
            padding: 18px 9px 8px; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.list section.doctorList .listWarp table thead tr {
              display: none; } }
        #shasei main article.list section.doctorList .listWarp table tbody tr {
          width: 100%;
          font-size: 1.6rem;
          line-height: 1.5;
          text-align: left;
          border-bottom: 1px solid #e9e3d6; }
          @media print, screen and (max-width: 640px) {
            #shasei main article.list section.doctorList .listWarp table tbody tr {
              display: block;
              padding: 18px 8px; } }
          #shasei main article.list section.doctorList .listWarp table tbody tr:first-child td {
            padding-top: 20px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.list section.doctorList .listWarp table tbody tr:first-child td {
                padding: 0 0 6px 0; } }
          #shasei main article.list section.doctorList .listWarp table tbody tr td {
            padding: 14px 9px; }
            @media print, screen and (max-width: 640px) {
              #shasei main article.list section.doctorList .listWarp table tbody tr td {
                width: 100%;
                display: block;
                padding: 0 0 6px; } }
            #shasei main article.list section.doctorList .listWarp table tbody tr td::before {
              display: none; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.list section.doctorList .listWarp table tbody tr td::before {
                  display: inline-block;
                  color: #299e92;
                  font-weight: 600;
                  float: left;
                  width: 4em; } }
            #shasei main article.list section.doctorList .listWarp table tbody tr td:first-child::before {
              content: '地域'; }
            #shasei main article.list section.doctorList .listWarp table tbody tr td:nth-child(2)::before {
              content: '医師'; }
            #shasei main article.list section.doctorList .listWarp table tbody tr td:nth-child(3)::before {
              content: '病院'; }
            #shasei main article.list section.doctorList .listWarp table tbody tr td:nth-child(4)::before {
              content: '診療科'; }
            #shasei main article.list section.doctorList .listWarp table tbody tr td p {
              padding: 0; }
              @media print, screen and (max-width: 640px) {
                #shasei main article.list section.doctorList .listWarp table tbody tr td p {
                  display: inline-block;
                  width: calc(100% - 4.5em); } }
            @media print, screen and (max-width: 640px) {
              #shasei main article.list section.doctorList .listWarp table tbody tr td:last-child {
                padding-bottom: 0; } }

/* ==========================================================================
遅漏・腟内射精障害セルフチェック
========================================================================== */
.pageSelfcheck {
    /*! ----------------------------------------------
	 * Generated by Animista on 2017-10-26 17:53:52
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */
    /**
	 * ----------------------------------------
	 * animation puff-in-center
	 * ----------------------------------------
	 */ }
  .pageSelfcheck section#keyvisualLayout .inner h1 {
    padding-bottom: 32px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck section#keyvisualLayout .inner h1 {
        padding-bottom: 18px; } }
  .pageSelfcheck .inner {
    margin: 0 auto; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .c_contentHead > .title {
      padding-top: 0; } }
  .pageSelfcheck .ssCheck {
    padding-top: 40px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssCheck {
        padding-top: 28px; } }
    .pageSelfcheck .ssCheck .inner {
      max-width: 800px; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .ssCheck .inner {
          margin: 10px; } }
  .pageSelfcheck .ssResult .inner {
    padding: 44px 0 56px;
    max-width: 620px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssResult .inner {
        padding-bottom: 10px;
        padding-top: 0; } }
    .pageSelfcheck .ssResult .inner .Perspective {
      display: block;
      padding: 32px 30px 0;
      color: #fff;
      font-size: 1.6rem; }
      .pageSelfcheck .ssResult .inner .Perspective * {
        box-sizing: border-box; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .ssResult .inner .Perspective {
          padding: 0 10px;
          color: #000;
          font-size: 1.2rem; } }
      .pageSelfcheck .ssResult .inner .Perspective ul {
        display: block; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .ssResult .inner .Perspective ul {
            background: #ace2d8;
            padding: 19px 23px 16px; } }
        .pageSelfcheck .ssResult .inner .Perspective ul li {
          line-height: 1;
          padding-bottom: 12px; }
          .pageSelfcheck .ssResult .inner .Perspective ul li .Score {
            display: inline-block;
            position: relative;
            padding-left: 17px;
            font-size: 1.6rem; }
            @media print, screen and (max-width: 640px) {
              .pageSelfcheck .ssResult .inner .Perspective ul li .Score {
                font-size: 1.2rem;
                line-height: 1; } }
            .pageSelfcheck .ssResult .inner .Perspective ul li .Score:before {
              position: absolute;
              content: '●';
              color: #fff;
              top: 0;
              width: 2rem;
              height: 2rem;
              bottom: 0;
              left: 0;
              margin: auto;
              font-size: 2rem;
              line-height: 1; }
              @media print, screen and (max-width: 640px) {
                .pageSelfcheck .ssResult .inner .Perspective ul li .Score:before {
                  color: #000;
                  width: 1.6rem;
                  height: 1.6rem;
                  font-size: 1.6rem;
                  top: -1px; } }
          .pageSelfcheck .ssResult .inner .Perspective ul li:last-child {
            padding-bottom: 0; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .ssResult.bg_g {
      background: #fefef6; } }
  .pageSelfcheck .ssMessage .inner {
    max-width: 800px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssMessage .inner {
        margin: 0 10px; } }
    .pageSelfcheck .ssMessage .inner .linkBtn {
      display: none;
      padding-top: 60px;
      margin-bottom: 64px; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .ssMessage .inner .linkBtn {
          display: block;
          padding: 0 2px 0; } }
      .pageSelfcheck .ssMessage .inner .linkBtn a {
        line-height: 1;
        border: 2px solid #927852;
        padding: 24px 0;
        width: 100%;
        max-width: 510px;
        display: block;
        text-align: center;
        font-size: 1.8rem;
        border-radius: 4px;
        margin: 0 auto;
        font-weight: 600;
        position: relative; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .ssMessage .inner .linkBtn a {
            padding: 16px 0; } }
        .pageSelfcheck .ssMessage .inner .linkBtn a:before {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 13px;
          margin: auto;
          background-image: url("/images/top/linkarrow.png");
          width: 10px;
          height: 17px;
          background-repeat: no-repeat;
          content: '';
          background-size: contain; }
  .pageSelfcheck .formGroup > .title {
    color: #515151;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.3;
    font-feature-settings: "palt";
    letter-spacing: 0.08em;
    display: block;
    width: 100%; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .formGroup > .title {
        font-size: 1.8rem; } }
    .pageSelfcheck .formGroup > .title > .number {
      font-size: 2.2rem;
      display: block;
      margin-bottom: 0.75em; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .formGroup > .title > .number {
          font-size: 1.3rem; } }
      .pageSelfcheck .formGroup > .title > .number::before, .pageSelfcheck .formGroup > .title > .number::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 2px;
        width: 64px;
        background-color: #cabba6;
        margin: 0 12px; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .formGroup > .title > .number::before, .pageSelfcheck .formGroup > .title > .number::after {
            width: 32px; } }
  .pageSelfcheck .radioBox {
    display: flex;
    align-items: flex-end;
    margin: 32px 0 56px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .radioBox {
        flex-direction: column;
        margin: 16px 0 32px; } }
    .pageSelfcheck .radioBox > .radio {
      display: inline-flex;
      flex-direction: column;
      width: 100%;
      cursor: pointer;
      text-align: center;
      position: relative;
      box-sizing: border-box; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .radioBox > .radio {
          flex-direction: row;
          align-items: center;
          background: #fff;
          border-radius: 2px;
          border: 1px solid #fff;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          padding: 12px; }
          .pageSelfcheck .radioBox > .radio + .radio {
            margin-top: 4px; } }
      .pageSelfcheck .radioBox > .radio::before, .pageSelfcheck .radioBox > .radio::after {
        content: "";
        background-color: #947853;
        height: 8px;
        width: 50%;
        position: absolute;
        bottom: calc( .6rem + 24px);
        opacity: .5; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .radioBox > .radio::before, .pageSelfcheck .radioBox > .radio::after {
            content: none; } }
      .pageSelfcheck .radioBox > .radio::before {
        left: 0; }
      .pageSelfcheck .radioBox > .radio::after {
        right: 0; }
      .pageSelfcheck .radioBox > .radio:first-child::before, .pageSelfcheck .radioBox > .radio:last-child::after {
        content: none; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .radioBox > .radio.is_checked {
          border-color: #30b8aa; } }
      .pageSelfcheck .radioBox > .radio > .scLabel {
        color: #434343;
        font-size: 1.6rem;
        line-height: 1.5;
        font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        padding-bottom: 50px; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .radioBox > .radio > .scLabel {
            min-height: calc(18px + 5px);
            margin-right: calc(18px + 5px);
            padding-left: calc(18px + 5px);
            line-height: calc(18px + 5px);
            flex: 1 1 auto;
            text-align: left;
            padding: 0 0 0 30px; } }
        .pageSelfcheck .radioBox > .radio > .scLabel::before, .pageSelfcheck .radioBox > .radio > .scLabel::after {
          content: '';
          position: absolute;
          box-sizing: border-box;
          margin-top: auto;
          margin-bottom: auto; }
        .pageSelfcheck .radioBox > .radio > .scLabel::before {
          background-color: #fefef6;
          border-radius: 100%;
          width: 32px;
          height: 32px;
          border: 1px solid #515151;
          z-index: 2;
          bottom: 0;
          left: calc(50% - 16px); }
          @media print, screen and (max-width: 640px) {
            .pageSelfcheck .radioBox > .radio > .scLabel::before {
              background-color: #fff;
              left: 0;
              top: 0;
              width: 20px;
              height: 20px; } }
        .pageSelfcheck .radioBox > .radio > .scLabel::after {
          width: 22px;
          height: 22px;
          border-radius: 100%;
          background: #30b8aa;
          z-index: 5;
          bottom: 5px;
          overflow: hidden;
          left: calc(50% - 11px);
          transform: scale(0);
          transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1); }
          @media print, screen and (max-width: 640px) {
            .pageSelfcheck .radioBox > .radio > .scLabel::after {
              top: 0;
              bottom: 0;
              width: 14px;
              height: 14px;
              left: calc(((20px / 2) - (14px) / 2));
              transition: none; } }
      .pageSelfcheck .radioBox > .radio > input[type="radio"] {
        display: none; }
        .pageSelfcheck .radioBox > .radio > input[type="radio"]:checked + .scLabel {
          color: #2cab9e;
          font-weight: bold; }
          .pageSelfcheck .radioBox > .radio > input[type="radio"]:checked + .scLabel::after {
            transform: scale(1); }
        .pageSelfcheck .radioBox > .radio > input[type="radio"]:not(:checked):focus + .scLabel::after, .pageSelfcheck .radioBox > .radio > input[type="radio"]:not(:checked):hover + .scLabel::after {
          transform: scale(0.5); }
      .pageSelfcheck .radioBox > .radio > .point {
        font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
        font-size: 1.2rem;
        color: #ad8e61;
        margin-top: 8px;
        line-height: 1; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .radioBox > .radio > .point {
            font-size: 1.4rem;
            color: #999;
            margin-top: 0;
            flex: 0 0 auto; } }
  .pageSelfcheck .resultTtl {
    color: #fff;
    font-size: 4rem;
    text-align: center;
    letter-spacing: .3em;
    line-height: 1;
    margin-bottom: 1em; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultTtl {
        font-size: 2.0rem;
        margin-bottom: 2.2em;
        background: #30b8aa;
        padding: 50px 0; } }
  .pageSelfcheck .resultBox {
    background: #fff;
    padding: 40px 0 30px;
    position: relative;
    overflow: hidden; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultBox {
        padding: 36px 24px 30px;
        margin: 10px;
        background: #fefef6; } }
    @media print, screen and (max-width: 320px) {
      .pageSelfcheck .resultBox {
        padding: 24px 12px; } }
    .pageSelfcheck .resultBox > .cover {
      opacity: 0.85;
      background-color: #000;
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transition: .4s ease; }
      .pageSelfcheck .resultBox > .cover > p {
        color: #c9bba4;
        font-size: 2.2rem;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .resultBox > .cover > p {
            font-size: 1.8rem;
            line-height: 1.33; } }
    .pageSelfcheck .resultBox.is_active .cover {
      transform: translateY(100%); }
  .pageSelfcheck .resultList {
    text-align: center;
    margin: 0 auto 16px;
    max-width: 440px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden; }
    .pageSelfcheck .resultList > li {
      position: relative; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultList > li {
          flex: 1 1 auto; } }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultList > li + li {
          border-left: 1px solid #cabba6; } }
      .pageSelfcheck .resultList > li + li::before {
        content: "";
        background: #cabba6;
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: -64%; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .resultList > li + li::before {
            content: none; } }
      .pageSelfcheck .resultList > li > .ques {
        font-size: 2.4rem;
        color: #ad8e61; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .resultList > li > .ques {
            font-size: 1.9rem; } }
  .pageSelfcheck .resultScore {
    font-size: 2.2rem;
    color: #000;
    letter-spacing: .1em; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultScore {
        font-size: 1.5rem; } }
    .pageSelfcheck .resultScore .point {
      font-size: 3.6rem; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultScore .point {
          font-size: 2.5rem; } }
  .pageSelfcheck .scoreTotal {
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .scoreTotal {
        display: flex;
        justify-content: center; } }
    .pageSelfcheck .scoreTotal > .total {
      color: #000;
      font-size: 6rem;
      display: inline-block;
      line-height: 1;
      vertical-align: middle; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .scoreTotal > .total {
          font-size: 5.3rem;
          white-space: nowrap; } }
      .pageSelfcheck .scoreTotal > .total > .point {
        font-size: 8.8rem;
        min-width: 1em;
        display: inline-block; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .scoreTotal > .total > .point {
            font-size: 8rem;
            min-width: 0; } }
    .pageSelfcheck .scoreTotal > .stamp {
      display: inline-block;
      width: 250px;
      height: 111px;
      vertical-align: middle;
      position: relative; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .scoreTotal > .stamp {
          width: 58%;
          height: auto; } }
      .pageSelfcheck .scoreTotal > .stamp > img {
        display: none; }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .scoreTotal > .stamp > img {
            position: static;
            transform: translate(0); } }
        .pageSelfcheck .scoreTotal > .stamp > img.is_active {
          display: inline-block;
          animation: puff-in-center 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both; }
@keyframes puff-in-center {
  0% {
    transform: scale(2);
    filter: blur(2px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
  .pageSelfcheck .afterWord {
    text-align: center;
    color: #299e92;
    line-height: 1.85;
    margin: 40px 0 50px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .afterWord {
        font-size: 1.2rem;
        margin: 28px 0 20px; } }
    .pageSelfcheck .afterWord > .big {
      font-size: 2.2rem;
      line-height: 1.5;
      margin-bottom: 0.8em; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .afterWord > .big {
          font-size: 1.5rem;
          line-height: 1.75; } }

/* ==========================================================================
射精障害ガイドトップ
========================================================================== */
#shasei main article.what section.Investigation .movieBtn, #shasei main article.what section.Cause .videoBtn .movieBtn, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn {
  font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
  position: relative;
  display: flex;
  flex-direction: row-reverse; }
  #shasei main article.what section.Investigation .movieBtn > .thumbnail, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail {
    width: 42.5%;
    padding: 8px 0;
    position: relative; }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::before, #shasei main article.what section.Investigation .movieBtn > .thumbnail::after, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::after, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::after, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 2; }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::before {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #17ae9d;
      left: calc(50% - 15px);
      top: calc(50% - 15px); }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail::after, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail::after, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail::after, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 11px;
      border-color: transparent transparent transparent #fff;
      left: calc(50% - 5px);
      top: calc(50% - 6px); }
    #shasei main article.what section.Investigation .movieBtn > .thumbnail > img, #shasei main article.what section.Cause .videoBtn .movieBtn > .thumbnail > img, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .thumbnail > img, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .thumbnail > img {
      width: 100%;
      height: auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  #shasei main article.what section.Investigation .movieBtn > .title, #shasei main article.what section.Cause .videoBtn .movieBtn > .title, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .title, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .title {
    width: 57.5%;
    font-size: 1.4rem;
    margin-top: 12px;
    padding: 0 1em 2.5em 0;
    text-align: left;
    line-height: 1.5; }
  #shasei main article.what section.Investigation .movieBtn > .link, #shasei main article.what section.Cause .videoBtn .movieBtn > .link, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .link, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .link {
    color: #63b8ad;
    font-size: 1.2rem;
    position: absolute;
    bottom: 10px;
    left: 0; }
    #shasei main article.what section.Investigation .movieBtn > .link::before, #shasei main article.what section.Cause .videoBtn .movieBtn > .link::before, #shasei main article.mtc section .videoListLayout ul.videoList li .movieBtn > .link::before, #shasei main article.mtc section .advanceLayout .lastTxt .movieBtn > .link::before {
      content: "";
      width: 8px;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 4px;
      border-color: transparent transparent transparent #63b8ad;
      display: inline-block; }

#sourou main article {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  /*ボタン*/
  /*射精障害ガイド*/
  /* ==========================================================================
  腟内射精障害と治療方法について
  ========================================================================== */
  /* ==========================================================================
  メンズトレーニングカップでの治療方法
  ========================================================================== */
  /* ==========================================================================
  早漏治療研究（結果）
  ========================================================================== */
  /* ==========================================================================
  腟内射精障害 患者の声
  ========================================================================== */
  /* ==========================================================================
  射精障害相談可能医師リスト
  ========================================================================== */ }
  #sourou main article .outsideBtn {
    display: block;
    width: 100%;
    margin: 0 auto 72px;
    padding: 0; }
    @media print, screen and (max-width: 640px) {
      #sourou main article .outsideBtn {
        padding: 0 10px; } }
    #sourou main article .outsideBtn li {
      margin: 40px 0 0; }
      @media print, screen and (max-width: 640px) {
        #sourou main article .outsideBtn li {
          margin: 50px 0 0; } }
      @media print, screen and (max-width: 640px) {
        #sourou main article .outsideBtn li:last-of-type {
          margin: 30px 0 0; } }
    #sourou main article .outsideBtn a {
      border: 2px solid #927852;
      padding: 4px 16px 0;
      max-width: 512px;
      width: 100%;
      display: block;
      font-size: 1.8rem;
      line-height: 3.8;
      text-align: center;
      margin: 0 auto;
      position: relative;
      border-radius: 4px; }
      @media print, screen and (max-width: 640px) {
        #sourou main article .outsideBtn a {
          padding: 16px 8px;
          line-height: 1.4; } }
      #sourou main article .outsideBtn a:before {
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url("/test/thc/dr-kobori/images/common/ico_newwindow.png");
        content: '';
        background-size: contain;
        right: 15px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article .outsideBtn a:before {
            width: 24px;
            height: 24px;
            top: 0;
            bottom: 0;
            margin: auto; } }
  #sourou main article.top section#keyvisualLayout {
    background-image: none;
    background-color: #c16841; }
  #sourou main article.top section.selectLayout {
    width: 100%;
    display: block;
    padding: 42px 10px 50px;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.top section.selectLayout {
        padding: 28px 5px 64px; } }
    #sourou main article.top section.selectLayout ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      max-width: 800px;
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.top section.selectLayout ul {
          padding: 0 40px; } }
      #sourou main article.top section.selectLayout ul li {
        list-style-type: none;
        float: left;
        width: 32%;
        margin: 0 0 16px 2%; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.top section.selectLayout ul li {
            width: 100%;
            margin: 0 0 25px;
            text-align: center; } }
        #sourou main article.top section.selectLayout ul li img {
          width: 100%; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.top section.selectLayout ul li img {
              width: auto;
              margin: 0 auto; } }
        #sourou main article.top section.selectLayout ul li:first-child, #sourou main article.top section.selectLayout ul li:nth-child(4) {
          margin: 0 0 16px; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.top section.selectLayout ul li:first-child, #sourou main article.top section.selectLayout ul li:nth-child(4) {
              margin: 0 0 25px; } }
  #sourou main article.what .Keyvisual h1 {
    padding-bottom: 36px; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.what .Keyvisual h1 {
        padding-bottom: 18px; } }
  @media print, screen and (max-width: 640px) {
    #sourou main article.what .Keyvisual p {
      text-align: left; } }
  #sourou main article.what .whatWrapLayout > section {
    padding: 60px 0; }
  #sourou main article.what .whatWrapLayout h2 {
    margin: 0 0 40px;
    font-size: 40px;
    text-align: center;
    line-height: 1;
    color: #c16841; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.what .whatWrapLayout h2 {
        font-size: 25px; } }
  #sourou main article.what .whatWrapLayout .contents-group {
    max-width: 800px;
    margin: 0 auto; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.what .whatWrapLayout .contents-group {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    #sourou main article.what .whatWrapLayout .contents-group > div {
      text-align: center; }
  #sourou main article.what .whatWrapLayout p,
  #sourou main article.what .whatWrapLayout li {
    font-size: 15px;
    text-align: left; }
  #sourou main article.what .whatWrapLayout ul ul,
  #sourou main article.what .whatWrapLayout ul ol,
  #sourou main article.what .whatWrapLayout ol ul,
  #sourou main article.what .whatWrapLayout ol ol {
    padding-left: 30px; }
  #sourou main article.what .whatWrapLayout ul {
    display: inline-block;
    list-style-type: none; }
  #sourou main article.what .whatWrapLayout ol {
    list-style-type: decimal; }
  #sourou main article.what .whatWrapLayout li:nth-of-type(n+2) {
    margin: .5em 0 0; }
  #sourou main article.what .whatWrapLayout .flex {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.what .whatWrapLayout .flex {
        display: block; } }
    #sourou main article.what .whatWrapLayout .flex figure {
      margin: 0; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.what .whatWrapLayout .flex figure {
          margin: 30px 0;
          text-align: center; } }
    #sourou main article.what .whatWrapLayout .flex > div {
      padding-left: 30px; }
  #sourou main article.what .whatWrapLayout figure {
    margin: 30px 0;
    text-align: center; }
  #sourou main article.what .whatWrapLayout #definition figure img {
    width: 149px; }
  #sourou main article.what .whatWrapLayout #definition div > ul > li:nth-of-type(n+2) {
    margin: 40px 0 0; }
  @media print, screen and (max-width: 640px) {
    #sourou main article.what .whatWrapLayout #definition figure {
      height: 190px;
      overflow: hidden; } }
  #sourou main article.what .whatWrapLayout #definition a {
    color: #33a498;
    text-decoration: underline; }
  #sourou main article.what .whatWrapLayout #people figure img {
    width: 430px; }
  #sourou main article.what .whatWrapLayout #time figure img {
    width: 142px; }
  #sourou main article.what .whatWrapLayout #remedy .contents-group > p {
    margin: 0 0 60px;
    text-align: center; }
  #sourou main article.what .whatWrapLayout #remedy .column_layout {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media print, screen and (min-width: 641px) {
      #sourou main article.what .whatWrapLayout #remedy .column_layout {
        height: 730px; } }
    #sourou main article.what .whatWrapLayout #remedy .column_layout > div {
      width: 46.25%;
      max-width: 370px;
      padding: 0; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.what .whatWrapLayout #remedy .column_layout > div {
          width: auto;
          max-width: 100%;
          margin: 60px 0 0; } }
      #sourou main article.what .whatWrapLayout #remedy .column_layout > div:nth-of-type(2) {
        margin: 60px 0 0; }
      #sourou main article.what .whatWrapLayout #remedy .column_layout > div:nth-of-type(3) {
        margin-left: 7.5%; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.what .whatWrapLayout #remedy .column_layout > div:nth-of-type(3) {
            margin: 60px 0 0; } }
    #sourou main article.what .whatWrapLayout #remedy .column_layout h3 {
      font-size: 22px;
      text-align: left; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.what .whatWrapLayout #remedy .column_layout h3 {
          font-size: 18px; } }
      #sourou main article.what .whatWrapLayout #remedy .column_layout h3:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 10px;
        background: #e18962;
        border-radius: 50%; }
    #sourou main article.what .whatWrapLayout #remedy .column_layout h4 {
      margin: 1.75em 0 0;
      font-size: 17px;
      text-align: left;
      color: #c16841; }
    #sourou main article.what .whatWrapLayout #remedy .column_layout figure {
      position: relative;
      height: 150px; }
    #sourou main article.what .whatWrapLayout #remedy .column_layout img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      #sourou main article.what .whatWrapLayout #remedy .column_layout img[src*="mtc"] {
        max-width: 260px;
        width: 70.2%; }
      #sourou main article.what .whatWrapLayout #remedy .column_layout img[src*="counsel"] {
        max-width: 349px;
        width: 94.3%; }
      #sourou main article.what .whatWrapLayout #remedy .column_layout img[src*="drug"] {
        max-width: 316.5px;
        width: 85.5%; }
  #sourou main article.mtc * {
    box-sizing: border-box; }
  #sourou main article.mtc section#keyvisualLayout .Keyvisual .inner h1 {
    padding-bottom: 32px; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.mtc section#keyvisualLayout .Keyvisual .inner h1 {
        padding-bottom: 18px; } }
  @media print, screen and (max-width: 640px) {
    #sourou main article.mtc section#keyvisualLayout .Keyvisual .inner p {
      text-align: left; } }
  #sourou main article.mtc section.macWrapLayout {
    width: 100%;
    display: block;
    padding-top: 64px;
    padding-bottom: 0; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.mtc section.macWrapLayout {
        padding-top: 40px;
        padding-bottom: 0; } }
    #sourou main article.mtc section.macWrapLayout .mtcflowlayout {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.mtc section.macWrapLayout .mtcflowlayout {
          padding: 0 10px; } }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout h2 {
        font-size: 2.8rem;
        font-weight: 600;
        padding-bottom: 32px;
        line-height: 1; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.mtc section.macWrapLayout .mtcflowlayout h2 {
            font-size: 2rem; } }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout p {
        line-height: 1;
        padding-bottom: 40px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.mtc section.macWrapLayout .mtcflowlayout p {
            font-size: 1.6rem;
            line-height: 1.5; } }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox {
        width: 100%;
        display: block; }
        #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
          width: 100%; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox {
            width: 100%;
            overflow-x: scroll;
            padding: 0 0 10px;
            margin-bottom: 20px; }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar {
              height: 10px; }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track {
              background: #dddddd; }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-thumb {
              background: #30b8aa; }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
              width: 100%; } }
    @media print, screen and (max-width: 640px) and (max-width: 640px) {
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox img {
        width: 810px;
        max-width: none; } }

      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar {
        width: 15px;
        height: 10px; }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-thumb {
        background: #30b8aa;
        border-radius: 10px; }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece {
        background: #efefef;
        height: 10px; }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece:start {
        background: #efefef; }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowBox::-webkit-scrollbar-track-piece:end {
        background: #efefef; }
      #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt {
        display: block;
        text-align: left;
        padding-top: 40px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt {
            padding-top: 0; } }
        #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul {
          width: 100%;
          max-width: 730px;
          margin: 0 auto;
          display: block; }
          #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li {
            position: relative;
            padding: 30px;
            margin: 0 0 10px;
            font-size: 1.6rem;
            counter-increment: count;
            line-height: 1.7;
            background: #f3f3e0; }
            @media print, screen and (max-width: 640px) {
              #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li {
                padding: 25px; } }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::before {
              position: absolute;
              content: "" counter(count) "";
              top: 0;
              left: 0;
              width: 25px;
              height: 25px;
              font-size: 2rem;
              line-height: 25px;
              color: #fff;
              text-align: center;
              background: #c8c8a4; }
              @media print, screen and (max-width: 640px) {
                #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li::before {
                  font-size: 2rem; } }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li:last-child {
              margin: 0; }
            #sourou main article.mtc section.macWrapLayout .mtcflowlayout .flowTxt ul li span {
              font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
  #sourou main article.research * {
    box-sizing: border-box; }
  #sourou main article.research section#keyvisualLayout .inner h1 {
    line-height: 1.2;
    padding-bottom: 32px; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.research section#keyvisualLayout .inner h1 {
        padding-bottom: 18px; } }
  #sourou main article.research section.macWrapLayout {
    width: 100%;
    display: block;
    padding-top: 64px;
    padding-bottom: 0; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.research section.macWrapLayout {
        padding-top: 40px;
        padding-bottom: 0; } }
    #sourou main article.research section.macWrapLayout .researchlayout {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.research section.macWrapLayout .researchlayout {
          padding: 0 10px; } }
      #sourou main article.research section.macWrapLayout .researchlayout h2 {
        font-size: 2.8rem;
        font-weight: 600;
        padding-bottom: 32px;
        line-height: 1.5; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.research section.macWrapLayout .researchlayout h2 {
            padding-bottom: 20px;
            font-size: 2rem;
            text-align: left; } }
      #sourou main article.research section.macWrapLayout .researchlayout p {
        font-size: 1.6rem;
        line-height: 1.5;
        padding-bottom: 40px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.research section.macWrapLayout .researchlayout p {
            font-size: 1.5rem;
            line-height: 1.6;
            padding-bottom: 0; } }
      #sourou main article.research section.macWrapLayout .researchlayout .environment {
        display: flex;
        -ms-justify-content: center;
        justify-content: center;
        margin: 0 0 50px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.research section.macWrapLayout .researchlayout .environment {
            margin: 0 0 25px;
            -ms-justify-content: flex-start;
            justify-content: flex-start; } }
        #sourou main article.research section.macWrapLayout .researchlayout .environment li {
          padding: 10px 20px 7px;
          margin: 0 10px 0 0;
          color: #fff;
          font-size: 16px;
          line-height: 16px;
          background: #927852; }
          #sourou main article.research section.macWrapLayout .researchlayout .environment li:last-of-type {
            margin: 0; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.research section.macWrapLayout .researchlayout .environment li {
              padding: 0 10px;
              font-size: 1.3rem;
              margin: 0 5px 0 0;
              line-height: 30px; } }
      #sourou main article.research section.macWrapLayout .researchlayout .researchGraph {
        width: 100%;
        display: flex;
        justify-content: space-between;
        -ms-justify-content: space-between; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.research section.macWrapLayout .researchlayout .researchGraph {
            display: block;
            width: 100%; } }
        #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl {
          width: 44.375%;
          max-width: 355px; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl {
              width: 100%;
              margin: 0 auto 30px; } }
          #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl:nth-of-type(2) dt {
            color: #648fc4; }
          #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl dt {
            margin: 0 0 15px;
            color: #be6d6d;
            font-size: 1.6rem;
            line-height: 1.3;
            text-align: left; }
            #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl dt strong {
              font-size: 2.8rem;
              margin: 0 5px 0 0; }
              @media print, screen and (max-width: 640px) {
                #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl dt strong {
                  font-size: 2.4rem; } }
            #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl dt span {
              display: inline-block;
              color: #555555;
              font-size: 1.4rem; }
          #sourou main article.research section.macWrapLayout .researchlayout .researchGraph dl dd img {
            width: 100%; }
      #sourou main article.research section.macWrapLayout .researchlayout .flowTxt {
        display: block;
        text-align: center;
        padding-top: 40px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.research section.macWrapLayout .researchlayout .flowTxt {
            padding-top: 0;
            text-align: left; } }
        #sourou main article.research section.macWrapLayout .researchlayout .flowTxt p strong {
          font-size: 2rem;
          color: #be6d6d; }
          #sourou main article.research section.macWrapLayout .researchlayout .flowTxt p strong:nth-of-type(2) {
            color: #648fc4; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.research section.macWrapLayout .researchlayout .flowTxt p strong {
              font-size: 1.7rem; } }
          #sourou main article.research section.macWrapLayout .researchlayout .flowTxt p strong span {
            font-size: 2.2rem; }
            @media print, screen and (max-width: 640px) {
              #sourou main article.research section.macWrapLayout .researchlayout .flowTxt p strong span {
                font-size: 2rem; } }
  #sourou main article.voice section.voiceLayout {
    width: 100%;
    display: block;
    padding-top: 72px;
    padding-bottom: 0; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.voice section.voiceLayout {
        padding-top: 28px;
        padding-bottom: 0; } }
    #sourou main article.voice section.voiceLayout * {
      box-sizing: border-box; }
    #sourou main article.voice section.voiceLayout .column_layout {
      width: 100%;
      max-width: 800px;
      margin: 0 auto 64px;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: flex-start;
      -ms-justify-content: flex-start; }
      @media print, screen and (min-width: 641px) {
        #sourou main article.voice section.voiceLayout .column_layout {
          height: 1420px; } }
      #sourou main article.voice section.voiceLayout .column_layout div {
        width: 46.875%;
        max-width: 375px;
        margin: 0 0 20px; }
        @media print, screen and (max-width: 640px) {
          #sourou main article.voice section.voiceLayout .column_layout div {
            width: 100%;
            max-width: 100%; } }
        #sourou main article.voice section.voiceLayout .column_layout div:nth-of-type(n+5) {
          margin: 0 0 20px 6.25%; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.voice section.voiceLayout .column_layout div:nth-of-type(n+5) {
              margin: 0 0 20px; } }
        #sourou main article.voice section.voiceLayout .column_layout div h3 {
          position: relative;
          padding: 20px 0 15px 95px;
          min-height: 90px;
          font-size: 1.8rem;
          line-height: 1.5; }
          #sourou main article.voice section.voiceLayout .column_layout div h3.lh-3 {
            line-height: 3; }
          #sourou main article.voice section.voiceLayout .column_layout div h3:before {
            content: '';
            position: absolute;
            display: inline-block;
            top: 10px;
            left: 20px;
            width: 50px;
            height: 73px;
            background: url("/test/thc/dr-kobori/images/sourou/voice/img_voice_usericon.svg");
            background-size: cover; }
        #sourou main article.voice section.voiceLayout .column_layout div ul {
          padding: 0 20px;
          background: #a0a069;
          display: flex;
          justify-content: space-between;
          -ms-justify-content: space-between; }
          #sourou main article.voice section.voiceLayout .column_layout div ul li {
            color: #fff; }
            #sourou main article.voice section.voiceLayout .column_layout div ul li span {
              margin: 0 0 0 5px;
              font-size: 1.3rem; }
        #sourou main article.voice section.voiceLayout .column_layout div p {
          padding: 20px;
          background: #f4f4df;
          font-size: 1.6rem;
          line-height: 1.8; }
  #sourou main article.list * {
    box-sizing: border-box; }
  #sourou main article.list section.doctorList {
    display: block;
    width: 100%;
    padding-top: 56px; }
    @media print, screen and (max-width: 640px) {
      #sourou main article.list section.doctorList {
        padding-top: 20px; } }
    #sourou main article.list section.doctorList .listWarp {
      width: 100%;
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px 50px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #sourou main article.list section.doctorList .listWarp {
          padding: 0 10px 64px; } }
      #sourou main article.list section.doctorList .listWarp table {
        width: 100%; }
        #sourou main article.list section.doctorList .listWarp table thead tr {
          color: #299e92;
          font-weight: 600;
          border-bottom: 2px solid #30b8aa; }
          #sourou main article.list section.doctorList .listWarp table thead tr th {
            padding: 18px 9px 8px; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.list section.doctorList .listWarp table thead tr {
              display: none; } }
        #sourou main article.list section.doctorList .listWarp table tbody tr {
          width: 100%;
          font-size: 1.6rem;
          line-height: 1.5;
          text-align: left;
          border-bottom: 1px solid #e9e3d6; }
          @media print, screen and (max-width: 640px) {
            #sourou main article.list section.doctorList .listWarp table tbody tr {
              display: block;
              padding: 18px 8px; } }
          #sourou main article.list section.doctorList .listWarp table tbody tr:first-child td {
            padding-top: 20px; }
            @media print, screen and (max-width: 640px) {
              #sourou main article.list section.doctorList .listWarp table tbody tr:first-child td {
                padding: 0 0 6px 0; } }
          #sourou main article.list section.doctorList .listWarp table tbody tr td {
            padding: 14px 9px; }
            @media print, screen and (max-width: 640px) {
              #sourou main article.list section.doctorList .listWarp table tbody tr td {
                width: 100%;
                display: block;
                padding: 0 0 6px; } }
            #sourou main article.list section.doctorList .listWarp table tbody tr td::before {
              display: none; }
              @media print, screen and (max-width: 640px) {
                #sourou main article.list section.doctorList .listWarp table tbody tr td::before {
                  display: inline-block;
                  color: #299e92;
                  font-weight: 600;
                  float: left;
                  width: 4em; } }
            #sourou main article.list section.doctorList .listWarp table tbody tr td:first-child::before {
              content: '地域'; }
            #sourou main article.list section.doctorList .listWarp table tbody tr td:nth-child(2)::before {
              content: '医師'; }
            #sourou main article.list section.doctorList .listWarp table tbody tr td:nth-child(3)::before {
              content: '病院'; }
            #sourou main article.list section.doctorList .listWarp table tbody tr td:nth-child(4)::before {
              content: '診療科'; }
            #sourou main article.list section.doctorList .listWarp table tbody tr td p {
              padding: 0; }
              @media print, screen and (max-width: 640px) {
                #sourou main article.list section.doctorList .listWarp table tbody tr td p {
                  display: inline-block;
                  width: calc(100% - 4.5em); } }
            @media print, screen and (max-width: 640px) {
              #sourou main article.list section.doctorList .listWarp table tbody tr td:last-child {
                padding-bottom: 0; } }

/* ==========================================================================
遅漏・腟内射精障害セルフチェック
========================================================================== */
.pageSelfcheck section#keyvisualLayout .inner h1 {
  padding-bottom: 32px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck section#keyvisualLayout .inner h1 {
      padding-bottom: 18px; } }
.pageSelfcheck .inner {
  margin: 0 auto; }
@media print, screen and (max-width: 640px) {
  .pageSelfcheck .c_contentHead > .title {
    padding-top: 0; } }
.pageSelfcheck .ssCheck {
  padding-top: 40px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .ssCheck {
      padding-top: 28px; } }
  .pageSelfcheck .ssCheck .inner {
    max-width: 800px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssCheck .inner {
        margin: 10px; } }
.pageSelfcheck .ssResult .inner {
  padding: 44px 0 56px;
  max-width: 620px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .ssResult .inner {
      padding-bottom: 10px;
      padding-top: 0; } }
  .pageSelfcheck .ssResult .inner .Perspective {
    display: block;
    padding: 32px 30px 0;
    color: #fff;
    font-size: 1.6rem; }
    .pageSelfcheck .ssResult .inner .Perspective * {
      box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssResult .inner .Perspective {
        padding: 0 10px;
        color: #000;
        font-size: 1.2rem; } }
    .pageSelfcheck .ssResult .inner .Perspective ul {
      display: block; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .ssResult .inner .Perspective ul {
          background: #ace2d8;
          padding: 19px 23px 16px; } }
      .pageSelfcheck .ssResult .inner .Perspective ul li {
        line-height: 1;
        padding-bottom: 12px; }
        .pageSelfcheck .ssResult .inner .Perspective ul li .Score {
          display: inline-block;
          position: relative;
          padding-left: 17px;
          font-size: 1.6rem; }
          @media print, screen and (max-width: 640px) {
            .pageSelfcheck .ssResult .inner .Perspective ul li .Score {
              font-size: 1.2rem;
              line-height: 1; } }
          .pageSelfcheck .ssResult .inner .Perspective ul li .Score:before {
            position: absolute;
            content: '●';
            color: #fff;
            top: 0;
            width: 2rem;
            height: 2rem;
            bottom: 0;
            left: 0;
            margin: auto;
            font-size: 2rem;
            line-height: 1; }
            @media print, screen and (max-width: 640px) {
              .pageSelfcheck .ssResult .inner .Perspective ul li .Score:before {
                color: #000;
                width: 1.6rem;
                height: 1.6rem;
                font-size: 1.6rem;
                top: -1px; } }
        .pageSelfcheck .ssResult .inner .Perspective ul li:last-child {
          padding-bottom: 0; }
@media print, screen and (max-width: 640px) {
  .pageSelfcheck .ssResult.bg_g {
    background: #fefef6; } }
.pageSelfcheck .ssMessage .inner {
  max-width: 800px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .ssMessage .inner {
      margin: 0 10px; } }
  .pageSelfcheck .ssMessage .inner .linkBtn {
    display: none;
    padding-top: 60px;
    margin-bottom: 64px; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .ssMessage .inner .linkBtn {
        display: block;
        padding: 0 2px 0; } }
    .pageSelfcheck .ssMessage .inner .linkBtn a {
      line-height: 1;
      border: 2px solid #927852;
      padding: 24px 0;
      width: 100%;
      max-width: 510px;
      display: block;
      text-align: center;
      font-size: 1.8rem;
      border-radius: 4px;
      margin: 0 auto;
      font-weight: 600;
      position: relative; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .ssMessage .inner .linkBtn a {
          padding: 16px 0; } }
      .pageSelfcheck .ssMessage .inner .linkBtn a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 13px;
        margin: auto;
        background-image: url("/images/top/linkarrow.png");
        width: 10px;
        height: 17px;
        background-repeat: no-repeat;
        content: '';
        background-size: contain; }
.pageSelfcheck .formGroup > .title {
  color: #515151;
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.3;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  display: block;
  width: 100%; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .formGroup > .title {
      font-size: 1.8rem; } }
  .pageSelfcheck .formGroup > .title > .number {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 0.75em; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .formGroup > .title > .number {
        font-size: 1.3rem; } }
    .pageSelfcheck .formGroup > .title > .number::before, .pageSelfcheck .formGroup > .title > .number::after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 2px;
      width: 64px;
      background-color: #cabba6;
      margin: 0 12px; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .formGroup > .title > .number::before, .pageSelfcheck .formGroup > .title > .number::after {
          width: 32px; } }
.pageSelfcheck .radioBox {
  display: flex;
  align-items: flex-end;
  margin: 32px 0 56px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .radioBox {
      flex-direction: column;
      margin: 16px 0 32px; } }
  .pageSelfcheck .radioBox > .radio {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
    text-align: center;
    position: relative;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .radioBox > .radio {
        flex-direction: row;
        align-items: center;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        padding: 12px; }
        .pageSelfcheck .radioBox > .radio + .radio {
          margin-top: 4px; } }
    .pageSelfcheck .radioBox > .radio::before, .pageSelfcheck .radioBox > .radio::after {
      content: "";
      background-color: #947853;
      height: 8px;
      width: 50%;
      position: absolute;
      bottom: calc( .6rem + 24px);
      opacity: .5; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .radioBox > .radio::before, .pageSelfcheck .radioBox > .radio::after {
          content: none; } }
    .pageSelfcheck .radioBox > .radio::before {
      left: 0; }
    .pageSelfcheck .radioBox > .radio::after {
      right: 0; }
    .pageSelfcheck .radioBox > .radio:first-child::before, .pageSelfcheck .radioBox > .radio:last-child::after {
      content: none; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .radioBox > .radio.is_checked {
        border-color: #30b8aa; } }
    .pageSelfcheck .radioBox > .radio > .scLabel {
      color: #434343;
      font-size: 1.6rem;
      line-height: 1.5;
      font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
      position: relative;
      cursor: pointer;
      display: inline-block;
      overflow: hidden;
      box-sizing: border-box;
      padding-bottom: 50px; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .radioBox > .radio > .scLabel {
          min-height: calc(18px + 5px);
          margin-right: calc(18px + 5px);
          padding-left: calc(18px + 5px);
          line-height: calc(18px + 5px);
          flex: 1 1 auto;
          text-align: left;
          padding: 0 0 0 30px; } }
      .pageSelfcheck .radioBox > .radio > .scLabel::before, .pageSelfcheck .radioBox > .radio > .scLabel::after {
        content: '';
        position: absolute;
        box-sizing: border-box;
        margin-top: auto;
        margin-bottom: auto; }
      .pageSelfcheck .radioBox > .radio > .scLabel::before {
        background-color: #fefef6;
        border-radius: 100%;
        width: 32px;
        height: 32px;
        border: 1px solid #515151;
        z-index: 2;
        bottom: 0;
        left: calc(50% - 16px); }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .radioBox > .radio > .scLabel::before {
            background-color: #fff;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px; } }
      .pageSelfcheck .radioBox > .radio > .scLabel::after {
        width: 22px;
        height: 22px;
        border-radius: 100%;
        background: #30b8aa;
        z-index: 5;
        bottom: 5px;
        overflow: hidden;
        left: calc(50% - 11px);
        transform: scale(0);
        transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1); }
        @media print, screen and (max-width: 640px) {
          .pageSelfcheck .radioBox > .radio > .scLabel::after {
            top: 0;
            bottom: 0;
            width: 14px;
            height: 14px;
            left: calc(((20px / 2) - (14px) / 2));
            transition: none; } }
    .pageSelfcheck .radioBox > .radio > input[type="radio"] {
      display: none; }
      .pageSelfcheck .radioBox > .radio > input[type="radio"]:checked + .scLabel {
        color: #2cab9e;
        font-weight: bold; }
        .pageSelfcheck .radioBox > .radio > input[type="radio"]:checked + .scLabel::after {
          transform: scale(1); }
      .pageSelfcheck .radioBox > .radio > input[type="radio"]:not(:checked):focus + .scLabel::after, .pageSelfcheck .radioBox > .radio > input[type="radio"]:not(:checked):hover + .scLabel::after {
        transform: scale(0.5); }
    .pageSelfcheck .radioBox > .radio > .point {
      font-family: YuGothic, "YuGothic M", "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "源ノ角ゴシック Regular", "源ノ角ゴシック", sans-serif;
      font-size: 1.2rem;
      color: #ad8e61;
      margin-top: 8px;
      line-height: 1; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .radioBox > .radio > .point {
          font-size: 1.4rem;
          color: #999;
          margin-top: 0;
          flex: 0 0 auto; } }
.pageSelfcheck .resultTtl {
  color: #fff;
  font-size: 4rem;
  text-align: center;
  letter-spacing: .3em;
  line-height: 1;
  margin-bottom: 1em; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .resultTtl {
      font-size: 2.0rem;
      margin-bottom: 2.2em;
      background: #30b8aa;
      padding: 50px 0; } }
.pageSelfcheck .resultBox {
  background: #fff;
  padding: 40px 0 30px;
  position: relative;
  overflow: hidden; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .resultBox {
      padding: 36px 24px 30px;
      margin: 10px;
      background: #fefef6; } }
  @media print, screen and (max-width: 320px) {
    .pageSelfcheck .resultBox {
      padding: 24px 12px; } }
  .pageSelfcheck .resultBox > .cover {
    opacity: 0.85;
    background-color: #000;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .4s ease; }
    .pageSelfcheck .resultBox > .cover > p {
      color: #c9bba4;
      font-size: 2.2rem;
      text-align: center;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultBox > .cover > p {
          font-size: 1.8rem;
          line-height: 1.33; } }
  .pageSelfcheck .resultBox.is_active .cover {
    transform: translateY(100%); }
.pageSelfcheck .resultList {
  text-align: center;
  margin: 0 auto 16px;
  max-width: 440px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden; }
  .pageSelfcheck .resultList > li {
    position: relative; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultList > li {
        flex: 1 1 auto; } }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultList > li + li {
        border-left: 1px solid #cabba6; } }
    .pageSelfcheck .resultList > li + li::before {
      content: "";
      background: #cabba6;
      width: 1px;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: -64%; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultList > li + li::before {
          content: none; } }
    .pageSelfcheck .resultList > li > .ques {
      font-size: 2.4rem;
      color: #ad8e61; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .resultList > li > .ques {
          font-size: 1.9rem; } }
.pageSelfcheck .resultScore {
  font-size: 2.2rem;
  color: #000;
  letter-spacing: .1em; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .resultScore {
      font-size: 1.5rem; } }
  .pageSelfcheck .resultScore .point {
    font-size: 3.6rem; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .resultScore .point {
        font-size: 2.5rem; } }
.pageSelfcheck .scoreTotal {
  text-align: center; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .scoreTotal {
      display: flex;
      justify-content: center; } }
  .pageSelfcheck .scoreTotal > .total {
    color: #000;
    font-size: 6rem;
    display: inline-block;
    line-height: 1;
    vertical-align: middle; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .scoreTotal > .total {
        font-size: 5.3rem;
        white-space: nowrap; } }
    .pageSelfcheck .scoreTotal > .total > .point {
      font-size: 8.8rem;
      min-width: 1em;
      display: inline-block; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .scoreTotal > .total > .point {
          font-size: 8rem;
          min-width: 0; } }
  .pageSelfcheck .scoreTotal > .stamp {
    display: inline-block;
    width: 250px;
    height: 111px;
    vertical-align: middle;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .scoreTotal > .stamp {
        width: 58%;
        height: auto; } }
    .pageSelfcheck .scoreTotal > .stamp > img {
      display: none; }
      @media print, screen and (max-width: 640px) {
        .pageSelfcheck .scoreTotal > .stamp > img {
          position: static;
          transform: translate(0); } }
      .pageSelfcheck .scoreTotal > .stamp > img.is_active {
        display: inline-block;
        animation: puff-in-center 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both; }
.pageSelfcheck .afterWord {
  text-align: center;
  color: #299e92;
  line-height: 1.85;
  margin: 40px 0 50px; }
  @media print, screen and (max-width: 640px) {
    .pageSelfcheck .afterWord {
      font-size: 1.2rem;
      margin: 28px 0 20px; } }
  .pageSelfcheck .afterWord > .big {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 0.8em; }
    @media print, screen and (max-width: 640px) {
      .pageSelfcheck .afterWord > .big {
        font-size: 1.5rem;
        line-height: 1.75; } }

/* ==========================================================================
射精障害ガイドトップ
========================================================================== */
#movie main article {
  box-sizing: border-box;
  position: relative;
  z-index: 10; }
  @media print, screen and (max-width: 640px) {
    #movie main article {
      padding-bottom: 64px; } }
  #movie main article.movies * {
    box-sizing: border-box; }
  #movie main article.movies section.movieLayout {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 72px 20px 50px; }
    @media print, screen and (max-width: 640px) {
      #movie main article.movies section.movieLayout {
        padding: 0 10px; } }
    #movie main article.movies section.movieLayout h1 {
      font-size: 3rem;
      text-align: center;
      font-weight: 600;
      padding: 32px 0;
      line-height: 1;
      border-bottom: 2px solid #30b8aa;
      border-top: 2px solid #30b8aa;
      margin-bottom: 24px; }
      @media print, screen and (max-width: 640px) {
        #movie main article.movies section.movieLayout h1 {
          font-size: 2.2rem;
          margin-top: 20px;
          line-height: 1.5;
          padding: 8px 0; } }
    #movie main article.movies section.movieLayout h2 {
      font-size: 1.7rem;
      text-align: center;
      padding-bottom: 52px; }
      @media print, screen and (max-width: 640px) {
        #movie main article.movies section.movieLayout h2 {
          padding-bottom: 20px;
          text-align: left; } }
    #movie main article.movies section.movieLayout ul {
      width: 100%;
      display: block;
      position: relative;
      z-index: 6; }
      #movie main article.movies section.movieLayout ul li {
        float: left;
        width: 34%;
        padding-right: 16px; }
        @media print, screen and (max-width: 640px) {
          #movie main article.movies section.movieLayout ul li {
            width: 100%;
            padding: 0; } }
        #movie main article.movies section.movieLayout ul li a {
          display: block; }
          #movie main article.movies section.movieLayout ul li a.hoverEffect:hover {
            cursor: pointer;
            transition: .5s;
            background: #30b8aa; }
            #movie main article.movies section.movieLayout ul li a.hoverEffect:hover h2 {
              color: #fff;
              transition: .5s; }
            #movie main article.movies section.movieLayout ul li a.hoverEffect:hover .icon span {
              transition: .5s;
              background: #fff; }
        #movie main article.movies section.movieLayout ul li .thumb {
          width: 100%;
          padding-bottom: 16px; }
          @media print, screen and (max-width: 640px) {
            #movie main article.movies section.movieLayout ul li .thumb {
              padding-bottom: 0; } }
          #movie main article.movies section.movieLayout ul li .thumb img {
            width: 100%;
            height: auto; }
        #movie main article.movies section.movieLayout ul li .spMode {
          position: relative;
          padding: 56.25% 0 0; }
          #movie main article.movies section.movieLayout ul li .spMode iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
        #movie main article.movies section.movieLayout ul li h3 {
          font-size: 1.7rem;
          font-weight: 600;
          line-height: 1.5;
          padding-bottom: 44px; }
          @media print, screen and (max-width: 640px) {
            #movie main article.movies section.movieLayout ul li h3 {
              padding-top: 8px;
              padding-bottom: 16px; } }
          #movie main article.movies section.movieLayout ul li h3.notp {
            padding-bottom: 0; }
        #movie main article.movies section.movieLayout ul li:nth-child(3n) {
          width: 32%;
          padding-right: 0; }
          @media print, screen and (max-width: 640px) {
            #movie main article.movies section.movieLayout ul li:nth-child(3n) {
              width: 100%; } }


.pc-none {
  display: none; }

.sp-none {
  display: block; }

@media screen and (max-width: 1000px) {
  .pc-none {
    display: block; }
  .sp-none {
    display: none; } }

.step {
margin-top: 55px;
padding-bottom: 40px;
border-left: 5px solid #fcf428;
}
.step_start img {
width: 100%;
}
.step_box {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
margin: 30px 0 0 30px;
}
.step_box figure {
width: 300px;
margin: 0;
}
.step_box figure img {
width: 100%;
margin: 0;
}
.step_txt {
width: 450px;
font-size: 18px;
line-height: 170%;
}
.step_txt * {
text-align: left;
}
.step_num {
margin-top: 30px;
margin-bottom: 30px;
color: #28b2ab;
font-weight: bold;
font-size: 30px;
line-height: 140%;
}
.step_num span {
font-size: 70px;
margin-right: 10px;
}
.step_txt p {
padding-bottom: 0 !important;
line-height: 170% !important;
font-size: 90%;
}
.step_txt p span {
background: #fcf428;
}
.step_txt p.small {
font-size: 13px !important;
}
.step_txt .acordion_btn {
width: 160px;
margin: 10px 0 0 auto;
padding: 10px 0 7px;
cursor: pointer;
text-align: center;
color: #fff;
background: #28b2ab;
font-weight: bold;
}
.step_txt .acordion_btn:hover {
opacity: 0.7;
}
.step_txt .disp_none {
display: none;
margin: 20px 0 40px;
}

.flowimgbox {
width: 100%;
}
.flowimgbox img {
width: 100%;
}
@media print, screen and (max-width: 1000px) {
	.step {
	margin-top: 30px;
	}
	.step_box {
	display: block;
	}
	.step_box figure {
	width: 70vw;
	margin: 0 9vw 0 auto;
	}
	.step_num {
	margin-bottom: 20px;
	font-size: 20px;
	}
	.step_txt {
	width: 95%;
	font-size: 14px;
	}
	.step_num span {
	font-size: 50px;
	margin-right: 10px;
	}
}


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