@charset "UTF-8";
/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
html { width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

@media (min-width: 600px) { html { min-width: 1200px; overflow: auto; } }

/* if use Yu Gothic */
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }

/* if use Yu Mincho */
@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Medium"); font-weight: 100; }

@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Medium"); font-weight: 200; }

@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Medium"); font-weight: 300; }

@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Medium"); font-weight: 400; }

@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Bold"); font-weight: bold; }

@font-face { font-family: "Noto Serif CJKjp"; font-weight: 400; src: url("fonts/NotoSerifCJKjp-Regular.woff2") format("woff2"), url("fonts/NotoSerifCJKjp-Regular.woff") format("woff"); }

@font-face { font-family: "Noto Serif CJKjp"; font-weight: 600; src: url("fonts/NotoSerifCJKjp-SemiBold.woff2") format("woff2"), url("fonts/NotoSerifCJKjp-SemiBold.woff") format("woff"); }

@font-face { font-family: "Noto Serif CJKjp"; font-weight: 500; src: url("fonts/NotoSerifCJKjp-Medium.woff2") format("woff2"), url("fonts/NotoSerifCJKjp-Medium.woff") format("woff"); }

@font-face { font-family: "Noto Serif CJKjp"; font-weight: 700; src: url("fonts/NotoSerifCJKjp-Bold.woff2") format("woff2"), url("fonts/NotoSerifCJKjp-Bold.woff") format("woff"); }

body { position: relative; width: 100%; font-size: 1.4rem; font-weight: 300; color: #262626; font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",YuGothic,'Yu Gothic',"メイリオ", sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; letter-spacing: 0.05em; line-height: 1.5; }

@media (min-width: 600px) { body { font-size: 1.4rem; line-height: 1.625; } }

::-moz-selection { background: #fce8db; }

::selection { background: #fce8db; }

::-moz-se lection { background: #fce8db; }

/* layout
-------------------------------------------------
#wrapperでfloat解除
sideは右に、contentsは左にfloat
-------------------------------------------------
*/
#wrapper { width: 100%; margin: 0 auto; }

#contents { width: 100%; }

@media (min-width: 600px) { #contents { margin: 0 auto; }
  #contents::after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } }

/* for IE */
main { display: block; }

@media all and (-ms-high-contrast: none) { .icon:before { -ms-transform: translateY(-3px); transform: translateY(-3px); } }

/* end for IE */
.inner { width: 100%; padding: 0 10px; }

@media (min-width: 600px) { .inner { width: 1200px; margin: auto; padding: 0; } }

.inner-w { width: 100%; padding: 0 10px; }

@media (min-width: 600px) { .inner-w { padding: 0; } }

.cf::after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

/*! breakpoint
-------------------------------------------------
600pxで切り替え
-------------------------------------------------
*/
@media (max-width: 599px) { .viewSp { display: block; }
  .viewPc { display: none; } }

@media (min-width: 600px) { .viewSp { display: none; }
  .viewPc { display: block; } }

/* box-sizing
-------------------------------------------------
-------------------------------------------------
*/
html, body, header, footer, h1, h2, h3, h4, h5, section, article, div, dl, dt, dd, ol, ul, li, p, a, span { box-sizing: border-box; }

/* img
-------------------------------------------------
-------------------------------------------------
*/
img { max-width: 100%; vertical-align: top; }

/* link
-------------------------------------------------
-------------------------------------------------
*/
a { outline: none; text-decoration: none; }

/* weight
-------------------------------------------------
-------------------------------------------------
*/
span, em { font-weight: inherit; }

/* other
-------------------------------------------------
-------------------------------------------------
*/
iframe { max-width: 100%; }

li { list-style: none; }

/*=============================================================
 03_layout
=============================================================*/
/*!  #gHeader
================================================ */
#gHeader { height: 70px; padding: 6px 10px 0; position: relative; /*!  .hdCv * only PC
================================================ */ }

@media (min-width: 600px) { #gHeader { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.08); height: auto; padding: 0; } }

#gHeader .stit { color: #808080; font-size: 1rem; letter-spacing: 0.05em; margin-right: 40px; line-height: 1.1; }

@media (min-width: 600px) { #gHeader .stit { line-height: 2.7; font-size: 1.1rem; letter-spacing: .1em; margin: 0; } }

#gHeader .tit { margin: 5px 0 0; }

@media (min-width: 600px) { #gHeader .tit { margin: 8px 0 18px; } }

#gHeader .tit a { color: #1b519e; display: block; font-size: 1.5rem; height: 30px; background: url(../img/common/header/img_logo01.png) no-repeat; background-size: auto 100%; line-height: 1.4; padding: 0 0 0 36px; font-weight: bold; }

@media (min-width: 600px) { #gHeader .tit a { font-size: 3rem; height: 60px; padding: 0 0 0 72px; } }

#gHeader .tit small { color: #262626; display: block; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1rem; font-weight: normal; letter-spacing: 0.1em; line-height: 1.3; -ms-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: scale(0.7); transform: scale(0.7); }

@media (min-width: 600px) { #gHeader .tit small { font-size: 1.4rem; -ms-transform: scale(1); transform: scale(1); } }

@media (min-width: 600px) { #gHeader .titArea { float: left; } }

#gHeader .hdCv.viewPc { float: right; margin: 20px 32px 0 0; width: 450px; }

#gHeader .hdCv.viewPc .open { font-size: 1.6rem; margin: 0 0 6px; }

#gHeader .hdCv.viewPc .open .tit { background: #f2f2f2; color: #1b519e; display: inline-block; font-size: 1.4rem; line-height: 1.93; margin: 0 12px 0 0; padding: 0 10px 0 15px; }

#gHeader .hdCv.viewPc .open span { display: inline-block; padding: 0 24px 0 0; position: relative; }

#gHeader .hdCv.viewPc .open span:after { content: ""; border-top: 1px solid #262626; display: block; position: absolute; right: 4px; top: 5px; width: 22px; height: 16px; -ms-transform-origin: right top; transform-origin: right top; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#gHeader .hdCv.viewPc .list .tel { background-image: url(../img/common/ico_tel.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 25px; font-size: 3.2rem; font-weight: 600; letter-spacing: 0; float: left; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; line-height: 40px; padding: 0 0 5px 35px; }

#gHeader .hdCv.viewPc .list .btn { float: right; width: 200px; }

/*!  #gNav * only PC
================================================ */
#gNav { padding: 33px 0; }

#gNav .list { width: 1200px; margin: 0 auto; text-align: center; font-size: 0; }

#gNav .item { display: inline-block; font-size: 1.8rem; font-weight: 500; line-height: 1.8; position: relative; width: 197px; }

#gNav .item:after, #gNav .item:first-child:before { content: ""; border-top: 1px solid #a6a6a6; display: block; position: absolute; right: -11px; top: 9px; width: 22px; height: 16px; -ms-transform-origin: right top; transform-origin: right top; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#gNav .item:first-child:before { right: auto; left: -11px; }

#gNav .item a { color: #262626; display: block; transition: all .3s; }

#gNav .item a:hover { color: #1b519e; }

#gNav .item span { display: block; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1.2rem; font-weight: 600; }

#gNav .linkList { position: absolute; left: 0; width: 200px; z-index: 100; opacity: 0; display:none; padding-top: 15px; }

#gNav .item:hover .linkList { display:block; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility: visible; max-height: 500px; -webkit-transition: .3s max-height,.6s visibility,.6s opacity;
transition: .3s max-height,.6s visibility,.6s opacity; }

#gNav .linkList li { margin-bottom: 2px; }

#gNav .linkList a { color: #fff; font-size: 1.3rem; text-align: left; background: url(../img/common/header/ico_arow04.png) 95% 50% no-repeat #1b519e; padding:10px; }

#gNav .linkList a:hover { color: #c5d9f5; background: url(../img/common/header/ico_arow04.png) 97% 50% no-repeat #2e65b3; }


/*!  .spNav * only SP
================================================ */
#spNav { display: none; position: absolute; z-index: 9; right: 0; top: 0; width: 220px; background-color: rgba(238, 239, 241, 0.97); padding: 69px 0 10px; /*!  .hdCv * only SP ================================================ */ }

#spNav nav .list { border-top: 1px solid #fff; }

#spNav nav .list a { color: #262626; }

#spNav nav .list .item { font-size: 1.5rem; font-weight: 500; line-height: 1.4; border-bottom: 1px solid #fff; padding: 12px 0 12px 20px; position: relative; }

#spNav nav .list .item a{	display: block; }

#spNav nav .list .item:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e902"; display: inline-block; font-size: 1.1rem; margin-right: 6px; color: #1b519e; position: absolute; right: 16px; }

#spNav .hdCv { margin: 15px; background: #fff; font-size: 1.1rem; padding: 16px 10px 16px; line-height: 1.2; text-align: center; }

#spNav .hdCv .btn { font-size: 1.2rem; }

#spNav .hdCv .btn a { padding: 0 10% 0 0; text-align: center; }

#spNav .hdCv .btn a:after { right: 8%; }

#spNav .hdCv .tel { display: inline-block; background-image: url(../img/common/ico_tel.svg); background-repeat: no-repeat; background-position: left 1px; background-size: auto 17px; font-size: 2.2rem; font-weight: 600; letter-spacing: 0; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; line-height: 1; padding: 0 0 0 23px; margin: 8px 0; }

#spNav .hdCv .tel a{color: #cf1717;}
/*!  btn  * only SP
================================================ */
.hdBtn { position: absolute; top: 15px; right: 10px; width: 45px; height: 45px; cursor: pointer; transition: all .4s; background: #f8f8f8; background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 49%, #dfdfdf 51%, #dfdfdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dfdfdf',GradientType=0 ); border: 1px solid #d5d5d5; border-radius: 3px; z-index: 10; }

.hdBtn:after { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 1rem; font-weight: 700; content: "メニュー"; line-height: 1; -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; left: 0; bottom: 5px; letter-spacing: 0; text-align: center; width: 100%; }

.hdBtn span { transition: all .4s; position: absolute; display: block; width: 20px; height: 2px; background: #262626; left: 12px; }

.hdBtn span:nth-child(1) { top: 8px; }

.hdBtn span:nth-child(2) { top: 14px; }

.hdBtn span:nth-child(3) { top: 20px; }

.hdBtn.open span { background: #262626; }

.hdBtn.open span:nth-child(1) { top: 14px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.hdBtn.open span:nth-child(2) { opacity: 0; }

.hdBtn.open span:nth-child(3) { top: 14px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.hdBtn.open:after { content: "閉じる"; }

/*!  .spOverlay * only SP
================================================ */
.spOverlay { display: none; position: absolute; z-index: 5; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

/*!  #mainImg
================================================ */
/*!  under
------------------------------------------------- */
#mainImg { margin-bottom: 20px; height: 145px; }

@media (min-width: 600px) { #mainImg { margin-bottom: 0px; height: 350px; } }

#mainImg .tit { padding-top: 52px; font-size: 2.8rem; font-family: "Noto Serif CJKjp"; font-weight: 500; letter-spacing: 0.15em; text-align: center; color: #fff; }

@media (min-width: 600px) { #mainImg .tit { padding-top: 140px; font-size: 5.5rem; line-height: calc(66.95/55); } }

/*!  #home
------------------------------------------------- */
#home #mainImg { background: #96c6e7 url(../img/home/main_bg_sp.png) center top no-repeat; background-size: 445px auto; height: 350px; margin: 0; }

@media (min-width: 600px) { #home #mainImg { background-image: url(../img/home/main_bg_pc.png); background-size: auto; height: 735px; } }

@media (min-width: 600px) { #home #mainImg .mainIn { width: 1200px; margin: 0 auto; padding: 50px 452px 0 0; } }

#home #mainImg .ttl { padding: 0; text-align: center; }

@media (min-width: 600px) { #home #mainImg .ttl { margin: 0 0 0 -46px; padding: 0; } }

#home #mainImg .ttl .pic { width: 320px; }

@media (min-width: 600px) { #home #mainImg .ttl .pic { width: auto; } }

#home #mainImg .txt { font-size: 1rem; line-height: 1.7; height: 80px; margin: -6px auto 0; width: 270px; filter: drop-shadow(2px 2px 3px #ffffff); }

@media (min-width: 600px) { #home #mainImg .txt { font-size: 2rem; line-height: 1.6; margin: -20px 0 12px; text-align: center; width: 704px; } }

#home #mainImg .box { background: url(../img/home/diag_bg_sp.png) no-repeat; background-size: 100% auto; height: 125px; width: 300px; margin: 19px auto 0; padding: 11px 17px 0; position: relative; }

@media (min-width: 600px) { #home #mainImg .box { background: url(../img/home/diag_bg_pc.png) no-repeat; background-size: auto; margin: 0 0 0 21px; padding: 20px 47px 0 0; height: 302px; width: auto; } }

#home #mainImg .box .balloon { position: absolute; background: url(../img/home/diag_balloon_sp.png) no-repeat; background-size: cover; color: #1b519e; font-size: 1.3rem; font-weight: 700; padding: 18px 0 0; width: 111px; height: 78px; text-align: center; -ms-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: scale(0.5); transform: scale(0.5); }

@media (min-width: 600px) { #home #mainImg .box .balloon { background-image: url(../img/home/diag_balloon_pc.png); background-size: auto; font-size: 1.4rem; line-height: 1.57; padding: 26px 0 0; width: 136px; height: 96px; -ms-transform: scale(1); transform: scale(1); } }

#home #mainImg .box .balloon01 { top: 2px; left: 9px; }

@media (min-width: 600px) { #home #mainImg .box .balloon01 { top: 0px; left: -18px; } }

#home #mainImg .box .balloon02 { top: 33px; left: -2px; }

@media (min-width: 600px) { #home #mainImg .box .balloon02 { top: 67px; left: -78px; } }

#home #mainImg .box .tit { width: 166px; margin: 13px 0 10px 49px; padding: 0; text-align: left; }

@media (min-width: 600px) { #home #mainImg .box .tit { margin: 33px 0 27px 123px; padding: 0; width: auto; } }

#home #mainImg .box .btn { font-size: 1rem; font-weight: 700; position: relative; margin: 0 0 0 18px; text-align: center; width: 228px; }

@media (min-width: 600px) { #home #mainImg .box .btn { font-size: 2.5rem; margin: 0 0 0 46px; height: 88px; width: 560px; } }

#home #mainImg .box .btn a { background-image: url(../img/home/diag_btn_bg.png); background-repeat: repeat-x; background-size: auto 100%; border: 2px solid #144385; border-radius: 5px; color: #262626; display: block; line-height: 32px; padding: 0 0 0 10px; transition: all .4s; }

@media (min-width: 600px) { #home #mainImg .box .btn a { border: 4px solid #144385; border-radius: 13px; padding: 0 0 0 20px; line-height: 80px; } }

#home #mainImg .box .btn a:hover { background-image: url(../img/home/diag_btn_bg_o.png); }

#home #mainImg .box .btn a:after { font-family: 'icomoon'; content: "\e900"; background: #2d8dd0; border-radius: 50%; color: #fff; font-size: 1.2rem; font-weight: normal; display: block; position: absolute; top: 10px; right: 12px; width: 20px; height: 20px; line-height: 19px; text-align: center; -ms-transform: scale(0.5); transform: scale(0.5); }

@media (min-width: 600px) { #home #mainImg .box .btn a:after { font-size: 1.3rem; line-height: 25px; top: 32px; right: 30px; width: 24px; height: 24px; -ms-transform: scale(1); transform: scale(1); } }

#home #mainImg .box .btn .ico { position: absolute; z-index: 2; width: 40px; top: -3px; left: 18px; }

@media (min-width: 600px) { #home #mainImg .box .btn .ico { top: -9px; left: 38px; width: auto; } }

/*!  #breadcrumb
================================================ */
#breadcrumb { background-color: #fff; }

#breadcrumb ol { width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0 75px; }

#breadcrumb li { float: left; display: inline-block; font-size: 1.3rem; font-weight: 700; line-height: 1.2; position: relative; }

#breadcrumb li + li { padding-left: 5px; }

#breadcrumb li + li:before { content: ">"; }

#breadcrumb li a { display: inline-block; color: #1b519e; font-weight: normal; text-decoration: underline; }

#breadcrumb li a:hover { text-decoration: none; }

/*!  #sidebar
================================================ */
/*!  #gFooter
================================================ */
#gFooter { background: #eeeff1; padding: 1px 0 55px; /*!  .ftCv * only SP ================================================ */ }
#gFooter .ftCv .cf { display: flex; justify-content: center; }

@media (min-width: 600px) { #gFooter { padding: 85px 0 0; } }

#gFooter .ftClinic { margin: 20px 0; border: 2px solid #fff; padding: 10px 19px 19px; }

@media (min-width: 600px) { #gFooter .ftClinic { float: left; margin: 0; padding: 25px 48px 32px 48px; width: 460px; } }

#gFooter .name { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; text-align: center; font-size: 2rem; font-weight: bold; line-height: 1.5; margin: 0 0 8px; }

@media (min-width: 600px) { #gFooter .name { font-size: 3.2rem; line-height: 1.4; margin: 0 0 13px; } }

#gFooter .name small { color: #53617f; display: block; font-size: 1rem; font-weight: 500; line-height: 1.3; }

@media (min-width: 600px) { #gFooter .name small { font-size: 1.6rem; } }

#gFooter .addr { font-size: 1.1rem; line-height: 1.6; margin: 0 0 9px; }

@media (min-width: 600px) { #gFooter .addr { font-size: 1.6rem; margin: 0 0 22px; } }

#gFooter .addr span { display: inline-block; }

@media (min-width: 600px) { #gFooter .infoArea { float: right; width: 660px; } }

#gFooter .infoArea .time { margin: 0 0 12px; }

@media (min-width: 600px) { #gFooter .infoArea .time { margin: 0 0 20px; } }

#gFooter .infoArea .time tr:nth-of-type(n + 2) th { background: #fff; color: #262626; }

@media (min-width: 600px) { #gFooter .infoArea .time tr:nth-of-type(n + 2) th { letter-spacing: 0.05em; } }

@media (min-width: 600px) { #gFooter .infoArea .time tr:nth-of-type(1) th:nth-of-type(1) { letter-spacing: 0.16em; } }

@media (min-width: 600px) { #gFooter .infoArea .time th { padding: 12px 0; letter-spacing: 0; } }

#gFooter .infoArea .time th + th { font-size: 1rem; }

@media (min-width: 600px) { #gFooter .infoArea .time th + th { font-size: 1.6rem; } }

#gFooter .infoArea .time td { font-size: 1rem; border-left: 1px solid #a2a6b0; }

@media (min-width: 600px) { #gFooter .infoArea .time td { font-size: 1.6rem; padding: 12px 12px; } }

#gFooter .infoArea .list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; }

#gFooter .infoArea .list .item { border: 1px solid #1b519e; border-radius: 4px; color: #1b519e; font-size: 1.3rem; font-weight: 700; -ms-flex: 0 0 32%; flex: 0 0 32%; line-height: 1.2; padding: 8px 0; text-align: center; }

@media (min-width: 600px) { #gFooter .infoArea .list .item { font-size: 1.4rem; padding: 11px 0; } }

#gFooter .ftCv { margin: 20px 0; background: #fff; font-size: 1.3rem; padding: 16px 25px 16px; line-height: 1.2; text-align: center; }

@media (min-width: 600px) { #gFooter .ftCv { padding: 34px 20px 25px 35px; margin: 30px 0 0; } }

#gFooter .ftCv .txt { font-size: 1.1rem; }

@media (min-width: 600px) { #gFooter .ftCv .txt { font-size: 1.8rem; margin-bottom: 20px; } }

#gFooter .ftCv .btn { font-size: 1.2rem; }

@media (min-width: 600px) { #gFooter .ftCv .btn { float: right; width: 260px; } }

#gFooter .ftCv .btn a { text-align: center; }

@media (min-width: 600px) { #gFooter .ftCv .btn a { font-size: 1.6rem; height: 54px; line-height: 54px; }
  #gFooter .ftCv .btn a:after { right: 17px; top: 17px; } }

#gFooter .ftCv .tel { box-sizing: border-box; display: inline-block; background-image: url(../img/common/ico_tel.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 26px; font-size: 3.3rem; font-weight: 600; letter-spacing: 0; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; line-height: 1; padding: 0 0 5px 35px; margin: 13px 0 10px; }

#gFooter .ftCv .tel a{ display: block; color: #cf1717; }

@media (min-width: 600px) { #gFooter .ftCv .tel { background-size: auto 33px; float: left; font-size: 4.2rem; margin: 0; padding: 0 0 4px 45px; line-height: 50px; width: auto; } }

#gFooter .copyright { background: #1b519e; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; padding: 16px 0; letter-spacing: 0.075em; }

@media (min-width: 600px) { #gFooter .copyright { font-size: 1.4rem; padding: 29px 0; } }

/*! .ftNav
------------------------------------------------- */
.ftNav { margin: 60px 0 0; border-top: 1px solid #ced2d9; padding: 20px 0; }

.ftNav .ftNavIn { width: 1200px; margin: 0 auto; text-align: center; }

.ftNav .ftNavIn .list { font-size: 0; }

.ftNav .ftNavIn .item { display: inline-block; font-size: 1.6rem; font-weight: 500; position: relative; width: 180px; }

.ftNav .ftNavIn .item:after, .ftNav .ftNavIn .item:first-child:before { content: ""; border-top: 1px solid #a6a6a6; display: block; position: absolute; right: -11px; top: 20px; width: 22px; height: 16px; -ms-transform-origin: right top; transform-origin: right top; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.ftNav .ftNavIn .item:first-child:before { right: auto; left: -11px; }

.ftNav .ftNavIn .item a { color: #262626; display: block; line-height: 54px; transition: all .4s; }

.ftNav .ftNavIn .item a:hover { color: #1b519e; }

/*! .ftFixNav
------------------------------------------------- */
.ftFixNav { background: #b5d7ee; position: fixed; left: 0; bottom: 0; width: 100%; height: 55px; padding: 10px; z-index: 100; }

@media (min-width: 600px) { .ftFixNav { display: block !important; opacity: 1 !important;  background: none; left: auto; bottom: auto; right: 0; top: 50%; padding: 0; width: 55px; height: auto; -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.ftFixNav .list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; }

@media (min-width: 600px) { .ftFixNav .list { display: block; } }

.ftFixNav .list .item { -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; }

.ftFixNav .list .item .btn { transition: background-color .4s; }

@media (min-width: 600px) { .ftFixNav .list .item .btn { border-radius: 5px 0 0 5px; } }

.ftFixNav .list .item .btn a:before { content: ""; display: inline-block; background-repeat: no-repeat; background-size: 100% auto; vertical-align: middle; }

@media (min-width: 600px) { .ftFixNav .list .item .btn01 { margin: 0 0 5px; } }

.ftFixNav .list .item .btn01 a:before { background-image: url(../img/common/footer/ico_loupe.svg); margin: 0 8px 0 0; width: 13px; height: 15px; }

@media (min-width: 600px) { .ftFixNav .list .item .btn01 a:before { margin: 0 0 6px -3px; width: 25px; height: 25px; } }

.ftFixNav .list .item .btn01:hover { background-color: #459bd7; }

.ftFixNav .list .item .btn02 { background: #16bbad; }

.ftFixNav .list .item .btn02 a:before { background-image: url(../img/common/footer/ico_mail.svg); margin: 0 10px 0 0; width: 15px; height: 14px; }

@media (min-width: 600px) { .ftFixNav .list .item .btn02 a:before { margin: 0 0 6px -2px; width: 23px; height: 18px; } }

.ftFixNav .list .item .btn02:hover { background-color: #18c9ba; }

.ftFixNav .list .item a { display: block; line-height: 35px; }

@media (min-width: 600px) { .ftFixNav .list .item a { font-size: 1.8rem; line-height: 1.1; padding: 20px 18px 20px; width: 55px; } }

/*! .pageTop
------------------------------------------------- */
.pageTop { display: none; }

.pageTop a { display: block; }

@media (min-width: 600px) { .pageTop a { background: #fff; border: 1px solid #1b519e; border-radius: 50%; margin: 0; padding: 0; position: fixed; right: 50px; bottom: 100px; width: 60px; height: 60px; z-index: 1000; overflow: hidden; text-indent: 100%; white-space: nowrap; }
  .pageTop a:after { color: #1b519e; font-family: "icomoon"; content: "\e901"; font-size: 2rem; display: block; line-height: 56px; position: absolute; text-indent: 0; text-align: center; top: 0; left: 0; width: 100%; z-index: 1001; } }

/* Scss Document */
.diagnosis .qBox, .diagnosis .ansBox { position: relative; border-radius: 10px; color: #fff; margin: 0 auto; width: 88%; }

@media (min-width: 600px) { .diagnosis .qBox, .diagnosis .ansBox { width: 900px; margin: 0; } }

#colorbox #cboxClose { background: url(../img/common/diagnosis/ico_close01.png) no-repeat; -webkit-background-size: cover;
background-size: cover; width: 40px; height: 40px; padding: 10px; position: absolute; top: -20px; right: 0; cursor: pointer; }

@media (min-width: 600px) { #colorbox #cboxClose { padding: 14px; width: 52px; height: 52px; top: -26px; right: 0; } }

.diagnosis .qBox { background-image: url(../img/common/diagnosis/bg_diag01.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10% 5%; }

@media (min-width: 600px) { .diagnosis .qBox { min-height: 420px; padding: 58px 0 60px; } }

.diagnosis .qBox .question { margin: 0 auto 20px; padding: 0 0 15px; border-bottom: 1px solid #fff; }

@media (min-width: 600px) { .diagnosis .qBox .question { font-size: 1.8rem; line-height: 1.8; padding: 0 0 18px; margin-bottom: 40px; width: 740px; } }

.diagnosis .qBox .choices { text-align: center; margin-bottom: 30px; }

@media (min-width: 600px) { .diagnosis .qBox .choices { margin-bottom: 40px; } }

.diagnosis .qBox .list .item { display: inline-block; font-size: 4.6rem; padding: 0 20px; }

@media (min-width: 600px) { .diagnosis .qBox .list .item { font-size: 4.6rem; padding: 0; line-height: 1.2; } }

.diagnosis .qBox .list .item { font-weight: 700; }

@media (min-width: 600px) { .diagnosis .qBox .list .item a { font-size: 4.6rem; padding: 0; line-height: 1.2; color: #fff; border: 1px solid #fff; width: 245px; display: block; padding:10px 0; border-radius: 5px; } }

.diagnosis .qBox .list .item a { font-weight: 700; color: #fff; }

@media (min-width: 600px) { .diagnosis .qBox .list .item + .item { margin: 0 0 0 40px; } }

@media (min-width: 600px) { .diagnosis .qBox .btnArea { margin: 0 auto; width: 618px; } }

.diagnosis .qBox .btnArea .btn { height: 50px; margin: 0 0 20px; width: 100%; }

@media (min-width: 600px) { .diagnosis .qBox .btnArea .btn { height: 70px; margin: 0 auto; width: 294px; } }

.diagnosis .qBox .btnArea .btn a { line-height: 50px; }

@media (min-width: 600px) { .diagnosis .qBox .btnArea .btn a { line-height: 70px; } }

.diagnosis .qBox .btnArea .btn:last-of-type { margin-bottom: 0; }

.diagnosis .ansBox { background-image: url(../img/common/diagnosis/bg_diag02.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10% 5%; position: relative; }

@media (min-width: 600px) { .diagnosis .ansBox { min-height: 434px; padding: 53px 83px 0 90px; } }

.diagnosis .ansBox .stit { font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; position: relative; text-align: center; z-index: 3; }

@media (min-width: 600px) { .diagnosis .ansBox .stit { font-size: 3rem; letter-spacing: 0.1em; margin: 0 0 22px; } }

.diagnosis .ansBox .answer .tit { letter-spacing: 0; margin-top: 10px; font-size: 2.0rem; }

@media (min-width: 600px) { .diagnosis .ansBox .answer .tit { font-size: 4rem; font-weight: bold; line-height: 1.3; } }

.diagnosis .ansBox .answer small { display: block; letter-spacing: 0.05em; }

@media (min-width: 600px) { .diagnosis .ansBox .answer small { font-size: 2rem; margin: 0 0 5px; } }

.diagnosis .ansBox .answer .pic { background: #2a5ca7; border-radius: 50%; }

@media (min-width: 600px) { .diagnosis .ansBox .answer .pic { width: 325px; height: 325px; padding: 47px; position: absolute; top: 70px; right: 82px; } }

@media (min-width: 600px) { .diagnosis .ansBox .btn { position: absolute; bottom: 80px; left: 90px; width: 294px; } }

.diagnosis .ansBox .btn a { line-height: 50px; }

@media (min-width: 600px) { .diagnosis .ansBox .btn a { line-height: 70px; } }

/*=============================================================
 04_modules
=============================================================*/
/*!  tit
================================================ */
/*! .mod_tit01
------------------------------------------------- */
.mod_tit01 { margin-bottom: 30px; position: relative; font-size: 2.2rem; font-family: "Noto Serif CJKjp"; font-weight: 600; text-align: center; letter-spacing: 0.15em; }

@media (min-width: 600px) { .mod_tit01 { font-size: 4.4rem; } }

.mod_tit01:after { content: ""; margin: 15px auto 0; position: relative; display: block; width: 100px; height: 0px; border-top: 1px solid #1b519e; }

@media (min-width: 600px) { .mod_tit01:after { margin: 26px auto 0; } }

/*! .mod_tit02
------------------------------------------------- */
.mod_tit02 { margin-bottom: 10px; padding: 3px 0px 3px 14px; font-size: 2.1rem; font-family: "Noto Serif CJKjp"; font-weight: 600; line-height: calc(60/42); letter-spacing: 0.15em; border-left: 3px solid #1b519e; }

@media (min-width: 600px) { .mod_tit02 { margin-bottom: 40px; padding: 8px 0px 8px 30px; font-size: 3.6rem; line-height: calc(65/36); } }

/*! .mod_tit03
------------------------------------------------- */
.mod_tit03 { position: relative; padding: 5px 0px; font-size: 1.5rem; font-family: "Noto Serif CJKjp"; font-weight: 600; line-height: calc(60/42); letter-spacing: 0.15em; }

@media (min-width: 600px) { .mod_tit03 { font-size: 2.3rem; line-height: calc(34/23); } }

.mod_tit03:after { content: ""; margin: 8px 0 0; position: relative; display: block; width: 25px; height: 1px; border-top: 1px solid #1b519e; }

@media (min-width: 600px) { .mod_tit03:after { margin-top: 20px; width: 50px; } }

/*!  button
================================================ */
/*! .mod_btn01
------------------------------------------------- */
.mod_btn01 { box-sizing: border-box; width: 100%; text-align: center; }

.mod_btn01 a { background-image: url(../img/common/btn01_bg.png); background-size: auto 100%; border-radius: 40px; display: block; color: #fff; height: 40px; line-height: 40px; padding: 0 30px 0 0; position: relative; }

@media (min-width: 600px) { .mod_btn01 a { font-size: 1.5rem; padding: 0 12px 0 0; transition: all .4s; }
  .mod_btn01 a:hover { background-image: url(../img/common/btn01_bg_o.png); } }

.mod_btn01 a:after { font-family: 'icomoon'; content: "\e900"; background: #fff; border-radius: 50%; color: #16bbad; font-size: 1.2rem; font-weight: normal; display: block; position: absolute; top: 10px; right: 21%; width: 20px; height: 20px; line-height: 20px; -ms-transform: scale(0.5); transform: scale(0.5); }

@media (min-width: 600px) { .mod_btn01 a:after { font-size: 1.2rem; top: 10px; right: 10px; width: 20px; height: 20px; -ms-transform: scale(1); transform: scale(1); } }

/*
#styleguide
mod_btn01

```
<p class="mod_btn01">
	<a href="">メール予約はこちら</a>
</p>
```
*/
/*! .mod_btn02
------------------------------------------------- */
.mod_btn02 { background: #2d8dd0; box-shadow: 0px 2px 0px 0px rgba(0, 53, 119, 0.25); border-radius: 4px; text-align: center; }

.mod_btn02 a { color: #fff; display: block; font-size: 1.3rem; }

/*
#styleguide
mod_btn02

```
<p class="mod_btn02">
	<a href="">入れ歯診断</a>
</p>
```
*/
/*! .mod_btn03
------------------------------------------------- */
.mod_btn03 { margin-top: 5px; }

@media (min-width: 600px) { .mod_btn03 { margin-top: 15px; } }

.mod_btn03 a { display: block; padding: 10px; width: 185px; height: 60px; color: #262626; font-size: 1.5rem; background: #eceef0 url("../img/common/ico_arrow01.png") 155px center no-repeat; background-size: 15px 15px; box-shadow: 1px 1.232px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing: border-box; }

@media (min-width: 600px) { .mod_btn03 a { padding: 23px 38px 23px; width: 294px; height: 70px; font-size: 1.6rem; background: #eceef0 url("../img/common/ico_arrow01.png") 243px center no-repeat; background-size: 20px 20px; transition: all .4s; } }

.mod_btn03 a:hover { color: #fff; background-color: #1b519e; background-image: url("../img/common/ico_arrow01_o.png"); }

/*
#styleguide
mod_btn03

```
<p class="mod_btn03">
	<a href="">入れ歯診断</a>
</p>
```
*/
/*! .mod_btn04
------------------------------------------------- */
.mod_btn04 { background: #6e9adc; box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.25); border-radius: 4px; text-align: center; }

.mod_btn04 a { color: #fff; display: block; font-size: 1.9rem; font-weight: 500; position: relative; transition: all .4s; }

.mod_btn04 a:after { font-family: 'icomoon'; content: "\e900"; background: #1b519e; border-radius: 50%; color: #fff; font-size: 1rem; font-weight: normal; display: block; position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; line-height: 20px; -ms-transform: scale(0.75); transform: scale(0.75); transition: all .4s; }

@media (min-width: 600px) { .mod_btn04 a:after { font-size: 1.1rem; top: 24px; right: 30px; width: 20px; height: 20px; line-height: 21px; -ms-transform: scale(1); transform: scale(1); } }

.mod_btn04 a:hover { background: #1b519e; }

.mod_btn04 a:hover:after { background: #fff; color: #1b519e; }

.mod_btn04.prev a:after { left: 20px; right: auto; -ms-transform: scale(0.75) rotate(180deg); transform: scale(0.75) rotate(180deg); }

@media (min-width: 600px) { .mod_btn04.prev a:after { left: 30px; -ms-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } }

/*
#styleguide
mod_btn04

```
<p class="prev mod_btn04">
	<a href="">前の質問に戻る
</a>
</p>
<p class="next mod_btn04">
	<a href="">次の質問に進む
</a>
</p>
```
*/
/*! .mod_link01
------------------------------------------------- */
/*!  column/list/form/table/
================================================ */
/*! .mod_form01
------------------------------------------------- */
.mod_form01 label { font-size: 1.3rem; }

@media (min-width: 600px) { .mod_form01 label { font-size: 1.5rem; margin-right: 20px; } }

.mod_form01 label.checkbox { position: relative; padding-left: 25px; margin-bottom: 8px; }

@media (min-width: 600px) { .mod_form01 label.checkbox:hover { cursor: pointer; } }

.mod_form01 label.checkbox:last-child { margin-bottom: 0; }

.mod_form01 label.checkbox input[type="checkbox"] { display: none; }

.mod_form01 label.checkbox input[type="checkbox"] + .icon:before { position: absolute; width: 15px; height: 15px; box-sizing: border-box; left: 0; top: 1px; display: inline-block; background: #fff; border: 2px solid #cecece; }

@media (min-width: 600px) { .mod_form01 label.checkbox input[type="checkbox"] + .icon:before { width: 18px; height: 18px; } }

.mod_form01 label.checkbox input[type="checkbox"]:checked + .icon:before { border: none; background: url(../img/common/ico_check.png) no-repeat; background-size: contain; }

.mod_form01 input[type="text"] { background: #fff; width: 100%; padding: 4px 10px; box-sizing: border-box; }

@media (min-width: 600px) { .mod_form01 input[type="text"] { padding: 6px 10px; } }

.mod_form01 input[type="text"]::-webkit-input-placeholder { color: #acacac; font-size: 1.3rem; }

.mod_form01 input[type="text"]:-ms-input-placeholder { color: #acacac; font-size: 1.3rem; }

.mod_form01 input[type="text"]::-moz-placeholder { color: #acacac; font-size: 1.3rem; }

.mod_form01 select { width: 100%; background: #fff; height: 32px; }

@media (min-width: 600px) { .mod_form01 select { height: 42px; width: auto; min-width: 233px; padding-left: 10px; } }

.mod_form01 textarea { background: #fff; width: 100%; height: 150px; padding: 4px 10px; box-sizing: border-box; }

@media (min-width: 600px) { .mod_form01 textarea { height: 200px; } }

.mod_form01 small { font-size: 1.2rem; margin-top: 8px; display: block; }

@media (min-width: 600px) { .mod_form01 small { margin-top: 10px; } }

.mod_form01 small + input { margin-top: 8px; }

@media (min-width: 600px) { .mod_form01 small + input { margin-top: 10px; } }

@media (max-width: 599px) { .mod_form01 tr, .mod_form01 th, .mod_form01 td { display: block; } }

.mod_form01 th { background: #ebe8df; font-size: 1.6rem; font-weight: bold; padding: 13px 15px; }

.mod_form01 th .must { color: red; }

@media (min-width: 600px) { .mod_form01 th { width: 260px; box-sizing: border-box; font-size: 2rem; border-bottom: 1px solid #d2cdcb; padding: 40px; } }

.mod_form01 td { padding: 13px 15px; border-bottom: 1px solid #d8d8d8; }

@media (min-width: 600px) { .mod_form01 td { padding: 20px 30px; vertical-align: middle; } }

.mod_form01 td.address span { vertical-align: middle; display: inline-block; -ms-transform: translateY(5px); transform: translateY(5px); }

@media (min-width: 600px) { .mod_form01 td.address span { -ms-transform: translateY(0); transform: translateY(0); } }

.mod_form01 td.address .inputS { float: right; vertical-align: middle; width: 92%; }

@media (min-width: 600px) { .mod_form01 td.address .inputS { width: 200px; float: none; display: inline-block; margin-left: 1em; } }

.mod_form01 td.address .select { margin: 10px 0; }

@media (min-width: 600px) { .mod_form01 td.address .select { margin: 16px 0; } }

.mod_form01 .submitArea { text-align: center; background: #fff; }

.mod_form01 .submitArea input { display: none; }

.mod_form01 .submitArea label { background: red; color: #fff; font-size: 1.7rem; font-weight: bold; text-align: center; width: 100%; padding: 20px 0; display: block; }

.mod_form01 .submitArea label .icon { margin-right: 10px; }

@media (min-width: 600px) { .mod_form01 .submitArea label { transition: all .3s; opacity: 1; width: 346px; font-size: 2rem; margin: 10px auto; }
  .mod_form01 .submitArea label:hover { opacity: .7; cursor: pointer; } }

/*! .mod_form02
------------------------------------------------- */
.mod_form02 input[type="radio"] { position: relative; background: none; }

@media (max-width: 599px) { .mod_form02 input[type="radio"] { border: solid 1px #ccc; } }

.mod_form02 input[type="radio"] { display: none; }

.mod_form02 input[type="radio"]:checked + .radio::after { background: #08317c; border-radius: 50%; content: ""; display: block; position: absolute; margin: -4px 0 0; top: 50%; left: 4px; width: 10px; height: 10px; }

@media (min-width: 600px) { .mod_form02 input[type="radio"]:checked + .radio::after { left: 6px; margin: -7px 0 0; width: 15px; height: 15px; } }

.mod_form02 input[type="radio"] + .radio { display: block; padding: 0 0 0 30px; margin: 0 0 5px; position: relative; }

@media (min-width: 600px) { .mod_form02 input[type="radio"] + .radio { display: inline; padding: 0 0 0 45px; margin: 0; } }

.mod_form02 input[type="radio"] + .radio::before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin: -8px 0 0; width: 16px; height: 16px; border: 1px solid #d9d6cf; border-radius: 50%; background: #fff; }

@media (min-width: 600px) { .mod_form02 input[type="radio"] + .radio::before { margin: -13px 0 0; width: 25px; height: 25px; } }

.mod_form02 label { cursor: pointer; }

/*! .mod_table01
------------------------------------------------- */
.mod_table01 { font-size: 1.2rem; border-collapse: collapse; }

@media (min-width: 600px) { .mod_table01 { font-size: 1.6rem; } }

.mod_table01 th { background: #1b519e; color: #fff; padding: 4px; text-align: center; }

.mod_table01 th + th { border-left: 1px solid #a2a6b0; }

.mod_table01 td { background: #fff; color: #1b519e; font-weight: 500; padding: 4px; text-align: center; }

.mod_table01 td + td { border-left: 1px solid #a2a6b0; }

/*
#styleguide
mod_table01

```
<table class="mod_table01">
	<tbody>
		<tr>
			<th scope="col">診療時間</th>
			<th scope="col">月</th>
			<th scope="col">火</th>
			<th scope="col">水</th>
			<th scope="col">木</th>
			<th scope="col">金</th>
			<th scope="col">土</th>
			<th scope="col">日・祝</th>
		</tr>

		<tr>
			<td>9:00～17:00</td>
			<td>〇</td>
			<td>〇</td>
			<td>〇</td>
			<td>〇</td>
			<td>〇</td>
			<td>〇</td>
			<td>×</td>
		</tr>
	</tbody>
</table>
```
*/
/*! .mod_column01
------------------------------------------------- */
.mod_column01 .item { position: relative; padding: 15px 0 0; }

@media (min-width: 600px) { .mod_column01 .item { padding: 30px 0 0; } }

.mod_column01 .num { background: #2d8dd0; border-radius: 50%; color: #fff; font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 2.2rem; font-weight: 600; line-height: 48px; position: absolute; width: 50px; height: 50px; top: 0; left: 10px; text-align: center; }

@media (min-width: 600px) { .mod_column01 .num { width: 60px; height: 60px; font-size: 2.6rem; line-height: 58px; left: 20px; } }

.mod_column01 .num:after { border: 1px solid #96c6e8; border-radius: 50%; content: ""; display: block; width: 44px; height: 44px; position: absolute; top: 2px; left: 2px; }

@media (min-width: 600px) { .mod_column01 .num:after { width: 52px; height: 52px; top: 3px; left: 3px; } }

/*
#styleguide
mod_column01

```


```
*/
/*! .mod_nav01
------------------------------------------------- */
.mod_nav01 { margin-bottom: 30px; }

@media (min-width: 600px) { .mod_nav01 { display: table; margin-bottom: 70px; } }

.mod_nav01 li { display: table; float: left; width: 50%; padding: 0 0 5px; }

@media (min-width: 600px) { .mod_nav01 li { float: none; display: table-cell; width: 305px; font-weight: 500; vertical-align: middle; }
  .mod_nav01 li:last-child { width: 285px; } }

.mod_nav01 li:nth-child(2n) { padding-left: 5px; }

@media (min-width: 600px) { .mod_nav01 li:nth-child(2n) { padding-left: 0; } }

.mod_nav01 li a { display: table-cell; padding: 5px 20px 5px 5px; width: 100%; height: 46px; font-size: 1.1rem; line-height: 1.35; text-align: center; color: #262626; background: url("../img/common/ico_arow03.png") right 5px center no-repeat; background-size: 15px 15px; vertical-align: middle; border: 1px solid #d9dde2; border-radius: 5px; box-sizing: border-box; }

.mod_nav01 li a:hover { color: #fff; background-color: #1b519e; background-image: url("../img/common/ico_arow03_o.png"); }

@media (min-width: 600px) { .mod_nav01 li a { width: 285px; height: 80px; padding: 10px 30px 10px 10px; font-size: 1.6rem; box-sizing: border-box; background-position: 248px center; background-size: 20px 20px; } }

.mod_link01 {
	color: #1b519e;
	text-decoration: underline;
}
@media (min-width: 600px) {
	.mod_link01:hover {
	text-decoration: none;
	}
}

@media (min-width: 600px) {
	.alpha {
		transition: all ease .3s;
	}
	.alpha:hover {
		opacity: .8;
	}
}
/*=============================================================
 05_helper
=============================================================*/
.mb10{
	margin-bottom: 10px;
}
/*=============================================================
 07_counseling
=============================================================*/
.counseling_wrap{
	width:1200px;
	margin:0 auto;
}
.counseling_wrap h3 {
    font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.57;
    text-align: center;
    margin-bottom: 10px;
}
.counseling_box{
	border-left:2px solid #20b1a4;
	border-right:2px solid #20b1a4;
	border-bottom:2px solid #20b1a4;
	padding:7px;
	margin-bottom: 20px;
}
.counseling_box p{
	font-size: 1.8rem;
	line-height: 3.5rem;
    margin-bottom: 20px;
}
.counseling_wapper table{
	margin-bottom: 10px;
}
.counseling_wrap{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	justify-content: center;
	padding:25px 0;
}
.counseling_box01{
	width:49%;
}
.counseling_box02{
	width:49%;
}
.counseling_wapper .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}
.counseling_wapper .list li.item {
    border: 1px solid #1b519e;
    border-radius: 4px;
    color: #1b519e;
    font-size: 1.3rem;
    font-weight: 700;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    line-height: 1.2;
    padding: 8px 0;
    text-align: center;
}
.counseling_wapper .box {
    border: 10px solid #f2f3f5;
    padding: 20px 25px;
    margin-bottom: 25px;
}
.counseling_wapper dd.btn01 a {
    background: #399e00;
    width: 100%;
    margin-bottom: 20px;
}
.counseling_wapper dd.btn02 a {
    background: #dd1010;
    width: 100%;
    margin-bottom: 20px;
}
.counseling_wapper dd.btn03 a {
    background: #dda210;
    width: 100%;
    margin-bottom: 20px;
}
.counseling_wapper .ftCv {
    padding: 34px 20px 25px 35px;
    margin: 30px 0 0;
    border: 10px solid #f2f3f5;
}
.counseling_wapper .tel {
    box-sizing: border-box;
    display: block;
    width:300px;
    background-image: url(../img/common/ico_tel.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 26px;
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 0;
    font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif;
    line-height: 1;
    padding: 0 0 5px 35px;
    margin: 13px auto 10px;
}
.counseling_wapper .line {
    box-sizing: border-box;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0;
    font-family: "Noto Serif CJKjp", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif;
    line-height: 1;
    padding: 0 0 5px 35px;
    margin: 13px auto 10px;
    text-align: center;
}
.counseling_wapper .txt {
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
}
.counseling_wapper .tel a {
    display: block;
    color: #cf1717;
}
.counseling_wapper .line a {
    display: block;
    color: #000000;
}
.counseling_wapper dl dd a {
    text-align: center;
    display: inline-block;
    background: #008cbd;
    color: #FFF;
    width: "auto";
    padding: 19px 42px 17px 37px;
    font-size: 15px;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media (max-width: 600px) {
.counseling_wrap {
    width: 97%;
    margin: 0 auto;
}
.counseling_box01 {
    width: 100%;
}
.counseling_box02 {
    width: 100%;
}
.counseling_box p {
    font-size: 1.6rem;
    line-height: 3rem;
}
.counseling_wapper .txt {
    font-size: 1.4rem;
    margin-bottom: 20px;
    text-align: center;
}
.counseling_wapper .box {
    padding: 20px 8px;
}