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

 html {
-webkit-text-size-adjust: 100%;
max-height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img{ padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
fieldset,img {
border:0;
}
img {
vertical-align:bottom;
font-size:0;
line-height:0;
}
address,caption,cite,code,dfn,em,x_strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
max-height: 100%;
}
caption,th {
text-align:left;
max-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
dl,dt,dd,ul,ol,x_li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
max-height: 100%;
}
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
display:block;
padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
} .cl:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.cl{
display: inline-block; x_overflow:hidden;
} * html .cl{
height: 1%;
}
.cl{
display:block;
}

@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800;900&display=swap");  html {
font-size:10px;
}
body {
position:relative;
font-size:1rem;
line-height:1.7;
font-family: 'M PLUS 1p', sans-serif;
color:#3e3a39;
min-width:1100px;
background:url(//www.honma-kodomo.clinic/img/common/bg.png) repeat center top 85px , #ffffdb;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt"; }
@media screen and (max-width: 1040px) {
html { }
body {
font-size:1rem;
width: 100%;
min-width: 100%;
}
}
@media screen and (max-width: 767px) {
html {
font-size:2.868vw;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
line-height:1.7;
padding:0;
padding-top: 16.949vw;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt";
}
}
* {
font-style: normal;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a {color: #000000; text-decoration: none; transition: .5s;}
a:hover {color: #666666; text-decoration:underline; transition: .5s;}
main a {color: #000000; text-decoration: underline;	transition: .5s;}
main a:hover {color: #666666; text-decoration:none;	transition: .5s;}
a:hover img ,
a.opacity:hover ,
footer .footer_in .f_contents section dl a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
a:before, a:after,
a:hover:before, a:hover:after{
text-decoration: none !important;
display: inline-block;
}
img {
width: 100%;
height: auto;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; } .sp , .sp_img {
display: none;
}
@media screen and (max-width: 767px) {
img {
max-width: none;
width: 100%;
height: auto;
}
.pc {
display: none;
}
.sp , .sp_img {
display: block;
}
}   h1 {
display:none;
}
header {
width:1000px;
margin:0 auto;
padding-top:40px;
line-height:1.1;
}
header:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header h2 {
float:left;
padding-left:15px;
}
header h2 a {
display:table;
}
header h2 a span ,
header h2 a em {
display:table-cell;
vertical-align:top;
}
header h2 a span {
width:70px;
}
header h2 a em {
width:345px;
padding-top:13px;
padding-left:5px;
}
header .box_r {
float:right;
line-height:1.1;
}
header .box_r .tel {
padding-top:10px;
margin-right:3px;
margin-bottom:12px;
text-align:right;
}
header .box_r .tel span {
display: inline-block;
width:270px;
}
header .box_r dl dt {
text-align:right;
font-size:1.5rem;
font-weight:700;
color:#3e3a39;
margin-bottom:10px;
}
header .box_r dl dt span {
margin-right:.5em;
font-weight:700;
}
header .box_r dl dt em {
margin-right:1em;
font-weight:700;
}
header .box_r dl dd {
text-align:right;
}
header .box_r dl dd a {
display:inline-block;
font-size:1.7rem;
padding:.5em 2em .6em;
border: solid 1px #2974af;
background:#2974af;
color:#FFF;
text-decoration:none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
header .box_r dl dd a span {
display:block;
font-weight:700;
letter-spacing:.1em;
}
header .box_r dl dd a:hover {
background:#FFF;
color:#2974af;
}
@media screen and (max-width: 1040px) {
header {
width:96.154vw;
}
header h2 {
padding-top:1.5vw;
}
header h2 a span {
width:6.731vw;
}
header h2 a em {
width:33.173vw;
padding-top:1.25vw;
}
header .box_r {
padding-right:15px;
}
header .box_r .tel {
padding-top:0.962vw;
margin-bottom:1.154vw;
}
header .box_r .tel span {
width:25.962vw;
}
header .box_r dl dt {
margin-bottom:0.962vw;
}
}
@media screen and (max-width: 767px) {
header {
display:none;
}
} nav {
width:1000px;
margin:0 auto;
padding:60px 0;
}
.sub nav {
padding:40px 0;
}
nav ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
nav ul li {
float:left;
width:118px;
margin-right:29px;
}
nav ul li:last-child {
margin-right:0;
}
nav ul li a ,
nav ul li a:hover {
position:relative;
display:block;
width:118px;
height:118px;
background-size:cover !important;
transition-duration: 0.5s;
transform: rotateZ( 0deg ) ;
}
nav ul li:first-child a {background:url(//www.honma-kodomo.clinic/img/common/nav01_off.svg) no-repeat center center;}
nav ul li:nth-child(2) a {background:url(//www.honma-kodomo.clinic/img/common/nav02_off.svg) no-repeat center center;}
nav ul li:nth-child(3) a {background:url(//www.honma-kodomo.clinic/img/common/nav03_off.svg) no-repeat center center;}
nav ul li:nth-child(4) a {background:url(//www.honma-kodomo.clinic/img/common/nav04_off.svg) no-repeat center center;}
nav ul li:nth-child(5) a {background:url(//www.honma-kodomo.clinic/img/common/nav05_off.svg) no-repeat center center;}
nav ul li:nth-child(6) a {background:url(//www.honma-kodomo.clinic/img/common/nav06_off.svg) no-repeat center center;}
nav ul li:last-child a {background:url(//www.honma-kodomo.clinic/img/common/nav07_off.svg) no-repeat center center;}
nav ul li:first-child a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav01_on.svg) no-repeat center center;}
nav ul li:nth-child(2) a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav02_on.svg) no-repeat center center;}
nav ul li:nth-child(3) a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav03_on.svg) no-repeat center center;}
nav ul li:nth-child(4) a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav04_on.svg) no-repeat center center;}
nav ul li:nth-child(5) a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav05_on.svg) no-repeat center center;}
nav ul li:nth-child(6) a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav06_on.svg) no-repeat center center;}
nav ul li:last-child a:hover {background:url(//www.honma-kodomo.clinic/img/common/nav07_on.svg) no-repeat center center;}
nav ul li a span ,
nav ul li a em {
display:none;
}
nav ul li a:hover {
transform: rotateZ( 360deg ) ;
}
@media screen and (max-width: 1040px) {
nav {
width:96.154vw;
}
nav ul li {
width:11.346vw !important;
margin-right:2.788vw;
}
nav ul li a ,
nav ul li a:hover {
width:11.346vw !important;
height:11.346vw !important;
}
}
@media screen and (max-width: 767px) {
nav {
display:none;
}
} .f_info {
background:#f6e79d;
padding:90px 0;
}
.f_info .box {
width:1000px;
margin:0 auto;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.f_info .box .map {
width:480px;
margin-right:40px;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray.svg) no-repeat center center;
background-size:cover;
padding:10px;
}
.f_info .box .map iframe {
width:100%;
height:100%;
}
.f_info .box .box_r {
width:480px;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_white.svg) no-repeat center center;
background-size:cover;
padding:30px 25px;
}
.f_info .box .box_r h3 {
display:table;
text-align:center;
margin:0 auto;
margin-bottom:20px;
}
.f_info .box .box_r h3 span ,
.f_info .box .box_r h3 em {
display:table-cell;
vertical-align:top;
}
.f_info .box .box_r h3 span {
width:60px;
}
.f_info .box .box_r h3 em {
width:245px;
padding-top:17px;
padding-left:6px;
}
.f_info .box .box_r table {
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
margin-bottom:25px;
}
.f_info .box .box_r table thead th ,
.f_info .box .box_r table thead td {
text-align:center;
font-size:1.5rem;
padding-bottom:.3em;
border-bottom: solid 1px #3e3a39;
}
.f_info .box .box_r table thead th {
width:26%;
letter-spacing:.1em;
}
.f_info .box .box_r table thead td {
width:10.57%;
}
.f_info .box .box_r table tbody th ,
.f_info .box .box_r table tbody td {
text-align:center;
vertical-align:middle;
font-size:1.3rem;
padding-top:.5em;
padding-bottom:.5em;
border-bottom: solid 1px #3e3a39;
line-height:1.3;
}
.f_info .box .box_r table tbody th {
letter-spacing:.1em;
}
.f_info .box .box_r table tbody td span {
color:#e18500;
}
.f_info .box .box_r table tbody td span ,
.f_info .box .box_r table tbody td em {
font-size:1.5rem;
}
.f_info .box .box_r .caution {
font-size:1.4rem;
font-family: 'M PLUS Rounded 1c', sans-serif;
margin-bottom:.5em;
letter-spacing:.1em;
}
.f_info .box .box_r .holiday {
font-size:1.4rem;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align:center;
margin-bottom:1.5em;
letter-spacing:.1em;
}
.f_info .box .box_r .holiday span {
margin-right:1em;
}
.f_info .box .box_r .tel {
width:345px;
margin:0 auto;
margin-bottom:15px;
}
.f_info .box .box_r .add {
text-align:center;
font-size:1.5rem;
font-weight:700;
}
.f_info .box .box_r .add span {
margin-right:.5em;
font-weight:700;
}
.f_info .box .box_r .add em {
margin-right:1em;
font-weight:700;
}
@media screen and (max-width: 1040px) {
.f_info .box {
width:96.154vw;
}
.f_info .box .map {
width:46.154vw;
margin-right:3.846vw;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_top.svg) no-repeat center top , url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_bottom.svg) no-repeat center bottom , url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_middle.svg) repeat-y center center;
background-size:100% auto , 100% auto , 100% auto;
padding:0.962vw;
}
.f_info .box .box_r {
width:46.154vw;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_top.svg) no-repeat center top , url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_bottom.svg) no-repeat center bottom , url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_middle.svg) repeat-y center center;
background-size:100% auto , 100% auto , 100% auto;
padding:2.885vw 2.404vw;
}
.f_info .box .box_r h3 {
margin-bottom:1.923vw;
}
.f_info .box .box_r h3 span {
width:5.769vw;
}
.f_info .box .box_r h3 em {
width:23.558vw;
padding-top:1.635vw;
padding-left:6px;
}
.f_info .box .box_r table {
margin-bottom:2.404vw;
}
.f_info .box .box_r table thead th ,
.f_info .box .box_r table thead td {
font-size:1.5rem;
padding-bottom:.3em;
}
.f_info .box .box_r table thead th {
width:32%;
letter-spacing:.1em;
}
.f_info .box .box_r table thead td {
width:9.7%;
}
.f_info .box .box_r table tbody th ,
.f_info .box .box_r table tbody td {
font-size:1.3rem;
padding-top:.5em;
padding-bottom:.5em;
}
.f_info .box .box_r table tbody td span ,
.f_info .box .box_r table tbody td em {
font-size:1.5rem;
}
.f_info .box .box_r .caution {
font-size:1.4rem;
margin-bottom:.5em;
letter-spacing:.1em;
}
.f_info .box .box_r .holiday {
font-size:1.4rem;
margin-bottom:1.5em;
letter-spacing:.1em;
}
.f_info .box .box_r .holiday span {
margin-right:1em;
}
.f_info .box .box_r .tel {
width:33.173vw;
margin-bottom:1.442vw;
}
.f_info .box .box_r .add {
font-size:1.5rem;
}
.f_info .box .box_r .add span {
margin-right:0;
}
.f_info .box .box_r .add em {
display:block;
margin-right:0;
}
}
@media screen and (max-width: 767px) {
.f_info {
background:#f6e79d;
padding:6vw 0;
}
.f_info .box {
width:92%;
display:block;
}
.f_info .box .map {
width:100%;
margin-right:0;
margin-bottom:5vw;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_top.svg) no-repeat center top , url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_bottom.svg) no-repeat center bottom , url(//www.honma-kodomo.clinic/img/common/f_info_bg_gray_middle.svg) repeat-y center center;
background-size:100% auto , 100% auto , 100% auto;
padding:4vw;
}
.f_info .box .box_r {
width:100%;
background:url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_top.svg) no-repeat center top , url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_bottom.svg) no-repeat center bottom , url(//www.honma-kodomo.clinic/img/common/f_info_bg_white_middle.svg) repeat-y center center;
background-size:100% auto , 100% auto , 100% auto;
padding:4vw;
}
.f_info .box .map iframe {
width:100%;
height:70vw;
}
.f_info .box .box_r h3 {
margin-bottom:4vw;
}
.f_info .box .box_r h3 span {
width:15vw;
}
.f_info .box .box_r h3 em {
vertical-align:middle;
width:60vw;
padding-top:0;
padding-left:2vw;
}
.f_info .box .box_r table {
margin-bottom:4vw;
}
.f_info .box .box_r table thead th ,
.f_info .box .box_r table thead td {
font-size:1.3rem;
}
.f_info .box .box_r table thead th {
width:30%;
letter-spacing:0;
font-weight:700;
}
.f_info .box .box_r table thead td {
width:10%;
}
.f_info .box .box_r table tbody th ,
.f_info .box .box_r table tbody td {
font-size:1.2rem;
padding-top:.5em;
padding-bottom:.5em;
}
.f_info .box .box_r table tbody th {
letter-spacing:0;
font-weight:700;
}
.f_info .box .box_r table tbody td span ,
.f_info .box .box_r table tbody td em {
font-size:1.2rem;
}
.f_info .box .box_r .caution {
font-size:1.4rem;
margin-bottom:.5em;
letter-spacing:0;
}
.f_info .box .box_r .holiday {
font-size:1.4rem;
margin-bottom:1.5em;
letter-spacing:.1em;
}
.f_info .box .box_r .holiday span {
margin-right:1em;
}
.f_info .box .box_r .tel {
width:100%;
margin-bottom:3vw;
}
.f_info .box .box_r .add {
font-size:1.5rem;
}
.f_info .box .box_r .add span {
display:block;
margin-right:0;
}
.f_info .box .box_r .add em {
display:block;
margin-right:0;
}
} footer {
background:#e18500;
padding:65px 0;
color:#FFF;
text-align:center;
}
footer a ,
footer a:hover {
color:#FFF;
}
footer .box {
position:relative;
display: inline-block;
}
footer .box .sns {
text-align:center;
margin-bottom:30px;
font-size:0;
}
footer .box .sns ul {
display:inline-block;
text-align:center;
}
footer .box .sns ul li {
display:inline-block;
font-size:3.0rem;
margin-right:1em;
}
footer .box .sns ul li:last-child {
margin-right:0;
}
footer .box .name {
text-align:center;
margin-bottom:30px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:2.2rem;
font-weight:500;
}
footer .box .name a {
font-weight:500;
text-decoration:none;
}
footer .box .pp_copy:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .box .pp_copy p {
float:left;
font-size:1.5rem;
margin-right:1em;
}
footer .box .pp_copy p span {
color:#eac615;
margin-right:.4em;
display:inline-block;
}
footer .box .pp_copy p a:hover span {
text-decoration:none;
}
footer .box .pp_copy .copy {
display:block;
float:left;
font-size:1.3rem;
font-weight:500;
}
footer .box .ill_l {
position:absolute;
top:-110px;
left:-134px;
width:218px;
}
footer .box .ill_r {
position:absolute;
top:-85px;
right:-45px;
width:120px;
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
footer {
padding:6vw 0 20vw;
}
footer .box .sns {
margin-bottom:5vw;
}
footer .box .sns ul li {
font-size:3.0rem;
}
footer .box .name {
margin-bottom:4vw;
font-size:2.2rem;
}
footer .box .pp_copy p {
display:none;
}
footer .box .pp_copy .copy {
display:block;
float:none;
text-align:center;
font-size:1.1rem;
}
footer .box .ill_l {
position:absolute;
top:-20vw;
left:2vw;
width:30vw;
}
footer .box .ill_r {
position:absolute;
top:-15vw;
right:2vw;
width:25vw;
}
} .page_ttl {
position:relative;
height:420px;
line-height:1.1;
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
@media screen and (min-width: 1290px) {
.page_ttl {
background-position: center bottom !important;
background-size:cover !important;
}
}
.page_ttl h3 {
position:relative;
top:-20px;
display:inline-block;
background:rgba(225,133,0,.8);
line-height:1.1;
padding:3.5em 4.5em;
color:#FFF;
-webkit-border-radius: 7em;
-moz-border-radius: 7em;
border-radius: 7em;
}
.page_ttl h3:after {
position:absolute;
bottom:-19px;
right:0;
left:0;
display:block;
margin:0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 19px 8px 0 8px;
border-color: rgba(225,133,0,.8) transparent transparent transparent;
content:'';
}
.page_ttl h3 span {
display:block;
text-align:center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:3.6rem;
letter-spacing:.2em;
}
.page_ttl h3 em {
display:block;
text-align:center;
font-size:1.6rem;
letter-spacing:.1em;
padding-top:.5em;
}
@media screen and (max-width: 1040px) {
.page_ttl h3 {
padding:2.5em 5.5em;
-webkit-border-radius: 6em;
-moz-border-radius: 6em;
border-radius: 6em;
}
.page_ttl h3 span {
font-size:3.0rem;
letter-spacing:.2em;
}
}
@media screen and (max-width: 767px) {
.page_ttl {
height:50vw;
line-height:1.1;
background-position: center bottom !important;
background-size:cover !important;
}
.page_ttl h3 {
top:-3vw;
padding:1.5em 3em;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
border-radius: 5em;
}
.page_ttl h3:after {
position:absolute;
bottom:-19px;
right:0;
left:0;
display:block;
margin:0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 19px 8px 0 8px;
border-color: rgba(225,133,0,.8) transparent transparent transparent;
content:'';
}
.page_ttl h3 span {
font-size:1.8rem;
letter-spacing:.1em;
}
.page_ttl h3 em {
font-size:1.4rem;
letter-spacing:.1em;
padding-top:.5em;
}
} main {
display:block !important;
padding:150px 0 140px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:1.5rem;
letter-spacing:.1em;
}
@media screen and (max-width: 767px) {
main {
padding:15vw 0 15vw;
font-size:1.3rem;
letter-spacing:.1em;
}
} .ff-m {
font-family: 'M PLUS Rounded 1c', sans-serif;
} .w780 {
width:780px;
margin:0 auto;
}
.w780:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w800 {
width:800px;
margin:0 auto;
}
.w800:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w910 {
width:910px;
margin:0 auto;
}
.w910:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w920 {
width:920px;
margin:0 auto;
}
.w920:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w1000 {
width:1000px;
margin:0 auto;
}
.w1000:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
@media screen and (max-width: 1040px) {
.w1000 {
width:96.154vw;
}
}
@media screen and (max-width: 960px) {
.w910 {
width:94.792vw;
}
.w920 {
width:95.833vw;
}
}
@media screen and (max-width: 840px) {
.w780 {
width:92.857vw;
}
.w800 {
width:95.238vw;
}
}
@media screen and (max-width: 767px) {
.w780 {
width:92%;
}
.w800 {
width:92%;
}
.w910 {
width:92%;
}
.w920 {
width:92%;
}
.w1000 {
width:92%;
}
} .cat_title {
padding:0 105px;
margin-bottom:120px;
}
.cat_title h3 {
position: relative;
display:inline-block;
line-height:1.1;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.cat_title h3:before {
position:absolute;
top:-75px;
right:0;
left:0;
margin:0 auto;
width:75px;
height:64px;
background:url(//www.honma-kodomo.clinic/img/common/cat_title_icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.cat_title h3 span {
display:block;
text-align:center;
color:#e18500;
font-size:3.5rem;
font-weight:500;
letter-spacing:.2em;
}
.cat_title h3 em {
display:block;
text-align:center;
color:#2974af;
font-size:1.4rem;
font-weight:700;
letter-spacing:.1em;
padding-top:.4em;
}
.title01 {
line-height:1.1;
padding-bottom:.6em;
margin-bottom:.8em;
border-bottom: dotted 1px #808080;
}
.title01 span {
position:relative;
display:block;
padding-left:65px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:1.7rem;
font-weight:500;
color:#e18500;
}
.title01 span:before {
position: absolute;
left:5px;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
width:41px;
height:23px;
background:url(//www.honma-kodomo.clinic/img/common/title_icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.title02 {
line-height:64px;
padding:0 5px;
margin-bottom:35px;
}
.title02 span {
position:relative;
display:block;
width:346px;
height:64px;
background:url(//www.honma-kodomo.clinic/img/common/title_bg01.svg) no-repeat center center;
background-size:cover;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:3.2rem;
font-weight:700;
letter-spacing:.1em;
color:#FFF;
text-align:center;
}
.title02 span:before {
position:absolute;
top:-21px;
left:26px;
width:34px;
height:70px;
display:block;
background:url(//www.honma-kodomo.clinic/img/common/title_icon02.png) no-repeat center center;
background-size:cover;
content:'';
}
@media screen and (max-width: 1040px) {
.cat_title {
padding:0;
}
.title02 span {
font-size:2.6rem;
}
}
@media screen and (max-width: 767px) {
.cat_title {
padding:0;
margin-bottom:8vw;
}
.cat_title h3:before {
position:absolute;
top:calc(-19.557vw * .8);
right:0;
left:0;
margin:0 auto;
width:calc(19.557vw * .8);
height:calc(16.688vw * .8);
background:url(//www.honma-kodomo.clinic/img/common/cat_title_icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.cat_title h3 span {
font-size:2.0rem;
letter-spacing:.2em;
}
.cat_title h3 em {
font-size:1.4rem;
font-weight:700;
letter-spacing:.1em;
padding-top:.4em;
}
.title01 {
line-height:1.1;
padding-bottom:.6em;
margin-bottom:.8em;
}
.title01 span {
padding-left:12vw;
font-size:1.6rem;
}
.title01 span:before {
position: absolute;
left:1.304vw;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
width:calc(10.691vw * .8);
height:calc(5.997vw * .8);
background:url(//www.honma-kodomo.clinic/img/common/title_icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.title02 {
line-height:13vw;
padding:0 1.304vw;
margin-bottom:6vw;
}
.title02 span {
width:calc(45.111vw * 1.5);
height:calc(8.344vw * 1.5);
background:url(//www.honma-kodomo.clinic/img/common/title_bg01.svg) no-repeat center center;
background-size:cover;
font-size:1.8rem;
letter-spacing:.1em;
}
.title02 span:before {
position:absolute;
top:calc(-2.738vw * 1.5);
left:calc(3.39vw * 1.5);
width:calc(4.433vw * 1.5);
height:calc(9.126vw * 1.5);
display:block;
background:url(//www.honma-kodomo.clinic/img/common/title_icon02.png) no-repeat center center;
background-size:cover;
content:'';
}
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
width:100%;
padding:.9em .6em;
font-size:1.5rem;
background:#FFFFFF;
border: solid 1px #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
}
.form table td input[type="text"]:focus ,
.form table td input[type="tel"]:focus ,
.form table td input[type="email"]:focus ,
.form table td input[type="number"]:focus ,
.form table td input[type="date"]:focus ,
.form table td textarea:focus {
outline: 0;
background:#FFF;
border: solid 1px #cccccc;
}
.form table td input[type="number"] {
text-align:center;
}
.form table td textarea {
height:250px;
}
.form table td input.input01 {
width:100%;
}
.form table td textarea.textarea01 {
height:100px;
}
.form table td textarea.textarea02 {
height:450px;
}
:-moz-placeholder {
color: #e1e1e1;
opacity: 1;
}
::-moz-placeholder {
color: #e1e1e1;
opacity: 1;
}
:-ms-input-placeholder {
color: #e1e1e1;
}
::-ms-input-placeholder {
color: #e1e1e1;
}
::-webkit-input-placeholder {
color: #e1e1e1;
}
::placeholder {
color: #e1e1e1;
}
.form .mwform-checkbox-field {
display:inline-block;
margin:0 40px 0 0;
}
.form .mwform-checkbox-field:last-child {
margin:0 ;
}
.form input[type='checkbox'] {
display:none;
}
.form label input[type='checkbox'] + span{
position:relative;
display:inline-block;
padding-left: 35px;
font-size:1.5rem;
float:left;
}
.form label input[type='checkbox'] + .mwform-checkbox-field-text::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
background:#FFFFFF;
border: 1px solid #ebeff3;
}
.form label input[type='checkbox']:checked + .mwform-checkbox-field-text::after{
content: "";
display: block;
position: absolute;
top: -.1em;
left: .7em;
width: 8px;
height: 20px;
transform: rotate(40deg);
border-bottom: 3px solid #e18500;
border-right: 3px solid #e18500;
}
.form .caution {
padding-top:10px;
font-size:1.5rem;
}
.form .btn {
text-align:center;
font-size:0;
padding-top:40px;
}
.form .btn dl {
display:inline-block;
font-size:0;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 2rem;
}
.form .btn p.confirm_btn {
text-align:center;
}
.form .btn input ,
.form .btn button {
position:relative;
background: #e18500;
border:none;
display: inline-block;
width:210px;
text-align:center;
cursor:pointer;
color:#FFF;
font-size:1.6rem;
font-weight:700;
line-height:1.1;
padding:1.3em 0;
margin:0;
text-decoration:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form .btn input:before ,
.form .btn button:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:20px;
display:block;
width:16px;
height:12px;
background:url(//www.honma-kodomo.clinic/img/common/arrow_white.png) no-repeat center center;
background-size:cover;
content:'';
}
.form .btn input:hover:before ,
.form .btn button:hover:before ,
.form .btn input:focus:before ,
.form .btn button:focus:before {
animation: arrow_w .8s;
}
@keyframes arrow_w {
50% {
right: 10px;
}
100% {
right: 20px;
}
}
.form .btn input[type=reset] ,
.form .btn button[type=reset] ,
.form .btn input.back ,
.form .btn button.back {
position:relative;
background: #e18500;
border:none;
display: inline-block;
width:210px;
text-align:center;
cursor:pointer;
color:#FFF;
font-size:1.6rem;
font-weight:700;
line-height:1.1;
padding:1.3em 0;
margin:0;
text-decoration:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form .btn input[type=reset]:before ,
.form .btn button[type=reset]:before ,
.form .btn input.back:before ,
.form .btn button.back:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:20px;
display:block;
width:16px;
height:12px;
background:url(//www.honma-kodomo.clinic/img/common/arrow_white_reverse.png) no-repeat center center;
background-size:cover;
content:'';
}
.form .btn input[type=reset]:hover:before ,
.form .btn button[type=reset]:hover:before ,
.form .btn input.back:hover:before ,
.form .btn button.back:hover:before ,
.form .btn input[type=reset]:focus:before ,
.form .btn button[type=reset]:focus:before ,
.form .btn input.back:focus:before ,
.form .btn button.back:focus:before {
animation: arrow_w_r .8s;
}
@keyframes arrow_w_r {
50% {
left: 10px;
}
100% {
left: 20px;
}
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td p {
display:none;
}
.mw_wp_form.mw_wp_form_input span.error {
font-size:1.4rem;
}
@media screen and (max-width: 767px) {
.form table td textarea {
height:50vw;
}
.form table td textarea.textarea01 {
height:50vw;
}
.form table td textarea.textarea02 {
height:50vw;
}
.form .btn {
text-align:center;
font-size:0;
padding-top:8vw;
}
.form .btn dl {
display:block;
font-size:0;
width:100%;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
width:48%;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 4%;
}
.form .btn input ,
.form .btn button {
position:relative;
display: block;
width:100%;
font-size:1.6rem;
padding:1.3em 0;
}
} .confirm main .com ,
.thanks main .com {
text-align:center;
margin-bottom:3em;
}
.slide_thum .slick-slide {
width:345px;
}
@media screen and (max-width: 767px) {
.slide_thum .slick-slide {
width:60vw;
}
} .side_btn {
position:fixed;
top:40%;
right:0;
z-index:50;
background:#FFFFFF;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
.side_btn a {
position:relative;
display:block;
padding:1em .8em;
font-size:2.0rem;
text-decoration:none;
background:#2974af;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
.side_btn a span {
display:block;
width:50px;
}
.side_btn a em {
position: relative;
right:.5em;
white-space:nowrap;
display:block;
line-height:1.35;
font-weight:500;
color:#FFF;
padding:1em 0 0;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.side_btn a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 1040px) {
.side_btn {
position:fixed;
top:30%;
right:0;
background:#FFFFFF;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
.side_btn a {
font-size:1.6rem;
}
.side_btn a span {
width:40px;
}
.side_btn a em {
right:.4em;
}
}
@media screen and (max-width: 767px) {
.side_btn {
position:fixed;
top: inherit;
right:inherit;
bottom:0;
left:0;
width:100%;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.side_btn a {
padding:.7em 0;
font-size:1.8rem;
text-align:center;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.side_btn a span {
display:inline-block;
width:10vw;
margin-right:3vw;
}
.side_btn a em {
position: relative;
top:.6vw;
right: inherit;
white-space:nowrap;
display:inline-block;
line-height:1.35;
font-weight:500;
color:#FFF;
padding:0;
text-align: left;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
-o-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.side_btn a em br {
display:none;
}
} .return {
position: fixed;
right:20px;
bottom:20px;
z-index:10;
}
.return a {
position:relative;
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
width:110px;
height:110px;
background:url(//www.honma-kodomo.clinic/img/common/return_btn.svg) no-repeat center center;
background-size:cover;
text-decoration:none;
}
.return a span {
display:inline-block;
color:#FFF;
font-size:1.8rem;
font-weight: 500;
line-height:1.2;
text-align:center;
letter-spacing:.2em;
margin-right:-.2em;
}
.return a span em {
font-weight: 500;
}
.return a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 1040px) {
.return a {
width:80px;
height:80px;
background:url(//www.honma-kodomo.clinic/img/common/return_btn.svg) no-repeat center center;
background-size:cover;
}
.return a span {
font-size:1.4rem;
}
}
@media screen and (max-width: 767px) {
.return {
position: fixed;
right:3vw;
bottom:20vw;
}
.return a {
width:10vw;
height:10vw;
background:url(//www.honma-kodomo.clinic/img/common/return_btn.svg) no-repeat center center;
background-size:cover;
}
.return a span {
font-size:2.0rem;
letter-spacing:.2em;
margin-right:-.2em;
}
.return a span em {
display:none;
}
}
@media screen and (max-width: 767px) {
.menu-trigger {
width: 100%;
height: 16.819vw;
position: fixed;
top: 0;
left: 0;
z-index:3000;
background:#FFF;
box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
}
.menu-trigger:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.menu-trigger .head_logo {
position:relative;
z-index:10;
float:left;
margin-left:3vw;
padding-top:2.738vw;
}
.menu-trigger .head_logo a {
display:table;
white-space:nowrap;
line-height:1.1;
color:#000000;
text-decoration:none;
}
.menu-trigger .head_logo a:hover {
color:#000000;
text-decoration:none;
}
.menu-trigger .head_logo a span ,
.menu-trigger .head_logo a em {
display: table-cell;
white-space:nowrap;
vertical-align:middle;
}
.menu-trigger .head_logo a span {
width:12vw;
}
.menu-trigger .head_logo a em {
width:55vw;
padding-left:2vw;
}
.menu-trigger .menu_btn {
position:relative;
float:right;
width:11.734vw;
height: 14.342vw;
}
.menu-trigger .menu_btn span {
position: absolute;
left: 0;
width: 7.823vw;
height:0.522vw;
z-index:3000;
display:block;
background:#f86422;
transition: all .4s ease;
}
.menu-trigger .menu_btn span:nth-of-type(1) {
top: 5.346vw;
}
.menu-trigger.active .menu_btn span:nth-of-type(1) {
transform: translateY(2.8vw) rotate(-45deg);
background:#f97a19;
}
.menu-trigger .menu_btn span:nth-of-type(2) {
top: 8.214vw;
background:#f97a19;
}
.menu-trigger.active .menu_btn span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger .menu_btn span:nth-of-type(3) {
top: 10.952vw;
background:#f9940d;
}
.menu-trigger.active .menu_btn span:nth-of-type(3) {
transform: translateY(-2.8vw) rotate(45deg);
background:#f97a19;
}
.fix_nav .box {
width:100%;
height:100%;
overflow:auto;
}
.fix_nav {
width: 100%;
height: 100vh;
padding-top: 10vh;
background-color: rgb(252, 251, 205, 0.9);
position: fixed;
top: 0;
right: 0;
z-index:2000;
transform: translate(100%);
transition: all .5s;
opacity:0;
}
.fix_nav.open {
opacity:1;
transform: translateZ(0);
}
.fix_nav .box {
padding-bottom:10vw;
}
.fix_nav ul {
padding-bottom:10vw;
}
.fix_nav ul li {
border-bottom: solid 1px #666666;
}
.fix_nav ul li a {
position:relative;
display:block;
font-size:1.2rem;
color:#333333;
padding:.8em 1.6em;
text-decoration:none;
}
.fix_nav ul li a span {
font-size:1.8rem;
font-weight:700;
padding-right:.5em;
}
.fix_nav .tel {
text-align:center;
}
.fix_nav .tel a {
display:inline-block;
width:20vw;
height:20vw;
background:#f85e25;
color:#FFF;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.fix_nav .tel a span {
display:block;
line-height:20vw;
text-align:center;
color:#FFF;
font-size:4.0rem;
}
.fix_nav .sns {
text-align:center;
font-size:0;
padding-top:5vw;
}
.fix_nav .sns ol {
display:inline-block;
}
.fix_nav .sns ol li {
display:inline-block;
font-size:3.4rem;
margin-right:10vw;
}
.fix_nav .sns ol li:last-child {
margin-right:0;
}
} .pagination {
padding:70px 0 0;
}
.pagination .pagination-box {
text-align:center;
font-size:0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
display:inline-block;
font-size:1.5rem;
font-weight:700;
width:32px;
height:32px;
line-height:30px;
text-align:center;
margin-right:10px;
background:none;
border: solid 1px #979b9b;
color:#979b9b;
text-decoration:none;
}
.pagination .pagination-box a:last-child ,
.pagination .pagination-box span:last-child {
margin-right:0;
}
.pagination .pagination-box span.current {
color:#FFFFFF;
background:#02357d;
border: solid 1px #02357d;
font-weight:700;
}
.pagination .pagination-box a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 767px) {
.pagination {
padding:9.126vw 0 0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
font-size:1.4rem;
width:8vw;
height:8vw;
line-height:7vw;
margin-right:4vw;
}
} .contents {
font-size:1.5rem;
}
.contents img {
width:auto;
max-width:100%;
height:auto;
}
.contents .thum_img {
text-align:left;
margin:0 auto;
margin-bottom:50px;
}
.contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.contents figcaption,
.contents figure,
.contents main {
display: block;
}
.contents figure {
margin: 1em 0;
}
.contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.contents b,
.contents strong {
font-weight: inherit;
}
.contents b,
.contents strong {
font-weight: 700;
}
.contents code,
.contents kbd,
.contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.contents dfn {
font-style: italic;
}
.contents mark {
background-color: #eee;
color: #222;
}
.contents small {
font-size: 80%;
}
.contents sub,
.contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.contents sub {
bottom: -0.25em;
}
.contents sup {
top: -0.5em;
}
.contents audio,
.contents video {
display: inline-block;
}
.contents audio:not([controls]) {
display: none;
height: 0;
}
.contents button,
.contents input,
.contents optgroup,
.contents select,
.contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.contents button,
.contents input {
overflow: visible;
}
.contents button,
.contents select {
text-transform: none;
}
.contents button,
.contents html [type="button"],
.contents [type="reset"],
.contents [type="submit"] {
-webkit-appearance: button;
}
.contents button::-moz-focus-inner,
.contents [type="button"]::-moz-focus-inner,
.contents [type="reset"]::-moz-focus-inner,
.contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.contents button:-moz-focusring,
.contents [type="button"]:-moz-focusring,
.contents [type="reset"]:-moz-focusring,
.contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.contents progress {
display: inline-block;
vertical-align: baseline;
}
.contents textarea {
overflow: auto;
}
.contents [type="checkbox"],
.contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.contents [type="number"]::-webkit-inner-spin-button,
.contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.contents [type="search"]::-webkit-search-cancel-button,
.contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.contents details,
.contents menu {
display: block;
}
.contents summary {
display: list-item;
}
.contents canvas {
display: inline-block;
}
.contents template {
display: none;
}
.contents [hidden] {
display: none;
}
.contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.contents .clear:before,
.contents .clear:after,
.contents .entry-content:before,
.contents .entry-content:after,
.contents .entry-footer:before,
.contents .entry-footer:after,
.contents .comment-content:before,
.contents .comment-content:after,
.contents .site-header:before,
.contents .site-header:after,
.contents .site-content:before,
.contents .site-content:after,
.contents .site-footer:before,
.contents .site-footer:after,
.contents .nav-links:before,
.contents .nav-links:after,
.contents .pagination:before,
.contents .pagination:after,
.contents .comment-author:before,
.contents .comment-author:after,
.contents .widget-area:before,
.contents .widget-area:after,
.contents .widget:before,
.contents .widget:after,
.contents .comment-meta:before,
.contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.contents .clear:after,
.contents .entry-content:after,
.contents .entry-footer:after,
.contents .comment-content:after,
.contents .site-header:after,
.contents .site-content:after,
.contents .site-footer:after,
.contents .nav-links:after,
.contents .pagination:after,
.contents .comment-author:after,
.contents .widget-area:after,
.contents .widget:after,
.contents .comment-meta:after {
clear: both;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
line-height: 1.66;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: .5em .1em;
}
.contents h1:first-child,
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child,
.contents h5:first-child,
.contents h6:first-child {
padding-top: 0;
}
.contents h1 {
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
}
.contents h2,
.contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25em;
font-weight: 300;
}
.contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
}
.contents h4 {
color: #333;
font-size: 16px;
font-size: 1em;
font-weight: 800;
}
.contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125em;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375em;
font-weight: 800;
}
.contents p {
margin: 0 0 1.5em;
padding: 0;
}
.contents p:last-child {
margin: 0;
padding: 0;
}
.contents dfn,
.contents cite,
.contents em,
.contents i {
font-style: italic;
}
.contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.contents address {
margin: 0 0 1.5em;
}
.contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.contents code,
.contents kbd,
.contents tt,
.contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375em;
}
.contents abbr,
.contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.contents mark,
.contents ins {
background: #eee;
text-decoration: none;
}
.contents big {
font-size: 125%;
}
.contents blockquote {
quotes: "" "";
}
.contents q {
quotes: "“" "”" "‘" "’";
}
.contents blockquote:before,
.contents blockquote:after {
content: "";
}
.contents :focus {
outline: none;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
font-weight: 700;
}
.contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.contents ul,
.contents ol {
margin: 20px 0 1.5em 40px;
padding: 0;
}
.contents ul {
list-style: disc;
}
.contents ol {
list-style: decimal;
}
.contents li > ul,
.contents li > ol {
margin-bottom: 20px;
margin-left: 1.5em;
}
.contents dt {
font-weight: 700;
}
.contents dd {
margin: 0 1.5em 1.5em;
}
.contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.contents thead th { padding-bottom: 0.5em;
}
.contents th {
padding: 0.4em;
text-align: left;
}
.contents tr { }
.contents td {
padding: 0.4em;
}
.contents th:first-child,
.contents td:first-child {
padding-left: 0;
}
.contents th:last-child,
.contents td:last-child {
padding-right: 0;
}
@media screen and (max-width: 768px) {
.contents {
font-size:1.3rem;
} .contents { }
.contents button,
.contents input,
.contents select,
.contents textarea {
font-size: 18px;
font-size: 1.125em;
}
.contents h1 {
font-size: 30px;
font-size:calc( 1.875em * 0.9);
}
.contents h2,
.contents .home.blog .entry-title,
.contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size:calc( 1.625em * 0.9);
}
.contents h3 {
font-size: 22px;
font-size:calc( 1.375rem * 0.9);
}
.contents h4 {
font-size: 18px;
font-size:calc( 1.125em * 0.9);
}
.contents h5 {
font-size: 13px;
font-size:calc( 0.8125em * 0.9);
}
.contents h6 {
font-size: 16px;
font-size:calc( 1em * 0.9);
}
.contents .entry-content blockquote.alignleft,
.contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875em;
}
.contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.contents img.alignright {
float: right;
margin-left: 1.5em;
}
.contents th {
display:block;
}
.contents tr { }
.contents td {
display:block;
}
}
.contents h1 {
border-bottom: solid 3px #cce4ff;
position: relative;
display:block !important;
margin:0 0 1.2em 0;
padding: 0 .2em .5em;
font-size: 2.2rem;
font-weight:700;
color:#02357d;
}
h1:after {
position: absolute;
left:0;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}
.contents h2 {
margin:0 0 1.2em 0;
padding: 0;
font-size: 2.0rem;
font-weight:700;
border: none;
line-height: 1.7;
color:#02357d;
}
.contents h3 {
background:#eeeff1;
margin:0 0 1.2em 0;
padding: .8em 1em;
font-size: 1.8rem;
font-weight:500;
border: none;
line-height: 1.7;
color:#02357d;
}
.contents h4{ 
border: none;
border-bottom: solid 2px #02357d;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.6rem;
font-weight:500;
color:#02357d;
}
.contents h5{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em;
font-size: 1.5rem;
font-weight:500;
color:#000000;
}
.contents h6{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.4rem;
font-weight:500;
color:#000000;
border-bottom: dotted 1px #666666;
}
@media screen and (max-width: 768px) {
.contents h1 {
border-bottom: solid 3px #cce4ff;
position: relative;
display:block !important;
margin:0 0 1.2em 0;
padding: 0 .2em .5em;
font-size: 2.2rem;
font-weight:700;
color:#02357d;
}
h1:after {
position: absolute;
left:0;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}
.contents h2 {
margin:0 0 1.2em 0;
padding: 0;
font-size: 2.0rem;
font-weight:700;
border: none;
line-height: 1.7;
color:#02357d;
}
.contents h3 {
background:#eeeff1;
margin:0 0 1.2em 0;
padding: .8em 1em;
font-size: 1.8rem;
font-weight:500;
border: none;
line-height: 1.7;
color:#02357d;
}
.contents h4{ 
border: none;
border-bottom: solid 2px #02357d;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.6rem;
font-weight:500;
color:#02357d;
}
.contents h5{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em;
font-size: 1.5rem;
font-weight:500;
color:#000000;
}
.contents h6{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.4rem;
font-weight:500;
color:#000000;
border-bottom: dotted 1px #666666;
}
}
   .slider {
width:1000px;
margin:0 auto;
}
.sub_info {
margin-bottom:90px;
text-align:center;
}
.sub_info .box {
position:relative;
display:inline-block;
border: dotted 1px #2974af;
padding:40px 150px;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sub_info .box h3 {
position:absolute;
top:-1em;
right:0;
left:0;
font-size:2.0rem;
text-align:center;
}
.sub_info .box h3 span {
position: relative;
display: inline-block;
padding:0 1.1em;
font-size:2.0rem;
font-weight:700;
color:#2974af;
background:#ffffdb;
}
.sub_info .box p {
font-size:1.7rem;
font-weight:500;
color:#e18500;
text-align:center;
white-space:nowrap;
}
.top_covid {
position:relative;
width:890px;
margin:0 auto;
margin-bottom:90px;
padding:40px 0 50px;
text-align:center;
background:#FFF;
border: dotted 1px #2974af;
border-radius:1em;
color:#2974af;
}
.top_covid .covid_title {
position:absolute;
top:-20px;
left:0;
width:100%;
text-align:center;
}
.top_covid .covid_title span {
position:relative;
display:inline-block;
background:#e11a02;
color:#FFF;
line-height:1.1;
padding:.4em 1.8em;
font-size:2.0rem;
font-weight:700;
border-radius:1.2em;
}
.top_covid .covid_title span:before {
position:absolute;
top:-10px;
left:-35px;
width:56px;
height:56px;
background:url(//www.honma-kodomo.clinic/img/top/covid_icon.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_covid strong {
font-weight:700 !important;
}
.top_covid .com01 {
display:inline-block;
padding-bottom:30px;
margin-bottom:20px;
border-bottom: dotted 1px #2974af;
}
.top_covid .com01 p {
margin-bottom:.8em;
}
.top_covid .com01 p:last-child {
margin-bottom:0;
}
.top_covid .com01 dl {
display:table;
text-align:center;
font-size:1.7rem;
margin:0 auto;
margin-bottom:.5em;
}
.top_covid .com01 dl dt ,
.top_covid .com01 dl dd {
display:table-cell;
vertical-align:middle;
}
.top_covid .com01 dl dt {
border: solid 1px #b4b4b5;
padding:.3em .6em;
}
.top_covid .com01 dl dd {
padding-left:.8em;
}
.top_covid .com01 dl dd a {
display:block;
background:#2974af;
height:100%;
padding:.3em .6em;
color:#FFF;
text-decoration:none;
border-radius:.2em;
}
.top_covid .com01 dl dd a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_covid .com02 {
display:inline-block;
margin-bottom:20px;
}
.top_covid .com02 p {
margin-bottom:.8em;
}
.top_covid .com02 p:last-child {
margin-bottom:0;
}
.top_covid .covid_reserve ,
.top_covid .covid_flow {
width:625px;
margin:0 auto;
margin-bottom:30px;
background:#ecf2f8;
text-align:center;
padding-bottom:40px;
}
.top_covid .covid_flow {
margin-bottom:50px;
font-size:1.7rem;
}
.top_covid .covid_reserve h3 ,
.top_covid .covid_flow h3 {
background:#2974af;
color:#FFF;
padding:.5em 0;
margin-bottom:25px;
text-align:center;
font-size:1.7rem;
font-weight:500;
}
.top_covid .covid_reserve p ,
.top_covid .covid_flow p {
display:inline-block;
margin-bottom:20px;
text-align:center;
}
.top_covid .covid_reserve p a ,
.top_covid .covid_flow p a {
display:block;
background:#FFF;
text-decoration:none;
padding:.5em 1.8em;
border: solid 1px #2974af;
color:#2974af;
white-space:nowrap;
border-radius:.4em;
}
.top_covid .covid_reserve p a:hover ,
.top_covid .covid_flow p a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_covid .covid_reserve ol ,
.top_covid .covid_flow ol {
display:inline-block;
font-size:1.7rem;
}
.top_covid .covid_reserve ol li ,
.top_covid .covid_flow ol li {
text-align:left;
margin-bottom:.5em;
}
.top_covid .covid_reserve ol li:last-child ,
.top_covid .covid_flow ol li:last-child {
margin-bottom:0;
}
.top_covid .covid_reserve ol li a ,
.top_covid .covid_flow ol li a {
color:#2974af;
}
.top_info {
position:relative;
width:936px;
margin:0 auto;
margin-bottom:90px;
}
.top_info h3 {
position:relative;
width:100%;
height:119px;
background:url(//www.honma-kodomo.clinic/img/top/info_bg01.svg) no-repeat center center;
background-size:cover;
line-height:1.1;
}
.top_info h3 span {
display:block;
text-align:center;
font-size:2.8rem;
font-weight:500;
letter-spacing:.2em;
color:#FFFFFF;
padding:1.35em 0 .3em;
}
.top_info h3 em {
display:block;
text-align:center;
font-size:1.8rem;
font-weight:700;
letter-spacing:.2em;
color:#2974af;
}
.top_info .bird01 {
position:absolute;
top:-40px;
left:185px;
z-index:10;
width:110px;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
animation-name: anim_s;
transform: rotate(5deg);
animation-duration: 2s;
}
@keyframes anim_s {
50% {
transform: rotate(-3deg);
}
100% {
transform: rotate(3deg);
}
}
.top_info .bird02 {
position:absolute;
top:-40px; right:0;
width:40%;
height:90px;
z-index:10;
}
.top_info .bird02 span {
display: block;
position: absolute;
top: 0;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-duration: 30s;
animation-iteration-count: 1;
margin-right: -25px;
}
.top_info .bird02 em {
position: relative;
width:110px;
height:88px;
background:url(//www.honma-kodomo.clinic/img/top/bird02.png) no-repeat center center;
background-size:cover;
display:block;
animation-name: upDown;
animation-iteration-count: infinite;
animation-duration: .8s;
animation-direction: alternate;
animation-timing-function: steps(2);
transition-duration: 10s;
transition-property: transform;
}
.top_info .bird02 span[data-order="left"] {
animation-name: GoLeft;
}
.top_info .bird02 span[data-order="right"] {
animation-name: GoRight;
transform: rotateY(180deg);
}
.top_info .bird02 span[data-order="right"] > em {
animation-name: upDown;
}
@keyframes GoLeft {
0% {
right: 10%;
}
100% {
right: 90%;
}
}
@keyframes GoRight {
0% {
right: 90%;
}
100% {
right: 10%;
}
}
@keyframes upDown {
50% {
transform: rotate(-3deg);
}
100% {
transform: rotate(3deg);
}
}
.top_info .box {
background:url(//www.honma-kodomo.clinic/img/top/info_bg02.svg) no-repeat center bottom;
width:875px;
margin:0 auto;
padding:40px;
}
.top_info .box dl {
display:table;
width:100%;
padding-bottom:15px;
margin-bottom:15px;
border-bottom: dotted 1px #808080;
}
.top_info .box dl:last-child {
margin-bottom:0;
}
.top_info .box dl dt ,
.top_info .box dl dd {
display:table-cell;
width:80%;
}
.top_info .box dl dt {
width:20%;
}
.top_info .box dl dt span {
position:relative;
display:block;
padding-left:40px;
color:#e18500;
font-size:1.6rem;
font-weight:500;
}
.top_info .box dl dt span:before {
position:absolute;
top:.35em;
left:20px;
width:14px;
height:14px;
background:#2974af;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
}
.top_info .box dl dd a {
font-size:1.4rem;
font-weight:500;
}
.top_info .box dl dd {
padding-right:20px;
}
.top_info .more_btn {
position: absolute;
right:-32px;
bottom:-35px;
}
.top_info .more_btn a {
position:relative;
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
width:115px;
height:116px;
background:url(//www.honma-kodomo.clinic/img/top/more_btn.svg) no-repeat center center;
background-size:cover;
text-decoration:none;
}
.top_info .more_btn a span {
display:inline-block;
color:#FFF;
font-size:1.8rem;
font-weight: 500;
line-height:1.4;
text-align:center;
letter-spacing:.2em;
}
.top_calender {
width:890px;
margin:0 auto;
margin-bottom:95px;
}
.top_calender .ai1ec-calendar-toolbar {
display:none;
}
.top_calender table tbody a {
pointer-events: none;
}
.top_about {
width:860px;
margin:0 auto;
padding-bottom:100px;
}
.top_about .box01 ,
.top_about .box02 {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.top_about .box01 {
margin-bottom:40px;
}
.top_about section {
border: solid 1px #edcf38;
background:#edcf38; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.top_about section a {
display:block;
text-decoration:none;
padding:30px 25px;
}
.top_about section a:hover {
text-decoration:none;
}
.top_about section h3 ,
.top_about section span {
display:block;
text-align:center;
font-size:2.5rem;
font-weight:500;
line-height:1.4;
color:#2974af;
padding-bottom:.6em;
margin-bottom:.4em;
border-bottom: dotted 3px #FFFFFF;
letter-spacing:.1em;
}
.top_about section p ,
.top_about section em {
display:block;
font-size:1.5rem;
letter-spacing:.1em;
}
.top_about .box01 section {
width:405px;
margin-right:50px;
}
.top_about .box01 section:last-child {
margin-right:0;
}
.top_about .box02 section {
width:260px;
margin-right:40px;
}
.top_about .box02 section:last-child {
margin-right:0;
}
.top_about .box02 section span {
font-size:2.0rem;
}
.top_about section:hover {
border: solid 1px #edcf38;
background:#FFFFFF;
transition: .5s;
}
.top_about section:hover span {
border-bottom: dotted 3px #edcf38;
} .privacy .page_ttl {
background:url(//www.honma-kodomo.clinic/img/privacy/page_ttl.png) no-repeat center center;
}
.privacy main .comment {
font-weight:500;
margin-bottom:80px;
}
.privacy main .box {
margin-bottom:100px;
}
.privacy main .box section {
margin-bottom:50px;
}
.privacy main .box section:last-child {
margin-bottom:0;
}
.privacy main .box section p {
font-weight:500;
}
.privacy main .pp_contact {
font-size:1.7rem;
font-weight:500;
color:#e18500;
}
.privacy main .pp_contact span {
font-weight:700;
} .medical .page_ttl {
background:url(//www.honma-kodomo.clinic/img/medical/page_ttl.png) no-repeat center center;
}
.medical main {
padding-top:80px;
}
.medical main .comment section {
margin-bottom:100px;
}
.medical main .comment section:last-child {
margin-bottom:0;
}
.medical main .comment section p {
font-weight:500;
} .clinic .page_ttl {
background:url(//www.honma-kodomo.clinic/img/clinic/page_ttl.png) no-repeat center center;
}
.clinic main {
padding-top:80px;
}
.clinic main .slider {
padding-bottom:40px;
width:100%;
}
.clinic main .slider section {
position:relative;
}
.clinic main .slider section h4 {
position:absolute;
top:520px;
left:30px;
z-index:10;
}
.clinic main .slider section h4 span {
display:inline-block;
background:rgba(255,255,255,.9);
line-height:1.1;
padding:.6em 1em;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:1.6rem;
font-weight:500;
color:#2974af;
letter-spacing:.1em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
}
.clinic main .slider section .img {
margin-bottom:20px;
}
.clinic main .slider section .caption {
font-weight:500;
}
.clinic main .thum .thum_img .slick-slide {
margin:0 6px;
}
.clinic main .thum .thum_img img {
border: solid 3px #e9eaea;
} .doctor .page_ttl {
background:url(//www.honma-kodomo.clinic/img/doctor/page_ttl.png) no-repeat center center;
}
.doctor main {
padding-top:80px;
}
.doctor main .comment {
margin-bottom:80px;
}
.doctor main .comment .img {
position:relative;
float:right;
width:420px;
}
.doctor main .comment .img .photo {
position:relative;
height:420px;
}
.doctor main .comment .img .photo span {
display:block;
overflow:hidden;
width:100%;
height:420px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.doctor main .comment .img .photo:after {
position:absolute;
bottom:-25px;
left:10px;
width:80px;
height:123px;
display:block;
background:url(//www.honma-kodomo.clinic/img/doctor/tree.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .comment .img .name {
position: absolute;
top:395px;
right:0;
display:inline-block;
background:#e18500;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height:1.1;
padding:.8em 3em;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
border-radius: 5em;
}
.doctor main .comment .img .name span ,
.doctor main .comment .img .name em ,
.doctor main .comment .img .name i {
display:block;
text-align:center;
color:#FFF;
}
.doctor main .comment .img .name em {
font-size:1.5rem;
font-weight:500;
margin-bottom:.5em;
letter-spacing:.2em;
}
.doctor main .comment .img .name span {
font-size:2.9rem;
font-weight:500;
margin-bottom:.3em;
letter-spacing:.2em;
}
.doctor main .comment .img .name i {
color:#2974af;
font-size:1.2rem;
font-weight:700;
}
.doctor main .comment .bpx_l {
float:left;
width:490px;
margin-left:40px;
}
.doctor main .comment .bpx_l h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
color:#2974af;
margin-bottom:50px;
white-space:nowrap;
}
.doctor main .comment .bpx_l p {
font-weight:500;
}
.doctor main .history {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.doctor main .history section {
width:430px;
background:#FFF;
border: solid 4px #f4e28a;
margin-right:50px;
padding:30px 40px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.doctor main .history section:last-child {
margin-right:0;
}
.doctor main .history section h3 {
margin-bottom:20px;
}
.doctor main .history section h3 span {
position:relative;
display:block;
padding-left:55px;
font-size:2.8rem;
font-weight:500;
letter-spacing:.2em;
color:#e18500;
}
.doctor main .history section h3 span:before {
position: absolute;
left:0;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
width:42px;
height:48px;
background: url(//www.honma-kodomo.clinic/img/doctor/icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .history section:last-child h3 span:before {
background: url(//www.honma-kodomo.clinic/img/doctor/icon02.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .history section ul li {
position:relative;
padding-bottom:.8em;
padding-left:30px;
margin-bottom:.9em;
border-bottom: dotted 1px #808080;
font-weight:500;
}
.doctor main .history section ul li:before {
position:absolute;
top:.35em;
left:5px;
width:14px;
height:14px;
background:#e18500;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
} .reserve .page_ttl {
background:url(//www.honma-kodomo.clinic/img/reserve/page_ttl.png) no-repeat center center;
}
.reserve main {
padding-top:80px;
}
.reserve main .flow {
margin-bottom:160px;
}
.reserve main .flow section {
margin-bottom:60px;
}
.reserve main .flow section:last-child {
margin-bottom:0;
}
.reserve main .flow section h3 {
text-align:center;
font-size:2.0rem;
font-weight:500;
color:#2974af;
margin-bottom:20px;
}
.reserve main .flow section p {
margin-bottom:1.2em;
font-weight:500;
}
.reserve main .flow section p span {
color:#e18500;
font-weight:500;
}
.reserve main .flow section ul li {
position:relative;
padding-left:30px;
font-weight:500;
}
.reserve main .flow section ul li:before {
position:absolute;
top:.35em;
left:5px;
width:14px;
height:14px;
background:#e18500;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
}
.reserve main .flow section ul li span {
color:#e18500;
font-weight:500;
}
.reserve main .method h3 {
text-align:center;
font-size:3.2rem;
font-weight:500;
line-height:1.4;
color:#2974af;
margin-bottom:30px;
}
.reserve main .method ul li {
margin-bottom:35px;
}
.reserve main .method ul li:last-child {
margin-bottom:0;
}
.reserve main .method ul li a {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background-size:cover !important;
text-align:center;
color:#FFF;
text-decoration:none;
}
.reserve main .method ul li:first-child a {
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg01.svg) no-repeat center center;
}
.reserve main .method ul li:nth-child(2) a {
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg02.svg) no-repeat center center;
}
.reserve main .method ul li:last-child a {
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg03.svg) no-repeat center center;
}
.reserve main .method ul li a:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
}
.reserve main .method ul li:first-child a:before {
left:38px;
width:78px;
height:79px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve main .method ul li:nth-child(2) a:before {
left:29px;
width:113px;
height:64px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve main .method ul li:last-child a:before {
left:30px;
width:99px;
height:77px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .method ul li a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.reserve main .method ul li a span {
display: block;
text-align:center;
font-size:3.2rem;
font-weight:700;
line-height:1.1;
padding-top:1.6em;
} .reserve.reserve-tel main .reserve_info h3 {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg01.svg) no-repeat center center;
background-size:cover !important;
text-align:center;
color:#FFF;
margin-bottom:150px;
}
.reserve.reserve-tel main .reserve_info h3:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
left:38px;
width:78px;
height:79px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve.reserve-mail main .reserve_info h3 {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg02.svg) no-repeat center center;
background-size:cover !important;
text-align:center;
color:#FFF;
margin-bottom:150px;
}
.reserve.reserve-mail main .reserve_info h3:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
left:29px;
width:113px;
height:64px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-line main .reserve_info h3 {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg03.svg) no-repeat center center;
background-size:cover !important;
text-align:center;
color:#FFF;
margin-bottom:150px;
}
.reserve.reserve-line main .reserve_info h3:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
left:30px;
width:99px;
height:77px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .reserve_info h3 span {
display: block;
text-align:center;
font-size:3.2rem;
font-weight:700;
line-height:1.1;
padding-top:1.6em;
}
.reserve main .reserve_info .box {
margin-bottom:150px;
}
.reserve main .reserve_info .box section {
margin-bottom:100px;
}
.reserve main .reserve_info .box section:last-child {
margin-bottom:0;
}
.reserve main .reserve_info .box section h4 {
text-align:center;
font-size:2.0rem;
font-weight:500;
margin-bottom:.5em;
color:#2974af;
}
.reserve main .reserve_info .box section p {
text-align:center;
font-weight:500;
}
.reserve main .reserve_info .box section p span {
color:#e18500;
font-weight:500;
}
.reserve main .reserve_info .action .holiday {
text-align:center;
color:#2974af;
font-size:2.0rem;
font-weight:500;
margin-bottom:1.5em;
}
.reserve.reserve-tel main .reserve_info .action .btn {
width:507px;
height:75px;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small01.svg) no-repeat center center;
background-size:cover;
margin:0 auto;
}
.reserve.reserve-tel main .reserve_info .action .btn span {
display:block;
text-align:center;
font-size:2.8rem;
font-weight:700;
color:#FFF;
line-height:1.1;
padding-top:.9em;
}
.reserve.reserve-mail main .reserve_info .action .btn {
width:507px;
height:75px;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small02.svg) no-repeat center center;
background-size:cover;
margin:0 auto;
}
.reserve.reserve-mail main .reserve_info .action .btn a {
display:block;
text-align:center;
font-size:2.8rem;
font-weight:700;
color:#FFF;
line-height:1.1;
padding-top:.9em;
text-decoration:none;
}
.reserve.reserve-line main .reserve_info .action .btn {
width:507px;
height:75px;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small03.svg) no-repeat center center;
background-size:cover;
margin:0 auto;
}
.reserve.reserve-line main .reserve_info .action .btn a {
display:block;
text-align:center;
font-size:2.8rem;
font-weight:700;
color:#FFF;
line-height:1.1;
padding-top:.9em;
text-decoration:none;
} .reserve.reserve-line-about main .reserve_flow h3 {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg03.svg) no-repeat center center;
background-size:cover !important;
text-align:center;
color:#FFF;
margin-bottom:150px;
}
.reserve.reserve-line-about main .reserve_flow h3:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
left:30px;
width:99px;
height:77px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve.reserve-line-about main .reserve_flow h3 span {
display: block;
text-align:center;
font-size:3.2rem;
font-weight:700;
line-height:1.1;
padding-top:1.6em;
}
.reserve.reserve-line-about main .reserve_flow .qr {
width:250px;
margin:0 auto;
margin-bottom:80px;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend {
display:table;
text-align:center;
margin:0 auto;
margin-bottom:80px;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dt ,
.reserve.reserve-line-about main .reserve_flow .qr_friend dd {
display:table-cell;
vertical-align:middle;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dt {
width:250px;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dd {
width:300px;
padding-left:50px;
}
.reserve.reserve-line-about main .qr_comment {
text-align:center;
margin-bottom:80px;
}
.reserve.reserve-line-about main .qr_comment span {
position:relative;
display:inline-block;
font-size:1.8rem;
font-weight:500;
color:#2974af;
}
.reserve.reserve-line-about main .qr_comment span:before {
position:absolute;
top:-110px;
left:-100px;
width:77px;
height:118px;
background:url(//www.honma-kodomo.clinic/img/reserve/tree01.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.reserve.reserve-line-about main .qr_comment span:after {
position:absolute;
bottom:-45px;
right:-90px;
width:102px;
height:58px;
background:url(//www.honma-kodomo.clinic/img/reserve/tree02.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.reserve.reserve-line-about main .line_form {
text-align:center;
margin-bottom:90px;
}
.reserve.reserve-line-about main .line_form ul {
display:inline-block;
background:#FFF;
border: solid 4px #f4e28a;
padding:40px 45px;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.reserve.reserve-line-about main .line_form ul li {
position:relative;
padding-bottom:.8em;
padding-left:30px;
margin-bottom:.9em;
border-bottom: dotted 1px #808080;
font-weight:500;
width:340px;
}
.reserve.reserve-line-about main .line_form ul li:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.reserve.reserve-line-about main .line_form ul li:before {
position:absolute;
top:.35em;
left:5px;
width:14px;
height:14px;
background:#e18500;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
}
.reserve.reserve-line-about main .line_form_return {
text-align:center;
}
.reserve.reserve-line-about main .line_form_return span {
color:#e18500;
font-weight:500;
}
.reserve.reserve-mail-form main .form h3 {
position:relative;
display:block;
width:727px;
height:133px;
margin: 0 auto;
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg02.svg) no-repeat center center;
background-size:cover !important;
text-align:center;
color:#FFF;
margin-bottom:150px;
}
.reserve.reserve-mail-form main .form h3:before {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display:block;
background-size:cover !important;
content:'';
left:29px;
width:113px;
height:64px;
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-mail-form main .form h3 span {
display: block;
text-align:center;
font-size:3.2rem;
font-weight:700;
line-height:1.1;
padding-top:1.6em;
}
.reserve.reserve-mail-form main .form table {
width:100%;
}
.reserve.reserve-mail-form main .form table th ,
.reserve.reserve-mail-form main .form table td {
border-bottom: solid 1px #b8b8b8;
padding:1.2em 0;
}
.reserve.reserve-mail-form main .form table th {
padding:2em 0 0;
width:220px;
}
.reserve.reserve-mail-form main .form table th span {
position:relative;
display:block;
padding-left:30px;
font-weight:500;
}
.reserve.reserve-mail-form main .form table th span:before {
position:absolute;
top:.35em;
left:5px;
width:14px;
height:14px;
background:#e18500;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
}
.reserve.reserve-mail-form main .form table th em {
display:block;
margin-left:-.5em;
}
.reserve.reserve-mail-form main .form .privacy_comment {
text-align:center;
font-weight:500;
padding:45px 0 80px;
}
.reserve.reserve-mail-form main .form .pp_check {
text-align:center;
}
.reserve.reserve-mail-form main .form .pp_check .box {
display:inline-block;
border: solid 1px #e18500;
padding:35px 30px;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.reserve.reserve-mail-form main .form .pp_check .box .com {
text-align:center;
font-size:1.3rem;
color:#e18500;
margin-bottom:1em;
}
.reserve.reserve-mail-form main .form .pp_check .box .checkbox {
text-align:center;
}
.reserve.reserve-mail-form .ui-datepicker {
width:20em;
}
.reserve.reserve-mail-form .ui-widget {
font-size: 1.4rem;
}
.reserve.reserve-mail-form .ui-datepicker table {
font-size:100%;
}
.reserve.reserve-mail-form .ui-datepicker td span ,
.reserve.reserve-mail-form .ui-datepicker td a {
text-align: center;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .privacy_comment ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .pp_check {
display:none;
}
.confirm.reserve.reserve-mail-form main .form table th ,
.confirm.reserve.reserve-mail-form main .form table td {
padding:1.2em 0;
} .download .page_ttl {
background:url(//www.honma-kodomo.clinic/img/download/page_ttl.png) no-repeat center center;
}
.download main {
padding-top:80px;
}
.download main .comment {
margin-bottom:100px;
}
.download main .comment h3 {
text-align:center;
font-size:2.0rem;
font-weight:500;
color:#2974af;
margin-bottom:1em;
}
.download main .comment p {
text-align:center;
}
.download main .btn01 {
width:728px;
margin:0 auto;
margin-bottom:20px;
}
.download main .btn01 li {
margin-bottom:20px;
}
.download main .btn01 li:last-child {
margin-bottom:0;
}
.download main .btn01 li a {
display:block;
background:url(//www.honma-kodomo.clinic/img/download/btn_bg01.svg) no-repeat center center;
background-size:cover;
width:100%;
height:134px;
text-align:center;
padding-top:1.6em;
font-size:3.2rem;
font-weight:700;
line-height:1.1;
text-decoration:none;
color:#2974af;
}
.download main .btn01 li a span {
color:#e18500;
font-weight:700;
}
.download main .btn01 li a em {
font-size:2.0rem;
font-weight:700;
}
.download main .btn02 {
width:354px;
margin:0 auto;
}
.download main .btn02 li {
margin-bottom:20px;
}
.download main .btn02 li:last-child {
margin-bottom:0;
}
.download main .btn02 li a {
display:block;
background:url(//www.honma-kodomo.clinic/img/download/btn_bg02.svg) no-repeat center center;
background-size:cover;
width:100%;
height:56px;
text-align:center;
padding-top:.65em;
font-size:2.4rem;
font-weight:700;
line-height:1.1;
text-decoration:none;
color:#2974af;
}
.download main .btn02 li a span {
color:#e18500;
font-weight:700;
} .contact .page_ttl {
background:url(//www.honma-kodomo.clinic/img/contact/page_ttl.png) no-repeat center center;
}
.contact main {
padding-top:80px;
}
.contact main .cat_title {
padding:0;
}
.contact main .form table {
width:100%;
}
.contact main .form table th ,
.contact main .form table td {
border-bottom: solid 1px #b8b8b8;
padding:1.2em 0;
}
.contact main .form table th {
padding:2em 0 0;
width:220px;
}
.contact main .form table th span {
position:relative;
display:block;
padding-left:30px;
font-weight:500;
}
.contact main .form table th span:before {
position:absolute;
top:.35em;
left:5px;
width:14px;
height:14px;
background:#e18500;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content:'';
}
.contact main .form table th em {
display:block;
margin-left:-.5em;
}
.contact main .form .privacy_comment {
text-align:center;
font-weight:500;
padding:45px 0 80px;
}
.contact main .form .pp_check {
text-align:center;
}
.contact main .form .pp_check .box {
display:inline-block;
border: solid 1px #e18500;
padding:35px 30px;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.contact main .form .pp_check .box .com {
text-align:center;
font-size:1.3rem;
color:#e18500;
margin-bottom:1em;
}
.contact main .form .pp_check .box .checkbox {
text-align:center;
}
.confirm.contact main .form table th ,
.confirm.contact main .form table td {
padding:1.2em 0;
} .information .page_ttl {
background:url(//www.honma-kodomo.clinic/img/information/page_ttl.png) no-repeat center center;
}
.information main {
padding-top:80px;
}
.information main article {
float:left;
width:545px;
}
.information main aside {
float:right;
width:202px;
}
.information main .list .box section {
padding-bottom:45px;
margin-bottom:45px;
border-bottom: dotted 1px #808080;
}
.information main .list .box section:last-child {
margin-bottom:0;
}
.information main .list .box section time {
display:block;
margin-bottom:.8em;
}
.information main .list .box section time span {
display:inline-block;
background: url(//www.honma-kodomo.clinic/img/information/time_bg.svg) no-repeat center center;
background-size:cover;
color:#FFF;
line-height:1.1;
font-weight:500;
width:158px;
height:33px;
text-align:center;
padding-top:.55em;
}
.information main .list .box section h3 {
font-weight:700;
margin-bottom:1em;
color:#2974af;
}
.information main aside section h3 {
position:relative;
background: url(//www.honma-kodomo.clinic/img/information/side_title_bg.svg) no-repeat center center;
background-size:cover;
width:202px;
height:33px;
margin-bottom:20px;
}
.information main aside section h3:after {
position: absolute;
top:-40px;
right:0;
background: url(//www.honma-kodomo.clinic/img/information/side_title_img.png) no-repeat center center;
background-size:cover;
width:68px;
height:55px;
content:'';
}
.information main aside section h3 span {
display:block;
font-size:1.5rem;
font-weight:500;
letter-spacing:.2em;
color:#FFF;
line-height:1.1;
padding:.6em 0 0 1.5em;
}
.information main aside section ul {
border-top: dotted 2px #808080;
}
.information main aside section ul li {
padding:.5em .6em;
border-bottom: dotted 2px #808080;
font-size:1.3rem;
}
.information main aside section ul li time ,
.information main aside section ul li a {
display:block;
font-size:1.3rem;
font-weight:500;
} @media screen and (max-width: 1040px) { .slider {
width:96.154vw;
}
.sub_info .box {
padding:3.846vw 8vw;
}
.top_covid {
width:90vw;
margin-bottom:90px;
}
.top_info {
position:relative;
width:90vw;
margin:0 auto;
margin-bottom:8.654vw;
}
.top_info h3 {
height:11.442vw;
background:url(//www.honma-kodomo.clinic/img/top/info_bg01.svg) no-repeat center center;
background-size:cover;
}
.top_info h3 span {
font-size:2.8rem;
padding:3.2vw 0 .3em;
}
.top_info h3 em {
font-size:1.8rem;
}
.top_info .bird01 {
position:absolute;
top:-3.846vw;
left:17.788vw;
z-index:10;
width:10.577vw;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
animation-name: anim_s;
transform: rotate(5deg);
animation-duration: 2s;
}
.top_info .bird02 {
position:absolute;
top:-3.846vw; right:0;
width:40%;
height:8.654vw;
z-index:10;
}
.top_info .bird02 span {
display: block;
position: absolute;
top: 0;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-duration: 30s;
animation-iteration-count: 1;
margin-right: -2.404vw;
}
.top_info .bird02 em {
position: relative;
width:10.577vw;
height:8.462vw;
background:url(//www.honma-kodomo.clinic/img/top/bird02.png) no-repeat center center;
background-size:cover;
display:block;
animation-name: upDown;
animation-iteration-count: infinite;
animation-duration: .8s;
animation-direction: alternate;
animation-timing-function: steps(2);
transition-duration: 10s;
transition-property: transform;
}
.top_info .bird02 span[data-order="left"] {
animation-name: GoLeft;
}
.top_info .bird02 span[data-order="right"] {
animation-name: GoRight;
transform: rotateY(180deg);
}
.top_info .bird02 span[data-order="right"] > em {
animation-name: upDown;
}
.top_info .box {
background:url(//www.honma-kodomo.clinic/img/top/info_bg02.svg) no-repeat center bottom;
width:84.135vw;
padding:3.846vw;
}
.top_info .more_btn {
position: absolute;
right:4vw;
bottom:-8vw;
}
.top_info .more_btn a {
width:10vw;
height:10vw;
}
.top_info .more_btn a span {
font-size:1.6rem;
}
.top_calender {
width:85.577vw;
margin:0 auto;
margin-bottom:9.135vw;
}
.top_about {
width:82.692vw;
margin:0 auto;
padding-bottom:9.615vw;
}
.top_about .box01 {
margin-bottom:3.846vw;
}
.top_about section a {
padding:2.885vw 1.5vw;
}
.top_about section span {
font-size:2.0rem;
}
.top_about section em {
font-size:1.5rem;
}
.top_about .box01 section {
width:38.942vw;
margin-right:4.808vw;
}
.top_about .box02 section {
width:25vw;
margin-right:3.846vw;
}
.top_about .box02 section span {
font-size:1.7rem;
} .clinic main .slider section h4 {
position:absolute;
top:53vw;
left:1.5vw;
}
.clinic main .thum .thum_img img {
border: solid 2px #e9eaea;
} .doctor main .comment .img {
width:40.385vw;
}
.doctor main .comment .img .photo {
height:40.385vw;
}
.doctor main .comment .img .photo span {
height:40.385vw;
}
.doctor main .comment .img .name {
top:37.981vw;
padding:.6em 3.5em;
}
.doctor main .comment .img .name em {
font-size:1.5rem;
}
.doctor main .comment .img .name span {
font-size:2.4rem;
}
.doctor main .comment .img .name i {
font-size:1.2rem;
}
.doctor main .comment .bpx_l {
width:47.115vw;
margin-left:3.846vw;
}
.doctor main .comment .bpx_l h3 {
font-size:2.6rem;
}
.doctor main .history section {
width:48%;
margin-right:4%;
}
.doctor main .history section h3 span {
font-size:2.4rem;
} .reserve main .flow section h3 {
text-align:center;
}
.reserve main .flow section p {
margin-bottom:1.2em;
}
.reserve main .method h3 {
font-size:2.8rem;
}
.reserve main .method ul li a {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
}
.reserve main .method ul li:first-child a:before {
left:calc(3.654vw * .8);
width:calc(7.5vw * .7);
height:calc(7.596vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve main .method ul li:nth-child(2) a:before {
left:calc(2.788vw * .8);
width:calc(10.865vw * .7);
height:calc(6.154vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve main .method ul li:last-child a:before {
left:calc(2.885vw * .8);
width:calc(9.519vw * .7);
height:calc(7.404vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .method ul li a span {
font-size:2.6rem;
padding-top:1.4em;
} .reserve.reserve-tel main .reserve_info h3 {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg01.svg) no-repeat center center;
}
.reserve.reserve-tel main .reserve_info h3:before {
left:calc(3.654vw * .8);
width:calc(7.5vw * .7);
height:calc(7.596vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve.reserve-mail main .reserve_info h3 {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg02.svg) no-repeat center center;
}
.reserve.reserve-mail main .reserve_info h3:before {
left:calc(2.788vw * .8);
width:calc(10.865vw * .7);
height:calc(6.154vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-line main .reserve_info h3 {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg03.svg) no-repeat center center;
}
.reserve.reserve-line main .reserve_info h3:before {
left:calc(2.885vw * .8);
width:calc(9.519vw * .7);
height:calc(7.404vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .reserve_info h3 span {
font-size:2.6rem;
padding-top:1.4em;
}
.reserve.reserve-tel main .reserve_info .action .btn span {
font-size:2.4rem;
padding-top:1.1em;
}
.reserve.reserve-mail main .reserve_info .action .btn a {
font-size:2.4rem;
padding-top:1.1em;
}
.reserve.reserve-line main .reserve_info .action .btn a {
font-size:2.4rem;
padding-top:1.1em;
} .reserve.reserve-line-about main .reserve_flow h3 {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg03.svg) no-repeat center center;
}
.reserve.reserve-line-about main .reserve_flow h3:before {
left:calc(2.885vw * .8);
width:calc(9.519vw * .7);
height:calc(7.404vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve.reserve-line-about main .reserve_flow h3 span {
font-size:2.6rem;
padding-top:1.1em;
}
.reserve.reserve-line-about main .qr_comment span {
font-size:1.8rem;
}
.reserve.reserve-line-about main .line_form ul {
border: solid 3px #f4e28a;
padding:3.846vw 4.327vw;
}
.reserve.reserve-mail-form main .form h3 {
width:calc(69.904vw * .8);
height:calc(12.788vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg02.svg) no-repeat center center;
}
.reserve.reserve-mail-form main .form h3:before {
left:calc(2.788vw * .8);
width:calc(10.865vw * .7);
height:calc(6.154vw * .7);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-mail-form main .form h3 span {
font-size:2.6rem;
padding-top:1.1em;
}
.reserve.reserve-mail-form main .form table th {
padding:2em 0 0;
width:25%;
} .download main .comment h3 {
font-size:2.0rem;
}
.download main .btn01 {
width:100%;
}
.download main .btn01 li a {
background:url(//www.honma-kodomo.clinic/img/download/btn_bg01.svg) no-repeat center center;
background-size:cover;
width:calc(70.1vw * .9);
height:calc(12.885vw * .9);
padding-top:4vw;
font-size:2.8rem;
margin:0 auto;
}
.download main .btn01 li a em {
font-size:1.6rem;
font-weight:700;
letter-spacing:0;
margin-left:-.3em;
}
.download main .btn02 {
width:100%;
}
.download main .btn02 li a {
display:block;
background:url(//www.honma-kodomo.clinic/img/download/btn_bg02.svg) no-repeat center center;
background-size:cover;
width:calc(34.038vw * 1.3);
height:calc(5.385vw * 1.3);
padding-top:2.1vw;
font-size:2.4rem;
margin:0 auto;
} .contact main .form table th {
padding:2em 0 0;
width:25%;
}
} @media screen and (max-width: 840px) {
.information main article {
width:64.881vw;
}
.information main aside {
width:24.048vw;
}
.information main aside section h3 {
position:relative;
background: url(//www.honma-kodomo.clinic/img/information/side_title_bg.svg) no-repeat center center;
background-size:cover;
width:24.45vw;
height:3.929vw;
}
.information main aside section h3:after {
position: absolute;
top:-4.762vw;
right:0;
background: url(//www.honma-kodomo.clinic/img/information/side_title_img.png) no-repeat center center;
background-size:cover;
width:8.095vw;
height:6.548vw;
content:'';
}
} @media screen and (max-width: 767px) { .slider {
width:92%;
padding-top:5vw;
margin-bottom:10vw;
}
.top_covid {
width:92%;
margin-bottom:15vw;
padding:5vw 4vw;
padding-top:15vw;
text-align:left !important;
}
.top_covid .covid_title {
position:absolute;
top:-20px;
left:0;
width:100%;
text-align:center;
}
.top_covid .covid_title span {
position:relative;
display:block;
width:90%;
margin:0 auto;
line-height:1.5;
padding:.4em .8em;
font-size:1.6rem;
font-weight:700;
border-radius:.3em;
}
.top_covid .covid_title span:before {
position:absolute;
top:-3vw;
left:-7vw;
width:10vw;
height:10vw;
background:url(//www.honma-kodomo.clinic/img/top/covid_icon.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_covid .com01 {
display:block;
padding-bottom:5vw;
margin-bottom:5vw;
border-bottom: dotted 1px #2974af;
}
.top_covid .com01 p {
margin-bottom:.8em;
text-align:left !important;
}
.top_covid .com01 dl {
display:block;
font-size:1.7rem;
margin-bottom:.5em;
}
.top_covid .com01 dl dt ,
.top_covid .com01 dl dd {
display:block;
}
.top_covid .com01 dl dt {
border: solid 1px #b4b4b5;
padding:.3em .6em;
text-align:center;
margin-bottom:.8em;
}
.top_covid .com01 dl dd {
padding-left:0;
padding:0 15%;
text-align:center;
}
.top_covid .com01 dl dd a {
padding:.3em .6em;
}
.top_covid .com02 {
display:block;
margin-bottom:5vw;
}
.top_covid .com02 p {
margin-bottom:.8em;
text-align:left !important;
}
.top_covid .covid_reserve ,
.top_covid .covid_flow {
width:100%;
margin-bottom:5vw;
padding-bottom:6vw;
}
.top_covid .covid_flow {
margin-bottom:8vw;
font-size:1.7rem;
}
.top_covid .covid_reserve h3 ,
.top_covid .covid_flow h3 {
padding:.5em .8em;
margin-bottom:4vw;
font-size:1.7rem;
}
.top_covid .covid_reserve p ,
.top_covid .covid_flow p {
display:block;
padding:0 5vw;
margin-bottom:5vw;
}
.top_covid .covid_reserve p a ,
.top_covid .covid_flow p a {
display:block;
font-size:1.5rem;
text-align:left;
padding:.5em .8em;
white-space: normal;
border-radius:.4em;
}
.top_covid .covid_reserve ol ,
.top_covid .covid_flow ol {
display:block;
font-size:1.7rem;
padding:0 5vw;
}
.top_covid .covid_reserve ol li ,
.top_covid .covid_flow ol li {
margin-bottom:.5em;
}
.top_covid .com03 {
display:block;
}
.top_covid .com03 p {
text-align:left !important;
}
.sub_info {
margin-bottom:10vw;
}
.sub_info .box {
position:relative;
display:block;
width:92%;
margin:0 auto;
border: dotted 1px #2974af;
padding:4vw 3vw;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sub_info .box h3 {
font-size:1.4rem;
}
.sub_info .box h3 span {
padding:0 .5em;
font-size:1.4rem;
}
.sub_info .box p {
font-size:1.3rem;
text-align:left;
white-space: normal;
}
.top_info {
position:relative;
width:92%;
margin:0 auto;
margin-bottom:10vw;
}
.top_info h3 {
position:relative;
width:100%;
height:11vw;
background:url(//www.honma-kodomo.clinic/img/top/info_bg01.svg) no-repeat center center;
background-size:cover;
line-height:1.1;
text-align:center;
padding-top:5vw;
}
.top_info h3 span {
display: inline-block;
font-size:1.6rem;
padding:0;
margin-right:.5em;
}
.top_info h3 em {
display: inline-block;
font-size:1.4rem;
}
.top_info .bird01 {
position:absolute;
top:-8vw;
left:2vw;
z-index:10;
width:15vw;
}
.top_info .bird02 {
position:absolute;
top:-8vw;
right:0;
width:40%;
height:8vw;
}
.top_info .bird02 span {
margin-right: -5vw;
}
.top_info .bird02 em {
position: relative;
width:calc(14.342vw * 1.1);
height:calc(11.473vw * 1.1);
background:url(//www.honma-kodomo.clinic/img/top/bird02.png) no-repeat center center;
background-size:cover;
}
.top_info .box {
background:url(//www.honma-kodomo.clinic/img/top/info_bg02.svg) no-repeat center bottom;
width:92%;
margin:0 auto;
padding:5vw;
}
.top_info .box dl {
display:block;
padding-bottom:3vw;
margin-bottom:3vw;
}
.top_info .box dl dt ,
.top_info .box dl dd {
display:block;
width:100%;
}
.top_info .box dl dt {
width:100%;
}
.top_info .box dl dt span {
padding-left:6vw;
font-size:1.6rem;
}
.top_info .box dl dt span:before {
position:absolute;
top:.45em;
left:1vw;
width:3.5vw;
height:3.5vw;
}
.top_info .box dl dd a {
font-size:1.4rem;
font-weight:500;
}
.top_info .box dl dd {
padding-right:0;
}
.top_info .more_btn {
position: relative;
right: inherit;
bottom: inherit;
padding-top:3vw;
text-align:center;
}
.top_info .more_btn a {
text-align:center;
margin:0 auto;
width:24vw;
height:24vw;
background:url(//www.honma-kodomo.clinic/img/top/more_btn.svg) no-repeat center center;
background-size:cover;
}
.top_info .more_btn a span {
font-size:1.4rem;
letter-spacing:.2em;
}
.top_calender {
width:92%;
margin-bottom:20vw;
}
.top_calender .ai1ec-btn-toolbar { }
.top_calender .ai1ec-date a {
pointer-events: none;
}
.top_calender .ai1ec-event-toggle { }
.top_calender .ai1ec-btn-group ,
.top_calender .ai1ec-actions { }
.top_about {
width:92%;
margin-bottom:10vw;
}
.top_about .box01 ,
.top_about .box02 {
display:block;
}
.top_about .box01 {
margin-bottom:6vw;
}
.top_about section { -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.top_about section a {
padding:4vw 3vw;
}
.top_about section span {
font-size:1.6rem;
padding-bottom:.6em;
margin-bottom:.4em;
letter-spacing:.1em;
}
.top_about section em {
font-size:1.4rem;
letter-spacing:.1em;
}
.top_about .box01 section {
width:100%;
margin-right:0;
margin-bottom:6vw;
}
.top_about .box01 section:last-child {
margin-bottom:0;
}
.top_about .box02 section {
width:100%;
margin-right:0;
margin-bottom:6vw;
}
.top_about .box02 section:last-child {
margin-bottom:0;
}
.top_about .box02 section span {
font-size:1.4rem;
} .privacy main .comment {
margin-bottom:10vw;
}
.privacy main .box {
margin-bottom:10vw;
}
.privacy main .box section {
margin-bottom:10vw;
}
.privacy main .pp_contact {
font-size:1.5rem;
} .medical main {
padding-top:5vw;
}
.medical main .comment section {
margin-bottom:10vw;
} .clinic main {
padding-top:5vw;
}
.clinic main .slider {
padding-bottom:5vw;
margin-bottom:0;
}
.clinic main .slider section h4 {
position:absolute;
top:40vw;
left:4vw;
z-index:10;
}
.clinic main .slider section h4 span {
padding:.4em 1em;
font-size:1.5rem;
}
.clinic main .slider section .img {
margin-bottom:4vw;
}
.clinic main .thum .thum_img .slick-slide {
margin:0 5px;
}
.clinic main .thum .thum_img img {
border: solid 2px #e9eaea;
} .doctor main {
padding-top:5vw;
}
.doctor main .comment {
margin-bottom:10vw;
}
.doctor main .comment .img {
position:relative;
float:none;
width:100%;
margin-bottom:10vw;
text-align:center;
}
.doctor main .comment .img .photo {
position:relative;
height:100%;
margin-bottom:5vw;
}
.doctor main .comment .img .photo span {
display:block;
overflow:hidden;
width:70vw;
height:70vw;
margin:0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.doctor main .comment .img .photo:after {
position:absolute;
bottom:-5vw;
left:2vw;
width:calc(10.43vw * 2);
height:calc(16.037vw * 2);
display:block;
background:url(//www.honma-kodomo.clinic/img/doctor/tree.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .comment .img .name {
position: relative;
top: inherit;
right:0;
left:0;
margin:0 auto;
display:inline-block;
line-height:1.1;
padding:.6em 3em;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
border-radius: 4em;
}
.doctor main .comment .img .name em {
font-size:1.5rem;
margin-bottom:.5em;
letter-spacing:.2em;
}
.doctor main .comment .img .name span {
font-size:2.0rem;
margin-bottom:.3em;
letter-spacing:.2em;
}
.doctor main .comment .img .name i {
font-size:1.2rem;
}
.doctor main .comment .bpx_l {
float:none;
width:100%;
margin-left:0;
}
.doctor main .comment .bpx_l h3 {
font-size:2.0rem;
margin-bottom:5vw;
white-space: normal;
}
.doctor main .history {
display:block;
}
.doctor main .history section {
width:100%;
background:#FFF;
border: solid 3px #f4e28a;
margin-right:0;
margin-bottom:6vw;
padding:4vw 5vw;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.doctor main .history section:last-child {
margin-bottom:0;
}
.doctor main .history section h3 {
margin-bottom:4vw;
}
.doctor main .history section h3 span {
padding-left:calc(7.171vw * 1.5);
font-size:2.0rem;
}
.doctor main .history section h3 span:before {
width:calc(5.476vw * 1.5);
height:calc(6.258vw * 1.5);
background: url(//www.honma-kodomo.clinic/img/doctor/icon01.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .history section:last-child h3 span:before {
background: url(//www.honma-kodomo.clinic/img/doctor/icon02.png) no-repeat center center;
background-size:cover;
content:'';
}
.doctor main .history section ul li {
padding-bottom:.8em;
padding-left:6vw;
margin-bottom:.9em;
}
.doctor main .history section ul li:before {
position:absolute;
top:.4em;
left:5px;
width:3vw;
height:3vw;
} .reserve main {
padding-top:10vw;
}
.reserve main .flow {
margin-bottom:10vw;
}
.reserve main .flow section {
margin-bottom:10vw;
}
.reserve main .flow section h3 {
font-size:2.0rem;
margin-bottom:5vw;
}
.reserve main .flow section p {
margin-bottom:1.3em;
}
.reserve main .flow section ul li {
padding-left:6vw;
}
.reserve main .flow section ul li:before {
position:absolute;
top:.4em;
left:5px;
width:3vw;
height:3vw;
}
.reserve main .method h3 {
font-size:1.5rem;
margin-bottom:5vw;
letter-spacing:0;
}
.reserve main .method ul li {
margin-bottom:8vw;
}
.reserve main .method ul li:last-child {
margin-bottom:0;
}
.reserve main .method ul li a {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
background-size:cover !important;
}
.reserve main .method ul li a:before {
position:absolute;
background-size:cover !important;
}
.reserve main .method ul li:first-child a:before {
left:4.954vw;
width:calc(10.169vw * .8);
height:calc(10.3vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve main .method ul li:nth-child(2) a:before {
left:calc(3.781vw * .8);
width:calc(14.733vw * .8);
height:calc(8.344vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve main .method ul li:last-child a:before {
left:calc(3.911vw * .8);
width:calc(12.907vw * .8);
height:calc(10.039vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .method ul li a span {
font-size:1.8rem;
padding-top:1em;
padding-left:10vw;
} .reserve.reserve-tel main .reserve_info h3 {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
margin-bottom:10vw;
}
.reserve.reserve-tel main .reserve_info h3:before {
left:4.954vw;
width:calc(10.169vw * .8);
height:calc(10.3vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon01.png) no-repeat center center;
}
.reserve.reserve-mail main .reserve_info h3 {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
margin-bottom:10vw;
}
.reserve.reserve-mail main .reserve_info h3:before {
left:calc(3.781vw * .8);
width:calc(14.733vw * .8);
height:calc(8.344vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-line main .reserve_info h3 {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
margin-bottom:10vw;
}
.reserve.reserve-line main .reserve_info h3:before {
left:calc(3.911vw * .8);
width:calc(12.907vw * .8);
height:calc(10.039vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve main .reserve_info h3 span {
font-size:1.8rem;
padding-top:1em;
padding-left:10vw;
}
.reserve main .reserve_info .box {
width:92%;
margin:0 auto;
margin-bottom:10vw;
}
.reserve main .reserve_info .box section {
margin-bottom:10vw;
}
.reserve main .reserve_info .box section h4 {
font-size:1.8rem;
margin-bottom:.5em;
}
.reserve main .reserve_info .box section p {
text-align:left;
}
.reserve main .reserve_info .action .holiday {
font-size:1.8rem;
margin-bottom:1.5em;
}
.reserve.reserve-tel main .reserve_info .action .btn {
width:calc(66.102vw * 1.2);
height:calc(9.778vw * 1.2);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small01.svg) no-repeat center center;
background-size:cover;
}
.reserve.reserve-tel main .reserve_info .action .btn span {
font-size:1.8rem;
padding-top:.6em;
}
.reserve.reserve-mail main .reserve_info .action .btn {
width:calc(66.102vw * 1.2);
height:calc(9.778vw * 1.2);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small02.svg) no-repeat center center;
background-size:cover;
}
.reserve.reserve-mail main .reserve_info .action .btn a {
font-size:1.8rem;
padding-top:.6em;
}
.reserve.reserve-line main .reserve_info .action .btn {
width:calc(66.102vw * 1.2);
height:calc(9.778vw * 1.2);
background:url(//www.honma-kodomo.clinic/img/reserve/btn_bg_small03.svg) no-repeat center center;
background-size:cover;
margin:0 auto;
}
.reserve.reserve-line main .reserve_info .action .btn a {
font-size:1.8rem;
padding-top:.6em;
} .reserve.reserve-line-about main .reserve_flow h3 {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
margin-bottom:10vw;
}
.reserve.reserve-line-about main .reserve_flow h3:before {
left:calc(3.911vw * .8);
width:calc(12.907vw * .8);
height:calc(10.039vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon03.png) no-repeat center center;
}
.reserve.reserve-line-about main .reserve_flow h3 span {
font-size:1.8rem;
padding-top:1em;
padding-left:10vw;
}
.reserve.reserve-line-about main .reserve_flow .qr {
width:100%;
margin-bottom:10vw;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend {
display:block;
margin-bottom:20vw;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dt ,
.reserve.reserve-line-about main .reserve_flow .qr_friend dd {
display:block;
margin:0 auto;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dt {
width:40vw;
margin-bottom:5vw;
}
.reserve.reserve-line-about main .reserve_flow .qr_friend dd {
width:70vw;
padding-left:0;
}
.reserve.reserve-line-about main .qr_comment {
width:92%;
text-align:left;
margin:0 auto;
margin-bottom:10vw;
}
.reserve.reserve-line-about main .qr_comment span {
display:block;
font-size:1.6rem;
}
.reserve.reserve-line-about main .qr_comment span:before {
position:absolute;
top:-20vw;
left:-3vw;
width:calc(10.039vw * 1.5);
height:calc(15.385vw * 1.5);
background:url(//www.honma-kodomo.clinic/img/reserve/tree01.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.reserve.reserve-line-about main .qr_comment span:after {
position:absolute;
bottom:-5.867vw;
right:2vw;
width:calc(13.299vw * 1.5);
height:calc(7.562vw * 1.5);
background:url(//www.honma-kodomo.clinic/img/reserve/tree02.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.reserve.reserve-line-about main .line_form {
text-align:left;
width:92%;
margin:0 auto;
margin-bottom:10vw;
}
.reserve.reserve-line-about main .line_form ul {
display:block;
padding:4vw 5vw;
}
.reserve.reserve-line-about main .line_form ul li {
padding-left:6vw;
}
.reserve.reserve-line-about main .line_form ul li:before {
position:absolute;
top:.4em;
left:5px;
width:3vw;
height:3vw;
}
.reserve.reserve-line-about main .line_form_return {
width:92%;
margin:0 auto;
text-align:left;
}
.reserve.reserve-mail-form main .form h3 {
width:calc(94.785vw * .9);
height:calc(17.34vw * .9);
margin-bottom:10vw;
}
.reserve.reserve-mail-form main .form h3:before {
left:calc(3.781vw * .8);
width:calc(14.733vw * .8);
height:calc(8.344vw * .8);
background:url(//www.honma-kodomo.clinic/img/reserve/icon02.png) no-repeat center center;
}
.reserve.reserve-mail-form main .form h3 span {
font-size:1.8rem;
padding-top:1em;
padding-left:10vw;
}
.reserve.reserve-mail-form main .form table th ,
.reserve.reserve-mail-form main .form table td {
display:block;
border-bottom: solid 1px #b8b8b8;
padding:1.2em 0;
}
.reserve.reserve-mail-form main .form table th {
padding:1.2em 0;
padding-bottom:0;
width:100%;
border-bottom: none;
}
.reserve.reserve-mail-form main .form table th span {
padding-left:6vw;
}
.reserve.reserve-mail-form main .form table th span:before {
position:absolute;
top:.4em;
left:5px;
width:3vw;
height:3vw;
}
.reserve.reserve-mail-form main .form table td {
padding-top:.5em;
}
.reserve.reserve-mail-form main .form .privacy_comment {
width:100%;
margin:0 auto;
text-align:left;
padding:5vw 0 ;
}
.reserve.reserve-mail-form main .form .pp_check {
text-align:center;
}
.reserve.reserve-mail-form main .form .pp_check .box {
display:block;
padding:5vw 4vw;
}
.reserve.reserve-mail-form main .form .pp_check .box .com {
text-align:left;
font-size:1.3rem;
margin-bottom:1em;
}
.reserve.reserve-mail-form main .form .pp_check .box .checkbox {
text-align:center;
}
.reserve.reserve-mail-form .ui-datepicker {
width:20em;
}
.reserve.reserve-mail-form .ui-widget {
font-size: 1.4rem;
}
.reserve.reserve-mail-form .ui-datepicker table {
font-size:100%;
}
.reserve.reserve-mail-form .ui-datepicker td span ,
.reserve.reserve-mail-form .ui-datepicker td a {
text-align: center;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .privacy_comment ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .pp_check {
display:none;
}
.confirm.reserve.reserve-mail-form main .form table th ,
.confirm.reserve.reserve-mail-form main .form table td {
padding:1.2em 0;
} .download main {
padding-top:10vw;
}
.download main .comment {
margin-bottom:10vw;
}
.download main .comment h3 {
font-size:1.5rem;
letter-spacing:0;
}
.download main .comment p {
width:92%;
margin:0 auto;
text-align:left;
}
.download main .btn01 {
width:100%;
margin-bottom:6vw;
}
.download main .btn01 li {
margin-bottom:6vw;
}
.download main .btn01 li:last-child {
margin-bottom:0;
}
.download main .btn01 li a {
display:block;
background:url(//www.honma-kodomo.clinic/img/download/btn_bg01.svg) no-repeat center center;
background-size:cover;
width:calc(94.915vw * .9);
height:calc(17.471vw * .9);
padding-top:.8em;
font-size:2.0rem;
margin:0 auto;
letter-spacing:0;
}
.download main .btn01 li:nth-child(n+2) a {
padding-top:.4em;
}
.download main .btn01 li a em {
display:block;
font-size:1.4rem;
font-weight:700;
margin-left:0;
padding-top:.1em;
}
.download main .btn02 {
width:100%;
}
.download main .btn02 li {
margin-bottom:6vw;
}
.download main .btn02 li a {
display:block;
background:url(//www.honma-kodomo.clinic/img/download/btn_bg02.svg) no-repeat center center;
background-size:cover;
width:calc(46.154vw * 1.7);
height:calc(7.301vw * 1.7);
padding-top:.8em;
font-size:1.6rem;
letter-spacing:0;
}
.download main .btn02 li a span {
color:#e18500;
font-weight:700;
} .contact main {
padding-top:10vw;
}
.contact main .form table th ,
.contact main .form table td {
display:block;
border-bottom: solid 1px #b8b8b8;
padding:1.2em 0;
}
.contact main .form table th {
padding:1.2em 0;
padding-bottom:0;
width:100%;
border-bottom: none;
}
.contact main .form table th span {
padding-left:6vw;
}
.contact main .form table th span:before {
position:absolute;
top:.4em;
left:5px;
width:3vw;
height:3vw;
}
.contact main .form table td {
padding-top:.5em;
}
.contact main .form .privacy_comment {
width:100%;
margin:0 auto;
text-align:left;
padding:5vw 0 ;
}
.contact main .form .pp_check {
text-align:center;
}
.contact main .form .pp_check .box {
display:block;
padding:5vw 4vw;
}
.contact main .form .pp_check .box .com {
text-align:left;
font-size:1.3rem;
margin-bottom:1em;
}
.contact main .form .pp_check .box .checkbox {
text-align:center;
}
.confirm.contact main .form table th ,
.confirm.contact main .form table td {
padding:1.2em 0;
}
.confirm.contact main .form table th {
padding-bottom:0;
}
.confirm.contact main .form table td {
padding-top:.5em;
} .information main {
padding-top:10vw;
}
.information main .list .box section {
padding-bottom:6vw;
margin-bottom:6vw;
border-bottom: dotted 1px #808080;
}
.information main .list .box section time {
display:block;
margin-bottom:.8em;
}
.information main .list .box section time span {
width:calc(20.6vw * 2);
height:calc(4.302vw * 2);
text-align:center;
padding-top:.65em;
}
.information main .list .box section h3 {
font-size:1.6rem;
font-weight:700;
margin-bottom:1em;
color:#2974af;
}
.information main article {
width:100%;
margin-bottom:20vw;
}
.information main aside {
width:100%;
}
.information main aside section h3 {
position:relative;
background: url(//www.honma-kodomo.clinic/img/information/side_title_bg.svg) no-repeat center center;
background-size:cover;
width:100%;
height:auto;
}
.information main aside section h3 span {
display:block;
font-size:1.8rem;
font-weight:500;
letter-spacing:.2em;
color:#FFF;
line-height:1.1;
padding:.85em 1.5em;
}
.information main aside section h3:after {
position: absolute;
top:calc(-5.215vw * 1.5);
right:0;
background: url(//www.honma-kodomo.clinic/img/information/side_title_img.png) no-repeat center center;
background-size:cover;
width:calc(8.866vw * 2.5);
height:calc(7.171vw * 2.5);
content:'';
}
}