@charset "UTF-8";
@charset "UTF-8";

 body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
margin: 0;
padding: 0; }
article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
display: block; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box; } html {
font-size: 62.5%;
overflow-y: scroll;
overflow-x: hidden; }
html, body {
width: 100%;
min-height: 100%; }
body {
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
font-size: 10px;
font-size: 1.4rem;
line-height: 1.6;
color: #0e357f; }
@media only screen and (min-width: 768px) {
body {
letter-spacing: 3px;
font-weight: 300; }
.sp {
display: none !important; } }
@media only screen and (max-width: 767px) {
body {
letter-spacing: 1px; }
.pc {
display: none !important; }
select,
textarea,
input[type='url'],
input[type='text'],
input[type='date'],
input[type='tel'],
input[type='email'],
input[type='submit'] {
-webkit-appearance: none; } }
span.link,
a {
color: #0e357f;
text-decoration: none;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
cursor: pointer; }
@media only screen and (min-width: 768px) {
a:hover {
text-decoration: none;
opacity: 0.7; }
img.grow {
-webkit-transition: 200ms ease;
transition: 200ms ease; }
img.grow:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05); } } dt, h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 500; }
p {
line-height: 1.6; } ol, ul, li {
list-style: none;
zoom: 1;
overflow: hidden; } table {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
vertical-align: top;
font-weight: normal; }
dl, dt, dd {
zoom: 1;
overflow: hidden; } fieldset {
border: none; }
input, textarea, select, label {
font-size: 100%;
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0; }
@media only screen and (max-width: 767px) {
input, textarea, select {
font-size: 1.6rem;
-webkit-box-sizing: border-box;
box-sizing: border-box; } }
button {
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
label {
cursor: pointer; }
textarea {
overflow: auto; }
legend {
display: none; } img {
border: none;
vertical-align: middle; }
object {
vertical-align: middle;
outline: none; }
em {
font-style: italic; }
small {
font-size: 100%;
letter-spacing: 1px; }
i {
font-style: normal; }
u {
text-decoration: none; }
abbr, acronym {
border: none;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal; }
address, caption, cite, code, dfn, var {
font-weight: normal;
font-style: normal; }
sup {
font-size: 1em;
vertical-align: text-top; }
sub {
font-size: 0.8rem;
vertical-align: text-bottom;
position: relative;
bottom: -2px; }
hr {
display: none; }
div:focus,
img:focus,
textarea:focus,
a:focus,
button:focus,
input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; } .editor {
word-break: break-all; }
.editor strong {
font-weight: bold; }
.editor em {
font-style: italic; }
.editor blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; } .editor .aligncenter {
display: block;
margin: 0 auto; }
.editor a {
text-decoration: underline; }
.editor a:hover {
text-decoration: none; }
.editor figure figcaption {
margin-top: 15px;
font-size: 1.2rem; }
.editor .alignright {
float: right;
margin-left: 20px;
margin-bottom: 5px; }
.editor .alignleft {
float: left;
margin-right: 20px;
margin-bottom: 5px; }
.editor img[class*="wp-image-"],
.editor img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.editor .clearfix {
overflow: hidden;
zoom: 1; }
.editor .clearfix:after {
content: "";
display: block;
clear: both; }
@media only screen and (max-width: 767px) {
.editor .alignright {
float: none;
margin-left: 0px;
margin-bottom: 10px; }
.editor .alignleft {
float: none;
margin-right: 0px;
margin-bottom: 10px; } } #wrap {
position: relative; }
@media only screen and (min-width: 768px) {
#wrap {
min-width: 1000px;
background: url(/commons/images/commons/bg_head.png) repeat-x top;
background-size: 100% 80px; } #content header#header {
margin-bottom: 24px; }
header#header {
height: 120px;
padding: 10px;
position: relative;
z-index: 2; }
header#header .header-in {
width: 1100px;
margin: 0 auto;
padding-right: 270px;
position: relative; }
header#header .header-in:after {
content: "";
display: block;
clear: both; }
header#header .header-in .header-logo {
float: left;
text-align: left;
padding-bottom: 5px; }
header#header .header-in .header-logo .sub_ttl {
display: block;
font-size: 1.0rem;
text-align: right; }
header#header .info-box {
width: 562px;
height: 22px;
position: absolute;
left: 0;
bottom: 0;
background: #F3F5F8;
overflow: hidden; }
header#header .info-box .ttl {
font-size: 1rem;
letter-spacing: 1px;
text-align: center;
line-height: 22px;
background: #E6EBF2;
width: 100px;
float: left; }
header#header .info-box .info-body {
width: 462px;
float: right; }
header#header .info-box .info-body .item {
font-size: 1rem;
letter-spacing: 1px;
line-height: 12px;
padding: 5px 10px; }
header#header .info-box .info-body .item span {
letter-spacing: 2px; }
header#header .info-box .info-body .item span:after {
content: "-";
opacity: 0.5;
display: inline-block;
margin: 0 2px; }
header#header .info-box .info-body .item a {
display: block;
padding-right: 22px;
position: relative; }
header#header .info-box .info-body .item a:after {
content: '\e800';
text-align: center;
font-family: 'fontello';
position: absolute;
right: 0;
top: 0;
line-height: 12px;
width: 10px; }
header#header .sub-nav {
width: 80px;
font-size: 1rem;
letter-spacing: 0;
float: right; }
header#header .sub-nav ul {
padding-top: 30px; }
header#header .sub-nav ul li {
padding-top: 10px; }
nav.header-nav {
width: 1100px;
margin: 0 auto 40px;
clear: both; }
nav.header-nav ul {
padding: 10px 20px; }
nav.header-nav ul li {
width: 17%;
text-align: center;
float: left;
position: relative; }
nav.header-nav ul li:nth-of-type(3) {
width: 14%; }
nav.header-nav ul li:nth-of-type(5) {
width: 16%; }
nav.header-nav ul li:nth-of-type(6) {
width: 22%; }
nav.header-nav ul li:nth-of-type(7) {
width: 14%; }
nav.header-nav ul li:nth-of-type(7):after {
display: none; }
nav.header-nav ul li:after {
content: "";
width: 1px;
height: 30px;
background: #0e357f;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px; }
nav.header-nav ul li a {
display: block;
letter-spacing: 2px;
font-size: 1.5rem; }
nav.header-nav ul li a small {
font-size: 1rem;
color: #a0a9c1;
display: block; }
nav.header-nav .tel-box {
width: 1100px;
height: 120px;
position: absolute;
top: 0;
right: 50%;
margin-right: -500px;
padding: 20px 20px 20px 760px;
z-index: 1; }
nav.header-nav .tel-box .tel {
font-size: 1.1rem;
line-height: 1;
letter-spacing: 2px; }
nav.header-nav .tel-box .tel a {
font-size: 2.5rem; }
nav.header-nav .tel-box dl {
font-size: 1rem;
letter-spacing: 1px; }
nav.header-nav .tel-box dl dd, nav.header-nav .tel-box dl dt {
font-weight: 300;
display: inline; }
nav.header-nav .tel-box dl dd {
font-size: 1.1rem; }
nav.header-nav .tel-box p {
font-size: 1rem;
letter-spacing: 0px;
border-top: 1px solid rgba(13, 52, 125, .2);
padding: 5px;
margin-top: 5px; }
nav.header-nav .tel-box p b {
background: #fff;
font-weight: 300;
display: inline-block;
margin-right: 3px;
padding: 2px 4px 0 4px; }
nav.header-nav .tel-box:after {
content: "";
width: 260px;
height: 120px;
background: #cfd7e5;
position: absolute;
right: 0;
top: 0;
opacity: 0.7;
z-index: -1; } main.container {
clear: both;
background: #f5f7f9; }
main.container:after {
clear: both;
content: "";
display: block; }
main.container header.container-header {
text-align: center;
padding: 15px 0 5px;
position: relative;
background: #fff; }
main.container header.container-header:after {
position: absolute;
left: 0;
bottom: -60px;
width: 100%;
height: 60px;
content: "";
background: url(/commons/images/commons/bg-nami.png) no-repeat top;
background-size: 100% 60px; }
main.container header.container-header h2 {
font-size: 2.4rem;
line-height: 1.2;
letter-spacing: 5px;
font-weight: 400;
margin-bottom: 5px; }
main.container header.container-header small {
display: block;
color: #a0a9c1;
font-size: 1rem;
line-height: 1; }
main.container .pankuzu {
padding-top: 60px;
width: 1100px;
margin: 0 auto 30px;
text-align: right; }
main.container .pankuzu ul li {
font-size: 1.1rem;
letter-spacing: 1px;
display: inline-block; }
main.container .pankuzu ul li a:after {
content: "\e805";
font-family: "fontello";
margin-left: 6px;
display: inline-block;
opacity: 0.5; }
main.container .page-content {
clear: both;
padding-bottom: 50px; }
main.container .page-content .page-header {
text-align: center;
padding-bottom: 30px; }
main.container .page-content .page-header h3 {
font-size: 2rem;
line-height: 1.2;
font-weight: 400; }
main.container .page-content .page-header h3 span {
position: relative; }
main.container .page-content .page-header h3 span:before {
content: "";
width: 30px;
height: 1px;
background: #a0a9c1;
position: absolute;
left: -40px;
top: 50%; }
main.container .page-content .page-header h3 span:after {
content: "";
width: 30px;
height: 1px;
background: #a0a9c1;
position: absolute;
right: -40px;
top: 50%; }
main.container .page-content .page-header small {
color: #a0a9c1;
font-size: 1rem;
letter-spacing: 1px; }
main.container .page-content .page-content-body {
width: 1100px;
margin: 0 auto;
clear: both; }
.select {
height: 36px;
overflow: hidden;
background: #fff;
border: 1px solid #e7ebf2;
border-radius: 0px;
position: relative; }
.select:after {
width: 26px;
height: 16px;
line-height: 16px;
text-align: center;
content: "\e800";
font-family: "fontello";
border-left: 1px solid #e7ebf2;
background: #fff;
top: 50%;
margin-top: -8px;
right: 0;
position: absolute; }
.select > select {
width: 130%;
line-height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
border-radius: 0;
border: 0;
margin: 0;
padding: 0 30px 0 10px;
background: #fff;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.select > select::-ms-expand {
display: none; }
.select > select:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flow-area .question-btn a {
background: #369fbf !important; }
.online-btn {
width: 450px;
margin: 0 auto;
text-align: center;
padding: 10px 0 60px; }
.online-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.online-btn a i {
margin-right: 10px;
font-size: 3rem; }
.content-footer-btn {
max-width: 960px;
margin: 0px auto 25px;
background: #f5f7f9;
padding: 20px 20px 20px; }
.content-footer-btn .btn-ttl {
font-size: 1.6rem;
text-align: center;
margin-bottom: 5px; }
.content-footer-btn .btn-ttl::before, .content-footer-btn .btn-ttl::after {
content: " - "; }
.content-footer-btn ul li {
width: 49%;
float: left;
padding: 5px; }
.content-footer-btn ul li:nth-of-type(3n+2) {
margin: 0 0.5%; }
.content-footer-btn ul li a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.content-footer-btn ul li a i {
margin-left: 10px;
font-size: 2rem; } footer#footer {
background: #3E5D98;
text-align: center;
clear: both; }
footer#footer .inner {
width: 1100px;
margin: 0 auto;
padding: 40px; }
footer#footer .inner:after {
content: "";
display: block;
clear: both; }
footer#footer .inner .footer-content {
width: 570px;
float: left; }
footer#footer .inner .footer-content .content-btn {
padding: 0 0 20px 0;
overflow: hidden; }
footer#footer .inner .footer-content .content-btn .btn {
width: 25%;
float: left; }
footer#footer .inner .footer-content .content-btn .btn a {
color: #fff;
line-height: 16px;
display: block; }
footer#footer .inner .footer-content .content-btn .btn i {
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
margin: 0 auto 12px;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
footer#footer .inner .footer-content .content-btn .btn span {
font-size: 1.1rem;
display: block; }
footer#footer .inner .footer-content .tel-box {
color: #fff;
border-top: 1px solid rgba(255, 255, 255, .3);
padding: 20px 0;
clear: both;
overflow: hidden; }
footer#footer .inner .footer-content .tel-box .ttl {
font-size: 1rem;
line-height: 1;
text-align: center;
margin-right: 10px;
letter-spacing: 1px;
float: left;
background: #0e357f;
color: #fff;
margin-top: 5px;
padding: 8px 5px 4px; }
footer#footer .inner .footer-content .tel-box .tel {
float: left;
font-size: 1rem;
margin-right: 15px; }
footer#footer .inner .footer-content .tel-box .tel a {
font-size: 3rem;
line-height: 1;
letter-spacing: 1px;
color: #fff; }
footer#footer .inner .footer-content .tel-box .info {
float: left;
text-align: left;
letter-spacing: 1px;
font-size: 1rem;
line-height: 1.3; }
footer#footer .inner .schedule-box {
width: 300px;
float: right; }
footer#footer .inner .schedule-box .ttl {
color: #fff;
font-size: 1.3rem;
padding-bottom: 8px; }
footer#footer .inner .schedule-box .ttl span {
font-size: 1.2rem;
display: block; }
footer#footer .inner .schedule-box p {
font-size: 1.1rem;
text-align: left;
color: #fff; }
footer#footer .inner .banner-box {
margin: 20px 0 0; }
footer#footer .inner .banner-box a {
display: block; }
footer#footer .inner .banner-box span {
position: relative;
display: inline-block; }
footer#footer .inner .banner-box span:after {
content: "COMING SOON";
background: rgba(62, 94, 152, .8);
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 80px;
text-align: center; }
footer#footer nav {
padding: 20px 0;
font-size: 1rem;
background: #F3F5F7;
text-align: center; }
footer#footer .copy {
font-size: 1rem;
letter-spacing: 1px;
padding: 20px 0;
background: #fff; }
#fbBtn a {
width: 60px;
height: 60px;
font-size: 2rem;
text-align: center;
letter-spacing: 0;
line-height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, .7);
border: 1px solid rgba(13, 52, 125, .7);
position: fixed;
right: 10px;
bottom: 60px;
z-index: 11; }
#pgTop a {
width: 60px;
height: 60px;
font-size: 1.8rem;
text-align: center;
letter-spacing: 0;
line-height: 60px;
border-radius: 50%;
background: rgba(13, 52, 125, .7);
color: #fff;
position: fixed;
right: 10px;
bottom: 130px;
z-index: 11; } }
.soon {
font-size: 2rem;
text-align: center;
padding: 15% 0 25%;
opacity: 0.5; }
.schedule-box .calender {
background: #fff;
padding: 5px;
margin-bottom: 10px; }
.schedule-box .calender table {
width: 100%; }
.schedule-box .calender table th {
text-align: center;
font-size: 1.2rem;
line-height: 30px; }
.schedule-box .calender table tr td {
width: 14.3%;
font-size: 1.2rem;
background: #E5EAF2;
text-align: center;
line-height: 32px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
.schedule-box .calender table tr td:nth-of-type(1) {
width: 14.2%;
background: #FDF0E5;
border-right: none; }
.schedule-box .calender table tr td:nth-of-type(7) {
background: #CFD7E3; }
.schedule-box .calender table tr td {
position: relative; }
.schedule-box .calender table tr td:nth-of-type(1):after, .schedule-box .calender table tr td:nth-of-type(5):after {
content: "";
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #0e357f;
top: 50%;
left: 50%;
line-height: 1;
margin-top: -12px;
margin-left: -12px; }
.schedule-box .calender table tr td.none:after {
display: none; }
.button {
margin: 40px auto 0;
text-align: center;
letter-spacing: normal; }
@media only screen and (max-width: 950px) {
.button {
margin: 8% 0 0; } }
.button a, .button div {
display: inline-block;
font-size: 1.5rem;
font-weight: 500;
padding: 1.5rem 4rem;
border: solid 2px #17367A;
background: #FFF;
border-radius: 80px;
cursor: pointer;
min-width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 950px) {
.button a, .button div {
font-size: 3.7vw;
letter-spacing: -.09em;
padding: 2rem 1em;
min-width: 80%; } }
.button .link__movie span {
padding: .5rem 0 .5rem 3rem;
background: url(/commons/images/renewal2021/common/icon_movie.png) no-repeat 2% center;
background-size: auto 90%; }
.button .link__page span {
padding-right: 2rem;
background: url(/commons/images/renewal2021/common/icon_linkarrow.png) no-repeat right center;
background-size: auto 90%; }
.button .link__tel span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_tel.svg) no-repeat left center;
background-size: auto 90%; }
.button .link__contact span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_contact.svg) no-repeat left center;
background-size: auto 90%; }
.button .link__pc span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_pc.svg) no-repeat left center;
background-size: auto 90%; }
.button--highlight a, .button--highlight div {
background: #4FA9E0;
border-color: #4FA9E0;
color: #FFF; }
.button--highlight .link__page span {
padding-right: 2rem;
background: url(/commons/images/renewal2021/common/icon_linkarrow_w.png) no-repeat right center;
background-size: auto 16px; }
@media only screen and (max-width: 767px) {
#wrap {
background: url(/commons/images/commons/bg_head.png) repeat-x 50% 0;
background-size: 130% 48px;
letter-spacing: 1px; }
header#header:after {
content: "";
display: block;
clear: both; }
header#header .header-in {
text-align: left; }
header#header .header-in .header-logo {
padding: 5px 0 15px 5px; }
header#header .header-in .header-logo .sub_ttl {
display: block;
font-size: 1.0rem;
text-align: center; }
header#header .header-in .header-logo img {
width: 74%;
height: auto; }
header#header .header-in p {
font-size: 0.7rem;
color: #fff;
letter-spacing: 0;
line-height: 1.1;
padding-right: 60px; }
header#header .header-in p br {
display: none; }
header#header .sp-menu {
width: 60px;
height: 50px;
letter-spacing: 0px;
text-align: center;
position: absolute;
top: 0px;
right: 0px;
z-index: 1001;
padding-top: 10px;
font-size: 1rem;
display: block; }
header#header .sp-menu span {
width: 25px;
height: 2px;
background: rgba(13, 52, 125, .5);
border-radius: 2px;
display: block;
margin: 0px auto 6px; }
header#header .sp-menu:after {
font-size: 9px;
font-size: 0.9rem;
content: "メニュー";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center; }
header#header .info-box {
height: 18px;
background: #F3F5F8;
overflow: hidden;
margin: 0 0.8rem 10px;
position: relative; }
header#header .info-box .ttl {
font-size: 1rem;
letter-spacing: 1px;
text-align: center;
line-height: 18px;
background: #E6EBF2;
width: 86px;
position: absolute;
left: 0;
top: 0; }
header#header .info-box .info-body {
padding-left: 86px; }
header#header .info-box .info-body .item {
font-size: 1rem;
height: 18px;
overflow: hidden;
letter-spacing: 1px;
line-height: 18px;
padding: 0px 5px; }
header#header .info-box .info-body .item span {
letter-spacing: 1px; }
header#header .info-box .info-body .item span:after {
content: "-";
opacity: 0.5;
display: inline-block;
margin: 0 2px; }
header#header .info-box .info-body .item a {
display: block;
padding-right: 12px;
position: relative; }
header#header .info-box .info-body .item a:after {
content: '\e800';
text-align: center;
font-family: 'fontello';
position: absolute;
right: 0;
top: 0;
line-height: 18px;
width: 10px; }
.header-nav {
width: 100%;
height: 0;
position: absolute;
background: #0e357f;
color: #fff;
top: 0;
right: 0;
text-align: left;
z-index: -1; }
.header-nav * {
height: 0;
opacity: 0; }
.header-nav ul li {
border-bottom: 1px solid rgba(255, 255, 255, .1); }
.header-nav ul li a {
font-size: 1.5rem;
line-height: 30px;
letter-spacing: 1px;
padding: 10px 20px;
display: block;
color: #fff;
position: relative; }
.header-nav ul li a:before {
content: "\e805";
font-family: 'fontello';
margin-right: 5px; }
.header-nav ul li a:hover {
opacity: 0.5; }
.header-nav ul li a small {
position: absolute;
right: 15px;
font-size: 0.9rem;
top: 50%;
margin-top: -15px;
color: #071E5C; }
.header-nav.on {
height: auto;
z-index: 1000; }
.header-nav.on * {
height: auto;
opacity: 1; }
.header-nav .tel-box {
text-align: center;
color: #0e357f;
background: rgba(255, 255, 255, .85);
margin: 10px 10px 1px;
padding: 10px;
z-index: 1; }
.header-nav .tel-box .tel {
font-size: 1.1rem;
line-height: 1;
letter-spacing: 3px; }
.header-nav .tel-box .tel a {
font-size: 3rem; }
.header-nav .tel-box dl {
font-size: 1rem;
letter-spacing: 1px; }
.header-nav .tel-box dl dd, .header-nav .tel-box dl dt {
font-weight: 300;
display: inline; }
.header-nav .tel-box dl dd {
font-size: 1.1rem; }
.header-nav .tel-box p {
font-size: 1rem;
letter-spacing: 0px;
border-top: 1px solid rgba(13, 52, 125, .2);
padding: 5px 5px 0;
margin-top: 5px; }
.header-nav .tel-box p b {
background: #fff;
font-weight: 300;
display: inline-block;
margin-right: 3px;
padding: 2px 4px 0 4px; }
.header-nav .contact-btn {
margin: 0 10px; }
.header-nav .contact-btn a {
text-align: center;
font-size: 1.5rem;
line-height: 48px;
background: #fff;
display: block; }
.header-nav .contact-btn a i {
font-size: 1.8rem;
margin-right: 5px;
position: relative;
bottom: -3px; }
.header-nav .content-btn {
overflow: hidden;
padding: 20px 5px;
text-align: center; }
.header-nav .content-btn .btn {
width: 25%;
font-size: 1.2rem;
float: left; }
.header-nav .content-btn .btn:nth-of-type(1) a {
line-height: 28px; }
.header-nav .content-btn .btn a {
color: #fff;
line-height: 14px;
display: block; }
.header-nav .content-btn .btn i {
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
margin: 0 auto 12px;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
.header-nav .content-btn .btn span {
font-size: 0.9rem;
display: block; }
.header-nav .close-btn {
background: #06205F;
line-height: 40px;
text-align: center; } main.container {
clear: both;
background: #f5f7f9; }
main.container:after {
clear: both;
content: "";
display: block; }
main.container header.container-header {
text-align: center;
padding: 1.5rem 0 .5rem;
position: relative;
background: #fff; }
main.container header.container-header:after {
position: absolute;
left: 0;
bottom: -40px;
bottom: -4rem;
width: 100%;
height: 40px;
height: 4rem;
content: "";
background: url(/commons/images/commons/bg-nami.png) no-repeat 50% 0;
background-size: 150% 28px; }
main.container header.container-header h2 {
font-size: 2rem;
line-height: 1.2;
letter-spacing: 5px;
font-weight: 400;
margin-bottom: .5rem; }
main.container header.container-header small {
display: block;
color: #a0a9c1;
font-size: 0.9rem;
line-height: 1; }
main.container .pankuzu {
padding-top: 3rem;
margin: 0 1rem 1rem;
text-align: right; }
main.container .pankuzu ul li {
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 1px;
display: inline-block; }
main.container .pankuzu ul li a:after {
content: "\e805";
font-family: "fontello";
margin-left: 6px;
margin-left: .6rem;
display: inline-block;
opacity: 0.5; }
main.container .page-content {
clear: both;
padding-bottom: 2rem; }
main.container .page-content .page-header {
text-align: center;
padding-bottom: 1.5rem; }
main.container .page-content .page-header h3 {
font-size: 1.8rem;
line-height: 1.2;
font-weight: 400; }
main.container .page-content .page-header h3 span {
position: relative; }
main.container .page-content .page-header h3 span:before {
content: "";
width: 15px;
width: 1.5rem;
height: 1px;
background: #a0a9c1;
position: absolute;
left: -20px;
left: -2rem;
top: 50%; }
main.container .page-content .page-header h3 span:after {
content: "";
width: 15px;
width: 1.5rem;
height: 1px;
background: #a0a9c1;
position: absolute;
right: -20px;
right: -2rem;
top: 50%; }
main.container .page-content .page-header small {
color: #a0a9c1;
font-size: 1rem;
letter-spacing: 1px; }
main.container .page-content .page-content-body {
margin: 0 auto;
clear: both; }
.select {
height: 3.6rem;
overflow: hidden;
background: #fff;
border: 1px solid #e7ebf2;
border-radius: 3px;
position: relative; }
.select:after {
width: 26px;
width: 2.6rem;
height: 16px;
height: 1.6rem;
line-height: 16px;
line-height: 1.6rem;
color: #e7ebf2;
text-align: center;
content: "\e800";
font-family: "fontello";
border-left: 1px solid #e7ebf2;
background: #fff;
top: 50%;
margin-top: -8px;
margin-top: -.8rem;
right: 0;
position: absolute; }
.select > select {
width: 130%;
line-height: 3.6rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
border-radius: 0;
border: 0;
margin: 0;
padding: 0 3rem 0 1rem;
background: #fff;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.select > select::-ms-expand {
display: none; }
.select > select:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flow-area .question-btn a {
background: #369fbf !important; }
.online-btn {
margin: 0 .5rem 2rem;
text-align: center; }
.online-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 2rem 0;
text-align: center;
line-height: 3rem;
position: relative; }
.online-btn a i {
margin-right: .5rem;
font-size: 3rem; }
.content-footer-btn {
margin: 0 auto 1.5rem;
background: #f5f7f9;
padding: 1.5rem 1.5rem 1.5rem; }
.content-footer-btn .btn-ttl {
font-size: 1.3rem;
text-align: center;
margin-bottom: .3rem; }
.content-footer-btn .btn-ttl::before, .content-footer-btn .btn-ttl::after {
content: " - "; }
.content-footer-btn ul li {
padding: 5px; }
.content-footer-btn ul li:nth-of-type(3n+2) {
margin: 0 0.5%; }
.content-footer-btn ul li a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.content-footer-btn ul li a i {
margin-left: 10px;
font-size: 2rem; }
footer#footer {
background: #3E5D98;
text-align: center;
clear: both; }
footer#footer .inner {
padding: 3rem 1rem 1rem; }
footer#footer .inner:after {
content: "";
display: block;
clear: both; }
footer#footer .inner .footer-content .content-btn {
overflow: hidden;
padding-bottom: 2rem; }
footer#footer .inner .footer-content .content-btn .btn {
letter-spacing: 1px;
width: 25%;
font-size: 1.2rem;
float: left; }
footer#footer .inner .footer-content .content-btn .btn:nth-of-type(1) a {
line-height: 2.8rem; }
footer#footer .inner .footer-content .content-btn .btn a {
color: #fff;
line-height: 1.4rem;
display: block; }
footer#footer .inner .footer-content .content-btn .btn i {
width: 6rem;
height: 6rem;
border-radius: 50%;
line-height: 6rem;
margin: 0 auto 1.2rem;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
footer#footer .inner .footer-content .content-btn .btn span {
font-size: 0.9rem;
display: block; }
footer#footer .inner .footer-content .tel-box {
color: #fff;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, .3);
padding: 1rem 0 0rem;
margin-bottom: 1.5rem;
clear: both; }
footer#footer .inner .footer-content .tel-box:nth-last-of-type(1) {
border-bottom: 1px solid rgba(255, 255, 255, .3);
padding: 1rem 0 1.5rem; }
footer#footer .inner .footer-content .tel-box.box-last {
height: auto !important; }
footer#footer .inner .footer-content .tel-box .ttl {
font-size: 1rem;
line-height: 1;
text-align: center;
letter-spacing: 1px;
background: #0e357f;
color: #fff;
margin-bottom: .8rem;
padding: .8rem .8rem .4rem;
display: inline-block; }
footer#footer .inner .footer-content .tel-box .tel {
font-size: 1rem;
margin-bottom: .8rem; }
footer#footer .inner .footer-content .tel-box .tel a {
font-size: 3rem;
line-height: 1;
letter-spacing: 3px;
color: #fff; }
footer#footer .inner .footer-content .tel-box .info {
display: inline-block;
text-align: left;
letter-spacing: 1px;
font-size: 1rem;
line-height: 1.3; }
footer#footer .inner .schedule-box .ttl {
color: #fff;
font-size: 1.3rem;
padding-bottom: .8rem; }
footer#footer .inner .schedule-box .ttl span {
font-size: 1.2rem;
display: block; }
footer#footer .inner .schedule-box p {
font-size: 1rem;
text-align: left;
color: #fff; }
footer#footer .inner .schedule-box .calender {
background: #fff;
padding: .5rem;
margin-bottom: .5rem; }
footer#footer .inner .schedule-box .calender table {
width: 100%; }
footer#footer .inner .schedule-box .calender table th {
text-align: center;
font-size: 1.2rem;
line-height: 3rem; }
footer#footer .inner .schedule-box .calender table tr td {
width: 14.3%;
font-size: 1.2rem;
background: #E5EAF2;
text-align: center;
line-height: 3.2rem;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
footer#footer .inner .schedule-box .calender table tr td:nth-of-type(1) {
width: 14.2%;
background: #FDF0E5;
border-right: none; }
footer#footer .inner .schedule-box .calender table tr td:nth-of-type(7) {
background: #CFD7E3; }
footer#footer .inner .banner-box {
text-align: center;
padding: 1rem 0; }
footer#footer .inner .banner-box img {
max-width: 300px;
height: auto; }
footer#footer .inner .banner-box a {
display: block; }
footer#footer .inner .banner-box span {
position: relative;
display: inline-block; }
footer#footer .inner .banner-box span:after {
content: "COMING SOON";
background: rgba(62, 94, 152, .8);
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 65px;
text-align: center; }
footer#footer nav {
padding: 2rem 0;
font-size: 1rem;
background: #F3F5F7;
text-align: center; }
footer#footer .copy {
font-size: 1rem;
letter-spacing: 1px;
padding: 20px 0;
background: #fff; }
.call-btn2 a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: #0e3481;
color: #FFFDC8;
position: fixed;
right: 0.5rem;
bottom: 5.5rem;
z-index: 100; }
.call-btn2 a span {
color: #0e357f;
font-size: .9rem;
position: absolute;
top: -2rem;
line-height: 1rem;
width: 100%;
left: 0;
text-align: center;
letter-spacing: 0; }
.call-btn a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: rgba(13, 52, 125, .8);
color: #fff;
position: fixed;
right: 0.5rem;
bottom: 12rem;
z-index: 100; }
#fbBtn a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: rgba(255, 255, 255, .7);
border: 1px solid rgba(13, 52, 125, .7);
position: fixed;
right: 0.5rem;
bottom: 1rem;
z-index: 100; }
#pgTop a {
border-top: 1px solid rgba(13, 52, 125, .15);
font-size: 1rem;
text-align: center;
line-height: 1.2;
background: #fff;
padding: 0.5rem 0 1rem 0;
display: block; }
#pgTop a i {
display: block;
font-size: 2rem; } }
@font-face {
font-family: 'fontello';
src: url(/commons/font/fontello.eot?59802370);
src: url(/commons/font/fontello.eot?59802370#iefix) format("embedded-opentype"), url(/commons/font/fontello.woff2?59802370) format("woff2"), url(/commons/font/fontello.woff?59802370) format("woff"), url(/commons/font/fontello.ttf?59802370) format("truetype"), url(/commons/font/fontello.svg?59802370#fontello) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-right: .1em;
margin-left: .1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-d:before {
content: '\e800'; }
.icon-l:before {
content: '\e801'; }
.icon-u:before {
content: '\e802'; }
.icon-thesis:before {
content: '\e803'; }
.icon-tel:before {
content: '\e804'; }
.icon-r:before {
content: '\e805'; }
.icon-recruit:before {
content: '\e806'; }
.icon-column:before {
content: '\e807'; }
.icon-arrow:before {
content: '\e80a'; }
.icon-faq:before {
content: '\e80b'; }
.icon-aftercare:before {
content: '\e80c'; }
.icon-chat:before {
content: '\e80d'; }
.icon-clip:before {
content: '\e80e'; }
.icon-men:before {
content: '\e80f'; }
.icon-women:before {
content: '\e810'; }
.icon-injection:before {
content: '\e811'; }
.icon-phone:before {
content: '\e813'; }
.icon-scope:before {
content: '\e814'; }
.icon-fb:before {
content: '\f09a'; }   html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none; } .remodal,
[data-remodal-id] {
display: none; } .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none; } .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch; }
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""; } .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%; }
.remodal-is-initialized { display: inline-block; }   .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
filter: blur(3px); } .remodal-overlay {
background: rgba(0, 0, 0, .9); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes; } .remodal-wrapper {
padding: 10px 10px 0; } .remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #fff; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes; } .remodal,
.remodal-wrapper:after {
vertical-align: middle; } .remodal-close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #fff;
border: 0;
outline: 0;
background: transparent; }
.remodal-close:hover,
.remodal-close:focus {
color: #333; }
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
right: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center; } .remodal-confirm,
.remodal-cancel {
width: 45px;
height: 45px;
line-height: 45px;
font: inherit;
overflow: visible;
color: #fff;
background: #000;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
position: absolute;
top: 50%;
margin-top: -62px;
border: 0;
outline: 0; }
.remodal-confirm {
right: 35px; }
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #333; }
.remodal-cancel {
left: 35px; }
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #333; } .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0; } @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } } @media only screen and (min-width: 641px) {
.remodal {
max-width: 870px; } }
.remodal img {
max-width: 100%;
height: auto; }
.remodal h4 {
font-size: 2rem;
letter-spacing: 3px;
text-align: center;
padding-top: 30px; }
@media only screen and (max-width: 767px) {
.remodal {
padding: 35px 0 0 0; }
.remodal h4 {
font-size: 1.3rem;
padding: 14px 0; }
.remodal .remodal-confirm {
right: 0px;
bottom: 0;
top: auto;
margin: 0; }
.remodal .remodal-cancel {
left: 0px;
bottom: 0;
top: auto;
margin: 0; } } .lt-ie9 .remodal-overlay {
background: #2b2e38; }
.lt-ie9 .remodal {
width: 870px; }

@media only screen and (min-width: 768px) { .main-slide {
width: 1100px;
height: 490px;
margin: 20px auto;
clear: both;
overflow: hidden; }
.main-slide .slide {
height: 490px !important;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative; }
.main-slide .slide p {
position: absolute;
bottom: 30px;
left: 30px;
color: #fff;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.main-slide .slide p span {
font-size: 1.8rem;
letter-spacing: 5px;
background: rgba(13, 52, 125, .7);
display: inline-block;
padding: 5px 10px; }
.main-slide .slide p span b {
font-size: 2.4rem;
font-weight: 300; }
.about-area {
background: url(/commons/images/commons/bg-nami.png) no-repeat top #F5F7F9;
background-size: 100% 60px;
clear: both;
padding-bottom: 40px; }
.about-area header {
text-align: center; }
.about-area header figure {
margin-bottom: 10px; }
.about-area header h2 {
width: 380px;
height: 30px;
background: #0e357f;
color: #fff;
text-align: center;
font-size: 1.8rem;
line-height: 30px;
font-weight: 300;
position: relative;
margin: 0 auto 30px; }
.about-area header h2 span {
font-size: 1.3rem; }
.about-area header h2:before {
content: "";
border-style: solid;
border-width: 15px;
border-color: transparent #0e357f transparent transparent;
position: absolute;
left: -30px;
top: 0px; }
.about-area header h2:after {
content: "";
border-style: solid;
border-width: 15px;
border-color: transparent transparent transparent #0e357f;
position: absolute;
right: -30px;
top: 0px; }
.about-area .area-inner {
width: 1100px;
margin: 0 auto;
padding: 0 5px;
position: relative; }
.about-area .area-inner:before {
content: "";
background: url(/commons/images/top/fig-doctor.png) no-repeat;
background-size: 160px auto;
width: 160px;
height: 158px;
position: absolute;
top: -158px;
right: 10px; }
.about-area .area-inner:after {
content: "";
display: block;
clear: both; }
.about-area .area-inner article {
width: 24%;
margin: 0 0.5%;
float: left;
position: relative;
border-top: 1px solid #0e357f;
border-bottom: 1px solid #0e357f;
padding: 15px 0 0 0; }
.about-area .area-inner article:nth-of-type(1) .catch {
background-image: url(/commons/images/top/fig-01.jpg); }
.about-area .area-inner article:nth-of-type(2) .catch {
background-image: url(/commons/images/top/fig-02.jpg); }
.about-area .area-inner article:nth-of-type(3) .catch {
background-image: url(/commons/images/top/fig-03.jpg); }
.about-area .area-inner article:nth-of-type(4) .catch {
background-image: url(/commons/images/top/fig-04.jpg); }
.about-area .area-inner article .catch {
height: 230px;
position: relative;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative; }
.about-area .area-inner article .catch p {
font-size: 1.5rem;
line-height: 25px;
letter-spacing: 1px;
position: absolute;
top: 50%;
margin-top: -25px;
left: 10px; }
.about-area .area-inner article .catch p small {
font-size: 1rem; }
.about-area .area-inner article .catch p i {
font-size: 1.3rem; }
.about-area .area-inner article .catch p span {
background: rgba(255, 255, 255, .8);
display: inline-block;
padding: 0 5px; }
.about-area .area-inner article .catch p strong {
font-weight: 400; }
.about-area .area-inner article .catch > b {
text-align: center;
display: block;
color: #fff;
font-size: 1.2rem;
font-weight: 300;
padding-top: 15px; }
.about-area .area-inner article .catch > b span {
display: inline-block;
background: rgba(0, 53, 133, .8);
padding: 0 5px; }
.about-area .area-inner article h3 {
text-align: center;
font-weight: 300;
line-height: 60px; }
.about-area .area-inner article h3 i {
font-size: 2rem;
position: relative;
bottom: -3px; }
.info-area {
background: #fff;
padding: 40px 0;
clear: both; }
.info-area .area-body {
width: 1100px;
margin: 0 auto;
padding: 0 20px;
overflow: hidden;
position: relative; }
.info-area header {
width: 220px;
height: 220px;
background: #e7ebf2;
padding: 60px 0 0;
float: left;
text-align: center; }
.info-area header h2 {
font-size: 1.8rem;
margin-bottom: 5px;
font-weight: 300; }
.info-area header small {
letter-spacing: 1px;
color: #a0a9c1;
font-size: 1rem;
display: block; }
.info-area .area-inner {
width: 700px;
float: right;
margin: 0 20px; }
.info-area .area-inner article {
padding: 11px 10px 10px;
border-bottom: 1px solid #e7ebf2;
overflow: hidden;
clear: both; }
.info-area .area-inner article:nth-last-of-type(1) {
border-bottom: none; }
.info-area .area-inner article time {
width: 15%;
float: left;
font-size: 1.2rem;
line-height: 1.8rem;
color: #a0a9c1;
padding-bottom: 5px; }
.info-area .area-inner article h3 {
width: 85%;
float: left;
font-weight: 300;
line-height: 1.8rem; }
.info-area .more-btn {
position: absolute;
left: 20px;
letter-spacing: 1px;
padding-right: 15px;
bottom: 50px;
width: 220px;
text-align: center; }
.info-area .more-btn a {
font-size: 1rem; }
.info-area .more-btn a i {
font-size: 2rem;
position: relative;
bottom: -3px;
margin-right: 5px; }
.media-area {
background: #E6EBF2;
padding: 40px 0;
clear: both; }
.media-area .area-body {
width: 1100px;
margin: 0 auto;
padding: 0 20px;
overflow: hidden;
position: relative; }
.media-area header {
width: 220px;
height: 220px;
background: #fff;
padding: 60px 0 0;
float: left;
text-align: center; }
.media-area header h2 {
font-size: 1.8rem;
margin-bottom: 5px;
font-weight: 300; }
.media-area header small {
letter-spacing: 1px;
color: #a0a9c1;
font-size: 1rem;
display: block; }
.media-area .area-inner {
width: 720px;
float: right;
margin-right: 20px; }
.media-area .area-inner article {
width: 220px;
height: 220px;
float: left;
margin-left: 20px;
letter-spacing: 1px; }
.media-area .area-inner article figure {
height: 150px;
overflow: hidden;
margin-bottom: 15px; }
.media-area .area-inner article figure img {
max-width: 100%;
height: auto; }
.media-area .area-inner article time {
display: block;
font-size: 1.1rem;
color: #a0a9c1;
padding-bottom: 5px; }
.media-area .area-inner article h3 {
font-weight: 300;
font-size: 1.2rem;
line-height: 1.4; }
.media-area .more-btn {
position: absolute;
left: 20px;
letter-spacing: 1px;
padding-right: 15px;
bottom: 50px;
width: 220px;
text-align: center; }
.media-area .more-btn a {
font-size: 1rem; }
.media-area .more-btn a i {
font-size: 2rem;
position: relative;
bottom: -3px;
margin-right: 5px; }
.flow-area {
text-align: center;
padding: 100px 0; }
.flow-area header {
text-align: center;
padding-bottom: 50px; }
.flow-area header h2 {
font-size: 2rem;
font-weight: 300; }
.flow-area header small {
font-size: 1rem;
color: #a0a9c1;
display: block; }
.flow-area:after {
content: "";
clear: both;
display: block; }
.flow-area ol {
width: 970px;
margin: 0 auto;
padding: 0 10px; }
.flow-area ol li {
width: 180px;
height: 180px;
text-align: center;
border: 1px solid #0e357f;
float: left;
margin: 0 5px;
overflow: visible;
padding: 25px 0 0 0;
position: relative; }
.flow-area ol li span {
font-size: 1rem;
color: #a0a9c1;
display: block;
letter-spacing: 1px;
padding-bottom: 20px; }
.flow-area ol li span b {
font-weight: 300;
font-size: 1.5rem; }
.flow-area ol li:after {
width: 20px;
font-size: 32px;
font-size: 2rem;
text-align: center;
content: "→";
position: absolute;
right: -10px;
top: 50%;
margin-top: -1em;
line-height: 2; }
.flow-area ol li:nth-last-of-type(1):after {
display: none; }
.flow-area .question-btn {
width: 330px;
margin: 0 auto;
clear: both;
padding-top: 50px; }
.flow-area .question-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px;
text-align: center;
line-height: 30px;
position: relative; }
.flow-area .question-btn a i {
margin-left: 10px;
font-size: 2rem; }
.banner-area {
width: 1100px;
margin: 0 auto;
padding: 30px 30px 0;
overflow: hidden; }
.banner-area > div {
width: 50%;
float: left;
padding: 0 5px; }
.banner-area > div a {
border: 1px solid #0e357f;
height: 150px;
display: block;
position: relative; }
.banner-area > div.instance-banner a {
font-size: 1.5rem;
background: #0e357f;
color: #fff;
line-height: 150px;
text-align: right;
padding: 0 20px; }
.banner-area > div.instance-banner a small {
position: absolute;
line-height: 150px;
opacity: 0.5;
left: 20px;
letter-spacing: 6px;
top: 0;
font-size: 3rem; }
.banner-area > div.voice-banner a {
font-size: 1.5rem;
line-height: 100px;
text-align: right;
padding: 0 20px; }
.banner-area > div.voice-banner a small {
position: absolute;
line-height: 100px;
opacity: 0.5;
left: 20px;
letter-spacing: 6px;
top: 0;
font-size: 3rem; }
.banner-area > div.voice-banner a .voice-ex {
width: 100%;
height: 50px;
background: #0e357f;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
padding-top: 15px; }
.banner-area > div.voice-banner a .voice-ex p {
font-size: 1rem;
line-height: 1.1;
letter-spacing: 0;
text-align: left;
float: left; }
.banner-area > div.voice-banner a .voice-ex p b {
font-size: 1.2rem; }
.banner-area > div.voice-banner a .voice-ex figure {
float: left;
width: 52px;
height: 52px;
line-height: 0;
margin-right: 10px;
margin-left: 115px;
margin-top: -20px; }
.banner-area > div.voice-banner a .voice-ex figure img {
width: 52px; }
.banner-area > div.voice-banner a .voice-ex span {
position: absolute;
width: 100px;
height: 20px;
left: 0px;
line-height: 24px;
text-align: center;
letter-spacing: 0;
font-size: 1rem;
background: rgba(255, 255, 255, .7);
color: #0e357f;
top: 50%;
margin-top: -10px; }
.banner-area > div.voice-banner a .voice-ex span:after {
content: "";
border-width: 10px 5px;
border-style: solid;
border-color: rgba(255, 255, 255, .7) transparent rgba(255, 255, 255, .7) rgba(255, 255, 255, .7);
position: absolute;
right: -10px;
top: 0; } }
@media only screen and (max-width: 767px) { .main-slide {
width: 100%;
height: 200px;
margin-bottom: 20px; }
.main-slide .slide {
height: 200px !important;
letter-spacing: 0px;
background-size: cover;
background-position: 50% 50%;
position: relative; }
.main-slide .slide p {
font-size: 1.6rem;
text-align: center;
width: 100%;
background: rgba(13, 52, 125, .7);
position: absolute;
bottom: 0;
left: 0px;
padding: 5px;
color: #fff;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.main-slide .slide p span {
font-size: 1.1rem;
display: inline-block; }
.main-slide .slide p span b {
font-size: 1.9rem;
font-weight: 300; }
.main-slide .slide p strong {
display: block;
font-size: 1.9rem;
font-weight: 300; }
.about-area {
background: url(/commons/images/commons/bg-nami.png) no-repeat 50% 0 #F5F7F9;
background-size: 140% 40px;
clear: both;
padding-bottom: 40px; }
.about-area header {
text-align: center;
position: relative; }
.about-area header figure {
margin-bottom: 10px; }
.about-area header:before {
content: "";
background: url(/commons/images/top/fig-doctor.png) no-repeat 50% 100%;
background-size: 100px auto;
width: 100px;
height: 120px;
position: absolute;
bottom: 30px;
right: 10%; }
.about-area header h2 {
width: 80%;
height: 30px;
background: #0e357f;
color: #fff;
text-align: center;
font-size: 1.8rem;
line-height: 30px;
font-weight: 300;
position: relative;
margin: 0 auto 10px; }
.about-area header h2 span {
font-size: 1.3rem; }
.about-area header h2:before {
content: "";
border-style: solid;
border-width: 15px;
border-color: transparent #0e357f transparent transparent;
position: absolute;
left: -30px;
top: 0px; }
.about-area header h2:after {
content: "";
border-style: solid;
border-width: 15px;
border-color: transparent transparent transparent #0e357f;
position: absolute;
right: -30px;
top: 0px; }
.about-area .area-inner {
position: relative;
border-bottom: 1px solid #0e357f;
margin: 0 10px; }
.about-area .area-inner:after {
content: "";
display: block;
clear: both; }
.about-area .area-inner article {
position: relative;
border-top: 1px solid #0e357f;
padding: 5px 0;
height: 125px;
padding-left: 120px; }
.about-area .area-inner article:nth-of-type(1) .catch:after {
background-image: url(/commons/images/top/fig-01.jpg); }
.about-area .area-inner article:nth-of-type(2) .catch p {
padding-top: 0px; }
.about-area .area-inner article:nth-of-type(2) .catch:after {
background-image: url(/commons/images/top/fig-02.jpg); }
.about-area .area-inner article:nth-of-type(3) .catch:after {
background-image: url(/commons/images/top/fig-03.jpg); }
.about-area .area-inner article:nth-of-type(4) .catch:after {
background-image: url(/commons/images/top/fig-04.jpg); }
.about-area .area-inner article .catch:after {
content: "";
width: 110px;
height: 115px;
position: relative;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 5px; }
.about-area .area-inner article .catch p {
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 1px;
padding-top: 20px; }
.about-area .area-inner article .catch p small {
font-size: 1rem; }
.about-area .area-inner article .catch p i {
font-size: 1.3rem; }
.about-area .area-inner article .catch p strong {
font-weight: 400; }
.about-area .area-inner article .catch > b {
display: block;
font-size: 1rem;
font-weight: 400;
opacity: 0.8; }
.about-area .area-inner article h3 a {
width: 80%;
text-align: center;
font-weight: 300;
line-height: 39px;
position: absolute;
bottom: 5px;
right: 0;
background: rgba(13, 52, 125, .8);
color: #fff; }
.about-area .area-inner article h3 a i {
font-size: 2rem;
position: relative;
bottom: -3px; }
.info-area {
background: #fff;
padding: 30px 10px 20px;
clear: both; }
.info-area header {
text-align: center;
margin-bottom: 15px; }
.info-area header h2 {
font-size: 1.8rem;
font-weight: 300;
display: inline-block;
position: relative; }
.info-area header h2:before {
content: "";
width: 25px;
height: 1px;
background: #E6EBF2;
position: absolute;
left: -30px;
top: 50%; }
.info-area header h2:after {
content: "";
width: 25px;
height: 1px;
background: #E6EBF2;
position: absolute;
right: -30px;
top: 50%; }
.info-area header small {
letter-spacing: 1px;
color: #a0a9c1;
font-size: 1rem;
display: block; }
.info-area .area-inner article {
padding: 10px;
border-bottom: 1px solid #e7ebf2;
clear: both;
overflow: hidden; }
.info-area .area-inner article time {
display: block;
font-size: 1.1rem;
color: #a0a9c1;
padding-bottom: 5px; }
.info-area .area-inner article h3 {
font-weight: 300;
font-size: 1.3rem;
line-height: 1.4; }
.info-area .more-btn {
text-align: center;
margin: 20px 30px 0 30px;
clear: both; }
.info-area .more-btn a {
font-size: 1.2rem;
line-height: 36px;
display: block;
background: #E6EBF2; }
.info-area .more-btn a i {
font-size: 1.8rem;
position: relative;
bottom: -3px;
margin-right: 5px; }
.media-area {
background: #E6EBF2;
padding: 30px 10px 20px;
clear: both; }
.media-area header {
text-align: center;
margin-bottom: 15px; }
.media-area header h2 {
font-size: 1.8rem;
font-weight: 300;
display: inline-block;
position: relative; }
.media-area header h2:before {
content: "";
width: 25px;
height: 1px;
background: #fff;
position: absolute;
left: -30px;
top: 50%; }
.media-area header h2:after {
content: "";
width: 25px;
height: 1px;
background: #fff;
position: absolute;
right: -30px;
top: 50%; }
.media-area header small {
letter-spacing: 1px;
color: #a0a9c1;
font-size: 1rem;
display: block; }
.media-area .area-inner article {
margin-bottom: 10px;
letter-spacing: 1px;
clear: both;
overflow: hidden; }
.media-area .area-inner article figure {
width: 40%;
float: left;
margin-right: 15px; }
.media-area .area-inner article figure img {
max-width: 100%;
height: auto; }
.media-area .area-inner article time {
display: block;
font-size: 1.1rem;
color: #a0a9c1;
padding-bottom: 5px; }
.media-area .area-inner article h3 {
font-weight: 300;
font-size: 1.2rem;
line-height: 1.4; }
.media-area .more-btn {
text-align: center;
margin: 20px 30px 0 30px;
clear: both; }
.media-area .more-btn a {
font-size: 1.2rem;
line-height: 36px;
display: block;
background: #fff; }
.media-area .more-btn a i {
font-size: 1.8rem;
position: relative;
bottom: -3px;
margin-right: 5px; }
.flow-area {
text-align: center;
padding: 30px 0 20px; }
.flow-area header {
text-align: center;
padding-bottom: 20px; }
.flow-area header h2 {
font-size: 1.8rem;
font-weight: 300;
display: inline-block;
position: relative; }
.flow-area header h2:before {
content: "";
width: 25px;
height: 1px;
background: #0e357f;
opacity: 0.3;
position: absolute;
left: -30px;
top: 50%; }
.flow-area header h2:after {
content: "";
width: 25px;
height: 1px;
background: #0e357f;
opacity: 0.3;
position: absolute;
right: -30px;
top: 50%; }
.flow-area header small {
font-size: 1rem;
color: #a0a9c1;
display: block; }
.flow-area:after {
content: "";
clear: both;
display: block; }
.flow-area ol {
padding: 0 10px; }
.flow-area ol li {
text-align: left;
line-height: 1.4;
border: 1px solid #0e357f;
overflow: visible;
padding: 15px 10px 15px 80px;
position: relative;
margin-bottom: 20px; }
.flow-area ol li span {
width: 50px;
text-align: center;
font-size: 1rem;
color: #a0a9c1;
letter-spacing: 1px;
position: absolute;
left: 10px;
top: 50%;
line-height: 1;
margin-top: -0.5em; }
.flow-area ol li span b {
font-weight: 300;
font-size: 1.5rem; }
.flow-area ol li:after {
width: 20px;
font-size: 32px;
font-size: 2rem;
text-align: center;
content: "↓";
position: absolute;
right: 50%;
bottom: -1.3em;
margin-right: -10px;
line-height: 2; }
.flow-area ol li:nth-last-of-type(1):after {
display: none; }
.flow-area .question-btn {
margin: 0 5px;
clear: both; }
.flow-area .question-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px;
text-align: center;
line-height: 30px;
position: relative; }
.flow-area .question-btn a i {
font-size: 2rem;
margin-left: 10px; }
.banner-area {
padding: 10px 10px 0;
overflow: hidden; }
.banner-area > div {
margin-bottom: 10px; }
.banner-area > div a {
border: 1px solid #0e357f;
height: 100px;
display: block;
position: relative; }
.banner-area > div.instance-banner a {
font-size: 1.5rem;
background: #0e357f;
color: #fff;
line-height: 100px;
text-align: right;
padding: 0 20px; }
.banner-area > div.instance-banner a small {
position: absolute;
line-height: 100px;
opacity: 0.5;
left: 20px;
letter-spacing: 3px;
top: 0;
font-size: 2.5rem; }
.banner-area > div.voice-banner a {
height: 135px;
font-size: 1.5rem;
line-height: 75px;
text-align: right;
padding: 0 20px; }
.banner-area > div.voice-banner a small {
position: absolute;
line-height: 75px;
opacity: 0.5;
left: 20px;
letter-spacing: 3px;
top: 0;
font-size: 2.5rem; }
.banner-area > div.voice-banner a .voice-ex {
width: 100%;
height: 60px;
background: #0e357f;
color: #fff;
position: absolute;
left: 0;
bottom: 0px;
padding-left: 60px; }
.banner-area > div.voice-banner a .voice-ex p {
font-size: 1rem;
line-height: 1.1;
letter-spacing: 0;
text-align: left;
margin-left: 10px; }
.banner-area > div.voice-banner a .voice-ex p b {
font-size: 1.2rem; }
.banner-area > div.voice-banner a .voice-ex figure {
width: 52px;
height: 52px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -26px;
line-height: 0; }
.banner-area > div.voice-banner a .voice-ex figure img {
width: 52px; }
.banner-area > div.voice-banner a .voice-ex span {
width: 120px;
height: 16px;
line-height: 18px;
text-align: center;
letter-spacing: 0;
font-size: 1rem;
color: #0e357f;
position: relative;
display: block;
clear: both;
padding-left: 25px;
margin: 5px 0 5px -20px;
background: rgba(255, 255, 255, .7); }
.banner-area > div.voice-banner a .voice-ex span:after {
content: "";
border-width: 8px 5px;
border-style: solid;
border-color: rgba(255, 255, 255, .7) transparent rgba(255, 255, 255, .7) rgba(255, 255, 255, .7);
position: absolute;
right: -10px;
top: 0; } }