@charset "utf-8";


body{
position: relative;
margin: 0;
padding: 0;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif;
}
img{
max-width: 100%;
}
@media screen and (min-width: 1000px) {
body{
font-size:1.4em;
}
} .header{
margin: 0 auto;
background: #fff;
}
.header h1,
.header p{
margin: 0;
padding: 0;
}
header .container{
margin: 0 auto;
padding: 15px 0 0 0;
}
.logo{
width: 70%;
}
@media screen and (max-width: 1000px) {
.logo{
width:60%;
}
}
.logo img{
max-height: 60px;
}
.tel{
width: 15%;
text-align: right;
}
.telforsp{ display: none;}
.telforpc{ display: block;}
.fixed{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 9999;
animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media only screen and (min-width: 1000px) {
.fixed .container{
padding: .5rem 0 0 0;
}
.fixed .logo img,
.fixed .tel img{
height: 40px;
}
.fixed .tel{
text-align: right;
}
.fixed .global-nav__item a{
font-size: .8rem;
}
} .right-fixed-banner {
display: block;
position: fixed;
bottom: 70px;
right: 10px;
width: 100px;
margin-right: 0;
text-align: center;
} #page_top{
width: 100px;
position: fixed;
bottom: 20px;
right: 10px;
}
@media screen and (max-width: 1000px) {
#page_top{
width: 120px;
height: 50px;
position: fixed;
right: 0.7rem;
bottom: 1rem;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width:  120px;
height: 50px;
text-decoration: none;
}
}
.menu{
width: 100%;
margin: 0 auto;
}
#navbarSupportedContent{
margin: 2em 1em 0 0;
}
@media screen and (max-width: 1000px) {
header .container{
margin: 0 auto;
padding: 15px 0 5px 0;
}
.containers{
width: 100%;
margin: 0 auto;
padding: 0px 0 3px 0;
}
.tel{ width: auto; height:55px; text-align:center; position: absolute; top:0; right:54px;}
.tel{ margin-top:7px;}
}
.copy{
text-align: right;
background:#005BAA;
color: #fff;
margin: 0;
padding: 10px;
font-size: 1rem;
}
.copy p{
margin: 0 !important;
} .common_box *{
font-size: 1rem;
}
.common_box img{
max-width: 100%;
}
.purple{
color: #D3EDFB;
}body,html{
overflow-x: hidden;
}
.mainImg{
width: 100%;
text-align: center;
height: 70vh;
background: url(/img/main.png) no-repeat 50% 50%;
background-size: cover; }
.mainImg img{
width:50%;
}
@media screen and (max-width: 1000px) {
.mainImg {
padding: 60px 0;
}
.mainImg img{
width:80%;
}
}
.common-h2 h2{
display: inline-block;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 3px 5px 3px;
border-bottom: 3px solid #005BAA; 
}
.common-h2 span{
display: block;
color: #005BAA;
font-size: 1rem;
} .inner{
max-width: 1100px;
margin: 0 auto;
padding: 5rem 0;
font-size: 1rem;
}
@media screen and (max-width: 1000px) {
.inner{
padding:2em 1em;
}
}
.topicsBox{
padding: 1em 0;
}
.topicsBox ul{
margin: 0;
padding: 0 1em;
}
.topicsBox li{
list-style-type: none;
margin: 0.5em 0;
font-size: 0.8em;
line-height:1.5;
border-bottom: 1px solid #fff;
padding: 1rem;
}
.topicsBox li a{
color:#666;
text-decoration: none;
}
.topicsBox li a:hover{
color:#f60;
}
.topicsBox li span{
color:#005BAA; 
margin-right:1em;
}
@media screen and (max-width: 1000px) {
.topicsBox li span{
display:block;
}
} .pplbg1{
background: #D3EDFB;
} .pplbg2{
background: #EBE4ED;
}
.linkbtn{
clear: both;
margin-top: 3rem;
}
.linkbtn a{
display: table;
border: 3px solid #005BAA; 
padding: 1rem 5rem;
text-align: center;
color: #005BAA; 
text-decoration: none;
font-weight: normal;
margin: 0 auto;
background-color: #fff;
}
.pad5rm{
padding: 5rem;
}
@media screen and (max-width: 1000px) {
.pad5rm{
padding: 3rem;
}
} .guide dt{
color:#D3EDFB;
margin-top: 1rem;
font-size: 1rem;
}
.guide dd{
font-size: 0.8rem;
} .box{
padding: 80px;
}
.bg2{
background: #EBEBEB;
}
@media screen and (max-width: 640px) {
.box{
padding: 60px 20px;
}
.p-table {
width: 100%;
overflow-x:auto;
}
}
.p-table table{
width: 100%;
}
.p-table th,
.p-table td{
padding: 20px;
font-size: 1.3rem;
}
.p-table tr{
border-bottom: 1px solid #009EE7;
}
.p-table th{
text-align: center;
font-weight: normal;
}
.p-table td{
color:#005BAA;
}
.p-table td .row{
font-size: .8rem;
}
.p-table td.bg-none{
background:transparent !important;
border: none;
}
.p-table p{
text-align: left;
margin-top: 1rem;
margin-bottom: 5px;
font-size: 1rem;
}
.p-table p span{
color: #009EE7;
}
.p-table ul{
display: block;
padding: 0;
margin: 0;
}
.p-table li{
display: inline-block;
margin: 0 1em;
}
.text-left{
text-align: left;
} .f80{
font-size: 1rem;
letter-spacing: 1px;
line-height: 1.5;
}
.clinic_name{
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
}
.clinic_name small{
padding: 0 2rem;
font-size: .8rem;
}
.adtable{
margin: 1em 0;
}
.access h3{
color: #005BAA;
font-size: .8rem;
margin-top: 1rem;
font-weight: bold;
}
.adtable th{
color: #005BAA;
padding-right: 1em;
}
.access p{
margin: 0 0 10px 0;
}
.access p strong{
color: #005BAA;
}
@media screen and (max-width: 640px) {
.accessmap img{
height: auto;
margin-bottom: 1em;
}
.clinic_name small{
display: block;
padding: 0;
}
}  .area{
font-size: 1rem;
}
.area h3{
font-size: 1rem;
color: #D3EDFB;
}
.f1{
font-size: 1rem;
} .page-title{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding:4rem;
}
.page-title-name{
display: inline-block;
padding: 2rem 4rem;
background: rgba(255, 255, 255, 0.55);
margin: 0 !important;
}
.page-title-name .jp{
display: block;
text-align: center;
line-height: 1;
font-size: 2rem;
font-weight: 700;
color: #000000;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
border-bottom: 5px solid #005BAA;
padding: 0 .2em .4em .2em;
}
.page-title-name .en{
display: block;
text-align: center;
line-height: 1.2;
font-size: 1rem;
font-weight: 500;
color: #005BAA;
margin-top: .6em;
}
@media screen and (max-width: 1099.98px) {
.page-title-name .jp{
font-size: 1,2rem;
}
.page-title-name .en{
font-size: 18px;
}
}
@media screen and (max-width: 767.98px) {
.page-title{
height: 220px;
font-feature-settings: 'palt';
}
.page-title-name .jp{
font-size: 1.2rem
}
.page-title-name .en{
font-size: 12px;
}
.page-title-name{
padding:.8em .8em;
}
}
@media screen and (max-width: 479.98px) {
.page-title{
height: 200px;
}
.page-title-name .jp{
font-size: 26px;
}
} .mind-greeting{
margin-top: 4em;
display: flex;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.mind-greeting-main{
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 880px;
padding: 1em 3.2em;
background-color: #F2F1F1;
}
.mind-greeting-text{
font-size: 1rem;
color: #666666;
line-height: 1.9;
font-weight: 500;
font-feature-settings: 'palt';
margin: 0 !important;
}
.mind-greeting-image{
width: 50%;
height: 880px;
}
.mind-greeting-image img{
width: 100%;
height: 880px;
object-fit: cover;
}
@media screen and (max-width: 1439.98px) {
.mind-greeting-main{
padding: 1em 2em;
}
.mind-greeting-text{
font-size: 1rem;
}
}
@media screen and (max-width: 1269.98px) {
.mind-greeting-text{
font-size: 1rem
}
.mind-greeting-main{
height: 600px;
}
.mind-greeting-image{
height: 600px;
}
.mind-greeting-image img{
height: 600px;
}
}
@media screen and (max-width: 1099.98px) {
.mind-greeting-text{
font-size: 16px;
}
.mind-greeting-main{
height: 500px;
padding: 1em 1.5em;
}
.mind-greeting-image{
height: 500px;
}
.mind-greeting-image img{
height: 500px;
}
}
@media screen and (max-width: 767.98px) {
.mind-greeting-text{
font-size: 14px;
}
.mind-greeting{
margin-top: 2em;
flex-direction: column;
}
.mind-greeting-main{
width: 100%;
height: auto;
padding: 2em 1em;
}
.mind-greeting-image{
width: 100%;
height: 300px;
}
.mind-greeting-image img{
height: 300px;
}
}
.mind-clinic{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.mind-clinic-block{
padding: 4em 4em;
}
.mind-clinic-block:not(:last-child){
border-bottom: 1px solid #979899;
}
.common-heading{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 2em;
}
.common-heading .jp{
display: block;
line-height: 1.2;
font-size: 2rem;
font-weight: 700;
color: #000000;
border-bottom: 4px solid #D3EDFB;
padding: 0 .5em .08em .15em;
}
.common-heading .en{
display: block;
line-height: 1.2;
font-size: 1rem;
font-weight: 500;
color: #D3EDFB;
margin-top: .6em;
padding: 0 0 0 .45em;
}
.common-subheading{
position: relative;
display: block;
line-height: 1.2;
padding-left: 1.5rem;
font-size: 1.3rem;
font-weight: 700;
color: #000000;
}
.common-subheading::before{
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width:20px ;
height: 20px;
background-color: #D3EDFB;
}
.mind-clinic-wrap{
display: flex;
justify-content: center;
align-items: center;
margin-top: 3em;
}
.mind-clinic-main{
margin-left: 5em;
}
.mind-clinic-define:not(:last-child){
margin-bottom: 1.2em;
}
.mind-clinic-define dt{
font-size: 1.3rem;
line-height: 1.2;
font-weight: 700;
color: #666666;
font-feature-settings: 'palt';
margin-bottom: .5rem;
}
.mind-clinic-define dd{
font-size: 1rem;
line-height: 1.9;
font-weight: 500;
color: #666666;
font-feature-settings: 'palt';
padding: 0 1rem;
border-left: 2px dotted #efefef;
}
.mind-clinic-main p{
font-size: 1rem;
}
.mind-clinic-text{
font-size: 1rem;
line-height: 1.9;
font-weight: 500;
color: #666666;
font-feature-settings: 'palt';
}
@media screen and (max-width: 1439.98px) {
.mind-clinic-define dt{
font-size: 1.2rem
}
.mind-clinic-define dd{
font-size: 1rem
}
.mind-clinic-main{
margin-left: 3em;
}
.mind-clinic-define:not(:last-child){
margin-bottom: 1em;
}
.mind-clinic-text{
font-size: 1rem
}
}
@media screen and (max-width: 1099.98px) {
.mind-clinic-block{
padding: 2em 2em;
}
.common-heading{
margin-bottom: 1em;
}
.common-heading .jp{
font-size: 28px;
}
.common-heading .en{
font-size: 16px;
margin-top: .45em;
padding: 0 0 0 .36em;
}
.common-subheading{
font-size: 1rem;
}
.common-subheading::before{
width:20px ;
height: 20px;
}
.mind-clinic-wrap{
margin-top: 1.5em;
}
.mind-clinic-define dt{
font-size: 1rem
}
.mind-clinic-define dd{
font-size: 16px;
}
.mind-clinic-text{
font-size: 16px;
}
}
@media screen and (max-width: 767.98px) {
.mind-clinic-define dt{
font-size: 18px;
}
.mind-clinic-define dd{
font-size: 14px;
}
.mind-clinic-text{
font-size: 14px;
}
.mind-clinic-wrap{
flex-direction: column;
}
.mind-clinic-main{
margin-left: 0;
margin-top: 2.2em;
}
.mind-clinic-image{
max-width: 350px;
}
.common-subheading{
font-size: 1rem
}
.common-subheading::before{
width:16px ;
height: 16px;
}
}
@media screen and (max-width: 479.98px) {
.mind-clinic-block{
padding: 1.5em 1em;
}
.mind-clinic-define dt{
font-size: 16px;
}
.mind-clinic-define dd{
font-size: 12px;
}
.mind-clinic-text{
font-size: 12px;
}
.common-subheading{
font-size: 18px;
}
.common-subheading::before{
width:14px ;
height: 14px;
}
}
.mind-common-anchor{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
padding: 2em 4em ;
margin-top: 2em;
background-color: #F2F1F1;
}
.mind-common-anchor .anchor-wrap{
display: flex;
flex-wrap: wrap;
}
.mind-common-anchor .anchor-wrap .anchor-item{
width: 33%;
height: 240px;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(2n){
background-color: #EFE8FF;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(2n+1){
background-color: #fff;
} .mind-common-anchor .anchor-wrap .anchor-item .anchor-link{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none !important;
padding: .5em .5em .5em .5em !important;
margin: 0 !important;
transition: opacity .3s ease;
}
.mind-common-anchor .anchor-wrap .anchor-item .anchor-link:hover{
opacity: .7;
}
.mind-common-anchor .image{
max-width: 130px;
width: 100%;
}
.mind-common-anchor span{
display: block;
color: #666666;
font-size: 34px;
line-height: 1.2;
font-weight: 500;
font-feature-settings: 'palt';
margin-left: 1.5em;
}
@media screen and (max-width: 1599.98px) {
.mind-common-anchor{
padding: 2em 2em ;
}
}
@media screen and (max-width: 1439.98px) {
.mind-common-anchor span{
font-size: 1.3rem;
margin-left: 1em;
}
.mind-common-anchor .image{
max-width: 80px;
width: 100%;
}
.mind-common-anchor .anchor-wrap .anchor-item{
height: 180px;
}
}
@media screen and (max-width: 1099.98px) {
.mind-common-anchor .anchor-wrap .anchor-item{
width: 50%;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(1){
background-color: #fff;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(2){
background-color: #EFE8FF;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(3){
background-color: #EFE8FF;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(4){
background-color: #fff;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(5){
background-color: #fff;
}
.mind-common-anchor .anchor-wrap .anchor-item:nth-child(6){
background-color: #EFE8FF;
}
}
@media screen and (max-width: 767.98px){
.mind-common-anchor{
padding: 1em 1em ;
}
.mind-common-anchor span{
font-size: 16px;
margin-left: 1em;
}
.mind-common-anchor .image{
max-width: 50px;
width: 100%;
}
.mind-common-anchor .anchor-wrap .anchor-item{
height: 130px;
}
}
@media screen and (max-width: 479.98px){
.mind-common-anchor{
padding: .5em ;
}
.mind-common-anchor span{
font-size: 13px;
margin-left: 1em;
}
.mind-common-anchor .image{
max-width: 35px;
width: 100%;
}
.mind-common-anchor .anchor-wrap .anchor-item{
height: 90px;
}
}
.mind-common-contents{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.mind-common-block{
padding:4.5em 4em;
}
.mind-common-block:nth-child(2n){
background-color: #F2F1F1;
}
.mind-common-block:nth-child(2n+1){
background-color: #fff;
}
.mind-common-header{
margin-bottom: 2em;
}
.mind-common-body dl:not(:last-child){
margin-bottom: 2em;
}
.mind-common-body dl dt{
display: block;
line-height: 1.2;
font-size: 1.3rem;
color: #666666;
font-weight: 700;
margin-bottom: 10px;
font-feature-settings: 'palt';
}
.mind-common-text{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
font-feature-settings: 'palt';
padding: .5rem;
}
@media screen and (max-width: 1439.98px) {
.mind-common-block{
padding: 2em;
}
.mind-common-body dl dt{
font-size: 1.2rem
}
.mind-common-text{
font-size: 1rem
}
}
@media screen and (max-width: 1099.98px) {
.mind-common-body dl dt{
font-size: 1.3rem;
}
.mind-common-text{
font-size: 16px;
}
}
@media screen and (max-width: 767.98px) {
.mind-common-block{ }
.mind-common-body dl dt{
font-size: 18px;
}
.mind-common-text{
font-size: 14px;
line-height: 1.6;
}
.mind-common-header{
margin-bottom: .8em;
}
.mind-common-body dl:not(:last-child){
margin-bottom: 1.3em;
}
}
.anchor-point {
display: block;
}
.anchor-point::before{
content: "";
display: block;
position: relative;
height: 1px;
margin-top: -251px;
padding-bottom: 250px;
background: transparent;
z-index: -100;
} .info-intro{
padding: 3em 1em;
}
.info-intro .br{
display: none;
}
.info-intro-heading{
color: #4C4948;
display: block;
text-align: center;
line-height: 1.2;
font-weight: 700;
font-size: 2rem;
margin: 0 !important;
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.info-about{
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.info-about-block{
display: flex;
}
.info-about-block.__type2{
flex-direction: row-reverse;
}
.info-about-main{
width: 65%;
padding: 4em;
}
.info-about-main.__type1{
background-color: #fff;
}
.info-about-main.__type2{
background-color: #F2F1F1;
}
.info-about-image{
position: relative;
width: 35%;
}
@media screen and (min-width: 768px){
.info-about-image img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
.info-about-body dl:not(:last-child){
margin-bottom: 2em;
}
.info-about-body dl dt{
display: block;
line-height: 1.8;
font-size: 2rem;
color: #666666;
font-weight: 700;
margin-bottom: 15px;
font-feature-settings: 'palt';
}
.info-about-text{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
font-feature-settings: 'palt';
}
.info-about-text p:not(:last-child){
margin-bottom: 1em;
}
@media screen and (max-width: 1599.98px) {
.info-intro-heading{
font-size: 2rem;
}
}
@media screen and (max-width: 1439.98px) {
.info-about-body dl dt{
font-size: 1.2rem
}
.info-about-text{
font-size: 1rem
}
.info-about-main{
padding: 2em;
}
}
@media screen and (max-width: 1099.98px) {
.info-intro-heading{
font-size: 1rem
}
.info-intro{
padding: 2em 1em;
}
.info-about-body dl dt{
font-size: 1.3rem;
}
.info-about-text{
font-size: 16px;
}
}
@media screen and (max-width: 767.98px) {
.info-intro-heading{
font-size: 16px;
}
.info-about-body dl dt{
font-size: 18px;
}
.info-about-text{
font-size: 14px;
line-height: 1.6;
}
.info-about-body dl:not(:last-child){
margin-bottom: 1.3em;
}
.info-about-block{
flex-direction: column;
}
.info-about-block.__type2{
flex-direction: column;
}
.info-about-main{
width: 100%;
}
.info-about-image{
width: 100%;
transform: scale(1.1, 1);
}
.info-about-image img{
width: 100%;
height: 300px;
object-fit: cover;
}
}
@media screen and (max-width: 479.98px) {
.info-about-main{
padding:1.5em 1em;
}
.info-intro .br{
display: block;
}
.info-about-image img{
height: 200px;
}
}
.info-flow{
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.info-flow-header{
padding: 4em;
}
.info-flow-block{
display: flex;
}
.info-flow-block.__type2{
flex-direction: row-reverse;
}
.info-flow-main{
display: flex;
align-items: center;
justify-content: center;
width: 70%;
min-height: 520px;
padding: 3em;
}
.info-flow-main.__type1{
background-color: #F2F1F1;
}
.info-flow-main.__type2{
background-color: #fff;
}
.info-flow-image{
position: relative;
width: 30%;
}
.info-flow-define{
margin-left: 4em;
margin-bottom: 0;
}
.info-flow-define dt{
display: block;
line-height: 1.2;
font-size: 1.5rem;
color: #666666;
font-weight: 700;
margin-bottom: 15px;
font-feature-settings: 'palt';
}
.info-flow-define dt span{
color: #D3EDFB;
font-weight: 700;
}
.info-flow-define dd{
margin: 0;
}
.info-flow-text{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
font-feature-settings: 'palt';
}
.info-flow-text p{
margin: 0;
}
.info-flow-text p:not(:last-child){
margin-bottom: 1em;
}
@media screen and (min-width: 768px){
.info-flow-image img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media screen and (max-width: 1439.98px) {
.info-flow-define dt{
font-size: 1.2rem
}
.info-flow-text{ }
.info-flow-main{
padding: 2em;
}
.info-flow-define{
margin-left: 2em;
}
}
@media screen and (max-width: 1099.98px) {
.info-flow-define dt{
font-size: 1.3rem;
}
.info-flow-text{
font-size: 16px;
}
.info-flow-icon{
max-width: 100px;
}
.info-flow-header{
padding: 2em;
}
}
@media screen and (max-width: 767.98px) {
.info-flow-define dt{
font-size: 18px;
}
.info-flow-text{
font-size: 14px;
line-height: 1.6;
}
.info-flow-define:not(:last-child){
margin-bottom: 1.3em;
}
.info-flow-block{
flex-direction: column-reverse;
}
.info-flow-block.__type2{
flex-direction: column-reverse;
}
.info-flow-main{
width: 100%;
min-height: auto;
padding: 2em 1em;
}
.info-flow-image{
width: 100%;
transform: scale(1.1, 1);
}
.info-flow-image img{
width: 100%;
height: 230px;
object-fit: cover;
}
}
@media screen and (max-width: 479.98px) {
.info-flow-main{
flex-direction: column;
}
.info-flow-define{
margin: 1.3em 0 0 0;
width: 100%;
}
.info-flow-header{
padding: 2em 1em;
}
}
.about-psy{
padding: 4em;
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.info-gallery{
padding-top: 4em;
}
.info-gallery-header{
padding: 0 4em;
}
.info-gallery-main{
padding: 2.5em 4em;
}
.info-gallery-main h4{
display: block;
line-height: 1.2;
font-size: 1.5rem;
color: #666666;
font-weight: 700;
margin-bottom: 15px;
font-feature-settings: 'palt';
}
.info-gallery-main p{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
margin: 0;
font-feature-settings: 'palt';
}
.about-psy-text{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
margin: 0;
font-feature-settings: 'palt';
}
.info-gallery-images{
display: flex;
}
.info-gallery-image{
width: 50%;
}
.info-gallery-image img{
width: 100%;
height: 536px;
object-fit: cover;
}
@media screen and (max-width: 1439.98px) {
.info-gallery-main h4{
font-size: 1.2rem
}
.info-gallery-main p{
font-size: 1rem
}
.about-psy-text{
font-size: 1rem
}
.info-gallery-image img{
height: 450px;
}
.about-psy{
padding: 2em;
}
}
@media screen and (max-width: 1099.98px) {
.info-gallery-main h4{
font-size: 1.3rem;
margin-bottom: 8px;
}
.info-gallery-main p{
font-size: 16px;
}
.about-psy-text{
font-size: 16px;
}
.info-gallery{
padding-top: 2em;
}
.info-gallery-header{
padding: 0 2em;
}
.info-gallery-main{
padding: 2em 2em;
}
.info-gallery-image img{
height: 350px;
}
}
@media screen and (max-width: 767.98px) {
.info-gallery-main h4{
font-size: 18px;
margin-bottom: 5px;
}
.info-gallery-main p{
font-size: 14px;
line-height: 1.6;
}
.about-psy-text{
font-size: 14px;
line-height: 1.6;
}
.info-gallery-image img{
height: 250px;
}
.about-psy{
padding: 1em;
}
}
@media screen and (max-width: 479.98px) {
.info-gallery-header{
padding: 0 1em;
}
.info-gallery-main{
padding: 1em 1em;
}
.info-gallery-image img{
height: 180px;
}
}
.about-flow{
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.about-flow .info-flow-main.__type1{
background-color: #fff;
}
.about-flow .info-flow-main.__type2{
background-color: #F2F1F1;
}
.about-area{
display: flex;
font-feature-settings: 'palt';
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
}
.about-area-image{
width: 45%;
height: 616px;
}
.about-area-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.about-area-main{
display: flex;
justify-content: center;
flex-direction: column;
width: 55%;
height: 616px;
padding: 2em 5em;
}
.about-area-header{
margin-bottom: 2em;
}
.about-area-heading{
display: block;
line-height: 1.2;
margin: 0;
text-align: left;
}
.about-area-heading span{
display: block;
}
.about-area-heading .jp{
position: relative;
font-size: 2rem;
font-weight: 700;
color: #000000;
padding-left: .12em;
}
.about-area-heading .en{
position: relative;
font-size: 1rem;
font-weight: 500;
color: #005BAA;
padding: .6em 0 0 .45em;
margin-top: .3em;
}
.about-area-heading .en::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 240px;
height: 4px ;
background-color: #005BAA;
}
.about-area-define{
display: flex;
align-items: flex-start;
margin: 0;
}
.about-area-define:first-child{
margin-bottom: 1em;
}
.about-area-define dt{
display: flex;
align-items: center;
}
.about-area-define dd{
display: block;
line-height: 1.9;
font-size: 1rem;
color: #666666;
font-weight: 500;
margin: -.31em 0 0 0;
font-feature-settings: 'palt';
}
.about-area-define .accent{
display: block;
width: 100px;
height: 34px;
margin-right: 1.5em;
}
.about-area-define .ttl{
position: relative;
display: block;
width: 7.3em;
line-height: 1.2;
font-size: 1rem;
color: #D3EDFB;
font-weight: 500;
padding-left: 1.8rem;
}
.about-area-define .ttl::before{
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 22px;
height: 22px;
background-color: #D3EDFB;
}
.about-area-define .accent1{
background-color: #ECA642;
}
.about-area-define .accent2{
background-color: #FAD49B;
}
@media screen and (max-width: 1599.98px) {
.about-area-main{
padding: 2em 2em;
}
.about-area-define dd{
font-size: 1rem;
margin: -.25em 0 0 0;
}
}
@media screen and (max-width: 1439.98px) {
.about-area-define dd{
font-size: 1.3rem;
margin:0;
}
.about-area-define{
flex-direction: column;
}
.about-area-define dt{
margin-bottom: .5em;
}
.about-area-define .accent{
width: 70px;
height: 24px;
margin-right: 1em;
}
.about-area-heading .jp{
font-size: 2rem;
}
.about-area-heading .en{
font-size: 1rem
}
}
@media screen and (max-width: 1099.98px){
.about-area{
flex-direction: column;
}
.about-area-image{
width: 100%;
height: auto;
}
.about-area-image img{
width: 100%;
height: auto;
object-fit: cover;
}
.about-area-main{
width: 100%;
height: auto;
padding: 4em 4em;
}
}
@media screen and (max-width: 767.98px){
.about-area-main{
padding: 2em 2em;
}
.about-area-define dd{
font-size: 16px;
margin:0;
}
.about-area-define{
flex-direction: column;
}
.about-area-define dt{
margin-bottom: .5em;
}
.about-area-define .accent{
width: 50px;
height: 16px;
margin-right: 1em;
}
.about-area-heading .jp{
font-size: 28px;
}
.about-area-heading .en{
font-size: 16px;
}
.about-area-heading .en::before{
width: 150px;
}
.about-area-header{
margin-bottom: 1.3em;
}
.about-area-define .ttl{
font-size: 1rem
}
.about-area-define .ttl::before{
width: 16px;
height: 16px;
}
}
@media screen and (max-width: 479.98px){
.about-area-main{
padding: 1.5em 1em;
}
} #First-examination {
height: 1px;
display: block;
padding-top: 100px;
margin-top: -100px;
}
@media screen and (max-width: 800px){
#First-examination {
height: 1px;
display: block;
padding-top: 60px;
margin-top: -60px;
}
}
#Re-examination {
height: 1px;
display: block;
padding-top: 100px;
margin-top: -100px;
}
@media screen and (max-width: 800px){
#Re-examination {
height: 1px;
display: block;
padding-top: 60px;
margin-top: -60px;
}
} .br-sp {
display: none;
}
@media (max-width: 800px) {
.br-sp {
display: block;
}
}
@media only screen and (max-width: 800px) {
.sec .inner{
padding: 1em;
}
}
.common-h3{
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 1em;
}
.color-blue{
color: #005BAA;
}
.common-h4{
font-size: 1rem;
font-weight:bold;
}
.bg-glay{
background: #EDEDED;
}
.w50p{
width: 50%;
}
@media only screen and (max-width: 800px) {
.w50p{
width: 100%;
}
}
.pagenation{
display: flex;
flex-direction: column;
align-items: center;
}
.pagenation a{
text-decoration:none !important;
}
.nav-links {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.nav-links a.page-numbers {
display: block;
margin: 0 2px;
padding: 0.5em;
border: 1px solid #005BAA;
background: #fff;
min-width: 40px;
min-height: 40px;
text-align: center;
position: relative;
color:#005BAA;
}
.nav-links span.page-numbers a {
display: block;
min-width: 40px;
min-height: 40px;
text-align: center;
color: #005BAA !important;
text-decoration: none !important;
}
.nav-links span.current {
min-width: 40px;
min-height: 40px;
padding: 0.5em;
text-align: center;
color: #fff;
background: #005BAA;
}
.nav-links .prev,
.nav-links .next {
display: block;
min-width: 30px;
min-height: 40px;
text-align: center;
}* {
box-sizing: border-box;
}
.headList{
display: none;
}
.global-nav {
position: fixed;
left: -320px;
top: 0;
width: 250px;
height: 100vh;
transition: all .6s;
z-index: 200;
overflow-y: auto;
}
@media only screen and (max-width: 1000px) {
.global-nav {
background: #005BAA;
}
}
.hamburger {
position: absolute;
right: 2px;
top: 2px;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 300;
background: #005BAA;
}
.global-nav__list {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
width: 100%;
}
.global-nav__item {
text-align: center;
}
.global-nav__item a {
display: block;
font-size: 1.0rem;
text-decoration: none;
line-height: 2.5em;
color: #fff;
padding: 0.7em;
border-bottom: 1px dotted #ccc;
}
.global-nav__item :hover {
display: block;
}
.hamburger__line {
position: absolute;
left: 13px;
width: 25px;
height: 2px;
background-color: #fff;
transition: all .6s;
}
.hamburger__line--1 {
top: 15px;
}
.hamburger__line--2 {
top: 23px;
}
.hamburger__line--3 {
top: 31px;
}
.black-bg {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all .6s;
cursor: pointer;
} .nav-open .global-nav {
left: 0;
}
.nav-open .black-bg {
opacity: .8;
visibility: visible;
}
.nav-open .hamburger__line--1 {
transform: rotate(405deg);
top: 23px;
background-color:#fff;
}
.nav-open .hamburger__line--2 {
width: 0;
left: 50%;
}
.nav-open .hamburger__line--3 {
transform: rotate(-405deg);
top: 23px;
background-color:#fff;
}
@media screen and (min-width: 1000px) {
.global-nav {
position: relative;
left: 0;
width: auto;
height: auto;
padding: 0 0 0 15px;
}
.global-nav li{
padding: 5px;
}
.headList{
display: block;
}
.global-nav__item a {
border-bottom: none;
}
.hamburger {
display: none;
}
.header nav ul {
display: table;
margin: 0 auto;
padding: 0;
width: auto;
}
.header nav ul li {
display: table-cell;
font-size: 1rem;
padding: 0 0.2em;
}
.header nav ul li a {
text-decoration: none;
color: #000;
}
.header nav ul li a:hover {
color: #333;
}
}.news-topics{
list-style-type: none;
border-bottom: 1px dotted #ccc;
padding: 20px 0;
}
.news-topics p{
margin-bottom: 0;
}
.news-topics a{
display: flex;
text-decoration: none;
color: #333;
}
.news-topics .news-date{
width: 15%;
font-weight: bold;
}
.news-title{
text-decoration: underline;
}
@media screen and (max-width: 1099.98px){
.news-topics a{
display: block;
}
.news-topics .news-date{
width: 100%;
margin-bottom: 10px;
}
.news-title{
margin-left: 1rem;
}
}
.news-container h2{
margin-top: 4rem;
margin-bottom: 2rem;
padding: 1rem;
background: #005BAA;
color: #fff;
}
.news-container h2 span{
display: block;
text-align: left;
font-weight: bold;
font-size: 1.2rem;
}
.news-detail-date{
text-align: right;
margin-bottom: 1rem;
}
.news-back{
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid #ccc;
text-align: center;
}