@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');

/* 初期設定リセット */
*{margin: 0;padding: 0}

/* ボックスサイズ調整 */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

ul, ol {
max-width: 700px;
margin: 0.5em auto 1.5em;
list-style-position: inside;
padding: 0.5em
}

.box ul {margin: 0 auto;}

.clock ul {
padding: 0;
}

/* 基本設定 */
html,body {
margin: 0;
padding: 0;
width : 100%;
height: 100%;
}

body {
overflow-x: hidden;
color: #362e2b;
padding: 0;
}

div, p {font-family: 'Noto Sans JP', sans-serif;}

/*----------画像センタリング----------*/
.img-center {display: block; margin: 10px auto;}
.text-center {text-align: center;}

/*----------背景色指定（h1、見出し背景など）----------*/
.bg-red {background: #c60000;} /*--赤--*/
.bg-blue {background: #00468b;} /*--青--*/
.bg-green {background: #649201;} /*--緑--*/
.bg-orange {background: #fe7816;} /*--オレンジ--*/
.bg-gold {background: #807109;} /*--ゴールド--*/
.bg-black {background: #222;} /*--黒--*/

/*----------ヘッダー共通----------*/
#header {
  margin: 0 auto;
  padding: 0 1%;
  padding: 100px 0px;
}

.toptxt {
margin: 0 auto 1.5em;
padding: 0;
font-size: 1.4em;
font-weight: 500;
line-height: 1;
text-align: center;
}

.sh {
margin: 2em auto 1.5em;
padding: 0 0 0.25em;
font-family: 'Noto Serif JP', serif;
color: #222;
font-size: 2.4em;
font-weight: 700;
line-height: 1.5;
text-align: center;
clear: both;
position: relative;
}

.sh:after {
content: '';
display: block;
height: 40px;
background: #f5f5f5;
margin-top: -30px;
}

.sh2 {
margin: 2em auto 1.5em;
padding: 0 0 2em;
color: #a30000;
font-size: 2.4em;
font-weight: 300;
line-height: 1.25;
text-align: center;
clear: both;
position: relative;
height: 3.5em;
}

.container img {
display: block;
max-width: 100%;
margin: 0 auto;
}

.content {
max-width: 720px;
display: block;
margin: 0 auto;
}

.content .fx-row {
margin: 0 auto 1.5em;
padding: 0;
text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content img {margin-bottom: 1.5em;}

.noimage {display: block;}

.content .swing .noimage {
background: #f0f0f0;
height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sample .noimage {
background: #f0f0f0;
max-width: 700px;
height: 400px;
margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.headcopy {
max-width: 950px;
margin: 0 auto;
padding: 1em 0;
text-align: left;
}

h1 {
font-weight: 700;
margin: 0 auto 0.25em;
font-size: 3.2em;
line-height: 1.25;
}

h1 span {font-size: 150%;}

h2 {
font-weight: 300;
margin: 0 auto 0;
font-size: 1.8em;
line-height: 1.25;
}

.headcopy2 {
font-weight: 500;
margin: 0 auto 1em;
font-size: 1.5em;
line-height: 1.25;
text-align: center;
max-width: 950px;
}

.coution {
font-weight: 500;
margin: 0 auto;
font-size: 1.5em;
line-height: 1.25;
text-align: center;
max-width: 950px;
padding-top: 0.5em;
}

.headcopy2 span {font-size: 150%;}

.banner {
position: relative;
max-width: 100%;
text-align: center;
padding: 50px 0 0;
margin: 0 auto;
height: auto;
}

.logo {
max-width: 200px;
    position: absolute;
    top: 2%;
    right: 2%;
}

.copy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.formafter {
font-weight: 500;
margin: 1em auto;
font-size: 1.2em;
line-height: 1.25;
text-align: center;
}


@media screen and (max-width: 468px) {
.banner {
padding: 1em 0 1em;
min-height: 400px;
background-size: cover;
}
.logo {
max-width: 120px;
    position: absolute;
    top: 2%;
    left: 2%;
}

.banner br {display: none;}
.headcopy {margin: 0;padding: 0;}
.headcopy2 {margin-top: 1em;font-size:1.15em;padding: 0 0.5em !important;}
h1 {font-size:1.8em;text-align:center;}
h2 {font-size:1.2em;text-align:center;}
.sh {
font-size: 1.4em;
font-weight: 400;
}
.sh2 {
font-size: 1.6em;
font-weight: 700;
}
height: 3.5em;
}
dl {margin: 0;}
.coution {margin-bottom: 1em;}
.banner2 {padding: 4px 0.25em 0;border-radius: 0;}
}

.main {padding: 30px 0;}

/*----------SNSボタン----------*/
ul.sns {
text-align: center;
margin: 30px auto;
padding: 0;
list-style: none;
}

.sns li {display: inline; margin:20px;}

.brand {
max-width: 100%;
display: block;
padding: 0;
margin: 0 auto 0;
text-align: center;
z-index: 4;
box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.1);
border-top: 5px solid #0a3d6e;
}

.brand img {max-width: 80px;margin: 0.75em 0 0.75em;}

#footer .brand {
position: relative;
border: none;
box-shadow:none;
margin: 1em auto;
max-width: 80px;
}

@media screen and (max-width: 468px) {
.brand {padding: 0;margin: 0 auto;}
.brand img {max-width: 65px;margin: 0.5em auto 0.25em;}
#footer .brand {max-width: 65px;margin-bottom: 0.5em;}
}

.container {
max-width: 950px;
clear: both;
padding: 0 1%;
margin: 0;
position: relative;
z-index: 3;
}

.container p {
max-width: 720px;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
margin-top: 0;
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
text-align:justify;
}

.copy .red {margin: 0.4em auto 0.2em;}

.copy div {margin: 0 auto;}

.thanks {
font-size: 12em;
font-family: 'Kristi', cursive;
text-align: center;
line-height: 1.1;
margin: 30px auto -20px;
padding: 0;
color: #61513e;
}

.cgr {
display: block;
padding: 10px 5px;
color: #fff;
margin: 0 auto 0;
font-size: 1.6em;
font-family: "M PLUS Rounded 1c";
background: #679601;
line-height: 1.25;
max-width: 100%;
letter-spacing: 0em;
text-align: center;
}

.bline {
line-height: 1.25 !important;
border: 2px solid;
font-size: 105%;
border-radius: 50px;
margin: 0.5em 5px;
padding: 0 5px;
font-family: "Sawarabi Mincho";
}

@media screen and (max-width: 468px) {
.container {
max-width: 96%;
margin: 0 auto;
}

}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

.fadeIn, img.fadeIn {
-webkit-animation-name: 'fadeIn';
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
}

.normal {font-size: 90%;}

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

@media screen and (min-width: 768px) {
.sp {display: none;}
.pc {display: block;}
.container {
padding: 20px 20px;
margin: 0 auto 0;
}
}

[class*="box"]  {
margin: 30px auto;
padding: 0;
text-align: center;
border:15px solid #ccc;
text-align: left;
background: #fff;
}

@media screen and (max-width: 468px) {
[class*="box"]  {
margin: 1em auto;
padding: 5px 10px;
}
[class*="box"] ul {
margin: 0;
padding: 0;
line-height: 1;
}
[class*="box"] li {
font-size:1em;
}
}

.box {border-color:#f5f5f5;}
.box2 {
background: #f6f5ee;
border: none;
border-radius: 5px;
}

.sbox {
padding: 5px !important;
border:5px solid #eee;
border-radius: 0px;
}

.sbox ul {margin: 0;padding: 5px;font-size: 90%;}

.bdb {border-color:#fff;}
.bdg {border-color:#608c01;}
.bdp {border-color:#004986;}

.pp p {margin: 10px 0 0;font-size: 10pt;}

.bullet, .box {
max-width: 800px;
margin: 0 auto 1em;
padding: 1em;
text-align: center;
border: 15px solid #f0f0f0;
text-align: left;
border-radius: 1em;
background: #fefefe;
}

.bullet p {padding-left: 40px;line-height: 1.2;}

.price {
font-size: 1.6em;
text-align: center;
margin: 1em auto;
padding: 0.5em 0;
line-height: 1;
border-top: 3px dotted #ddd;
border-bottom: 3px dotted #ddd;
color: #a30000;
}

.session {
font-size: 1.4em;
margin: 0.5em;
border-bottom: 3px dotted #ddd;
padding: 10px;
line-height: 1em;
display: flex;
font-weight: bold;
}

.session span {
background: #61513e;
color: #fff;
padding: 5px 10px;
font-size:70%;
border-radius: 30px;
line-height: 1;
margin-right: 10px;
margin-top: -3px;
display: table-cell;
vertical-align:middle;
}


@media screen and (min-width: 768px) {
[class*="box"] {padding: 30px;}
}

/*----------H3見出しスタイル----------*/
.check, p.check {
background: url(../img/check.png) no-repeat left;
padding: 0.5em 0 0.5em 45px;
margin: 0 auto;
line-height: 1.25;
font-size: 1.3em;
list-style: none;
font-weight: 700;
}

.square, p.square {
margin: 30px auto;
padding: 10px 0 10px 15px;
font-size: 1.4em;
line-height: 1;
border-left: 40px solid 
}


@media screen and (max-width: 468px) {
.bullet {
margin: 30px auto;
padding: 0.5em 0.75em;
}
.session {
font-size: 1em;
margin: 0.5em;
border-bottom: 3px dotted #ddd;
padding: 10px 0;
line-height: 1em;
display: block;
font-weight: bold;
}

.session span {
background: #61513e;
color: #fff;
padding: 5px 10px;
font-size:60%;
border-radius: 30px;
line-height: 1;
margin-right: 10px;
margin-top: -3px;
display: block;
float: left;
}
.square, p.square {
font-size: 1em;
}
.check, p.check {
font-size: 1.05em;
}
.bullet.check, .bullet p.check {
font-size: 1.2em;
}
}

.label, p.label {
margin: 5px auto;
padding: 2px 10px;
font-size: 9pt;
line-height: 9pt;
background: #a30000;
border-radius: 1em;
color: #fff;
font-weight: 500;
}

/*----------フッター共通----------*/
#footer {
position: relative;
text-align: center;
padding: 1em 0;
margin:0;
}

.copylight {
font-size: 10pt;
color: #666;
}

#footer a {color: #666;font-size: 9pt;}
#footer div {margin-bottom: 10px;}

/*----------テキスト装飾----------*/
.white {color: #fff;} /*---太字色 白---*/
.red {color: #a60000;} /*---太字色 赤---*/
.blue {color: #004986;} /*---太字色 青---*/
.green {color: #608c01;} /*---太字色 緑---*/
.orange {color: #eb7a00;} /*---太字色 オレンジ---*/
.yellow {color: #ffcc00;}

.b, p.b {font-size: 110%;font-weight: 500;} /*---太字---*/
.bb, p.bb {font-size: 130%;font-weight: 700;} /*---太字大---*/
p.sign {font-size: 130%;font-weight: 500;text-align: right;} /*---太字大---*/
.line {background: #fbe844;padding: 0 0.2em;} /*---マーカー---*/
.u {
text-decoration: underline;
} /*---下線---*/

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

/*----------見出し共通----------*/
[class*="header-"] {
  padding: 1em;
  color: #fff;
  margin-bottom: 1em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.4em;
}

.ws div {
padding: 5px;
}

.ws img {box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.1);}

@media screen and (max-width: 468px) {
.b, p.b {font-size: 105%;} /*---太字---*/
.bb, p.bb {font-size: 110%;} /*---太字大---*/
[class*="header-"] {
  padding: 5px 10px;
  margin: 5px auto;
  font-size: 1.1em;
  line-height: 1;
}
  .price {margin: 0;font-size: 1.2em;line-height: 1.25;}
}



/*----------見出し背景----------*/
.header-red {background: #a40000;} /*--赤--*/
.header-blue {background: #004986;} /*--青--*/
.header-green {background: #608c01;} /*--緑--*/
.header-orange {background: #eb7a00;} /*--オレンジ--*/
.header-brown {background: #61513e;}
.header-black {background: #222;}

.title {
max-width: 95%;
position: relative;
padding: 0.5em 0;
margin: 0em 0 2em;
font-size: 1.6em;
line-height: 1.25;
font-weight: 700;
letter-spacing: 0.1em;
border: 5px solid #625740;
text-align: center;
color: #313131;
background: #fff;
filter: drop-shadow(20px 10px 0px #625740);
transform:skewX(-7deg);
}

.title .header, .title span {transform:skewX(7deg);}

.title img {margin: 0 auto !important;}

[class*="header-"] {
margin: 0 auto;
font-size: 18pt;
padding: 0.25em 0;
font-weight: 500;
color: #fff;
text-align: center;
margin-bottom: .5em;
}

.title .header:before {
content: "";
width: 40%;
position: absolute;
top: 35%;
left: 0;
border-bottom: 15px solid #f6f2ee;
}
.title .header:after {
content: "";
width: 40%;
position: absolute;
top: 35%;
right: 0;
border-bottom: 15px solid #f6f2ee;
}

.title span {
display: inline-block;
background: #a40000;
color: #fff;
padding: 2px 1em 3px;
font-size: 14pt;
border-radius: 3em;
}

/*----------左寄せ、右寄せ----------*/
.pull-left {float:left; margin-right: 15px; margin-bottom: 15px;}
.pull-right {float:right; margin-left: 15px; margin-bottom: 15px;}

/*----------ボタン----------*/

.order {
display: block;
max-width: 700px;
padding: 15px 0;
margin: 0 auto;
text-align: center;
font-size: 1.6em;
font-weight: 300;
margin: 50px auto;
-webkit-border-radius: 50px;
border-radius: 50px;
background: #618e00;
color: #fff;
text-decoration: none;
box-shadow :
0 0 0 2px #fff,
0 0 0 4px #618e00;
}

.order:hover {
background: #ff9900;
box-shadow :
0 0 0 2px #fff,
0 0 0 4px #ff9900;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

@media screen and (max-width: 468px) {
.title {
max-width: 95%;
position: relative;
padding: 0.25em 0;
margin: 0em 0 2em;
font-size: 1em;
letter-spacing: 0;
}

.title .header:before {width: 33%;}
.title .header:after {width: 33%;}

.order {
margin: 30px auto;
padding: 10px 0;
font-size: 1.1em;
}
.box [class*="header-"] {
font-size: 1.1em;text-align: center;}
}

p.cap {
text-align: center;
font-size: 0.8em;
color: #666;
margin-top: -1em;
}

.samplecap {
text-align: center;
font-size: 0.8em;
color: #666;
margin: -1em 0 2em;
color: #a40000;
}

img.fadeIn {
-webkit-animation-name: 'fadeIn';
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
}

.txt-center {
text-align: center !important;
}

.small {
font-size: 80% !important;
line-height: 1.5;
margin: 0 auto 1em;
}

.vsmall {
font-size: 70% !important;
line-height: 1.5;
margin: 0 auto;
}

.count {
font-size: 1.4em;
color: #fff;
text-align: center;
margin: 0 auto 2em;
line-height: 1;
background: #a40000;
padding: 0.5em 0;
max-width: 760px;
border-radius: 30px;
}

.container p.hd {
font-size: 2em;
line-height: 120px;
letter-spacing: 0.3em;
}

.part {
display: inline-block;
border-radius: 100px;
border: 2px solid;
text-align: center;
width: 120px;
height: 120px;
line-height: 120px;
margin-right: 0.5em;
color: #005982;
letter-spacing: 0;
font-size: 110%;
}

@media screen and (max-width: 468px) {
.container p.hd {
font-size: 1.4em;
line-height: 60px;
letter-spacing: 0;
}
.part {
width: 60px;
height: 60px;
line-height: 60px;
margin-right: 0.2em;
}
}

.shadow {
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);
}

table {
width: 100% !important;
margin: 1em auto;
}

th, td {
border: 1px solid #ddd;
padding: 0.5em;
}

th {
text-align: right;
background: #f0f0f0;}

td font {font-size: 1.1em !important;}

.container img.vimg {
margin: 0 0 0 1em !important;
max-width: 35% !important;
float: right;
}
td {font-size: 0.7em;}
}

.sht {
margin-bottom: 1em;
background: #f6f2ee;
padding: 5px 10px;
}

.tt {
background: #f5f5f5;
}

.flex {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}

/* TOPに戻るボタン */
a.gotop {
display: block;
margin: 0;
width: 45px;
height: 45px;
line-height: 45px;
background: #ebe8e5;
color: #fff;
border-radius: 50px 50px 0 0;
position: absolute;
bottom: -10px;
right: 2.5%;
}
a.gotop i {font-size: 18px;}

a.gotop span {display: none;}
a.gotop:hover {background: #ff9900;}

.tmft{
background: #0a3d6e;
color: #fff;
font-size: 1.2em;
line-height: 1;
padding: 0.5em 0;
text-align: center;
max-width: 900px;
margin: 1em auto 0 !important;
border-radius: 5px;
}


form {padding: 1em 0;margin-bottom: 1em;}

dl {
max-width: 900px;
margin: 0 auto;
min-height: 3em;
}

dt, dd {
float: left;
padding: 0.25em;
text-align: left;
}

.tick {
font-size:10rem;
white-space:nowrap;
font-family:arial,sans-serif;
}

.tick-group:nth-child(1):after {
content:'日と';
display: block;
font-size: 35% !important;
margin-top: 10px;
background: #666;
border-radius: 30px;
color: #fff;
font-weight: 300;
padding: 2px 0 4px;
line-height: 1;
}
.tick-group:nth-child(2):after {
content:'時間';
display: block;
font-size: 35% !important;
margin-top: 10px;
background: #666;
border-radius: 30px;
color: #fff;
font-weight: 300;
}
.tick-group:nth-child(3):after {
content:'分';
display: block;
font-size: 35% !important;
margin-top: 10px;
background: #666;
border-radius: 30px;
color: #fff;
font-weight: 300;
}
.tick-group:nth-child(4):after {
content:'秒';
display: block;
font-size: 35% !important;
margin-top: 10px;
background: #666;
border-radius: 30px;
color: #fff;
font-weight: 300;
}

.tick-char {
  width:1.5em;
}

.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}

.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}

.tick-group {
  margin:0 .5em;text-align:center;
}

.tick-text-inline {
   color: rgb(90, 93, 99) !important; 
}

.tick-label {
   color: rgb(90, 93, 99) !important; 
}

.tick-flip-panel {
   color: rgb(255, 255, 255) !important; 
}

.tick-flip {
   font-family: !important; 
}

.tick-flip-panel-text-wrapper {
   line-height: 1.4 !important; 
}

.tick-flip-panel {
   background-color: rgb(59, 61, 59) !important; 
}

.tick-flip {
   border-radius:0.12em !important; 
}


.countdown {
max-width: 950px;
margin: 1.5em auto 0;
padding: 1em 0.5em;
border: 10px solid #f6f2ee;
border-radius: 20px;
}
.cd-header {
font-weight: 500;
margin: 0;
font-size: 1.8em;
line-height: 40px;
text-align: center;
font-weight: 300;
color: #a30000;
}

@media screen and (max-width: 468px) {
.countdown {margin: 0.75em 2%}
.cd-header {
font-size: 1.4em;
line-height: 1;
}
.sh:before,
.sh:after {display: none;}
}

.attention {
max-width: 950px;
margin: 4em auto 0;
border: 10px solid #fbf9f6;
padding: 1.5em;
font-size: 9pt;
color: #666;
}

.attention p {margin-bottom: 1em;}
.header {font-weight: 500;font-size: 10pt;}

strong#form-error {
    margin-left: 20px;
}


.point {
position: relative;
display:table;
margin: .5em 0 1.5em;
font-size: 1.3em;
line-height: 1.25;
font-weight: 300;
padding: 0.75em;
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
transform:none;
border-radius: 0.5em;
color: #fff;
}

.point span {
background: #ffcc00;
color: #222;
height: 45px;
width: 45px;
line-height: 1;
padding: 0;
font-size: 20pt;
font-weight: 700;
border-radius:30px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
}

.staff {
clear: both;
margin: 2em auto !important;
}

.staff img {
margin: 0 !important;
padding: 0 !important}

.staff .fx-col-50-s {
position: relative;
height: 250px;
background: #f0f0f0;
padding: 1em;
border: 10px solid #fff;
border-radius: 2em;
}

.staff .fx-col-50-s img {
max-width: 40%;
position:absolute;
bottom: 0;
right: 1em;
}

.prof {
max-width: 800px;
margin: 0 auto 1em;
padding: 1em;
text-align: center;
border: 15px solid #f6f2ee;
text-align: left;
border-radius: 1.5em;
background: #fefefe;
}

.prof .pph {
float: right;
margin: 0;
max-width: 180px;
margin-left: 10px;
}

.prof div {font-size: 90%;line-height: 1.25;}
.prof .name {
font-weight: 500;
font-size: 140%
}
.prof .name2 {
font-size: 70%;
font-weight: 100;
letter-spacing: 0.2em;
}

.career {font-size: 90%;line-height: 1.25;margin: 0.25em 0;}

.btn {
display: block;
max-width: 500px;
border-radius: 2em;
color: #fff;
margin: 2em auto;
text-align: center;
text-decoration: none;
padding: 1em;
font-size: 120%;
background: #333;
filter: drop-shadow(1px 5px 5px rgb(0, 0, 0, .25));
}

.btn:hover {
background: #ff9900;
}
.voice {margin: 0 auto 2em !important;}
.voice .vc {
background: #fff;
min-height: 18em;
padding: 1em;
display: block;
max-width: 48%;
margin: 1%;
filter: drop-shadow(1px 5px 5px rgb(0, 0, 0, .25));
border-radius: 1.5em;
border: 15px solid #f39800;
}

@media screen and (max-width: 468px) {
.voice .vc {
background: #fff;
min-height: 10em;
padding: 1em;
display: block;
max-width: 96%;
margin: 1%;
filter: drop-shadow(1px 5px 5px rgb(0, 0, 0, .25));
border-radius: 1.5em;
border: 15px solid #f39800;
}
}

.other .otc {
background: #fff;
min-height: 19em;
padding: 1em;
display: block;
max-width: 31%;
margin: 1%;
filter: drop-shadow(1px 5px 5px rgb(0, 0, 0, .25));
border-radius: 1.5em;
border: 15px solid #097c25;
}

.rdt {
max-width: 720px;
background: #f6f4f2;
padding: 10px 7px;
margin: 0 auto 10px;
font-size: 110%;
}

.step {
line-height: 1;
color: #fff;
background: #4e4743;
padding: 5px 10px;
margin: 10px 5px;
border-radius: 15px;
font-size: 80%;
}


@media screen and (max-width: 468px) {
.other .otc {
background: #fff;
min-height: 5em;
padding: 1em;
display: block;
max-width: 96%;
margin: 1%;
filter: drop-shadow(1px 5px 5px rgb(0, 0, 0, .25));
border-radius: 1.5em;
border: 15px solid #097c25;
}
.prof img {max-width: 32% !important;}
}

.ott {
font-weight: 700;
font-size: 145%;
margin-bottom: 0.5em;
}

/* よくある質問 */
.qaq {
font-size: 1.2em;
margin: 30px 0;
height: 100px;
line-height: 1.5;
padding-left: 100px;
position: relative;
background: url(../img/qaq.png) no-repeat 10px;
display:table-cell;
vertical-align:middle;
}

.qaa {
margin: 30px 0;
background: url(../img/qaa.png) no-repeat 10px #faf8f5;
min-height: 100px;
line-height: 100px;
padding: 20px 10px 20px 100px;
border-radius: 10px;
border: 4px dotted #ddd;
}

.qaa p {margin: 0;}
.qaa li {font-size: 90%;}

@media(max-width:468px) {
.qaq {
font-size: 1.1em;
line-height: 1.25;
padding-left: 70px;
background-size: 50px;
}

.qaa {
padding: 10px 10px 10px 70px;
background-size: 50px;
}
.qaa img {max-width: 90% !important;}
.qaa br {display: none;}
}

#modal-container {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.9);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
#modal-container > div {
	display: flex;
	height: 100vh;
	justify-content: center;
	align-items: center;
}
#modal-container > div > img {
	max-width: calc(100vw - 30px);
	max-height: calc(100vh - 30px);
}
img.popup {
	cursor: pointer;
	width: 300px;
}