@charset 'UTF-8';
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/library/css/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/library/css/images/controls.png) no-repeat 0 0;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
    article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display: block;
} audio,canvas,video{
display: inline-block;
} audio:not([controls]){
display: none;
height: 0;
} [hidden],template{
display: none;
}  html{
font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{
margin: 0;
}  a{
background: transparent;
} a:focus{
outline: thin dotted;
} a:active,a:hover{
outline: 0;
}  h1,h2,h3,h4,p{
font-size: 1em;
font-weight: 500;
margin: 0;
} abbr[title]{
border-bottom: 1px dotted;
} b,strong,.strong{
font-weight: bold;
} dfn,em,.em{
font-style: italic;
} hr{
box-sizing: content-box;
height: 0;
} p{
-webkit-hyphens: auto;
hyphens: auto;
-epub-hyphens: auto;
-ms-hyphens: auto;
} pre{
margin: 0;
} code,kbd,pre,samp{
font-family: monospace, serif;
font-size: 1em;
} pre{
white-space: pre-wrap;
} q{
quotes: '\201C' '\201D' '\2018' '\2019';
} q:before,q:after{
content: '';
content: none;
}
small,.small{
font-size: 75%;
} sub,sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup{
top: -.5em;
}
sub{
bottom: -.25em;
}  dl,menu,ol,ul{
margin: 0;
}
dd{
margin: 0;
} menu{
padding: 0 0 0 40px;
}
ol,ul{
padding: 0;
list-style-type: none;
} nav ul,nav ol{
list-style: none;
list-style-image: none;
}  img{
border: 0;
} svg:not(:root){
overflow: hidden;
}  figure{
margin: 0;
}  fieldset{
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid #c0c0c0;
} legend{
padding: 0; border: 0; } button,input,select,textarea{
font-family: inherit; font-size: 100%; margin: 0; } button,input{
line-height: normal;
} button,select{
text-transform: none;
} button,html input[type='button'], input[type='reset'],input[type='submit']{
cursor: pointer; -webkit-appearance: button; } button[disabled],html input[disabled]{
cursor: default;
} input[type='checkbox'],input[type='radio']{
box-sizing: border-box; padding: 0; } input[type='search']{
box-sizing: content-box;
-webkit-appearance: textfield;  } input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
-webkit-appearance: none;
} button::-moz-focus-inner,input::-moz-focus-inner{
padding: 0;
border: 0;
} textarea{
overflow: auto; vertical-align: top; }  table{
border-spacing: 0;
border-collapse: collapse;
}
*{
box-sizing: border-box;
}
*:before,*:after{
box-sizing: border-box;
}
.image-replacement,.ir{
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
}
.clearfix,.cf{
zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
display: table; 
content: '';
}
.clearfix:after,.cf:after{
clear: both;
} span.amp{
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}
:root{
--alert-blue: #d5edf8;
--alert-green: #e6efc2;
--alert-red: #fbe3e4;
--alert-yellow: #ebe16f;
--black: #323944;
--blue: #2980b9;
--bones-pink: #f01d4f;
--border-color: #ccc;
--color: #333;
--disabled-gray: #cfcfcf; --easeInOutSine: cubic-bezier(.445, .050, .550, .950);
--gray: #eaedf2;
--green: #7dd667;
--light-gray: #f8f9fa;
--meta-gray: #9fa6b4;
--siteColor: #f3688c;
--tan: #eceee5;
--text-color: #5c6b80;
--vh: 1vh;
--white: #fff;
} @-webkit-keyframes menuFadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes menuFadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes menuFadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
@keyframes menuFadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
@-webkit-keyframes fadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
@keyframes fadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
@-webkit-keyframes fadeInFlex{
0%{
display: flex;
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes fadeInFlex{
0%{
display: flex;
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes loader{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes loader{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@-webkit-keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes modalFadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes modalFadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes modalFadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
@keyframes modalFadeOut{
0%{
opacity: 1;
}
99%{
opacity: 0;
}
100%{
display: none;
opacity: 0;
}
}
.singleEdit{
font-size: 1.45rem;
line-height: 1.5;
overflow: hidden;
}
.singleEdit>*:last-child{
margin-bottom: 0 !important;
}
.singleEdit>div{
margin-bottom: 2.3em;
}
.singleEdit .has-normal-font-size{
font-size: 1.45rem;
}
.singleEdit h2,.singleEdit h3{
font-size: 2.0rem;
font-weight: bold;
margin-bottom: 1.52em;
}
.singleEdit h2,.singleEdit h3,.singleEdit h4{
line-height: 1.3;
}
.singleEdit p{
margin: 0 0 40px;
}
.singleEdit ul,.singleEdit ol,.singleEdit dl{
margin: 0 0 40px;
}
.singleEdit a{
color: #0075e9;
}
.singleEdit ul li{
margin: 0 0 .5em;
}
.singleEdit ul li::before{
content: '・';
}
.singleEdit ul li:last-child{
margin-bottom: 0;
}
.singleEdit ol{
padding-left: 2.3em;
list-style-type: decimal;
}
.singleEdit ol li{
margin: 0 0 40px;
}
.singleEdit ol li:last-child{
margin-bottom: 0;
}
.singleEdit table{
width: 100%;
border: 1px solid #646464;
}
.singleEdit table caption{
margin: 0 0 7px;
letter-spacing: 1px;
text-transform: uppercase;
color: #9fa6b4;
color: var(--meta-gray);
}
.singleEdit .wp-block-table{
margin: 0 auto 40px;
}
.singleEdit .is-style-stripes table{
border: none;
}
.singleEdit td{
padding: 7px;
border: 1px solid #646464;
}
.singleEdit td:last-child{
border-right: 0;
}
.singleEdit th{
padding: 7px;
border: 1px solid #646464;
}
.singleEdit th:last-child{
border-right: 0;
}
.singleEdit blockquote{
font-style: italic;
margin: 0 0 40px .75em;
padding: 0 0 0 .75em;
color: gray;
border-left: 3px solid gray;
}
.singleEdit blockquote p{
margin-bottom: .5em;
}
.singleEdit dd{
font-size: .9em;
margin-bottom: .5em;
margin-left: 0;
color: #0075e9;
}
.singleEdit .wp-block-image{
margin-bottom: 40px;
}
.singleEdit .alignnone,.singleEdit img.alignnone{
margin-bottom: 40px;
}
.singleEdit .alignleft,.singleEdit img.alignleft{
display: inline;
float: left;
margin-right: 1em;
margin-bottom: 2.3em;
}
.singleEdit .alignright,.singleEdit img.alignright{
display: inline;
float: right;
margin-bottom: 2.3em;
margin-left: 1em;
}
.singleEdit .aligncenter,.singleEdit img.aligncenter{
display: block;
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
} .wp-caption{
max-width: 100%;
padding: 5px;
background: #eee;
} .wp-caption img{
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.wp-caption p.wp-caption-text{
font-size: 1em;
margin: 4px 0 7px;
text-align: center;
}
@media only screen and (max-width: 767px){
.singleEdit{
font-size: 2.6rem;
line-height: 1.85;
}
.singleEdit>div{
margin-bottom: 9.33333vw;
}
.singleEdit .wp-block-image{
margin-bottom: 9.33333vw;
}
.singleEdit h2,.singleEdit h3{
font-size: 2.8rem;
margin-bottom: 1.4em;
}
.singleEdit .has-normal-font-size{
font-size: 2.6rem;
}
.singleEdit p{
margin: 0 0 9.33333vw;
}
.singleEdit ul,.singleEdit ol,.singleEdit dl,.singleEdit blockquote{
margin: 0 0 9.33333vw;
}
.singleEdit .wp-block-table{
margin: 0 auto 9.33333vw;
}
.singleEdit .alignleft,.singleEdit img.alignleft{
display: block;
float: none;
margin: 0 auto 9.33333vw;
}
.singleEdit .alignright,.singleEdit img.alignright{
display: block;
float: none;
margin: 0 auto 9.33333vw;
}
.singleEdit .aligncenter,.singleEdit img.aligncenter{
display: block;
clear: both;
margin-right: auto;
margin-bottom: 9.33333vw;
margin-left: auto;
}
.singleEdit .wp-block-media-text{
-ms-grid-columns: 1fr;
grid-template-areas: 'media-text-media' 'media-text-content';
grid-template-columns: 1fr;
}
.singleEdit .wp-block-media-text .wp-block-media-text__media{
grid-area: media-text-media;
}
.singleEdit .wp-block-media-text .wp-block-media-text__content{
padding: 9.33333vw 0 0;
grid-area: media-text-content;
}
.singleEdit .wp-block-media-text .wp-block-media-text__content p{
margin: 0;
}
}
@media only screen and (max-width: 767px){
.singleEdit .wp-block-media-text .wp-block-media-text__media{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.singleEdit .wp-block-media-text .wp-block-media-text__content{
-ms-grid-column: 1;
-ms-grid-row: 2;
}
} @font-face{
font-family: 'YuGothic M';
font-weight: 500;
src: local('Yu Gothic Medium'),
local('Yu Gothic');
}
html{
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
font-family: '游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'Noto Sans', 'Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
overflow: hidden;
width: 100%;
min-width: 1280px;
text-align: justify;
text-justify: inter-character;
color: #333;
color: var(--color);
font-feature-settings: 'pkna';
}
.fontM{
font-family: 'Noto Serif','Noto Serif CJK JP','Noto Serif JP','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;
}
img{
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a{
text-decoration: none;
color: #333;
color: var(--color);
}
a:hover{
opacity: .8;
}
.spShow {
display: none;
}
.spShow.block {
display: none;
}
.pcShow{
display: inline-block;
}
.pcShow.block {
display: block;
}
button{
padding: 0;
border: none;
outline: none;
background: none;
}
button:focus{
outline: none;
}
.container{
display: -ms-grid;
display:     grid;
min-height: calc(1vh*100);
min-height: calc(var(--vh, 1vh)*100);
-ms-grid-columns: 100%;
-ms-grid-rows: 170px 1fr auto;
grid-template: 'header' 170px
'pageContainer' 1fr
'footer' auto / 100%;
}
.header{
grid-area: header;
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthContainer>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.pageContainer{
grid-area: pageContainer;
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.birthContainer>.pageContainer{
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.footer{
grid-area: footer;
-ms-grid-column: 1;
-ms-grid-row: 3;
}
.birthContainer>.footer{
-ms-grid-column: 1;
-ms-grid-row: 3;
} .header{
position: fixed;
z-index: 900;
top: 0;
left: 0;
width: 100%;
padding: 20px 0 28px;
transition: transform .3s linear;
transform: translateY(0);
background: #fff;
}
.header .logo{
width: 381px;
margin: 0 auto 35px;
text-align: center;
}
.header .gNavSub ul{
display: flex;
max-width: 1260px;
margin: 0 auto;
padding: 0 10px;
justify-content: center;
}
.header .gNavSub li{
line-height: 1;
display: flex;
height: 25px;
text-align: center;
align-items: center;
justify-content: center;
}
.header .gNavSub li+li{
border-left: 1px dotted #000;
}
.header .gNavSub li:nth-child(1){
flex: 0 1 68px;
justify-content: flex-start;
}
.header .gNavSub li:nth-child(2){
flex: 0 1 292px;
}
.header .gNavSub li:nth-child(3){
flex: 0 1 221px;
}
.header .gNavSub li:nth-child(4){
flex: 0 1 105px;
}
.header .gNavSub li:nth-child(5){
flex: 0 1 123px;
}
.header .gNavSub li:nth-child(6){
flex: 0 1 156px;
}
.header .gNavSub li:nth-child(7){
flex: 0 1 120px;
}
.header .gNavSub li:nth-child(8){
flex: 0 1 124px;
justify-content: flex-end;
}
.slideUp{
transform: translateY(-100%);
} .birthContainer{
-ms-grid-columns: 100%;
-ms-grid-rows: 140px 1fr auto;
grid-template: 'header' 140px
'pageContainer' 1fr
'footer' auto / 100%;
}
.birthHeader{
display: -ms-grid;
display:     grid;
padding: 0;
grid-area: header;
-ms-grid-column: 1;
-ms-grid-columns: 1fr 335px 945px 1fr;
-ms-grid-row: 1;
-ms-grid-rows: 140px;
grid-template-columns: 1fr 335px 945px 1fr;
grid-template-rows: 140px;
}
.birthContainer>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthHeader::before{
content: '';
-ms-grid-column: 1;
grid-column: 1;
}
.birthHeader::after{
content: '';
-ms-grid-column: 4;
grid-column: 4;
}
.birthHeader .bcLogo{
align-self: center;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row-align: center;
}
.birthHeader .bcGnav{
align-self: center;
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row-align: center;
}
.birthHeader .bcGnav ul{
font-size: 1.7rem;
font-weight: 600;
display: flex;
padding-top: 0;
justify-content: flex-end;
}
.birthHeader .bcGnav ul a{
color: #645c5b;
}
.birthHeader .bcGnav li+li{
margin-left: 18px;
} .footer{
margin-top: 60px;
}
.footer .footerBk{
position: relative;
padding: 50px 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/footer_bk.png) no-repeat center center;
background-size: cover;
}
.footer .footerInner{
display: flex;
max-width: 1280px;
margin: 0 auto;
flex-flow: row wrap;
justify-content: space-between;
}
.footer .footerInner .footerLogo{
line-height: 1;
margin-bottom: 40px;
text-align: center;
flex: 0 1 100%;
}
.footer .footerInner .footerLogo img{
width: 381px;
}
.footer .footerInner .secTitle{
font-size: 2.0rem;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
color: #fff;
}
.footer .footerInner .secTitle a{
color: #fff;
}
.footer .footerInner .pinkLink li{
line-height: 2;
}
.footer .footerInner .pinkLink a{
color: #f3688c;
color: var(--siteColor);
}
.footer .footerInner .pinkLink a::before{
content: '・';
}
.footer .footerInner .top{
flex: 0 1 187px;
}
.footer .footerInner .top ul{
min-height: 338px;
padding: 20px;
border-radius: 8px;
background: #fff;
}
.footer .footerInner .birth{
flex: 0 1 807px;
}
.footer .footerInner .birth .inner{
display: flex;
padding: 20px 25px;
border-radius: 8px;
background: #fff;
}
.footer .footerInner .birth figcaption{
font-weight: bold;
line-height: 2;
margin-bottom: 10px;
color: #f3688c;
color: var(--siteColor);
}
.footer .footerInner .birth figcaption a{
color: #f3688c;
color: var(--siteColor);
}
.footer .footerInner .birth .birthLink{
margin-right: 40px;
}
.footer .footerInner .birth .birthLink:last-child {
margin-right: 0;
}
.footer .footerInner .birth figure+figure{
margin-top: 38px;
}
.footer .footerInner .birth .birthLink2 ul{
line-height: 2;
}
.footer .footerInner .birth .birthLink2 li{
font-weight: bold;
color: #f3688c;
color: var(--siteColor);
}
.footer .footerInner .birth .birthLink2 li+li{
margin-top: 40px;
}
.footer .footerInner .birth .birthLink2 a{
color: #f3688c;
color: var(--siteColor);
}
.footer .footerInner .other{
flex: 0 1 193px;
}
.footer .footerInner .other a{
color: #fff;
}
.footer .footerInner .other .fontM{
font-size: 2.0rem;
font-weight: bold;
line-height: 1;
margin-bottom: 30px;
}
.footer .footerInner .other .privacy{
margin: 80px 0 15px;
}
.footer .footerInner .other .privacy,.footer .footerInner .other .sitemap{
font-weight: bold;
}
.footer .copyright{
font-size: 1.1rem;
line-height: 1;
padding: 15px 0;
text-align: center;
color: #f3688c;
color: var(--siteColor);
}
.footer .pagetop{
line-height: 1;
position: fixed;
z-index: 800;
right: 20px;
bottom: 20px;
display: flex;
width: 80px;
height: 80px;
color: #fff;
border-radius: 50%;
background: rgba(236,25,116,.6);
align-items: center;
flex-flow: column;
justify-content: center;
}
.footer .pagetop::before{
width: 11px;
height: 8px;
margin-bottom: 18px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/page_top.png) no-repeat center center;
}
.footer .pagetop::focus{
outline: none;
}
.footer .stopBtn{
position: absolute;
top: -67px;
bottom: auto;
} .birthFooter{
margin-top: 140px;
}
.birthFooter .footerBk{
padding: 90px 0;
background: #fcf4f7;
}
.birthFooter .footerInner{
justify-content: flex-start;
}
.birthFooter .footerInner .secTitle{
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
margin-bottom: 25px;
color: #f3688c;
}
.birthFooter .footerInner .secTitle a{
color: #f3688c;
}
.birthFooter .footerInner .linkBox{
flex: 0 1 300px;
}
.birthFooter .footerInner .linkBox:last-child{
flex: 0 1 auto;
}
.birthFooter .footerInner .linkInner+.linkInner{
margin-top: 45px;
}
.birthFooter .footerInner .linkList li{
font-size: 1.8rem;
line-height: 1.88;
}
.birthFooter .footerInner .linkList a{
color: #f966a1;
}
.birthFooter .footerInner .linkList a::before{
content: '・';
}
.birthFooter .footerInner .other li{
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
margin-bottom: 45px;
}
.birthFooter .footerInner .other li a{
color: #f3688c;
}
.birthFooter .footerLogo{
display: flex;
height: 300px;
background: #a40a5d;
align-items: center;
justify-content: center;
}
.birthFooter .copyright{
font-size: 1.6rem;
padding: 30px 0;
color: #df9395;
} .subPage .subPageTitle{
display: flex;
margin-bottom: 20px;
background: #fdecee;
flex-flow: row-reverse;
justify-content: center;
}
.subPage .subPageTitle .subPageHeader{
display: flex;
color: #fff;
background: #f8b1c3;
align-items: center;
flex: 0 1 500px;
flex-flow: column;
justify-content: center;
}
.subPage .subPageTitle .subPageHeader h2,.subPage .subPageTitle .subPageHeader p{
max-width: 365px;
}
.subPage .subPageTitle .subPageHeader h2{
font-size: 3.2rem;
line-height: 1.7;
text-align: center;
}
.subPage .subPageTitle .subPageHeader p{
line-height: 1.7;
margin-top: 30px;
}
.subPage .blockMain{
max-width: 1000px;
margin: 0 auto;
}
.subPage .pankuzu{
margin-top: 25px;
margin-bottom: 45px;
}
.pankuzu{
font-size: 1.4rem;
display: flex;
max-width: 1280px;
margin: 50px auto 120px;
color: #f398af;
}
.pankuzu a{
color: #666;
}
.pankuzu li{
line-height: 1;
display: flex;
align-items: center;
}
.pankuzu li:not(:last-child)::after{
width: 8px;
height: 8px;
padding: 0 1em;
content: '';
color: #666;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/pankuzu.png) no-repeat center center;
} .galleryPage .main{
max-width: 1000px;
margin: 0 auto;
}
.galleryPage .title{
font-size: 3.4rem;
line-height: 1;
margin-bottom: 100px;
text-align: center;
letter-spacing: .2em;
color: #655d5b;
}
.galleryPage .galleryRow{
display: flex;
flex-flow: row wrap;
}
.galleryPage .galleryRow .galleryBox{
margin-bottom: 20px;
flex: 0 1 320px;
}
.galleryPage .galleryRow .galleryBox:not(:nth-child(3n)){
margin-right: 20px;
}
.galleryPage .galleryHideRow{
display: none;
-webkit-animation: fadeInFlex 1s 1 0s ease-in forwards;
animation: fadeInFlex 1s 1 0s ease-in forwards;
}
.galleryPage .galleryFadeIn{
display: flex;
-webkit-animation: fadeInFlex 1s 1 0s ease-in forwards;
animation: fadeInFlex 1s 1 0s ease-in forwards;
}
.galleryPage .moreBtn{
margin-top: 60px;
}
.galleryPage .moreBtn .btn{
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
display: flex;
width: 240px;
height: 55px;
margin: 0 auto;
letter-spacing: .05em;
color: #fff;
border-radius: 5px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 213px center;
background-color: #f398af;
background-size: 6px auto;
align-items: center;
flex-flow: row;
justify-content: center;
}
.galleryPage .moreBtn .btn:hover{
opacity: .8;
}
.galleryPage .moreBtn .btn:disabled{
opacity: .5;
} #cboxOverlay{
z-index: 1000;
background: rgba(251,232,235,.88);
}
#colorbox{
overflow: visible;
}
#cboxWrapper{
position: relative;
overflow: visible;
}
#cboxContent{
margin-top: 0;
}
#cboxCurrent{
top: auto;
right: 0;
bottom: -30px;
text-align: right;
text-indent: 0;
}
#cboxLoadedContent{
padding: 0;
background: none;
}
#cboxTitle{
font-weight: bold;
top: auto;
bottom: -80px;
width: 100%;
text-align: center;
color: #333;
}
#cboxPrevious,#cboxNext{
top: 50%;
width: 20px;
height: 30px;
margin-top: -15px;
}
#cboxPrevious{
right: auto;
left: -60px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/gallery_prev.svg) no-repeat center center;
background-size: contain;
}
#cboxPrevious:hover{
background-position: center center;
}
#cboxNext{
right: -60px;
left: auto;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/gallery_next.svg) no-repeat center center;
background-size: contain;
}
#cboxNext:hover{
background-position: center center;
}
#cboxClose{
top: -58px;
width: 30px;
height: 30px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/gallery_close.png) no-repeat center center;
background-size: contain;
}
#cboxClose:hover{
background-position: center center;
} .movieBox{
max-width: 830px;
margin: 0 auto;
}
.movieBox .title{
font-size: 2.0rem;
font-weight: 600;
margin-bottom: 25px;
padding: 0 10px;
text-align: center;
color: #f3688c;
color: var(--siteColor);
}
.movieBox .text{
line-height: 1.5;
margin-bottom: 30px;
padding: 0 10px;
}
.movieBox .movieList{
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.movieBox .movieList li{
margin: 0 5px;
flex: 0 1 400px;
}
.movieBox .movieList li:nth-child(even){
margin-bottom: 10px;
}
.movieBox .movieList li:last-child{
margin-bottom: 0;
}
.movieBox .movieList .movie{
position: relative;
padding-bottom: 56.25%;
}
.movieBox .movieList .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .sanfujinkaTemp .subPageNave{
display: flex;
max-width: 1000px;
margin: 80px auto 0;
flex-flow: row wrap;
}
.sanfujinkaTemp .subPageNave li{
margin-bottom: 20px;
flex: 0 1 320px;
}
.sanfujinkaTemp .subPageNave li:not(:nth-child(3n)){
margin-right: 20px;
}
.sanfujinkaTemp .subPageNave a{
font-size: 1.9rem;
font-weight: bold;
line-height: 1;
display: flex;
height: 90px;
padding: 0 40px;
padding-top: 28px;
color: #f3688c;
border: 1px solid #f398af;
background: #fff;
align-items: center;
flex-flow: column;
}
.sanfujinkaTemp .subPageNave a::after{
width: 13px;
height: 8px;
margin-top: 20px;
content: '';
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMS4wMyIgdmlld0JveD0iMCAwIDE2IDExLjAzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZjM2ODhjOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Im5hdl9hcnJvdy5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTUwMS4zNzYsMTQwMy4xNXEzLjQxLTQuMjQ1LDYuODItOC40OGMwLjkzNC0xLjE2LS41ODUtMi44OS0xLjUyNC0xLjcycS0zLjAzNSwzLjc2NS02LjA2OSw3LjUzLTMuMTM3LTMuNzgtNi4yODEtNy41N2MtMC45NTMtMS4xNS0yLjQ3My41OC0xLjUyMiwxLjczcTMuNTI2LDQuMjQ1LDcuMDUyLDguNTFBMC45OTMsMC45OTMsMCwwLDAsNTAxLjM3NiwxNDAzLjE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5Mi41IC0xMzkyLjUpIi8+Cjwvc3ZnPgo=') no-repeat center center;
background-size: contain;
}
.sanfujinkaTemp .subPageNave a:hover{
opacity: 1;
color: #fff;
background: #f398af;
}
.sanfujinkaTemp .subPageNave a:hover::after{
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMS4wMyIgdmlld0JveD0iMCAwIDE2IDExLjAzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Im5hdl9hcnJvdy5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTUwMS4zNzYsMTQwMy4xNXEzLjQxLTQuMjQ1LDYuODItOC40OGMwLjkzNC0xLjE2LS41ODUtMi44OS0xLjUyNC0xLjcycS0zLjAzNSwzLjc2NS02LjA2OSw3LjUzLTMuMTM3LTMuNzgtNi4yODEtNy41N2MtMC45NTMtMS4xNS0yLjQ3My41OC0xLjUyMiwxLjczcTMuNTI2LDQuMjQ1LDcuMDUyLDguNTFBMC45OTMsMC45OTMsMCwwLDAsNTAxLjM3NiwxNDAzLjE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5Mi41IC0xMzkyLjUpIi8+Cjwvc3ZnPgo=') no-repeat center center;
background-size: contain;
}
.sanfujinkaTemp .subSecTitle{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 40px;
text-align: center;
letter-spacing: .2em;
color: #f3688c;
color: var(--siteColor);
}
.sanfujinkaTemp .schedule{
margin-top: 50px;
padding: 80px 0;
background: #fbe8eb;
}
.sanfujinkaTemp .schedule .topBox{
margin-bottom: 50px;
}
.sanfujinkaTemp .schedule .subSecTitle{
color: #655d5b;
}
.sanfujinkaTemp .schedule .kome{
text-align: center;
color: #655d5b;
}
.sanfujinkaTemp .scheduleSec{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.sanfujinkaTemp .scheduleSec>h2{
font-size: 2.0rem;
font-weight: bold;
display: flex;
height: 46px;
margin-bottom: 20px;
padding: 0 20px;
letter-spacing: .05em;
color: #f3688c;
background: #fff;
align-items: center;
}
.sanfujinkaTemp .scheduleSec .kaList{
display: flex;
justify-content: space-between;
}
.sanfujinkaTemp .scheduleSec .kaList li{
flex: 0 1 325px;
}
.sanfujinkaTemp .scheduleSec .kaList button{
font-weight: bold;
display: flex;
width: 100%;
height: 70px;
padding: 0 10px 0 30px;
color: #fff;
border-radius: 4px;
background: #f398af;
align-items: center;
justify-content: space-between;
}
.sanfujinkaTemp .scheduleSec .kaList button:hover{
opacity: .8;
}
.sanfujinkaTemp .scheduleSec .kaList button::after{
height: 33px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sc_arrow.png) no-repeat center center;
flex: 0 0 33px;
}
.sanfujinkaTemp .scheduleSec2{
margin-top: 40px;
}
.sanfujinkaTemp .gairaiScheduleTable+.gairaiScheduleTable{
margin-top: 60px;
}
.sanfujinkaTemp .overlay{
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(251,232,235,.88);
align-items: center;
justify-content: center;
}
.sanfujinkaTemp .modal{
position: relative;
display: none;
}
.sanfujinkaTemp .modal .closeBtn{
position: absolute;
top: -55px;
right: 0;
width: 30px;
}
.sanfujinkaTemp .modal .gairaiScheduleTable{
margin-bottom: 0;
}
.sanfujinkaTemp .openModal{
display: flex;
-webkit-animation: modalFadeIn .3s 1 0s linear forwards;
animation: modalFadeIn .3s 1 0s linear forwards;
opacity: 1;
}
.sanfujinkaTemp .modalClose{
-webkit-animation: modalFadeOut .3s 1 0s linear forwards;
animation: modalFadeOut .3s 1 0s linear forwards;
}
.sanfujinkaTemp .yoyaku{
padding: 70px 0 80px;
background: #f8b1c3;
}
.sanfujinkaTemp .yoyaku a{
font-size: 2.6rem;
font-weight: bold;
display: flex;
max-width: 492px;
height: 90px;
margin: 0 auto;
color: #f3688c;
color: var(--siteColor);
border-radius: 6px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 465px center;
background-color: #fff;
background-size: 11px auto;
box-shadow: 0 10px 0 rgba(255,255,255,.46);
align-items: center;
justify-content: center;
}
.sanfujinkaTemp .houshinSec{
display: flex;
max-width: 1000px;
margin: 130px auto 0;
flex-flow: row wrap;
justify-content: space-between;
}
.sanfujinkaTemp .houshinSec .subSecTitle{
text-align: center;
flex: 0 0 100%;
}
.sanfujinkaTemp .houshinSec .text{
line-height: 1.75;
flex: 0 1 480px;
}
.sanfujinkaTemp .houshinSec .img{
flex: 0 1  480px;
}
.sanfujinkaTemp .sankaSec{
max-width: 1000px;
margin: 80px auto 0;
}
.sanfujinkaTemp .sankaSec .banner{
display: block;
}
.sanfujinkaTemp .fujinkaSec{
max-width: 1000px;
margin: 130px auto 0;
}
.sanfujinkaTemp .fujinkaSec .subSecTitle{
margin-bottom: 50px;
}
.sanfujinkaTemp .fujinkaSec .innerTitle{
font-size: 2.0rem;
font-weight: bold;
line-height: 1.3;
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 1px solid #fb89ac;
}
.sanfujinkaTemp .fujinkaSec .innerSec+.innerSec{
margin-top: 30px;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox{
display: -ms-grid;
display:     grid;
-ms-grid-columns: 1fr 480px;
-ms-grid-rows: auto 1fr;
grid-template-columns: 1fr 480px;
grid-template-rows: auto 1fr;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .title{
font-size: 2.0rem;
font-weight: bold;
line-height: 1.33;
margin: 0 40px 25px 0;
color: #f3688c;
color: var(--siteColor);
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .text{
line-height: 1.75;
margin-right: 40px;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .img{
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox+.fujinkaBox{
margin-top: 40px;
}
.sanfujinkaTemp .byoukiSec{
max-width: 1000px;
margin: 130px auto 0;
}
.sanfujinkaTemp .byoukiSec .subSecTitle{
margin-bottom: 50px;
}
.sanfujinkaTemp .byoukiSec .byoukiBox h2{
font-size: 2.4rem;
display: flex;
min-height: 50px;
margin-bottom: 30px;
padding: 10px 20px;
background: #faf0de;
align-items: center;
}
.sanfujinkaTemp .byoukiSec .byoukiBox p{
line-height: 1.75;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list{
display: flex;
margin-top: 40px;
flex-flow: row wrap;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list li{
margin-bottom: 12px;
flex: 0 1 325px;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list li:not(:nth-child(3n)){
margin-right: 12px;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a{
font-weight: bold;
line-height: 1.3;
display: flex;
width: 100%;
height: 100%;
min-height: 70px;
padding: 10px 10px 10px 30px;
color: #fff;
border-radius: 4px;
background: #f398af;
align-items: center;
justify-content: space-between;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a:hover{
opacity: .8;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a::after{
height: 33px;
margin-left: 20px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sc_arrow.png) no-repeat center center;
flex: 0 0 33px;
}
.sanfujinkaTemp .byoukiSec .byoukiBox+.byoukiBox{
margin-top: 54px;
}
.sanfujinkaTemp .doctor{
margin-top: 80px;
padding: 80px 0;
background: #fbe8eb;
}
.sanfujinkaTemp .doctor .subSecTitle{
color: #655d5b;
}
.sanfujinkaTemp .doctorList{
display: flex;
max-width: 1000px;
margin: 0 auto 0;
flex-flow: row wrap;
}
.sanfujinkaTemp .doctorList li{
margin-bottom: 20px;
flex: 0 1 320px;
}
.sanfujinkaTemp .doctorList li:not(:nth-child(3n)){
margin-right: 20px;
}
.sanfujinkaTemp .doctorList .doctorBox a{
display: flex;
padding: 10px;
background: #fff;
flex-flow: row wrap;
}
.sanfujinkaTemp .doctorList .doctorBox .tm{
flex: 0 0 130px;
}
.sanfujinkaTemp .doctorList .doctorBox .name{
display: flex;
text-align: center;
align-items: center;
flex: 0 1 170px;
flex-flow: column;
justify-content: center;
}
.sanfujinkaTemp .doctorList .doctorBox .name h2{
font-size: 2.2rem;
line-height: 1;
}
.sanfujinkaTemp .doctorList .doctorBox .name .kana{
font-size: 1.3rem;
line-height: 2.3;
}
.sanfujinkaTemp .doctorList .doctorBox .more{
font-size: 1.6rem;
font-weight: bold;
display: flex;
height: 50px;
margin-top: 10px;
color: #f3688c;
color: var(--siteColor);
border: 1px solid #f3688c;
border: 1px solid var(--siteColor);
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 282px center;
background-size: 8px auto;
align-items: center;
flex: 0 0 100%;
justify-content: center;
}  .gairaiScheduleTable{
max-width: 820px;
margin: 0 auto;
}
.gairaiScheduleTable .scheduleTableHeader{
margin-bottom: 20px;
}
.gairaiScheduleTable .scheduleTableHeader .hpName{
font-size: 2.0rem;
font-weight: bold;
display: flex;
height: 46px;
margin-bottom: 20px;
padding: 0 20px;
letter-spacing: .05em;
color: #f3688c;
background: #fff;
align-items: center;
}
.gairaiScheduleTable .scheduleTableHeader .title{
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
margin: 0 0 8px 15px;
}
.gairaiScheduleTable .gender{
font-size: 1.4rem;
line-height: 1;
margin-bottom: 10px;
text-align: right;
}
.gairaiScheduleTable .red{
color: #ee2457;
}
.gairaiScheduleTable .blue{
color: #0976b4;
}
.gairaiScheduleTable .scheduleTable{
width: 820px;
border-collapse: separate;
text-align: center;
}
.gairaiScheduleTable .scheduleTable th{
font-weight: normal;
padding: 0;
color: #fff;
background: #f398af;
}
.gairaiScheduleTable .scheduleTable th:not(:last-child){
border-right: 5px solid #fbebed;
}
.gairaiScheduleTable .scheduleTable td{
line-height: 1.37;
height: 85px;
padding: 0;
color: #333;
color: var(--color);
background: #fff;
}
.gairaiScheduleTable .scheduleTable td small{
font-size: 1.3rem;
display: block;
}
.gairaiScheduleTable .scheduleTable td:not(:last-child){
border-right: 5px solid #fbebed;
}
.gairaiScheduleTable .scheduleTable .week th{
width: 120px;
height: 35px;
border-bottom: 5px solid #fbebed;
}
.gairaiScheduleTable .scheduleTable .week .time{
width: 105px;
}
.gairaiScheduleTable .scheduleTable tr:not(.week) th{
background: #f398af;
}
.gairaiScheduleTable .scheduleTable .row th,.gairaiScheduleTable .scheduleTable .row td{
height: 85px;
border-bottom: 5px solid #fbebed;
}
.gairaiScheduleTable .scheduleTable2way .week th{
width: 120px;
}
.gairaiScheduleTable .scheduleTable2way .week .time{
width: 105px;
}
.gairaiScheduleTable .scheduleTable2way .row .noBorder{
border-bottom: none;
}
.gairaiScheduleTable .scheduleTable2way .rowWide th,.gairaiScheduleTable .scheduleTable2way .rowWide td{
border-top: 5px solid #fbebed;
} .staffPage .obi{
font-size: 2.7rem;
font-weight: 500;
display: flex;
height: 150px;
margin-bottom: 20px;
letter-spacing: .2em;
color: #fff;
background: #f8b1c3;
align-items: center;
justify-content: center;
}
.staffPage .pankuzu li:nth-child(2){
color: #333;
color: var(--color);
}
.staffPage .nameBox{
position: relative;
max-width: 600px;
margin: 0 auto;
}
.staffPage .nameBox .name{
position: absolute;
right: 0;
bottom: 41px;
display: flex;
min-width: 280px;
height: 120px;
background: rgba(255, 255, 255, .8);
align-items: center;
flex-flow: column;
justify-content: center;
}
.staffPage .nameBox .name h2,.staffPage .nameBox .name p{
font-weight: 600;
text-align: center;
color: #f3688c;
color: var(--siteColor);
}
.staffPage .nameBox .name h2{
font-size: 2.7rem;
line-height: 1;
}
.staffPage .nameBox .name .kana{
font-size: 1.8rem;
line-height: 2;
}
.staffPage .prof{
display: flex;
max-width: 600px;
margin: 20px auto 75px;
flex-flow: row wrap;
justify-content: space-between;
}
.staffPage .prof dt{
display: flex;
margin-bottom: 5px;
padding: 10px;
text-align: center;
color: #fff;
background: #f398af;
align-items: center;
flex: 0 1 120px;
justify-content: center;
}
.staffPage .prof dd{
line-height: 1.7;
margin-bottom: 5px;
padding: 10px 20px;
background: #fbe8eb;
flex: 0 1 475px;
}
.staffPage .interview{
padding: 95px 0 80px;
background: #fef3f5;
}
.staffPage .interview>h2{
font-size: 3.4rem;
line-height: 1;
margin-bottom: 50px;
text-align: center;
letter-spacing: .2em;
color: #f3688c;
color: var(--siteColor);
}
.staffPage .interviewBox{
display: -ms-grid;
display:     grid;
max-width: 1000px;
margin: 0 auto;
}
.staffPage .interviewBox h3{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
margin-bottom: 15px;
}
.staffPage .interviewBox .message{
line-height: 1.75;
align-self: start;
-ms-grid-row-align: start;
}
.staffPage .interviewBox+.interviewBox{
margin-top: 60px;
}
.staffPage .interviewBox:nth-child(odd){
-ms-grid-columns: 1fr 495px;
-ms-grid-rows: auto 1fr;
grid-template-columns: 1fr 495px;
grid-template-rows: auto 1fr;
}
.staffPage .interviewBox:nth-child(odd) h3{
margin-right: 40px;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.staffPage .interviewBox:nth-child(odd) .message{
margin-right: 40px;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.staffPage .interviewBox:nth-child(odd) .img{
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.staffPage .interviewBox:nth-child(even){
-ms-grid-columns: 495px 1fr;
-ms-grid-rows: auto 1fr;
grid-template-columns: 495px 1fr;
grid-template-rows: auto 1fr;
}
.staffPage .interviewBox:nth-child(even) h3{
margin-left: 40px;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.staffPage .interviewBox:nth-child(even) .message{
margin-left: 40px;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
}
.staffPage .interviewBox:nth-child(even) .img{
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.staff-template-default .footer,.doctor-template-default .footer{
margin-top: 0;
} .staffArchive{
padding: 50px 0 120px;
background: #fbe8eb;
}
.staffArchive .pankuzu{
margin-top: 0;
}
.staffArchive .staffList{
max-width: 1000px;
margin: 0 auto;
}
.staffArchive .staffList .subSecTitle{
margin-bottom: 50px;
color: #655d5b;
}
.staffArchive .staffList .topText{
margin-bottom: 40px;
}
.staffArchive .staffList+.staffList{
margin-top: 80px;
}
.post-type-archive-staff .footer{
margin-top: 0;
} .birthCenterPage .birthTopSlide{
height: 778px;
}
.birthCenterPage .birthTopSlide .swiper-slide{
display: flex;
background-color: #fff;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
align-items: center;
justify-content: center;
}
.birthCenterPage .birthTopSlide .swiper-slide img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.birthCenterPage .birthTopSlide .slide1{
padding-top: 65px;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_slide1.jpg);
flex-flow: column;
justify-content: flex-start;
}
.birthCenterPage .birthTopSlide .slide1 .mvText{
font-size: 3.6rem;
font-weight: 600;
line-height: 1.5;
text-align: center;
letter-spacing: .08em;
color: #fff;
}
.birthCenterPage .birthTopSlide .slide1 .mvText strong{
font-size: 6.0rem;
font-weight: 600;
vertical-align: sub;
color: #f3688c;
text-shadow: 0 0 7px #fff,0 0 7px #fff,0 0 7px #fff;
}
.birthCenterPage .birthTopSlide .slide1 .mvText span{
padding-left: 10px;
}
.birthCenterPage .birthTopSlide .slide2 img{
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.birthCenterPage .pankuzu{
margin-top: 25px;
margin-bottom: 80px;
}
.birthCenterPage .about{
max-width: 700px;
margin: 0 auto;
padding-bottom: 420px;
text-align: center;
color: #645c5b;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_about_bk.png) no-repeat center 155px;
}
.birthCenterPage .about h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 70px;
}
.birthCenterPage .about h2 span:first-child{
padding-right: 1em;
}
.birthCenterPage .about p{
font-size: 2.0rem;
line-height: 2.3;
}
.birthCenterPage .torikumi .torikumiTitle{
line-height: 1;
margin-bottom: 50px;
text-align: center;
}
.birthCenterPage .torikumi .nav{
display: flex;
max-width: 1242px;
margin: 0 auto 170px;
justify-content: space-between;
}
.birthCenterPage .torikumi .nav li{
flex: 0 1 575px;
}
.birthCenterPage .torikumi .nav a{
font-size: 4.0rem;
line-height: 1;
display: flex;
height: 302px;
padding-top: 110px;
letter-spacing: .1em;
color: #fff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
align-items: center;
flex-flow: column;
}
.birthCenterPage .torikumi .nav a::after{
width: 25px;
height: 76px;
margin: 40px 0 0 25px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_arrow.png) no-repeat center center;
background-size: contain;
}
.birthCenterPage .torikumi .nav .torikumi1{
position: relative;
}
.birthCenterPage .torikumi .nav .torikumi1::after{
position: absolute;
top: 124px;
right: -74px;
width: 55px;
height: 55px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_batu.png) no-repeat center center;
background-size: contain;
}
.birthCenterPage .torikumi .nav .torikumi1 a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_img1.jpg);
}
.birthCenterPage .torikumi .nav .torikumi2 a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_img2.jpg);
}
.birthCenterPage .torikumiSec{
display: -ms-grid;
display:     grid;
padding: 75px 0 70px;
background: #fef3f5;
-ms-grid-columns: 1fr 1280px 1fr;
-ms-grid-rows: auto 1fr;
grid-template-columns: 1fr 1280px 1fr;
grid-template-rows: auto 1fr;
}
.birthCenterPage .torikumiSec::before{
content: '';
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.birthCenterPage .torikumiSec::after{
content: '';
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.birthCenterPage .torikumiSec .title{
font-size: 3.4rem;
font-weight: 600;
line-height: 1.58;
position: relative;
margin-bottom: 110px;
text-align: center;
letter-spacing: .2em;
color: #645c5b;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.birthCenterPage .torikumiSec .title::before{
position: absolute;
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.birthCenterPage .torikumiSec .torikumiWall{
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-column-align: end;
-ms-grid-row: 2;
grid-row: 2;
justify-self: end;
}
.birthCenterPage .torikumiWall{
position: relative;
width: 100%;
}
.birthCenterPage .torikumiWall::before{
position: absolute;
z-index: 1;
top: -80px;
left: 0;
width: 810px;
height: 523px;
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.birthCenterPage .torikumiInner{
position: relative;
z-index: 2;
max-width: 730px;
margin: 0 0 0 auto;
padding: 50px 58px;
background: rgba(255, 255, 255, .8);
}
.birthCenterPage .torikumiInner h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1.29;
margin-bottom: 35px;
text-align: center;
letter-spacing: .2em;
color: #f3688c;
}
.birthCenterPage .torikumiInner li{
font-size: 2.2rem;
font-weight: 600;
line-height: 1.36;
display: flex;
}
.birthCenterPage .torikumiInner li .row{
display: flex;
}
.birthCenterPage .torikumiInner li .num{
display: flex;
height: 43px;
margin-right: 20px;
padding-bottom: .1em;
color: #f3688c;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_num.svg) no-repeat center center;
background-size: contain;
align-items: center;
flex: 0 0 37px;
justify-content: center;
}
.birthCenterPage .torikumiInner li .text{
padding-top: 5px;
letter-spacing: .12em;
color: #645c5b;
flex: 1 0 100%;
}
.birthCenterPage .torikumiInner li strong{
font-weight: 600;
color: #f3688c;
}
.birthCenterPage .torikumiInner li+li{
margin-top: 17px;
}
.birthCenterPage .torikumiInner .moreBtn{
font-weight: bold;
display: flex;
max-width: 310px;
height: 55px;
margin: 25px auto 0;
letter-spacing: .05em;
color: #fff;
border-radius: 5px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 283px center;
background-color: #f398af;
background-size: 6px auto;
align-items: center;
justify-content: center;
}
.birthCenterPage .torikumiSec1 .title::before{
top: -138px;
left: -100px;
width: 156px;
height: 221px;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_num1.png);
}
.birthCenterPage .torikumiSec1 .torikumiWall::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_img3.png);
}
.birthCenterPage .torikumiSec2{
margin-top: 175px;
}
.birthCenterPage .torikumiSec2 .title::before{
top: -138px;
left: -127px;
width: 212px;
height: 231px;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_num2.png);
}
.birthCenterPage .torikumiSec2 .torikumiWall::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_torikumi_img4.png);
}
.birthCenterPage .torikumiSec2 .torikumiInner{
padding-right: 30px;
padding-left: 30px;
}
.birthCenterPage .gallery{
padding: 95px 0 70px;
background: #fef3f5;
}
.birthCenterPage .gallery h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 50px;
text-align: center;
letter-spacing: .2em;
color: #645c5b;
}
.birthCenterPage .gallery .swiper-container-free-mode>.swiper-wrapper{
transition-timing-function: linear;
}
.birthCenterPage .gallery .moreBtn{
font-weight: bold;
display: flex;
max-width: 310px;
height: 55px;
margin: 60px auto 0;
letter-spacing: .05em;
color: #fff;
border-radius: 5px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 283px center;
background-color: #f398af;
background-size: 6px auto;
align-items: center;
justify-content: center;
}
.birthCenterPage .news{
display: flex;
max-width: 1280px;
margin: 120px auto 0;
flex-flow: row wrap;
}
.birthCenterPage .news .newsTitle{
font-size: 3.2rem;
line-height: 1;
color: #655d5b;
flex: 0 0 250px;
}
.birthCenterPage .news .newsTitle::after{
display: block;
width: 110px;
height: 35px;
margin-top: 12px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_news_title.png) no-repeat center center;
}
.birthCenterPage .news .newsRow{
overflow-y: auto;
min-height: 200px;
max-height: 385px;
flex: 0 1 890px;
}
.birthCenterPage .news .newsTopBox{
width: 870px;
}
.birthCenterPage .news .newsTopBox a{
display: -ms-grid;
display:     grid;
padding-right: 80px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 832px center;
background-size: 9px auto;
-ms-grid-columns: 160px 1fr;
-ms-grid-rows: auto;
grid-template-columns: 160px 1fr;
grid-template-rows: auto;
}
.birthCenterPage .news .newsTopBox .tmBox{
margin-right: 45px;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.birthCenterPage .news .newsTopBox .listHeader{
display: flex;
padding-top: 15px;
align-self: start;
flex-flow: column;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
-ms-grid-row-align: start;
}
.birthCenterPage .news .newsTopBox .listHeader h2{
font-size: 1.8rem;
margin-top: 10px;
flex: 0 0 100%;
order: 2;
}
.birthCenterPage .news .newsTopBox .listHeader .update{
font-size: 1.3rem;
line-height: 1;
order: 1;
}
.birthCenterPage .news .newsTopBox:first-child{
padding-top: 18px;
border-top: 1px solid #dcdcdc;
}
.birthCenterPage .news .newsTopBox:last-child{
padding-bottom: 18px;
border-bottom: 1px solid #dcdcdc;
}
.birthCenterPage .news .newsTopBox+.newsTopBox{
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid #dcdcdc;
}
.birthCenterPage .news .goList{
line-height: 1;
margin-top: 25px;
text-align: right;
flex: 0 0 1140px;
}
.birthCenterPage .news .goList a::after{
display: inline-block;
width: 9px;
height: 11px;
margin-left: 15px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat center center;
background-size: contain;
}
.birthCenterPage .freeSec{
max-width: 800px;
margin: 140px auto 0;
}
.birthCenterPage .freeSec h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1.58;
margin-bottom: 50px;
text-align: center;
color: #645c5b;
}
.birthCenterPage .freeSec .movie{
position: relative;
margin-bottom: 60px;
padding-bottom: 56.25%;
}
.birthCenterPage .freeSec .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.birthCenterPage .freeSec p{
font-size: 2.0rem;
line-height: 1.6;
color: #666;
}
.birthCenterPage .yoyaku{
max-width: 1006px;
margin: 140px auto 0;
}
.birthCenterPage .yoyaku h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 60px;
text-align: center;
letter-spacing: .2em;
color: #645c5b;
}
.birthCenterPage .yoyaku .yoyakuTable{
font-size: 2.6rem;
width: 100%;
table-layout: fixed;
text-align: center;
color: #666;
border-top: 1px solid #ccc;
}
.birthCenterPage .yoyaku .yoyakuTable th,.birthCenterPage .yoyaku .yoyakuTable td{
font-weight: 500;
border-bottom: 1px solid #ccc;
}
.birthCenterPage .yoyaku .yoyakuTable .pink{
width: 187px;
padding: 3px 0;
color: #333;
}
.birthCenterPage .yoyaku .yoyakuTable .pink span{
display: flex;
height: 67px;
background: #fdecee;
align-items: center;
justify-content: center;
}
.birthCenterPage .yoyaku .mark{
display: flex;
margin-top: 38px;
justify-content: center;
}
.birthCenterPage .yoyaku .mark li{
font-size: 2.6rem;
line-height: 1;
padding: 0 .5em;
color: #666;
}
.birthCenterPage .yoyaku .kome{
font-size: 1.8rem;
line-height: 1;
margin-top: 40px;
text-align: center;
color: #666;
}
.birthCenterPage .yoyaku .update{
font-size: 1.8rem;
line-height: 1;
margin-top: 40px;
text-align: right;
color: #666;
} .ninshinSangoPage .flow{
max-width: 1280px;
margin: 130px auto 0;
}
.ninshinSangoPage .flow>li+li{
margin-top: 100px;
}
.ninshinSangoPage .flow .goPage{
font-weight: bold;
display: flex;
max-width: 270px;
height: 55px;
margin: 0 auto;
letter-spacing: .05em;
color: #fff;
border-radius: 5px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 243px center;
background-color: #f398af;
background-size: 6px auto;
align-items: center;
justify-content: center;
}
.ninshinSangoPage .flowBox{
position: relative;
display: -ms-grid;
display:     grid;
padding-bottom: 40px;
}
.ninshinSangoPage .flowBox::before{
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 120px);
content: '';
background: #fef3f5;
}
.ninshinSangoPage .flowBox header{
display: flex;
height: 120px;
align-items: center;
}
.ninshinSangoPage .flowBox header::before{
height: 100%;
content: '';
background-repeat: no-repeat;
background-position: center center;
flex: 0 0 105px;
}
.ninshinSangoPage .flowBox header h2{
font-size: 2.2rem;
font-weight: 600;
color: #645c5b;
}
.ninshinSangoPage .flowBox .text{
line-height: 1.75;
padding: 50px 0 0 50px;
letter-spacing: .05em;
}
.ninshinSangoPage .flowBox .linkBox p{
font-weight: bold;
line-height: 1.4;
margin-bottom: 25px;
text-align: center;
}
.ninshinSangoPage .flowBox1 header{
padding-bottom: 43px;
}
.ninshinSangoPage .flowBox1 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num1.png);
}
.ninshinSangoPage .flowBox2 header{
padding-bottom: 40px;
}
.ninshinSangoPage .flowBox2 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num2.png);
}
.ninshinSangoPage .flowBox3 header{
padding-bottom: 31px;
}
.ninshinSangoPage .flowBox3 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num3.png);
}
.ninshinSangoPage .flowBox4 header{
padding-bottom: 36px;
}
.ninshinSangoPage .flowBox4 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num4.png);
}
.ninshinSangoPage .flowBox5 header{
padding-bottom: 28px;
}
.ninshinSangoPage .flowBox5 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num5.png);
}
.ninshinSangoPage .flowBox6 header{
padding-bottom: 42px;
}
.ninshinSangoPage .flowBox6 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num6.png);
}
.ninshinSangoPage .flowBox7 header{
padding-bottom: 17px;
}
.ninshinSangoPage .flowBox7 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num7.png);
}
.ninshinSangoPage .flowBox8 header{
padding-bottom: 43px;
}
.ninshinSangoPage .flowBox8 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num8.png);
}
.ninshinSangoPage .flowBox9 header{
padding-bottom: 42px;
}
.ninshinSangoPage .flowBox9 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num9.png);
}
.ninshinSangoPage .flowBox10 header{
padding-bottom: 42px;
}
.ninshinSangoPage .flowBox10 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num10.png);
}
.ninshinSangoPage .flowBox11 header{
padding-bottom: 43px;
}
.ninshinSangoPage .flowBox11 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num11.png);
}
.ninshinSangoPage .flowBox12 header{
padding-bottom: 40px;
}
.ninshinSangoPage .flowBox12 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/ninshin_flow_num12.png);
background-position: left center;
}
.ninshinSangoPage .flowBoxNormal{
-ms-grid-columns: 1fr 50px 601px;
grid-gap: 0 50px;
-ms-grid-rows: auto 0 auto 0 1fr;
grid-template: 'header img' auto
'text img' auto
'linkBox img' 1fr / 1fr 601px;
}
.ninshinSangoPage .flowBoxNormal header{
grid-area: header;
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal .text{
align-self: start;
grid-area: text;
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-align: start;
}
.ninshinSangoPage .flowBoxNormal .linkBox{
margin: 30px 0 0 50px;
grid-area: linkBox;
-ms-grid-column: 1;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxNormal .img{
grid-area: img;
-ms-grid-column: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 5;
}
.ninshinSangoPage .flowBoxLink{
-ms-grid-columns: 1fr 50px 601px;
grid-gap: 0 50px;
-ms-grid-rows: auto 0 1fr 0 auto;
grid-template: 'header img' auto
'text img' 1fr
'linkBox linkBox' auto / 1fr 601px;
}
.ninshinSangoPage .flowBoxLink header{
grid-area: header;
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink .text{
align-self: start;
grid-area: text;
-ms-grid-column: 1;
-ms-grid-row: 3;
}
.ninshinSangoPage .flowBoxLink .linkBox{
margin: 35px 0 0 0;
grid-area: linkBox;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth ul{
display: flex;
max-width: 910px;
margin: 0 auto;
justify-content: space-between;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth li{
flex: 0 0 270px;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2{
display: flex;
padding-left: 50px;
justify-content: space-between;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .linkInner1{
flex: 0 1 579px;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .linkInner2{
margin-right: 25px;
flex: 0 1 550px;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 figcaption{
font-weight: bold;
line-height: 1.4;
margin-bottom: 25px;
text-align: center;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList{
display: flex;
max-width: 550px;
margin: 0 auto;
flex-flow: row wrap;
justify-content: space-between;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li{
flex: 0 1 270px;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li:nth-child(3),.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li:nth-child(4){
margin-top: 10px;
}
.ninshinSangoPage .flowBoxLink .img{
grid-area: img;
-ms-grid-column: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
}
.ninshinSangoPage .seminar{
max-width: 650px;
margin: 120px auto 0;
}
.ninshinSangoPage .seminar h2{
font-size: 2.2rem;
line-height: 1;
margin-bottom: 60px;
text-align: center;
color: #645c5b;
}
.ninshinSangoPage .seminar ul{
display: flex;
justify-content: space-between;
}
.ninshinSangoPage .seminar li{
flex: 0 1 300px;
}
.ninshinSangoPage .ow-block-part17{
max-width: 1000px;
margin: 120px auto 0;
} .homePage .homeSlide{
height: 758px;
}
.homePage .homeSlide .swiper-slide{
display: flex;
background-color: #fff;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
align-items: center;
flex-flow: column;
justify-content: center;
}
.homePage .homeSlide .swiper-slide .mvText{
font-size: 2.8rem;
font-weight: 500;
line-height: 1;
display: flex;
width: 545px;
height: 545px;
text-align: center;
letter-spacing: .05em;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_slide_text_bk.png) no-repeat center center;
align-items: center;
flex-flow: column;
justify-content: center;
}
.homePage .homeSlide .swiper-slide .mvText strong{
font-size: 5.0rem;
font-weight: 500;
padding-right: .13em;
color: #f3688c;
text-shadow: 0 0 7px #fff,0 0 7px #fff,0 0 7px #fff;
}
.homePage .homeSlide .swiper-slide .mvText span:nth-child(2){
margin: 20px 0 40px;
}
.homePage .homeSlide .slide1{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_slide1.jpg);
}
.homePage .homeSlide .slide1 .mvText strong{
vertical-align: sub;
}
.homePage .homeSlide .slide2{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_slide2.jpg);
}
.homePage .homeSlide .slide2 .mvText strong{
vertical-align: inherit;
}
.homePage .newsWall{
margin-top: 20px;
padding: 80px 0 100px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_news_bk.jpg) repeat-y top;
}
.homePage .homeSec{
max-width: 880px;
margin: 0 auto 80px;
}
.homePage .homeSec h2{
font-size: 2.8rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 70px;
text-align: center;
color: #f3688c;
}
.homePage .homeSec p{
line-height: 1.75;
}
.homePage .homeSec .movie{
position: relative;
margin-top: 50px;
padding-bottom: 56.25%;
}
.homePage .homeSec .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.homePage .newsHome{
max-width: 960px;
margin: 0 auto;
}
.homePage .newsHome .titleHeader{
margin-bottom: 35px;
text-align: right;
}
.homePage .newsHome .titleHeader h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 8px;
text-align: center;
color: #f3688c;
}
.homePage .newsHome .titleHeader .more{
line-height: 1;
}
.homePage .newsHome .titleHeader .more::after{
display: inline-block;
width: 9px;
height: 11px;
margin-left: 15px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat center center;
background-size: contain;
}
.homePage .newsHome .newsRow{
overflow-y: auto;
min-height: 200px;
max-height: 335px;
}
.homePage .newsHome .newsRow::-webkit-scrollbar{
width: 17px;
} .homePage .newsHome .newsRow::-webkit-scrollbar-track{
background: #eae9e2;
} .homePage .newsHome .newsRow::-webkit-scrollbar-thumb{
border: 2px solid #eae9e2;
border-radius: 8px;
background: #f789c4;
}
.homePage .newsHome .newsRow .endText{
margin-top: 2em;
text-align: center;
}
.homePage .newsHome .newsTopBox{
width: 930px;
}
.homePage .newsHome .newsTopBox a{
display: -ms-grid;
display:     grid;
padding-right: 80px;
padding-left: 15px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 917px center;
background-size: 9px auto;
-ms-grid-columns: 100px 1fr;
-ms-grid-rows: auto;
grid-template-columns: 100px 1fr;
grid-template-rows: auto;
}
.homePage .newsHome .newsTopBox .tmBox{
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.homePage .newsHome .newsTopBox .listHeader{
display: flex;
margin-left: 30px;
align-items: center;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.homePage .newsHome .newsTopBox .listHeader h2{
order: 2;
}
.homePage .newsHome .newsTopBox .listHeader .update{
font-size: 1.3rem;
flex: 0 0 93px;
order: 1;
}
.homePage .newsHome .newsTopBox:first-child{
padding-top: 15px;
border-top: 1px solid #dcdcdc;
}
.homePage .newsHome .newsTopBox:last-child{
padding-bottom: 15px;
border-bottom: 1px solid #dcdcdc;
}
.homePage .newsHome .newsTopBox+.newsTopBox{
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dcdcdc;
}
.homePage .about{
padding: 80px 0;
background: #fef3f5;
}
.homePage .about h2{
font-size: 3.4rem;
font-weight: 600;
line-height: 1;
margin-bottom: 50px;
text-align: center;
color: #f3688c;
}
.homePage .about p{
line-height: 1.75;
max-width: 880px;
margin: 0 auto 20px;
}
.homePage .about .zu{
position: relative;
width: 907px;
height: 492px;
margin: 0 auto;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_about.png) no-repeat center center;
}
.homePage .about li{
position: absolute;
}
.homePage .about li img{
width: 100%;
}
.homePage .about .fujin{
top: 154px;
left: 118px;
width: 208px;
}
.homePage .about .nyuusen{
top: 214px;
left: 118px;
width: 208px;
}
.homePage .about .byoutou{
top: 132px;
left: 420px;
width: 120px;
}
.homePage .about .hinyouki{ top: 300px; left: 160px;
width: 248px;
}
.homePage .about .syoukai{
top: 275px;
left: 420px;
width: 248px;
}
.homePage .about .birth{
top: 221px;
left: 658px;
width: 209px;
}
.homePage .hashira{
display: -ms-grid;
display:     grid;
padding: 36px 0 73px;
background: #fbe8eb;
-ms-grid-columns: 1fr 440px 840px 1fr;
-ms-grid-rows: 478px 1fr;
grid-template-columns: 1fr 440px 840px 1fr;
grid-template-rows: 478px 1fr;
}
.homePage .hashira::before{
content: '';
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.homePage .hashira::after{
content: '';
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 1;
grid-row: 1 / 3;
-ms-grid-row-span: 2;
}
.homePage .hashira h2{
padding: 99px 0 0 44px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_hashira_title_bk.png) no-repeat 34px 29px;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.homePage .hashira .birth{
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img1.png) no-repeat center center;
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 1;
grid-row: 1;
}
.homePage .hashira .birth a{
font-size: 2.8rem;
line-height: 1.42;
display: flex;
width: 266px;
height: 322px;
margin: 87px 0 0 106px;
padding-top: 100px;
text-align: center;
color: #f3688c;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img1_2.png) no-repeat center center;
justify-content: center;
}
.homePage .hashira .other{
display: flex;
margin-top: 20px;
-ms-grid-column: 2;
grid-column: 2 / 4;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
grid-row: 2;
justify-content: space-between;
}
.homePage .hashira .other li{
flex: 0 1 400px;
}
.homePage .hashira .other a{
font-size: 2.8rem;
line-height: 1;
display: flex;
height: 300px;
padding-top: 45px;
color: #f3688c;
border-radius: 6px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
align-items: center;
flex-flow: column;
}
.homePage .hashira .other li:nth-child(1) a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img2.png);
}
.homePage .hashira .other li:nth-child(1) small{
font-size: 2.0rem;
margin-top: 170px;
}
.homePage .hashira .other li:nth-child(2) a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img3.png);
}
.homePage .hashira .other li:nth-child(3) a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img4.png);
}
.homePage .greeting{
padding-bottom: 60px;
background: #fef3f5;
}
.homePage .greeting header{
display: -ms-grid;
display:     grid;
background: #fff;
-ms-grid-columns: 1fr 1280px 1fr;
-ms-grid-rows: 275px;
grid-template-columns: 1fr 1280px 1fr;
grid-template-rows: 275px;
}
.homePage .greeting header::before{
content: '';
-ms-grid-column: 1;
grid-column: 1;
}
.homePage .greeting header::after{
content: '';
-ms-grid-column: 3;
grid-column: 3;
}
.homePage .greeting header h2{
font-size: 3.4rem;
line-height: 1;
padding-top: 120px;
color: #655d5b;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_greeting.png) no-repeat left 43px;
-ms-grid-column: 2;
grid-column: 2;
}
.homePage .greeting .message{
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 55px 450px 0 45px;
}
.homePage .greeting .message h2{
font-weight: bold;
line-height: 1.75;
}
.homePage .greeting .message p{
line-height: 1.75;
}
.homePage .greeting .message figure{
position: absolute;
top: -152px;
right: 28px;
width: 327px;
}
.homePage .greeting .message figure img{
position: relative;
z-index: 2;
}
.homePage .greeting .message figure::before{
position: absolute;
z-index: 1;
top: 11px;
left: 11px;
width: 100%;
height: 327px;
content: '';
border-radius: 50%;
background: #fff;
}
.homePage .greeting .message figure figcaption{
font-size: 1.6rem;
line-height: 1.87;
margin-top: 40px;
text-align: center;
}
.homePage .greeting .message figure figcaption span{
font-size: 2.0rem;
display: block;
}
.homePage .maruTitle{
font-size: 3.4rem;
line-height: 1;
max-width: 597px;
height: 84px;
margin: 0 auto 30px;
padding-top: 35px;
text-align: center;
letter-spacing: .2em;
color: #655d5b;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_maru_title.png) no-repeat center center;
}
.homePage .schedule{
display: flex;
max-width: 1280px;
margin: 46px auto 0;
flex-flow: row wrap;
justify-content: space-between;
}
.homePage .schedule>header{
flex: 0 0 100%;
}
.homePage .scheduleBox{
position: relative;
min-height: 382px;
padding: 50px 0;
border: 2px solid #f3688c;
border-radius: 10px;
flex: 0 1 620px;
}
.homePage .scheduleBox::before{
position: absolute;
z-index: -1;
top: 10px;
left: 10px;
width: 100%;
height: 100%;
content: '';
border-radius: 10px;
background: #fdecee;
}
.homePage .scheduleBox h2{
font-size: 2.8rem;
line-height: 1;
margin-bottom: 35px;
text-align: center;
text-align: center;
letter-spacing: .2em;
color: #655d5b;
}
.homePage .scheduleBox h2 span{
font-size: 2.2rem;
line-height: 2;
}
.homePage .scheduleBox table{
line-height: 1;
width: 100%;
max-width: 457px;
margin: 0 auto;
table-layout: fixed;
text-align: center;
}
.homePage .scheduleBox table th{
font-weight: 500;
}
.homePage .scheduleBox table td:not(.border){
font-family: 'Noto Serif','Noto Serif CJK JP','Noto Serif JP','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;
color: #f398af;
}
.homePage .scheduleBox table .week th{
font-size: 1.8rem;
height: 36px;
color: #fff;
background: #f398af;
}
.homePage .scheduleBox table .week th:first-child{
width: 130px;
}
.homePage .scheduleBox table .time th:first-child{
font-size: 1.6rem;
padding-left: .5em;
text-align: left;
}
.homePage .scheduleBox table .time th,.homePage .scheduleBox table .time td{
height: 48px;
border-bottom: 1px solid #ccc;
}
.homePage .scheduleBox p{
line-height: 1.5;
max-width: 457px;
margin: 0 auto;
}
.homePage .scheduleBox .kyushin{
margin-top: 15px;
text-align: right;
letter-spacing: .2em;
}
.homePage .scheduleBox .kome{
margin-top: 35px;
}
.homePage .scheduleBoxB{
margin-top: 40px;
}
.homePage .access{
margin-top: 60px;
}
.homePage .access iframe{
width: 100%;
height: 440px;
}
.homePage .access .textBox{
display: flex;
max-width: 1280px;
margin: 30px auto 0;
align-items: center;
justify-content: space-between;
}
.homePage .access .textBox .mapLink{
display: flex;
flex: 0 1 612px;
justify-content: space-between;
}
.homePage .access .textBox li{
flex: 0 1 300px;
}
.homePage .access .textBox a{
display: flex;
height: 55px;
letter-spacing: .05em;
color: #fff;
border-radius: 5px;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 273px center;
background-color: #f398af;
background-size: 6px auto;
align-items: center;
justify-content: center;
} .blogPage .blogMain{
display: flex;
max-width: 1000px;
margin: 0 auto 0;
flex-flow: row wrap;
justify-content: space-between;
}
.blogPage .main{
flex: 0 1 720px;
}
.blogPage .sidebar{
flex: 0 1 220px;
}
.blogPage .sidebar .sideSec>h2{
font-size: 1.6rem;
font-weight: bold;
display: flex;
height: 30px;
margin-bottom: 5px;
color: #fff;
background: #f8b1c3;
align-items: center;
justify-content: center;
}
.blogPage .sidebar .sideSec+.sideSec{
margin-top: 40px;
}
.blogPage .sidebar .sideLi a{
font-size: 1.4rem;
line-height: 1.4;
display: flex;
padding: 6px 20px;
background: #fef3f5;
align-items: center;
justify-content: space-between;
}
.blogPage .sidebar .sideLi a::after{
height: 9px;
margin-left: 2em;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow2_b.svg) no-repeat center center;
background-size: contain;
flex: 0 0 8px;
}
.blogPage .sidebar .sideLi+.sideLi{
margin-top: 5px;
}
.blogPage .sidebar .archiveList .year+.year{
margin-top: 5px;
}
.blogPage .sidebar .archiveList .yearClick{
font-size: 1.4rem;
line-height: 1.4;
display: flex;
padding: 6px 20px;
cursor: pointer;
background: #fef3f5;
align-items: center;
justify-content: space-between;
}
.blogPage .sidebar .archiveList .yearClick::after{
height: 9px;
margin-left: 2em;
content: '';
transition: transform .2s;
transform: rotate(90deg);
transform-origin: center center;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow2_b.svg) no-repeat center center;
background-size: contain;
flex: 0 0 8px;
}
.blogPage .sidebar .archiveList .open::after{
transform: rotate(-90deg);
}
.blogPage .sidebar .archiveList .monthList{
display: none;
}
.blogPage .sidebar .archiveList .monthList li+li{
border-top: 1px solid #ededed;
}
.blogPage .sidebar .archiveList .monthList a{
font-size: 1.4rem;
display: flex;
height: 35px;
padding: 0 20px;
align-items: center;
justify-content: space-between;
}
.blogPage .sidebar .archiveList .monthList a::after{
height: 9px;
margin-left: 2em;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow2_b.svg) no-repeat center center;
background-size: contain;
flex: 0 0 8px;
}
.blogPage .sidebar .archiveList .current{
display: block;
} .blogSingle .blogHeader{
display: flex;
margin-bottom: 35px;
flex-flow: row wrap;
}
.blogSingle .blogHeader h2{
font-size: 2.2rem;
font-weight: bold;
margin-top: 15px;
color: #f3688c;
flex: 0 0 100%;
order: 3;
}
.blogSingle .blogHeader .update{
font-size: 1.3rem;
line-height: 1;
order: 1;
}
.blogSingle .blogHeader .update::after{
margin: 0 .5em;
content: '｜';
}
.blogSingle .blogHeader .cat{
font-size: 1.3rem;
line-height: 1;
order: 2;
}
.blogSingle .blogFooter{
display: flex;
margin-top: 80px;
flex-flow: row wrap;
justify-content: space-between;
}
.blogSingle .blogFooter .footrNav{
flex: 0 1 358px;
}
.blogSingle .blogFooter .footrNav a{
display: block;
}
.blogSingle .blogFooter .footrNav .obi{
display: flex;
height: 50px;
background: #fef3f5;
align-items: center;
}
.blogSingle .blogFooter .footrNav .title{
font-size: 1.4rem;
line-height: 1.28;
padding: 10px 20px 0;
}
.blogSingle .blogFooter .prev .obi{
padding-left: 20px;
}
.blogSingle .blogFooter .prev .obi::before{
width: 8px;
height: 10px;
margin-right: 10px;
content: '';
transform: rotate(180deg);
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat center center;
background-size: contain;
}
.blogSingle .blogFooter .next .obi{
padding-right: 20px;
text-align: right;
justify-content: flex-end;
}
.blogSingle .blogFooter .next .obi::after{
width: 8px;
height: 10px;
margin-left: 10px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat center center;
background-size: contain;
}
.blogSingle .blogFooter .next .title{
text-align: right;
}
.blogSingle .blogFooter .backLink{
font-weight: bold;
display: flex;
height: 60px;
margin: 40px auto 0;
padding: 0 10px;
text-align: center;
border-radius: 5px;
background: #cdcdcd;
align-items: center;
flex: 0 1 380px;
justify-content: center;
} .blogArchive .archiveTitle{
font-size: 2.7rem;
font-weight: bold;
line-height: 1;
margin-bottom: 78px;
text-align: center;
letter-spacing: .05em;
color: #655d5b;
}
.blogArchive .pagenation{
margin-top: 80px;
flex: 0 0 100%;
}
.blogArchive .page-numbers{
display: flex;
justify-content: center;
}
.blogArchive .page-numbers li{
margin: 0 2.5px;
}
.blogArchive .page-numbers li:first-child{
margin-left: 0;
}
.blogArchive .page-numbers li:last-child{
margin-right: 0;
}
.blogArchive .page-numbers .page-numbers{
font-size: 1.6rem;
line-height: 1;
display: flex;
width: 50px;
height: 50px;
border: 1px solid #f398af;
align-items: center;
justify-content: center;
}
.blogArchive .page-numbers .current{
color: #fff;
background: #f398af;
}
.blogArchive .page-numbers .dots{
width: auto;
border: none;
background: none;
}
.blogArchive .page-numbers .prev{
justify-content: center;
}
.blogArchive .page-numbers .next{
justify-content: center;
}
.blogArchive .page-numbers span.prev{
border: none;
background: none;
}
.blogArchive .page-numbers span.next{
border: none;
background: none;
}
.blogArchive .pageNum{
font-size: 1.2rem;
line-height: 1;
margin-top: 10px;
text-align: center;
}
.newsArchiveBox a{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.newsArchiveBox .tmBox{
margin-right: 20px;
flex: 0 1 140px;
order: 1;
}
.newsArchiveBox .listHeader{
display: flex;
padding-top: 10px;
flex: 1 1 560px;
flex-flow: row wrap;
order: 2;
}
.newsArchiveBox .listHeader h2{
font-size: 1.8rem;
font-weight: 500;
margin-top: 15px;
flex: 0 0 100%;
order: 3;
}
.newsArchiveBox .listHeader .update{
font-size: 1.3rem;
line-height: 1;
order: 1;
}
.newsArchiveBox .listHeader .update::after{
margin: 0 .5em;
content: '｜';
}
.newsArchiveBox .listHeader .cat{
font-size: 1.3rem;
line-height: 1;
order: 2;
}
.newsArchiveBox .listHeader .more{
display: flex;
height: 35px;
margin: 30px 0 0 auto;
color: #fff;
border-radius: 5px;
background: #f398af;
align-items: center;
flex: 0 0 140px;
justify-content: center;
order: 4;
}
.newsArchiveBox .listHeader .more::after{
width: 7px;
height: 11px;
margin-left: 17px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat center center;
background-size: contain;
}
.newsArchiveBox+.newsArchiveBox{
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #dcdcdc;
}
.newsArchiveBox:last-child{
padding-bottom: 40px;
border-bottom: 1px solid #dcdcdc;
} .contactPage .obi{
font-size: 2.7rem;
font-weight: 500;
display: flex;
height: 150px;
margin-bottom: 20px;
letter-spacing: .2em;
color: #fff;
background: #f8b1c3;
align-items: center;
justify-content: center;
}
.contactPage .formMain{
max-width: 1000px;
margin: 0 auto;
padding: 60px;
background: #fef3f5;
}
.formViewBox .topText{
line-height: 1.5;
max-width: 810px;
margin: 0 auto 40px;
}
.formViewBox .topText p:last-child{
margin-top: 1em;
}
.formViewBox .topText .formRequire{
margin-left: 0;
}
.formViewBox .formRequire{
font-size: 1.3rem;
display: inline-flex;
width: 55px;
height: 20px;
margin-left: 5px;
color: #fff;
background: #f3688c;
align-items: center;
justify-content: center;
}
.formViewBox select,.formViewBox input[type='text'],.formViewBox input[type='tel'],.formViewBox input[type='number'],.formViewBox input[type='email']{
font-size: 16px;
line-height: 50px;
width: 100%;
height: 50px;
margin: 0;
padding: 0 10px;
border: 1px solid  #ccc;
border-radius: 0;
background: #fff;
}
.formViewBox input[type='text'].inputShort,.formViewBox input[type='email'].inputShort,.formViewBox input[type='tel'].inputShort{
width: 300px;
}
.formViewBox textarea{
font-size: 16px;
width: 100%;
height: 200px;
padding: 10px;
border: 1px solid  #ccc;
border: none;
border-radius: 0;
}
.formViewBox .formRow{
margin-bottom: 40px;
}
.formViewBox .formBox{
display: flex;
align-items: center;
}
.formViewBox .formBox .inputError{
background: #f7a0b6;
}
.formViewBox .formBox .title{
line-height: 1;
display: block;
flex: 0 1 267px;
}
.formViewBox .formBox .input{
flex: 0 1 613px;
}
.formViewBox .formBox .errorText{
flex: 0 0 100%;
}
.formViewBox .address{
display: flex;
flex-flow: row wrap;
}
.formViewBox .address .title{
flex: 0 1 267px;
}
.formViewBox .address .formBox{
margin: 0 0 0 auto;
flex: 0 1 613px;
}
.formViewBox .address .formBox+.formBox{
margin-top: 15px;
}
.formViewBox .address .addrTitle{
flex: 0 1 100px;
}
.formViewBox .address .zipTitle{
flex: 0 1 40px;
}
.formViewBox .address .addrInput{
flex: 1 1 510px;
}
.formViewBox .address .addrRow{
display: flex;
align-items: center;
}
.formViewBox .address .addrRow .inputZip{
width: 200px;
}
.formViewBox .address .addrRow .selectPref{
width: 200px;
}
.formViewBox .address .addrRow .kome{
margin-left: 1em;
}
.formViewBox .address .autoZipBtn{
font-size: 1.4rem;
position: relative;
display: flex;
width: 250px;
height: 40px;
margin-left: 40px;
border: 3px solid #ccc;
border-radius: 4px;
background: #fff;
align-items: center;
justify-content: center;
}
.formViewBox .address .autoZipBtn:hover{
opacity: .8;
}
.formViewBox .telRow{
align-items: flex-start;
}
.formViewBox .telRow .title{
margin-top: 15px;
}
.formViewBox .telRow .telKome{
margin-top: 10px;
}
.formViewBox .messageRow{
align-items: flex-start;
}
.formViewBox .messageRow .title{
margin-top: 22px;
}
.formViewBox .accept{
margin: 40px 0 30px;
padding-top: 50px;
text-align: center;
border-top: 1px solid #aaa;
}
.formViewBox .accept label{
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.formViewBox .accept input{
margin-right: 10px;
}
.formViewBox .accept a{
text-decoration: underline;
color: #45809e;
}
.formViewBox .errorShow{
line-height: 1;
display: block;
margin-top: 10px;
color: #f3688c;
}
.formViewBox .btnBox{
display: flex;
justify-content: center;
}
.formViewBox .btnBox .backLink{
font-size: 1.6rem;
font-weight: bold;
display: flex;
height: 55px;
color: #fff;
color: #fff;
border-radius: 5px;
background: #f398af;
align-items: center;
justify-content: center;
}
.formViewBox .btnBox .backLink:disabled{
opacity: .5;
}
.formViewBox .btnBox .backLink:disabled:hover{
opacity: .5;
}
.formViewBox .btnBox .backLink:hover{
opacity: .8;
}
.formViewBox .btnBox .backLinkLong{
width: 240px;
} .formViewBox .formWallConf .topText{
margin-bottom: 50px;
text-align: center;
}
.formViewBox .formWallConf .confRow{
display: flex;
align-items: center;
}
.formViewBox .formWallConf .confRow dt{
line-height: 1;
flex: 0 1 230px;
}
.formViewBox .formWallConf .confRow dd{
flex: 0 1 650px;
}
.formViewBox .formWallConf .confRow dd li{
line-height: 1.6;
}
.formViewBox .formWallConf .confRow .message{
line-height: 1.75;
white-space: pre-wrap;
}
.formViewBox .formWallConf .confRow+.confRow{
margin-top: 40px;
}
.formViewBox .formWallConf .btnBox{
width: 100%;
margin: 90px auto 0;
padding-top: 50px;
border-top: 1px solid #ccc;
}
.formViewBox .formWallConf .backLink{
width: 240px;
margin: 0 10px;
}
.formViewBox .formWallConf .back{
color: #333;
background: #cdcdcd;
} .formViewBox .loading{
position: relative;
margin-top: 1em;
opacity: .8;
}
.formViewBox .loading::before{
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -10px 0 0 -8px;
content: '';
-webkit-animation: loader .8s infinite linear;
animation: loader .8s infinite linear;
border: 4px solid #333;
border-top-color: #ddd;
border-radius: 50%;
}
.formViewBox .sendError{
font-size: 2.0rem;
margin: 1em auto 0;
padding: 1em;
text-align: center;
color: #e4007f;
border: 1px solid #e4007f;
}
.formViewBox .sendError .errorBack{
font-size: 1.6rem;
display: flex;
width: 14em;
height: 38px;
margin: .5em auto 0;
background: #e5e5e5;
align-items: center;
justify-content: center;
}
.formViewBox .sendError .errorBack:hover{
background: #d2d2d2;
} .thanksPage{
padding-bottom: 200px;
}
.thanksPage .title{
font-size: 2.0rem;
font-weight: 600;
line-height: 1;
margin-bottom: 100px;
text-align: center;
color: #f3688c;
}
.thanksPage .textBox{
text-align: center;
}
.thanksPage .textBox p{
font-size: 1.5rem;
line-height: 1.5;
}
.thanksPage .textBox p+p{
margin-top: 1.5em;
} @media only screen and (max-width: 767px){
html{
font-size: 1.33333vw;
}
body{
font-family: 'Noto Sans', 'Noto Sans CJK JP','Noto Sans JP','游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
font-size: 2.6rem;
font-weight: normal;
width: 100%;
min-width: 0;
}
.spShow{
display: inline-block;
}
.spShow.block {
display: block;
}
.pcShow{
display: none;
}
.pcShow.block{
display: none;
}
.container{
-ms-grid-columns: 100vw;
-ms-grid-rows: 20vw 1fr auto;
grid-template: 'header' 20vw
'pageContainer' 1fr
'footer' auto / 100vw;
}
p{
font-weight: normal;
} .header{
position: relative;
display: flex;
padding: 0 0 0 4.26667vw;
transition: none;
transform: none;
align-items: center;
}
.header .logo{
margin: 0;
flex: 0 1 66vw;
}
.header .menuBtn{
position: fixed;
z-index: 900;
top: 0;
right: 0;
display: block;
width: 20vw;
}
.header .gNav{
position: fixed;
z-index: 901;
top: 20vw;
left: 0;
display: none;
overflow-y: auto;
width: 100%;
max-height: calc(1vh*100);
max-height: calc(var(--vh, 1vh)*100);
opacity: 0;
}
.header .gNav ul{
display: block;
max-width: none;
margin: 0;
padding: 0;
border-top: .26667vw solid #f3688c;
border-top: .26667vw solid var(--siteColor);
background: #fef3f5;
}
.header .gNav li{
line-height: 1;
display: block;
height: auto;
text-align: left;
border-bottom: .26667vw solid #f3688c;
border-bottom: .26667vw solid var(--siteColor);
}
.header .gNav li a{
font-size: 3.6rem;
display: flex;
height: 16vw;
padding-left: 6.66667vw;
align-items: center;
}
.header .gNav li+li{
border-left: none;
}
.header .navOpen{
display: block;
-webkit-animation: menuFadeIn .6s 1 0s cubic-bezier(.445, .050, .550, .950) forwards;
-webkit-animation: menuFadeIn .6s 1 0s var(--easeInOutSine) forwards;
animation: menuFadeIn .6s 1 0s cubic-bezier(.445, .050, .550, .950) forwards;
animation: menuFadeIn .6s 1 0s var(--easeInOutSine) forwards;
opacity: 1;
}
.header .navClose{
-webkit-animation: menuFadeOut .6s 1 0s cubic-bezier(.445, .050, .550, .950) forwards;
-webkit-animation: menuFadeOut .6s 1 0s var(--easeInOutSine) forwards;
animation: menuFadeOut .6s 1 0s cubic-bezier(.445, .050, .550, .950) forwards;
animation: menuFadeOut .6s 1 0s var(--easeInOutSine) forwards;
opacity: 1;
}
.slideUp{
transform: none;
} .birthContainer{
-ms-grid-columns: 100%;
-ms-grid-rows: 20vw 1fr auto;
grid-template: 'header' 20vw
'pageContainer' 1fr
'footer' auto / 100%;
}
.birthHeader{
display: flex;
}
.birthHeader::before{
display: none;
}
.birthHeader::after{
display: none;
}
.birthHeader .bcLogo{
flex: 0 1 50.8vw;
}
.birthHeader .bcGnav ul a{
color: #645c5b;
}
.birthHeader .bcGnav li+li{
margin-left: 0;
} .footer{
margin-top: 19.33333vw;
padding-bottom: 29.33333vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_footer_bk.png) no-repeat center center;
background-size: cover;
}
.footer .footerBk{
padding: 0;
}
.footer .footerInner{
display: none;
}
.footer .copyright{
font-size: 2.2rem;
padding: 5.06667vw 0 2.66667vw;
color: #fff;
}
.footer .spFooter{
display: block;
width: 80vw;
margin: 0 auto;
}
.footer .spFooter a{
font-size: 3.2rem;
display: flex;
height: 13.33333vw;
color: #f3688c;
color: var(--siteColor);
background: #fff;
align-items: center;
justify-content: center;
}
.footer .spFooter li+li{
margin-top: .26667vw;
}
.footer .spFixMenu{
position: fixed;
z-index: 800;
bottom: 0;
left: 0;
display: flex;
width: 100%;
background: #fff;
}
.footer .spFixMenu li{
flex: 0 1 50%;
}
.footer .spFixMenu.def li{
padding: 3px;
}
.footer .spFixMenu .tel{
border-right: .26667vw solid #f3688c;
border-right: .26667vw solid var(--siteColor);
}
.footer .spFixMenu.def .tel{
padding-right: 2px;
border-right:none;
}
.footer .spFixMenu.def .mail{
padding-left: 1px;
}
.footer .spFixMenu a{
font-size: 4.0rem;
line-height: 1;
display: flex;
height: 26.66667vw;
color: #333;
color: var(--color);
align-items: center;
justify-content: center;
}
.footer .spFixMenu.def a{
font-size: 2.5rem;
line-height: 1.1;
height: 15.5vw;
flex-direction: column;
text-align: center;
}
.footer .spFixMenu.def .tel a {
border: 3px solid #c8d7e5;
}
.footer .spFixMenu.def .mail a {
border: 3px solid #fed8e4;
}
.footer .spFixMenu .tel a::before{
width: 9.06667vw;
height: 9.86667vw;
margin-right: 2vw;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/tel_icon.svg) no-repeat center center;
background-size: contain;
}
.footer .spFixMenu .mail a::before{
width: 8.53333vw;
height: 5.73333vw;
margin-right: 2vw;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/mail_icon.svg) no-repeat center center;
background-size: contain;
}
.footer .spFixMenu.def .tel a::before{
width: 3.0rem;
height: 3.0rem;
margin-bottom: 2px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/tel_icon.svg) no-repeat center center;
background-size: contain;
}
.footer .spFixMenu.def .mail a::before{
width: 3.0rem;
height: 3.0rem;
margin-bottom: 2px;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/tel_icon.svg) no-repeat center center;
background-size: contain;
}
.footer .pagetop{
font-size: 2.4rem;
right: 5.33333vw;
bottom: 29.33333vw;
width: 16vw;
height: 16vw;
}
.footer .pagetop::before{
width: 2.26667vw;
height: 1.06667vw;
margin-bottom: 2.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_page_top.png) no-repeat center center;
background-size: contain;
}
.footer .stopBtn{
position: absolute;
top: -9.33333vw;
bottom: auto;
} .birthFooter{
margin-top: 13.33333vw;
padding-bottom: 27.33333vw;
background: none;
}
.birthFooter .footerBk{
padding: 0;
background: none;
}
.birthFooter .footerInner{
display: none;
}
.birthFooter .footerLogo{
height: 28vw;
}
.birthFooter .footerLogo img{
width: 88.66667vw;
}
.birthFooter .spFixMenu{
padding: 2.66667vw;
background: #fb89ac;
justify-content: space-between;
}
.birthFooter .spFixMenu li{
flex: 0 1 46vw;
}
.birthFooter .spFixMenu .tel{
border-right: none;
}
.birthFooter .spFixMenu a{
font-size: 3.6rem;
height: 20vw;
border-radius: 6px;
background: #fef3f5;
}
.birthFooter .spFixMenu .tel a::before{
width: 9.06667vw;
height: 9.86667vw;
margin-right: 2.66667vw;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_tel_icon.svg) no-repeat center center;
background-size: contain;
}
.birthFooter .spFixMenu .mail a::before{
width: 8.53333vw;
height: 5.73333vw;
margin-right: 2.66667vw;
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/birth_mail_icon.svg) no-repeat center center;
background-size: contain;
}
.birthFooter .copyright{
font-size: 2.2rem;
padding: 2.66667vw 0 0;
color: #df9395;
} .subPage .subPageTitle{
display: flex;
margin-bottom: 15.33333vw;
flex-flow: column-reverse;
}
.subPage .subPageTitle .subPageHeader{
display: block;
padding: 6.66667vw 5.33333vw;
flex: 1 1 auto;
}
.subPage .subPageTitle .subPageHeader h2,.subPage .subPageTitle .subPageHeader p{
max-width: none;
}
.subPage .subPageTitle .subPageHeader h2{
font-size: 5.2rem;
font-weight: 500;
}
.subPage .subPageTitle .subPageHeader p{
font-size: 3.2rem;
font-weight: 500;
margin-top: 5.33333vw;
}
.subPage .blockMain{
max-width: 89.33333vw;
}
.pankuzu{
display: none;
} .galleryPage{
padding-top: 17.33333vw;
}
.galleryPage .main{
max-width: 94.66667vw;
}
.galleryPage .title{
font-size: 4.8rem;
margin-bottom: 16vw;
}
.galleryPage .galleryRow{
justify-content: space-between;
}
.galleryPage .galleryRow .galleryBox{
margin-bottom: 2.66667vw;
flex: 0 1 46vw;
}
.galleryPage .galleryRow .galleryBox:not(:nth-child(3n)){
margin-right: 0;
}
.galleryPage .moreBtn{
margin-top: 10.66667vw;
}
.galleryPage .moreBtn .btn{
font-size: 3.2rem;
width: 64vw;
height: 13.33333vw;
margin: 8vw auto 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 60vw center;
background-color: #f398af;
background-size: .8vw auto;
}
.galleryPage .moreBtn .btn:hover{
opacity: 1;
} #cboxCurrent{
font-size: 3.2rem;
top: auto;
right: 0;
bottom: -6.66667vw;
text-align: right;
text-indent: 0;
}
#cboxLoadedContent{
padding: 0;
background: none;
}
#cboxTitle{
font-size: 3.2rem;
line-height: 1.7;
bottom: -23.06667vw;
text-align: left;
}
#cboxPrevious,#cboxNext{
width: 4.93333vw;
height: 7.46667vw;
margin-top: -3.33333vw;
}
#cboxPrevious{
left: -8.26667vw;
}
#cboxNext{
right: -8.26667vw;
}
#cboxClose{
top: -17.33333vw;
right: -7.33333vw;
display: none;
width: 8vw;
height: 8vw;
} .movieBox{
max-width: 85.33333vw;
}
.movieBox .title{
font-size: 4.0rem;
line-height: 1.7;
margin-bottom: 7.33333vw;
padding: 0;
text-align: left;
}
.movieBox .text{
font-size: 3.2rem;
margin-bottom: 10vw;
padding: 0;
}
.movieBox .movieList{
display: block;
}
.movieBox .movieList li{
margin: 0 0 2.66667vw;
}
.movieBox .movieList li:nth-child(even){
margin-bottom: 2.66667vw;
}
.movieBox .movieList li:last-child{
margin-bottom: 0;
} .sanfujinkaTemp .subPageNave{
display: block;
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.sanfujinkaTemp .subPageNave li{
margin-bottom: 2.66667vw;
}
.sanfujinkaTemp .subPageNave li:not(:nth-child(3n)){
margin-right: 0;
}
.sanfujinkaTemp .subPageNave a{
font-size: 3.8rem;
display: flex;
height: 16vw;
padding: 0 5.33333vw;
border: .26667vw solid #f3688c;
border: .26667vw solid var(--siteColor);
align-items: center;
flex-flow: row nowrap;
justify-content: space-between;
}
.sanfujinkaTemp .subPageNave a::after{
height: 2.13333vw;
margin: 0;
flex: 0 0 3.46667vw;
}
.sanfujinkaTemp .subSecTitle{
font-size: 4.8rem;
font-weight: 500;
margin-bottom: 10.66667vw;
}
.sanfujinkaTemp .schedule{
margin-top: 13.33333vw;
padding: 15.33333vw 0 9.33333vw;
}
.sanfujinkaTemp .schedule .topBox{
width: 89.33333vw;
margin: 0 auto 4vw;
}
.sanfujinkaTemp .schedule .kome{
font-size: 3.2rem;
margin-left: 1em;
text-align: justify;
text-indent: -1em;
}
.sanfujinkaTemp .scheduleSec{
max-width: 89.33333vw;
}
.sanfujinkaTemp .scheduleSec>h2{
font-size: 3.8rem;
height: 11.2vw;
margin-bottom: 2.66667vw;
padding: 0 4vw;
}
.sanfujinkaTemp .scheduleSec .kaList{
font-size: 3.8rem;
display: block;
}
.sanfujinkaTemp .scheduleSec .kaList li+li{
margin-top: 2.66667vw;
}
.sanfujinkaTemp .scheduleSec .kaList button{
height: 16vw;
padding: 0 2.66667vw 0 5.33333vw;
}
.sanfujinkaTemp .scheduleSec .kaList button:hover{
opacity: 1;
}
.sanfujinkaTemp .scheduleSec .kaList button::after{
height: 8.13333vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_sc_arrow.png) no-repeat center center;
background-size: contain;
flex: 0 0 8vw;
}
.sanfujinkaTemp .scheduleSec2{
margin-top: 8.13333vw;
}
.sanfujinkaTemp .modal{
width: 89.33333vw;
}
.sanfujinkaTemp .modal .gairaiScheduleTable{
width: 100%;
}
.sanfujinkaTemp .yoyaku{
padding: 9.33333vw 0 11.33333vw;
}
.sanfujinkaTemp .yoyaku a{
font-size: 3.5rem;
max-width: 89.33333vw;
height: 16vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 84.66667vw center;
background-color: #fff;
background-size: 2.13333vw auto;
box-shadow: 0 1.73333vw 0 rgba(255,255,255,.46);
}
.sanfujinkaTemp .houshinSec{
display: block;
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.sanfujinkaTemp .houshinSec .text{
font-size: 3.2rem;
line-height: 1.5;
margin-bottom: 8vw;
}
.sanfujinkaTemp .sankaSec{
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.sanfujinkaTemp .fujinkaSec{
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.sanfujinkaTemp .fujinkaSec .subSecTitle{
margin-bottom: 10.66667vw;
}
.sanfujinkaTemp .fujinkaSec .innerTitle{
font-size: 3.6rem;
margin-bottom: 8vw;
padding-bottom: 4vw;
border-bottom: .26667vw solid #fb89ac;
}
.sanfujinkaTemp .fujinkaSec .innerSec+.innerSec{
margin-top: 14.66667vw;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox{
display: block;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .title{
font-size: 3.6rem;
margin: 0 0 4.66667vw 0;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .text{
font-size: 3.2rem;
line-height: 1.5;
margin-right: 0;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox .img{
margin-top: 9.33333vw;
}
.sanfujinkaTemp .fujinkaSec .fujinkaBox+.fujinkaBox{
margin-top: 14.66667vw;
}
.sanfujinkaTemp .byoukiSec{
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.sanfujinkaTemp .byoukiSec .subSecTitle{
margin-bottom: 10.66667vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox h2{
font-size: 4.2rem;
min-height: 10.66667vw;
margin-bottom: 6.66667vw;
padding: 2vw 2.66667vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox p{
font-size: 3.2rem;
line-height: 1.5;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list{
display: block;
margin-top: 9.33333vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list li{
margin-bottom: 0;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list li:not(:nth-child(3n)){
margin-right: 0;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list li+li{
margin-top: 2.66667vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a{
font-size: 3.8rem;
min-height: 16vw;
padding: 2.66667vw 2.66667vw 2.66667vw 5.33333vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a:hover{
opacity: 1;
}
.sanfujinkaTemp .byoukiSec .byoukiBox .list a::after{
height: 8.13333vw;
margin-left: 2.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_sc_arrow.png) no-repeat center center;
background-size: contain;
flex: 0 0 8vw;
}
.sanfujinkaTemp .byoukiSec .byoukiBox+.byoukiBox{
margin-top: 54px;
}
.sanfujinkaTemp .doctor{
margin-top: 16vw;
padding: 16vw 0;
}
.sanfujinkaTemp .doctorList{
display: block;
max-width: 89.33333vw;
}
.sanfujinkaTemp .doctorList li{
margin-bottom: 2.66667vw;
}
.sanfujinkaTemp .doctorList li:not(:nth-child(3n)){
margin-right: 0;
}
.sanfujinkaTemp .doctorList .doctorBox a{
padding: 2.66667vw;
}
.sanfujinkaTemp .doctorList .doctorBox .tm{
flex: 0 0 24vw;
}
.sanfujinkaTemp .doctorList .doctorBox .name{
flex: 0 1 60vw;
}
.sanfujinkaTemp .doctorList .doctorBox .name h2{
font-size: 4.2rem;
}
.sanfujinkaTemp .doctorList .doctorBox .name .kana{
font-size: 2.6rem;
}
.sanfujinkaTemp .doctorList .doctorBox .more{
font-size: 3.2rem;
height: 16vw;
margin-top: 2.66667vw;
border: .26667vw solid #f3688c;
border: .26667vw solid var(--siteColor);
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 78.53333vw center;
background-size: 2.13333vw auto;
} .gairaiScheduleTable{
width: 89.33333vw;
max-width: none;
}
.gairaiScheduleTable .scheduleTableHeader{
margin-bottom: 6vw;
}
.gairaiScheduleTable .scheduleTableHeader .hpName{
font-size: 3.8rem;
height: 11.2vw;
margin-bottom: 5.33333vw;
padding: 0 4vw;
}
.gairaiScheduleTable .scheduleTableHeader .title{
font-size: 3.6rem;
margin: 0 0 4vw 6.66667vw;
}
.gairaiScheduleTable .tableWall{
position: relative;
overflow-x: scroll;
width: 100%;
}
.gairaiScheduleTable .gender{
font-size: 2.8rem;
width: 218.66667vw;
margin-bottom: 2vw;
text-align: left;
}
.gairaiScheduleTable .scheduleTable{
font-size: 3.2rem;
width: 218.66667vw;
}
.gairaiScheduleTable .scheduleTable th:not(:last-child){
border-right: 1.33333vw solid #fbebed;
}
.gairaiScheduleTable .scheduleTable td{
height: 22.66667vw;
}
.gairaiScheduleTable .scheduleTable td small{
font-size: 2.6rem;
display: block;
}
.gairaiScheduleTable .scheduleTable td:not(:last-child){
border-right: 1.33333vw solid #fbebed;
}
.gairaiScheduleTable .scheduleTable .week th{
width: 32vw;
height: 8vw;
border-bottom: 1.33333vw solid #fbebed;
}
.gairaiScheduleTable .scheduleTable .week .time{
width: 28vw;
}
.gairaiScheduleTable .scheduleTable tr:not(.week) th{
background: #f398af;
}
.gairaiScheduleTable .scheduleTable .row th,.gairaiScheduleTable .scheduleTable .row td{
height: 22.66667vw;
border-bottom: 1.33333vw solid #fbebed;
}
.gairaiScheduleTable .scheduleTable2way .week th{
width: 32vw;
}
.gairaiScheduleTable .scheduleTable2way .week .time{
width: 28vw;
}
.gairaiScheduleTable .scheduleTable2way .row .noBorder{
border-bottom: none;
}
.gairaiScheduleTable .scheduleTable2way .rowWide th,.gairaiScheduleTable .scheduleTable2way .rowWide td{
border-top: 1.33333vw solid #fbebed;
}
.tableScrollOverlay{
position: relative;
overflow-x: hidden;
}
.tableScrollOverlay::before{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: rgba(0,0,0,.4);
}
.tableScrollOverlay .tableWall{
position: relative;
}
.tableScrollOverlay .tableWall::before{
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 1.6em);
content: '';
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/scroll_setumei.png) no-repeat center center;
background-size: 40.26667vw auto;
}
.tableSetumeiEnd::before{
-webkit-animation: fadeOut .3s 1 0s ease-out forwards;
animation: fadeOut .3s 1 0s ease-out forwards;
}
.tableSetumeiEnd .tableWall::before{
-webkit-animation: fadeOut .3s 1 0s ease-out forwards;
animation: fadeOut .3s 1 0s ease-out forwards;
} .staffPage .obi{
font-size: 5.2rem;
height: 32vw;
margin-bottom: 10.66667vw;
}
.staffPage .nameBox{
max-width: 89.33333vw;
}
.staffPage .nameBox .name{
right: 0;
bottom: 5.06667vw;
width: 44vw;
min-width: 0;
height: 18.66667vw;
}
.staffPage .nameBox .name h2{
font-size: 3.8rem;
}
.staffPage .nameBox .name .kana{
font-size: 2.4rem;
}
.staffPage .prof{
font-size: 3.2rem;
max-width: 89.33333vw;
margin: 5.33333vw auto 14.66667vw;
}
.staffPage .prof dt{
margin-bottom: 1.33333vw;
padding: 1.33333vw;
flex: 0 1 26.66667vw;
}
.staffPage .prof dd{
margin-bottom: 1.33333vw;
padding: 1.33333vw 4vw;
flex: 0 1 62.66667vw;
}
.staffPage .interview{
padding: 12vw 0 16vw;
}
.staffPage .interview>h2{
font-size: 4.8rem;
margin-bottom: 10.66667vw;
}
.staffPage .interviewBox{
display: block;
max-width: 89.33333vw;
}
.staffPage .interviewBox h3{
font-size: 3.2rem;
font-weight: bold;
line-height: 1.75;
margin-bottom: 3.33333vw;
}
.staffPage .interviewBox .message{
font-size: 3.2rem;
margin-bottom: 8vw;
}
.staffPage .interviewBox+.interviewBox{
margin-top: 14.66667vw;
}
.staffPage .interviewBox:nth-child(odd) h3{
margin-right: 0;
}
.staffPage .interviewBox:nth-child(odd) .message{
margin-right: 0;
}
.staffPage .interviewBox:nth-child(even) h3{
margin-left: 0;
}
.staffPage .interviewBox:nth-child(even) .message{
margin-left: 0;
} .staffArchive{
padding: 17.33333vw 0 17.33333vw;
background: #fef3f5;
}
.staffArchive .pankuzu{
margin-top: 0;
}
.staffArchive .staffList{
max-width: 89.33333vw;
}
.staffArchive .staffList .subSecTitle{
margin-bottom: 10.66667vw;
color: #655d5b;
}
.staffArchive .staffList .topText{
font-size: 3.2rem;
margin-bottom: 5.33333vw;
}
.staffArchive .staffList+.staffList{
margin-top: 16vw;
} .birthCenterPage .birthTopSlide{
height: 69.2vw;
}
.birthCenterPage .birthTopSlide .slide1{
padding-top: 6vw;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_slide1.jpg);
}
.birthCenterPage .birthTopSlide .slide1 .mvText{
font-size: 3.3rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0;
}
.birthCenterPage .birthTopSlide .slide1 .mvText strong{
font-size: 5.5rem;
font-weight: 500;
vertical-align: sub;
color: #f3688c;
text-shadow: 0 0 7px #fff,0 0 7px #fff,0 0 7px #fff;
}
.birthCenterPage .birthTopSlide .slide1 .mvText span{
display: block;
padding-left: 0;
text-align: right;
}
.birthCenterPage .birthTopSlide .slide2 img{
width: 98.8vw;
height: 31.2vw;
}
.birthCenterPage .about{
max-width: 89.33333vw;
margin-top: 16vw;
padding-bottom: 65.33333vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_about_bk.png) no-repeat center 73.33333vw;
background-size: 100vw auto;
}
.birthCenterPage .about h2{
font-size: 4.8rem;
line-height: 1.25;
display: flex;
margin-bottom: 8vw;
flex-flow: row wrap;
justify-content: center;
}
.birthCenterPage .about h2 span:first-child{
padding-right: 0;
text-indent: -.5em;
}
.birthCenterPage .about h2 span:last-child{
text-indent: .5em;
}
.birthCenterPage .about p{
font-size: 3.2rem;
line-height: 1.75;
text-align: justify;
}
.birthCenterPage .about p+p{
margin-top: 1em;
}
.birthCenterPage .torikumi .torikumiTitle{
width: 54.93333vw;
margin: 0 auto 8vw;
}
.birthCenterPage .torikumi .nav{
display: block;
max-width: 76.66667vw;
margin-bottom: 22vw;
}
.birthCenterPage .torikumi .nav a{
font-size: 4.4rem;
height: 40.26667vw;
padding-top: 14.66667vw;
}
.birthCenterPage .torikumi .nav a::after{
width: 3.33333vw;
height: 10.13333vw;
margin: 5.33333vw 0 0 3.33333vw;
}
.birthCenterPage .torikumi .nav .torikumi1{
position: relative;
margin-bottom: 19.33333vw;
}
.birthCenterPage .torikumi .nav .torikumi1::after{
top: auto;
right: 32.66667vw;
bottom: -15.46667vw;
width: 11.33333vw;
height: 11.33333vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_torikumi_batu.png) no-repeat center center;
background-size: contain;
}
.birthCenterPage .torikumiSec{
padding: 13.33333vw 0 10.66667vw;
background: #fef3f5;
-ms-grid-columns: 1fr 92vw 1fr;
-ms-grid-rows: auto 1fr;
grid-template-columns: 1fr 92vw 1fr;
grid-template-rows: auto 1fr;
}
.birthCenterPage .torikumiSec .title{
font-size: 4.0rem;
line-height: 1.35;
margin-bottom: 8.66667vw;
padding-left: 22.66667vw;
text-align: left;
}
.birthCenterPage .torikumiWall{
padding-top: 44vw;
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-size: 80.4vw auto;
}
.birthCenterPage .torikumiWall::before{
display: none;
}
.birthCenterPage .torikumiInner{
max-width: none;
margin: 0;
padding: 8vw 2.93333vw 5.33333vw;
}
.birthCenterPage .torikumiInner h2{
font-size: 4.2rem;
margin-bottom: 4.66667vw;
letter-spacing: .1em;
}
.birthCenterPage .torikumiInner li{
font-size: 3.2rem;
line-height: 1.32;
}
.birthCenterPage .torikumiInner li .row{
display: flex;
width: 100%;
}
.birthCenterPage .torikumiInner li .num{
font-size: 3.1rem;
height: 8vw;
margin-right: 3.33333vw;
padding-bottom: .1em;
flex: 0 0 6.93333vw;
}
.birthCenterPage .torikumiInner li .text{
padding-top: .2em;
letter-spacing: .12em;
flex: 0 1 77.06667vw;
}
.birthCenterPage .torikumiInner li+li{
margin-top: 3.46667vw;
}
.birthCenterPage .torikumiInner .moreBtn{
font-size: 3.2rem;
max-width: 64vw;
height: 13.33333vw;
margin: 5.33333vw auto 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 60.26667vw center;
background-color: #f398af;
background-size: .93333vw auto;
}
.birthCenterPage .torikumiSec1 .title::before{
top: -18vw;
left: 0;
width: 14.93333vw;
height: 21.2vw;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_torikumi_num1.png);
}
.birthCenterPage .torikumiSec1 .torikumiWall{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_torikumi_img3.png);
}
.birthCenterPage .torikumiSec2{
margin-top: 19.86667vw;
}
.birthCenterPage .torikumiSec2 .title::before{
top: -20vw;
left: -2.13333vw;
width: 20.4vw;
height: 22.13333vw;
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_torikumi_num2.png);
}
.birthCenterPage .torikumiSec2 .torikumiWall{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_torikumi_img4.png);
}
.birthCenterPage .torikumiSec2 .torikumiInner{
padding-right: 2.93333vw;
padding-left: 2.93333vw;
}
.birthCenterPage .torikumiSec2 .torikumiInner .moreBtn{
margin-top: 7.33333vw;
}
.birthCenterPage .gallery{
padding: 14.66667vw 0 10.66667vw;
}
.birthCenterPage .gallery h2{
font-size: 4.0rem;
margin-bottom: 8vw;
letter-spacing: 0;
}
.birthCenterPage .gallery .moreBtn{
font-size: 3.2rem;
max-width: 64vw;
height: 13.33333vw;
margin: 7.33333vw auto 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 60.26667vw center;
background-color: #f398af;
background-size: .93333vw auto;
}
.birthCenterPage .news{
display: block;
max-width: 94.66667vw;
margin: 16vw auto 0;
}
.birthCenterPage .news .newsTitle{
font-size: 5.0rem;
margin-bottom: 2.66667vw;
text-align: center;
}
.birthCenterPage .news .newsTitle::after{
width: 15.73333vw;
height: 5.06667vw;
margin: 2vw auto 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_birth_news_title.png) no-repeat center center;
background-size: contain;
}
.birthCenterPage .news .newsRow{
min-height: 48vw;
max-height: 96.4vw;
}
.birthCenterPage .news .newsRow::-webkit-scrollbar{
width: 4vw;
} .birthCenterPage .news .newsRow::-webkit-scrollbar-track{
background: #eae9e2;
} .birthCenterPage .news .newsRow::-webkit-scrollbar-thumb{
border: .93333vw solid #eae9e2;
background: #8d8a8b;
}
.birthCenterPage .news .newsRow .endText{
margin-top: 2em;
text-align: center;
}
.birthCenterPage .news .newsTopBox{
width: 87.73333vw;
}
.birthCenterPage .news .newsTopBox a{
display: -ms-grid;
display:     grid;
padding-right: 8.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 85.46667vw center;
background-size: 1.86667vw auto;
-ms-grid-columns: 33.06667vw 1fr;
-ms-grid-rows: auto;
grid-template-columns: 33.06667vw 1fr;
grid-template-rows: auto;
}
.birthCenterPage .news .newsTopBox .tmBox{
margin-right: 3.33333vw;
}
.birthCenterPage .news .newsTopBox .listHeader{
padding-top: 0;
}
.birthCenterPage .news .newsTopBox .listHeader h2{
font-size: 2.8rem;
line-height: 1.7;
margin-top: 2vw;
}
.birthCenterPage .news .newsTopBox .listHeader .update{
font-size: 2.6rem;
font-weight: bold;
}
.birthCenterPage .news .newsTopBox:first-child{
padding-top: 4vw;
border-top: .26667vw solid #dcdcdc;
}
.birthCenterPage .news .newsTopBox:last-child{
padding-bottom: 4vw;
border-bottom: .26667vw solid #dcdcdc;
}
.birthCenterPage .news .newsTopBox+.newsTopBox{
margin-top: 4vw;
padding-top: 4vw;
border-top: .26667vw solid #dcdcdc;
}
.birthCenterPage .news .goList{
margin-top: 8vw;
}
.birthCenterPage .news .goList a::after{
width: 1.86667vw;
height: 2.8vw;
margin-left: 2.66667vw;
}
.birthCenterPage .freeSec{
display: flex;
max-width: 85.33333vw;
margin: 20vw auto 0;
flex-flow: column;
}
.birthCenterPage .freeSec h2{
font-size: 4.0rem;
line-height: 1.5;
margin-bottom: 9.33333vw;
text-align: justify;
order: 1;
}
.birthCenterPage .freeSec .movie{
margin: 9.33333vw 0 0;
order: 3;
}
.birthCenterPage .freeSec p{
font-size: 3.2rem;
order: 2;
}
.birthCenterPage .yoyaku{
max-width: 94.66667vw;
margin: 16vw auto 0;
}
.birthCenterPage .yoyaku h2{
font-size: 5.0rem;
margin-bottom: 6.66667vw;
}
.birthCenterPage .yoyaku .yoyakuTable{
font-size: 3.0rem;
border-top: .26667vw solid #ccc;
}
.birthCenterPage .yoyaku .yoyakuTable th,.birthCenterPage .yoyaku .yoyakuTable td{
font-weight: normal;
border-bottom: .26667vw solid #ccc;
}
.birthCenterPage .yoyaku .yoyakuTable .pink{
font-size: 2.6rem;
width: 15.6vw;
padding: .4vw 0;
}
.birthCenterPage .yoyaku .yoyakuTable .pink span{
height: 13.06667vw;
flex-flow: column;
}
.birthCenterPage .yoyaku .yoyakuTable .pink strong{
font-size: 3.0rem;
font-weight: normal;
}
.birthCenterPage .yoyaku .mark{
margin-top: 6.66667vw;
}
.birthCenterPage .yoyaku .mark li{
font-size: 3.0rem;
}
.birthCenterPage .yoyaku .kome{
font-size: 2.8rem;
line-height: 1.42;
margin-top: 4.66667vw;
}
.birthCenterPage .yoyaku .update{
font-size: 2.8rem;
margin-top: 6.66667vw;
} .ninshinSangoPage .flow{
max-width: none;
margin: 15.33333vw auto 0;
}
.ninshinSangoPage .flow>li+li{
margin-top: 16vw;
}
.ninshinSangoPage .flow .goPage{
font-size: 3.2rem;
max-width: 64vw;
height: 13.33333vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 60.26667vw center;
background-color: #f398af;
background-size: .93333vw auto;
}
.ninshinSangoPage .flowBox{
padding-bottom: 8vw;
}
.ninshinSangoPage .flowBox header{
display: flex;
width: 89.33333vw;
height: auto;
align-items: center;
}
.ninshinSangoPage .flowBox header::before{
background-size: auto 100%;
flex: 0 0 20.66667vw;
}
.ninshinSangoPage .flowBox header h2{
font-size: 4.8rem;
line-height: 1.42;
}
.ninshinSangoPage .flowBox .img{
margin-bottom: 6vw;
padding: 0 5.33333vw;
}
.ninshinSangoPage .flowBox .img img{
width: 100%;
}
.ninshinSangoPage .flowBox .text{
font-size: 3.2rem;
line-height: 1.5;
margin-bottom: 6vw;
padding: 0 5.33333vw;
}
.ninshinSangoPage .flowBox .linkBox p{
font-size: 3.2rem;
margin-bottom: 4vw;
}
.ninshinSangoPage .flowBox1::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox1 header{
height: 20.66667vw;
padding-bottom: 4vw;
}
.ninshinSangoPage .flowBox1 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num1.png);
background-size: auto 14.8vw;
}
.ninshinSangoPage .flowBox2::before{
height: calc(100% - 40vw);
}
.ninshinSangoPage .flowBox2 header{
height: 19.6vw;
padding-bottom: 4.26667vw;
}
.ninshinSangoPage .flowBox2 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num2.png);
}
.ninshinSangoPage .flowBox3::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox3 header{
height: 20.66667vw;
padding-bottom: 3.46667vw;
}
.ninshinSangoPage .flowBox3 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num3.png);
}
.ninshinSangoPage .flowBox4::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox4 header{
height: 20.66667vw;
padding-bottom: 4.66667vw;
}
.ninshinSangoPage .flowBox4 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num4.png);
}
.ninshinSangoPage .flowBox5::before{
height: calc(100% - 42.13333vw);
}
.ninshinSangoPage .flowBox5 header{
width: 91.2vw;
height: 21.6vw;
padding-bottom: 2.66667vw;
}
.ninshinSangoPage .flowBox5 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num5.png);
background-position: left center;
flex: 0 0 21.46667vw;
}
.ninshinSangoPage .flowBox6::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox6 header{
height: 20.66667vw;
padding-bottom: 5.86667vw;
}
.ninshinSangoPage .flowBox6 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num6.png);
}
.ninshinSangoPage .flowBox7::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox7 header{
height: 20.66667vw;
padding-bottom: .26667vw;
}
.ninshinSangoPage .flowBox7 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num7.png);
background-position: center top;
}
.ninshinSangoPage .flowBox8::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox8 header{
height: 20.66667vw;
padding-bottom: 6vw;
}
.ninshinSangoPage .flowBox8 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num8.png);
}
.ninshinSangoPage .flowBox9::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox9 header{
height: 20.66667vw;
padding-bottom: 6vw;
}
.ninshinSangoPage .flowBox9 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num9.png);
}
.ninshinSangoPage .flowBox10::before{
height: calc(100% - 41.7333vw);
}
.ninshinSangoPage .flowBox10 header{
height: 21.06667vw;
padding-bottom: 5.86667vw;
}
.ninshinSangoPage .flowBox10 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num10.png);
background-position: left center;
flex: 0 0 23.86667vw;
}
.ninshinSangoPage .flowBox11::before{
height: calc(100% - 41.3333vw);
}
.ninshinSangoPage .flowBox11 header{
height: 20.66667vw;
padding-bottom: 6.13333vw;
}
.ninshinSangoPage .flowBox11 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num11.png);
background-position: 1.46667vw center;
flex: 0 0 23.86667vw;
}
.ninshinSangoPage .flowBox12::before{
height: calc(100% - 41.6vw);
}
.ninshinSangoPage .flowBox12 header{
width: 92vw;
height: 20.93333vw;
padding-bottom: 5.2vw;
}
.ninshinSangoPage .flowBox12 header::before{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_ninshin_flow_num12.png);
background-position: left center;
flex: 0 0 25.06667vw;
}
.ninshinSangoPage .flowBoxNormal{
-ms-grid-columns: 100%;
grid-gap: 0;
-ms-grid-rows: auto 0 auto 0 1fr 0 auto;
grid-template: 'header' auto
'img' auto
'text' 1fr
'linkBox' auto / 100%;
}
.ninshinSangoPage .flowBoxNormal .header{
-ms-grid-column-align: center;
justify-self: center;
}
.ninshinSangoPage .flowBoxNormal .linkBox{
margin: 0;
}
.ninshinSangoPage .flowBoxLink{
-ms-grid-columns: 100%;
grid-gap: 0;
-ms-grid-rows: auto 0 auto 0 1fr 0 auto;
grid-template: 'header' auto
'img' auto
'text' 1fr
'linkBox' auto / 100%;
}
.ninshinSangoPage .flowBoxLink header{
-ms-grid-column-align: center;
justify-self: center;
}
.ninshinSangoPage .flowBoxLink .linkBox{
margin: 0;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth ul{
display: block;
max-width: none;
margin: 0 auto;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth li+li{
margin-top: 6.66667vw;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2{
display: block;
padding-left: 0;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .linkInner2{
margin: 7.33333vw 0 0;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 figcaption{
font-size: 3.2rem;
margin-bottom: 4vw;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList{
display: block;
max-width: none;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li:nth-child(3),.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li:nth-child(4){
margin-top: 4vw;
}
.ninshinSangoPage .flowBoxLink .linkBoxWidth2 .figList li+li{
margin-top: 4vw;
}
.ninshinSangoPage .seminar{
max-width: 89.33333vw;
margin: 16vw auto 0;
}
.ninshinSangoPage .seminar h2{
font-size: 4.0rem;
line-height: 1.7;
margin-bottom: 6.66667vw;
}
.ninshinSangoPage .seminar ul{
display: block;
width: 64vw;
margin: 0 auto;
}
.ninshinSangoPage .seminar li+li{
margin-top: 5.06667vw;
}
.ninshinSangoPage .ow-block-part17{
max-width: 89.33333vw;
margin: 16vw auto 0;
} .homePage .homeSlide{
height: 100vw;
}
.homePage .homeSlide .swiper-slide .mvText{
font-size: 2.87rem;
width: 72.66667vw;
height: 72.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_slide_text_bk.png) no-repeat center center;
background-size: contain;
}
.homePage .homeSlide .swiper-slide .mvText span:nth-child(2){
margin: 2.66667vw 0 5.33333vw;
}
.homePage .homeSlide .slide1{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_home_slide1.jpg);
}
.homePage .homeSlide .slide2{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_home_slide2.jpg);
}
.homePage .homeSlide .slide2 .mvText{
text-shadow: 0 0 7px #fff,0 0 7px #fff,0 0 7px #fff;
}
.homePage .homeSlide .slide2 .mvText strong{
text-shadow: none;
}
.homePage .newsWall{
margin-top: 0;
padding: 16vw 0;
background: none;
}
.homePage .homeSec{
max-width: 94.66667vw;
margin: 0 auto 16vw;
}
.homePage .homeSec h2{
font-size: 4.0rem;
font-weight: bold;
margin-bottom: 10.66667vw;
padding: 0 4vw;
text-align: justify;
}
.homePage .homeSec p{
font-size: 3.2rem;
line-height: 1.5;
padding: 0 4vw;
}
.homePage .homeSec .movie{
margin-top: 9.33333vw;
}
.homePage .newsHome{
max-width: 94.66667vw;
}
.homePage .newsHome .titleHeader{
margin-bottom: 4vw;
}
.homePage .newsHome .titleHeader h2{
font-size: 5.0rem;
font-weight: bold;
margin-bottom: 10vw;
}
.homePage .newsHome .titleHeader .more{
font-size: 3.0rem;
margin-right: 2vw;
}
.homePage .newsHome .titleHeader .more::after{
width: 1.86667vw;
height: 2.8vw;
margin-left: 2.66667vw;
}
.homePage .newsHome .newsRow{
min-height: 26.66667vw;
max-height: 96vw;
}
.homePage .newsHome .newsRow::-webkit-scrollbar{
width: 4vw;
} .homePage .newsHome .newsRow::-webkit-scrollbar-track{
background: #eae9e2;
} .homePage .newsHome .newsRow::-webkit-scrollbar-thumb{
border: .53333vw solid #eae9e2;
border-radius: 8px;
background: #f789c4;
}
.homePage .newsHome .newsTopBox{
width: 88vw;
}
.homePage .newsHome .newsTopBox a{
display: -ms-grid;
display:     grid;
padding: 0 8.66667vw 0 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow_p.svg) no-repeat 85.46667vw center;
background-size: 1.86667vw auto;
-ms-grid-columns: 29.33333vw 1fr;
-ms-grid-rows: auto;
grid-template-columns: 29.33333vw 1fr;
grid-template-rows: auto;
}
.homePage .newsHome .newsTopBox .listHeader{
display: flex;
margin-left: 4vw;
align-items: flex-start;
flex-flow: column;
}
.homePage .newsHome .newsTopBox .listHeader h2{
font-size: 2.8rem;
font-weight: 400;
line-height: 1.7;
order: 2;
}
.homePage .newsHome .newsTopBox .listHeader .update{
font-size: 2.6rem;
font-weight: bold;
line-height: 1;
margin-bottom: 2vw;
flex: 1 1 auto;
order: 1;
}
.homePage .newsHome .newsTopBox:first-child{
padding-top: 4vw;
border-top: .26667vw solid #dcdcdc;
}
.homePage .newsHome .newsTopBox:last-child{
padding-bottom: 4vw;
border-bottom: .26667vw solid #dcdcdc;
}
.homePage .newsHome .newsTopBox+.newsTopBox{
margin-top: 4vw;
padding-top: 4vw;
border-top: .26667vw solid #dcdcdc;
}
.homePage .about{
padding: 8vw 0;
}
.homePage .about h2{
font-size: 4.4rem;
font-weight: 500;
line-height: 1.45;
margin-bottom: 6.66667vw;
}
.homePage .about p{
font-size: 3.2rem;
line-height: 1.5;
max-width: 94.66667vw;
margin: 0 auto 4vw;
}
.homePage .about .zu{
width: 96.4vw;
height: 69.2vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_home_about.png) no-repeat center center;
background-size: contain;
}
.homePage .about .fujin{
top: 23.46667vw;
left: 5.86667vw;
width: 28.8vw;
}
.homePage .about .nyuusen{
top: 34.4vw;
left: 5.86667vw;
width: 28.8vw;
}
.homePage .about .byoutou{
top: 20.8vw;
left: 37.86667vw;
width: 16vw;
}
.homePage .about .hinyouki{
top: 48vw;
left: 20vw;
width: 35.46667vw;
}
.homePage .about .syoukai{
top: 30.93333vw;
left: 48.53333vw;
width: 35.46667vw;
}
.homePage .about .birth{
top: 16vw;
left: 64.53333vw;
width: 28.93333vw;
}
.homePage .hashira{
display: block;
padding: 4.93333vw 0 8.13333vw;
background: #fbe8eb;
}
.homePage .hashira::before{
display: none;
}
.homePage .hashira::after{
display: none;
}
.homePage .hashira h2{
width: 48vw;
height: 47.06667vw;
margin: 0 auto 2vw;
padding: 14vw 0 0 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_hashira_title_bk.png) no-repeat left top;
background-size: contain;
}
.homePage .hashira h2 img{
width: 38.8vw;
}
.homePage .hashira .birth{
width: 94.66667vw;
height: 57.06667vw;
margin: 0 auto;
padding: 8.8vw 0 0 8.4vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_hashira_img1.png) no-repeat center center;
background-size: contain;
}
.homePage .hashira .birth a{
font-size: 3.8rem;
line-height: 1.36;
width: 38.26667vw;
height: 42.8vw;
margin: 0;
padding-top: 10.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_hashira_img1_2.png) no-repeat center center;
background-size: 28.53333vw auto;
}
.homePage .hashira .other{
width: 94.66667vw;
margin: 2.4vw auto 0;
flex-flow: row wrap;
}
.homePage .hashira .other a{
font-size: 3.8rem;
height: 38.66667vw;
padding-top: 26.66667vw;
background-position: center 6.66667vw;
background-size: 16.53333vw auto;
}
.homePage .hashira .other li:nth-child(1){
margin-bottom: 2.66667vw;
flex: 0 1 100%;
}
.homePage .hashira .other li:nth-child(1) a{
display: flex;
padding: 6.66667vw 0 0 5.33333vw;
background-position: 14.8vw 14vw;
align-items: flex-start;
flex-flow: row nowrap;
justify-content: space-between;
}
.homePage .hashira .other li:nth-child(1) p{
font-size: 3.8rem;
}
.homePage .hashira .other li:nth-child(1) small{
font-size: 2.8rem;
line-height: 1.64;
margin-top: 0;
margin-right: 11.33333vw;
padding-top: 6.66667vw;
text-align: center;
}
.homePage .hashira .other li:nth-child(1) small span{
display: none;
}
.homePage .hashira .other li:nth-child(2){
flex: 0 1 46vw;
}
.homePage .hashira .other li:nth-child(2) a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img3.png);
}
.homePage .hashira .other li:nth-child(3){
flex: 0 1 46vw;
}
.homePage .hashira .other li:nth-child(3) a{
background-image: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/hashira_img4.png);
}
.homePage .greeting{
padding-bottom: 10vw;
}
.homePage .greeting header{
display: block;
}
.homePage .greeting header::before{
display: none;
}
.homePage .greeting header::after{
display: none;
}
.homePage .greeting header h2{
font-size: 5.0rem;
height: 57.33333vw;
padding-top: 24vw;
text-align: center;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/sp_home_greeting.png) no-repeat 2.66667vw 13.2vw;
background-size: 70.4vw auto;
}
.homePage .greeting .message{
position: relative;
max-width: 82.66667vw;
padding: 26vw 0 0 0;
}
.homePage .greeting .message h2{
font-size: 3.2rem;
line-height: 1.5;
}
.homePage .greeting .message p{
font-size: 3.2rem;
line-height: 1.5;
}
.homePage .greeting .message figure{
position: absolute;
top: -19.46667vw;
right: -4.93333vw;
width: 38.26667vw;
}
.homePage .greeting .message figure img{
position: relative;
z-index: 2;
}
.homePage .greeting .message figure::before{
top: 1.46667vw;
left: 1.46667vw;
height: 38.26667vw;
}
.homePage .greeting .message figure figcaption{
display: none;
}
.homePage .greeting .message .name{
font-size: 2.6rem;
line-height: 1.84;
display: block;
margin-top: 8vw;
text-align: right;
}
.homePage .greeting .message .name span{
font-size: 3.2rem;
display: block;
}
.homePage .maruTitle{
font-size: 5.0rem;
max-width: 87.6vw;
height: 11.33333vw;
margin: 0 auto 9.06667vw;
padding-top: 4vw;
letter-spacing: 0;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/home_maru_title.png) no-repeat center center;
background-size: contain;
}
.homePage .schedule{
display: block;
max-width: 93.33333vw;
margin: 12vw auto 0;
}
.homePage .scheduleBox{
min-height: 0;
padding: 4.66667vw 2.26667vw;
border: .26667vw solid #f3688c;
border-radius: 1.33333vw;
}
.homePage .scheduleBox::before{
top: 1.33333vw;
left: 1.33333vw;
border-radius: 1.33333vw;
}
.homePage .scheduleBox h2{
font-size: 4.0rem;
margin-bottom: 4vw;
}
.homePage .scheduleBox h2 span{
font-size: 2.5rem;
}
.homePage .scheduleBox table .week th{
font-size: 2.6rem;
height: 6.93333vw;
}
.homePage .scheduleBox table .week th:first-child{
width: 24.66667vw;
}
.homePage .scheduleBox table .time th:first-child{
font-size: 2.4rem;
}
.homePage .scheduleBox table .time th,.homePage .scheduleBox table .time td{
height: 9.33333vw;
}
.homePage .scheduleBox table .time td{
font-size: 2.0rem;
}
.homePage .scheduleBox p{
font-size: 2.2rem;
max-width: none;
}
.homePage .scheduleBox .kyushin{
margin-top: 2.66667vw;
letter-spacing: 0;
}
.homePage .scheduleBox .kome{
margin: 3.6vw 0 0 1.6vw;
}
.homePage .scheduleBoxB{
margin-top: 0;
}
.homePage .scheduleBox+.scheduleBox{
margin-top: 5.33333vw;
}
.homePage .access{
margin-top: 13.33333vw;
}
.homePage .access iframe{
width: 100%;
height: 94.66667vw;
}
.homePage .access .textBox{
display: block;
max-width: 94.66667vw;
margin: 6.66667vw auto 0;
}
.homePage .access .textBox .addr{
font-size: 3.2rem;
margin-bottom: 35px;
text-align: center;
}
.homePage .access .textBox .mapLink{
display: block;
width: 80vw;
margin: 0 auto;
}
.homePage .access .textBox li+li{
margin-top: 2.66667vw;
}
.homePage .access .textBox a{
font-size: 3.2rem;
height: 16vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 72.66667vw center;
background-color: #f398af;
background-size: 1.73333vw auto;
} .blogPage .blogMain{
max-width: 89.33333vw;
margin: 10.66667vw auto 0;
flex-flow: column;
}
.blogPage .main{
flex: 1 1 auto;
}
.blogPage .sidebar{
margin-top: 16vw;
flex: 1 1 auto;
}
.blogPage .sidebar .sideSec>h2{
font-size: 3.6rem;
height: 12vw;
margin-bottom: 2vw;
}
.blogPage .sidebar .sideSec+.sideSec{
margin-top: 16vw;
}
.blogPage .sidebar .sideLi a{
font-size: 3.2rem;
padding: 2.66667vw 5.33333vw;
}
.blogPage .sidebar .sideLi a::after{
height: 3.2vw;
flex: 0 0 2vw;
}
.blogPage .sidebar .sideLi+.sideLi{
margin-top: 2vw;
}
.blogPage .sidebar .archiveList .year+.year{
margin-top: 2vw;
}
.blogPage .sidebar .archiveList .yearClick{
font-size: 3.2rem;
padding: 2.66667vw 5.33333vw;
}
.blogPage .sidebar .archiveList .yearClick::after{
height: 3.2vw;
flex: 0 0 2vw;
}
.blogPage .sidebar .archiveList .monthList li+li{
border-top: .26667vw solid #ededed;
}
.blogPage .sidebar .archiveList .monthList a{
font-size: 3.2rem;
height: 12.66667vw;
padding: 0 5.33333vw;
}
.blogPage .sidebar .archiveList .monthList a::after{
height: 3.2vw;
flex: 0 0 2vw;
} .blogSingle .blogHeader{
margin-bottom: 9.33333vw;
}
.blogSingle .blogHeader h2{
font-size: 4.0rem;
line-height: 1.45;
margin-top: 2vw;
}
.blogSingle .blogHeader .update{
font-size: 2.6rem;
}
.blogSingle .blogHeader .cat{
font-size: 2.6rem;
}
.blogSingle .blogFooter{
margin-top: 16vw;
}
.blogSingle .blogFooter .footrNav{
flex: 0 1 43.33333vw;
}
.blogSingle .blogFooter .footrNav .obi{
font-size: 3.2rem;
height: 13.33333vw;
}
.blogSingle .blogFooter .footrNav .title{
font-size: 2.6rem;
padding: 2.66667vw 0 0;
}
.blogSingle .blogFooter .prev .obi{
padding-left: 4vw;
}
.blogSingle .blogFooter .prev .obi::before{
width: 2.13333vw;
height: 2.4vw;
margin-right: 2.4vw;
}
.blogSingle .blogFooter .next .obi{
padding-right: 4vw;
}
.blogSingle .blogFooter .next .obi::after{
width: 2.13333vw;
height: 2.4vw;
margin-left: 2.4vw;
}
.blogSingle .blogFooter .backLink{
font-size: 3.2rem;
height: 13.33333vw;
margin: 9.33333vw auto 0;
padding: 0 2.66667vw;
flex: 0 1 100%;
} .blogArchive{
margin-top: 10.66667vw;
}
.blogArchive .main{
order: 1;
}
.blogArchive .sidebar{
order: 3;
}
.blogArchive .archiveTitle{
font-size: 5.2rem;
line-height: 1.3;
margin-bottom: 10.66667vw;
color: #f3688c;
color: var(--siteColor);
}
.blogArchive .pagenation{
margin-top: 10.66667vw;
flex: 1 1 auto;
order: 2;
}
.blogArchive .page-numbers li{
margin: 0 .66667vw;
}
.blogArchive .page-numbers li:first-child{
margin-left: 0;
}
.blogArchive .page-numbers li:last-child{
margin-right: 0;
}
.blogArchive .page-numbers .page-numbers{
font-size: 3.2rem;
width: 13.33333vw;
height: 13.33333vw;
border: .26667vw solid #f398af;
}
.blogArchive .page-numbers .current{
width: 30.66667vw;
background: #f398af;
}
.blogArchive .page-numbers .prev img{
width: 2.13333vw;
}
.blogArchive .page-numbers .next img{
width: 2.13333vw;
}
.blogArchive .page-numbers .firstPage img{
width: 2.93333vw;
}
.blogArchive .page-numbers .lastPage img{
width: 2.93333vw;
}
.blogArchive .first-numbers{
justify-content: flex-start;
}
.blogArchive .last-numbers{
justify-content: flex-end;
}
.blogArchive .pageNum{
font-size: 2.4rem;
margin-top: 2.66667vw;
}
.newsArchiveBox a{
flex-flow: row wrap;
}
.newsArchiveBox .tmBox{
margin-right: 4vw;
flex: 0 1 32vw;
}
.newsArchiveBox .listHeader{
padding-top: 0;
flex: 1 1 53.33333vw;
}
.newsArchiveBox .listHeader h2{
font-size: 3.6rem;
margin-top: 2vw;
}
.newsArchiveBox .listHeader .update{
font-size: 2.6rem;
line-height: 1.4;
}
.newsArchiveBox .listHeader .cat{
font-size: 2.6rem;
line-height: 1.4;
}
.newsArchiveBox .listHeader .more{
font-size: 3.2rem;
height: 10.66667vw;
margin-top: 8.66667vw;
background: url(//www.kohjin.ne.jp/womens-center/wp-content/themes/site_womens_medical_center/img/arrow.svg) no-repeat 35.86667vw center;
background-color: #f398af;
background-size: 2vw auto;
flex: 0 0 41.33333vw;
}
.newsArchiveBox .listHeader .more::after{
display: none;
}
.newsArchiveBox+.newsArchiveBox{
margin-top: 5.33333vw;
padding-top: 5.33333vw;
border-top: .26667vw solid #dcdcdc;
}
.newsArchiveBox:last-child{
padding-bottom: 5.33333vw;
border-bottom: .26667vw solid #dcdcdc;
} .contactPage .obi{
font-size: 5.2rem;
height: 32vw;
margin-bottom: 10.66667vw;
}
.contactPage .formMain{
max-width: none;
padding: 13.33333vw 5.33333vw;
}
.formViewBox .topText{
font-size: 3.2rem;
width: 89.33333vw;
margin: 0 auto 6.66667vw;
}
.formViewBox .formRequire{
font-size: 3.2rem;
width: 18.66667vw;
height: 6.66667vw;
}
.formViewBox select,.formViewBox input[type='text'],.formViewBox input[type='tel'],.formViewBox input[type='number'],.formViewBox input[type='email']{
line-height: 9.33333vw;
height: 9.33333vw;
}
.formViewBox textarea{
height: 53.33333vw;
}
.formViewBox .formRow{
margin-bottom: 8vw;
}
.formViewBox .formBox{
display: block;
}
.formViewBox .formBox .title{
font-size: 3.2rem;
margin-bottom: 2.66667vw;
}
.formViewBox .formBox .title .formRequire{
margin-left: 1.33333vw;
}
.formViewBox .address{
display: block;
}
.formViewBox .address .title{
font-size: 3.2rem;
margin-bottom: 2.66667vw;
}
.formViewBox .address .formBox{
display: flex;
margin: 0;
align-items: center;
}
.formViewBox .address .formBox+.formBox{
margin-top: 4vw;
}
.formViewBox .address .addrTitle{
font-size: 3.2rem;
flex: 0 1 20vw;
}
.formViewBox .address .zipTitle{
font-size: 3.2rem;
flex: 0 1 6.66667vw;
}
.formViewBox .address .addrInput{
flex: 1 1 69.33333vw;
}
.formViewBox .address .addrRow{
display: flex;
align-items: center;
}
.formViewBox .address .addrRow .inputZip{
width: 40vw;
}
.formViewBox .address .addrRow .selectPref{
width: 54.66667vw;
}
.formViewBox .address .addrRow .kome{
font-size: 2.8rem;
}
.formViewBox .address .autoZipBtn{
font-size: 3.2rem;
width: 75.33333vw;
height: 12vw;
margin: 0 0 4vw 6.66667vw;
border: .66667vw solid #ccc;
}
.formViewBox .address .autoZipBtn:hover{
opacity: 1;
}
.formViewBox .telRow .title{
margin-top: 0;
}
.formViewBox .telRow .telKome{
font-size: 2.8rem;
margin-top: 2.66667vw;
}
.formViewBox .accept{
margin: 6.66667vw 0;
margin: 10.66667vw 0;
padding-top: 6.66667vw;
text-align: center;
}
.formViewBox .accept label{
font-size: 3.2rem;
}
.formViewBox .accept input{
margin-right: 2.66667vw;
}
.formViewBox .errorShow{
font-size: 3.2rem;
line-height: 1.5;
margin-top: 1.33333vw;
}
.formViewBox .btnBox .backLink{
font-size: 3.8rem;
height: 13.33333vw;
}
.formViewBox .btnBox .backLinkLong{
width: 64.13333vw;
} .formViewBox .formWallConf .topText{
width: 89.33333vw;
margin: 0 auto 12vw;
text-align: justify;
}
.formViewBox .formWallConf .confRow{
font-size: 3.2rem;
display: block;
}
.formViewBox .formWallConf .confRow dt{
margin-bottom: 3.33333vw;
}
.formViewBox .formWallConf .confRow dd{
margin-left: .68em;
}
.formViewBox .formWallConf .confRow .zip{
text-indent: -.68em;
}
.formViewBox .formWallConf .confRow+.confRow{
margin-top: 10.66667vw;
}
.formViewBox .formWallConf .btnBox{
display: block;
width: 100%;
margin-top: 10.66667vw;
padding-top: 8vw;
border-top: .26667vw solid #ccc;
}
.formViewBox .formWallConf .backLink{
font-size: 3.2rem;
width: 64vw;
margin: 0 auto;
}
.formViewBox .formWallConf .back{
margin-bottom: 5.06667vw;
} .thanksPage{
padding-bottom: 13.33333vw;
}
.thanksPage .title{
font-size: 4.0rem;
margin-bottom: 9.33333vw;
}
.thanksPage .textBox{
width: 89.33333vw;
margin: 0 auto;
text-align: justify;
}
.thanksPage .textBox p{
font-size: 3.2rem;
} .header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthContainer>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>.header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.pageContainer{
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.birthContainer>.pageContainer{
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.footer{
-ms-grid-column: 1;
-ms-grid-row: 3;
}
.birthContainer>.footer{
-ms-grid-column: 1;
-ms-grid-row: 3;
}
.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthContainer>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>.birthHeader{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthContainer>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal .text{
-ms-grid-column: 1;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxLink>.text{
-ms-grid-column: 1;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxNormal .linkBox{
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
}
.ninshinSangoPage .flowBoxLink>.linkBox{
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
}
.ninshinSangoPage .flowBoxNormal .img{
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.ninshinSangoPage .flowBoxLink>.img{
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.ninshinSangoPage .flowBoxLink header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.birthContainer>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxNormal>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink>header{
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.ninshinSangoPage .flowBoxLink .text{
-ms-grid-column: 1;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxLink>.text{
-ms-grid-column: 1;
-ms-grid-row: 5;
}
.ninshinSangoPage .flowBoxLink .linkBox{
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
}
.ninshinSangoPage .flowBoxLink>.linkBox{
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 7;
}
.ninshinSangoPage .flowBoxLink .img{
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.ninshinSangoPage .flowBoxLink>.img{
-ms-grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
}
@media only screen and (max-width: 481px){
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,body{
font-family: 'Noto Sans', 'Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
font-weight: normal;
}
*::-ms-backdrop,p{
font-weight: normal;
}
} .pricePage .ow-block-part18 {
justify-content: center;
margin-bottom:60px;
}
.pricePage .ow-block-part18 .ow-parts-list .ow-parts-list_link {
display: block;
text-align: center;
padding: 15px;
color:#f3688c;
}
.pricePage .ow-block-part18 .ow-parts-list .ow-parts-list_link::after {
right:unset;
width: 0;
height: 0;
background:none;
}
.pricePage .ow-block-part18 .ow-parts-list {
margin:15px;
}
.pricePage .ow-block-part18 .ow-parts-list_text {
margin-bottom:0.5em;
}
.pricePage h3.caption {
text-align: center;
font-size:2.2em;
margin-bottom:12px;
color:#645c5b;
}
.pricePage p.subcaption {
text-align: center;
color:#645c5b;
}
.pricePage .pic2 {
text-align: center;
margin:15px 0 50px 0;
}
.pricePage .pic2 .img {
display: inline-block;
margin:15px;
}
.pricePage .pic2 img {
}
.pricePage .prices {
margin-bottom:3em;
}
.pricePage #price2 {
margin:4em 0 3em 0;
}
.pricePage .prices header {
font-size:1.8em;
color:#fff;
background-color:#f8b1c3;
padding:10px 32px;
}
.pricePage .prices article {
background-color:#fef3f5;
padding: 50px;
}
.pricePage .prices article .room {
border-top:2px solid #fbdee5;
padding-top: 2em;
margin-bottom:2em;
}
.pricePage .prices article .room:first-child {
border-top:none;
padding-top: 0;
}
.pricePage .prices article .room,
.pricePage .prices article .room .thum {
display: flex;
justify-content: space-between;
}
.pricePage .prices article .room .thum {
margin-top:10px;
}
.pricePage .prices article .room .thum .img {
width: 32.3%;
width: 100%;
margin-right:1%;
cursor: pointer;
}
.pricePage .prices article .room .thum img {
width: 100%;
height: auto;
cursor: pointer;
}
.pricePage .prices article .room .thum img.selected {
outline: 2px solid #f5a6bb;
}
.pricePage .prices article .room .thum img:last-child {
margin-right:0;
}
.pricePage .prices article .images,
.pricePage .prices article .room-price {
width: 50%;
}
.pricePage .prices article .images {
padding-right:30px;
}
.pricePage .prices article .room-price {
padding-left:30px;
}
.pricePage .prices article .room-type {
color:#f3688c;
font-size:1.3em;
}
.pricePage .prices article .room-type {
color:#f3688c;
font-size:1.3em;
}
.pricePage .prices article .room-price .room-type {
color:#f3688c;
font-size:1.3em;
font-weight: bold;
}
.pricePage .prices article .room-price .price {
margin:30px 0 35px 0;
}
.pricePage .prices article .room-price .total-price {
}
.pricePage .prices article .room-price .total-caption {
color:#f3688c;
border:1px solid #f3688c;
background-color:#fff;
padding:0.2em 0.5em;
margin-right: 0.1em;
vertical-align: text-bottom;
}
.pricePage .prices article .room-price .total-price-body {
font-size:1.6em;
margin:0 0.15em;
}
.pricePage .prices article .room-price .total-price-yen {
color:#f3688c;
font-weight: bold;
font-size:1.4em;
}
.pricePage .prices article .room-price .price-notes { margin:0.5em 0 3em 3em;
}
.pricePage .prices article .room-price .price-notes a,
.pricePage .prices article .notes a {
color:#e96d12;
}
.pricePage .prices article .room-price .notes {
}
.pricePage .prices article .room-price .notes ul {
list-style-type: disc;
padding-left:1.1em;
}
.pricePage .text-pink {
color:#f3688c;
}
.pricePage .text-orange {
color:#e96d12;
}
.pricePage .prices article .room-price .small {
font-size:0.9em;
}
.pricePage .space {
margin-bottom:2em;
}
.pricePage .table .row {
display: flex;
padding:3px 0;
border-bottom:1px solid #cccccc;
}
.pricePage .table .row:first-child {
border-top:1px solid #cccccc;
}
.pricePage .table dt {
width: 15%;
text-align: center;
background-color:#fbdee5;
display: flex;
align-items: center;
justify-content: center;
}
.pricePage .table dd {
width: 85%;
padding:1em;
}
.pricePage .notes-area {
margin-bottom:5em;
}
.pricePage .notes-area h3 {
background-color:#fbe8eb;
padding:0.6em;
font-size:1.2em;
color:#f3688c;
margin-bottom:1.2em;
font-weight: bold;
}
.pricePage .notes-area p {
margin-bottom:2em;
font-size:1.1em;
line-height: 1.8em;
}
.pricePage .block {
display: flex;
flex-wrap: wrap;
margin-left:-1em;
margin-right:-1em;
}
.pricePage .block .col {
padding:1em;
padding-bottom:1em;
}
.pricePage .block3 .col {
}
.pricePage .block2 .col {
}
.pricePage .block3 .col1 {
width: 33.3%;
}
.pricePage .block3 .col2 {
width: 66.6%;
}
.pricePage .block2 .col1 {
width: 33.3%;
}
.pricePage .block2 .col2 {
width: 66.6%;
}
.pricePage .block3 .col:nth-child(3n) {
}
.pricePage .block2 .col:nth-child(2n) {
}
.pricePage .amenity-area .amenity-caption {
font-size:1.2em;
font-weight: bold;
color:#f3688c;
margin-bottom:0.7em;
}
.pricePage .notes-area .buttons {
text-align: center;
}
.pricePage .notes-area .ow-parts-morebtn {
display: inline-block;
padding:1em 0;
margin:0 1em;
height: unset;
text-align: center;
}
.pricePage .sp {
display:none;
}
@media only screen and (max-width: 767px){
.pricePage .ow-block-part18 .ow-parts-list {
margin-left:0;
margin-right:0;
}
.pricePage .ow-parts-list_link img {
width: 24px;
height: 24px;
}
.pricePage .ow-block-part18 .ow-parts-list .ow-parts-list_link {
padding:10px;
}
.pricePage .sp {
display:inherit;
}
.pricePage .pic2 {
display: flex;
justify-content: space-between;
}
.pricePage .pic2 .img {
margin:0;
width: 48%;
}
.pricePage .prices header {
padding:5px 10px;
font-size:1.5em;
}
.pricePage .prices article {
padding: 1em;
}
.pricePage .prices article .room {
display: block;
border-top:2px solid #fbdee5;
padding-top: 2em;
margin-bottom:2em;
}
.pricePage .prices article .room:first-child {
border-top:none;
padding-top: 0;
}
.pricePage .prices article .images, .pricePage .prices article .room-price {
padding: 0;
width: 100%;
margin-bottom:2em;
}
.pricePage .prices article .room-price {
margin-bottom:0;
}
.pricePage .prices article .room-price .price {
margin: 1em 0;
font-size:1.2em;
}
.pricePage .prices article .room-price .total-price {
text-align: center;
}
.pricePage .prices article .room-price .total-caption {
display: inline-block;
}
.pricePage .prices article .room-price .notes {
font-size:1.2em;
}
.pricePage .table .row {
display: block;
}
.pricePage .table dt {
width: 100%;
padding:0.5em 0;
}
.pricePage .table dd {
width: 100%;
padding:0.8em 0;
}
.pricePage .prices article .room-price .total-price-yen {
font-size:1.6em;
}
.pricePage .notes-area {
margin-bottom:3em;
}
.pricePage .notes-area .ow-parts-morebtn {
margin-bottom:1em;
}
.pricePage .notes-area .ow-parts-morebtn:last-child {
margin-bottom:0;
}
.pricePage .block3 .col1 {
width:50%;
}
.pricePage .block2 .col1,
.pricePage .block2 .col2 {
width: 100%;
}
.pricePage .notes-area h3 {
font-size:1.3em;
}
.pricePage .notes-area p {
margin-bottom: 1.2em;
font-size:1.3em;
}
.pricePage .prices article .room-price .price-notes {
margin-left:auto;
margin-right:auto;
width: 85%;
text-align: left;
font-size:1.1em;
}
}
.menu-sns {
text-align: center;
font-size:3.1rem;
padding: 3vw 6.66667vw;
}
.menu-sns .menu-caption {
margin-bottom: 0.6em;
}
.menu-sns a {
display: inline-block !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.gallerySlide2 .swiper-slide .slide-inner {
text-align:center;
height:0;
padding-top: 61.74%;
position: relative;
}
.gallerySlide2 .swiper-slide .slide-inner a {
position: absolute;
left:0;
top: 0;
bottom: 0;
right: 0;
display: inline-block;
overflow: hidden;
}