/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
/* index
-----------------------------------------------------------*/
.home .Inline{
text-align:center;
}
.home h2{
font-size:200%;
position:relative;
overflow: hidden;
padding:1em 0;
line-height: 1.3;
}
.home h2 span.tBg{
display: block;
position:relative;
z-index:1;
background-color:#fff;
padding-bottom:10px;
}
.home h2:after{
content:none;
}
.home h2.bttl:before{
content:"";
height:2px;
width:100%;
border-top:solid 2px #07367F;
transform: rotate(-45deg);
position:absolute;
bottom:50%;
right:0%;
z-index:0;
}
.home .Inline li{display: inline-block;margin-left:1em;margin-right: 1em;}
.dayLists li a{
display:block;
padding:1em;
border:solid 1px #E5E5E5;
}
.dayLists li{
margin-top:1em;
}
.home .dayLists li{
margin-top:0;
}
.dayLists li a strong{
display: block;
padding-top:1em;
}
.dayLists li a time{
padding-top:1em;
}
@media only screen and (max-width: 767px){
    .home .dayLists li{
    margin-top:1em;
    }
    .home #inContent .linkBtn li,
    .home #inContent .linkBtn li a{
    display: block;
    }
    .home #inContent .linkBtn li{
    margin-top:1em;
    }
    .home .Inline li{
    margin-left:0;
    margin-right: 0;
    }
}
@media only screen and (max-width: 590px){
    .home .dayLists li{
    float:none;
    width:auto;
    margin-left:0;
    margin-top:0.5em;
    }
}
.home ul.ttlBg{margin-top:0;}
.home ul.ttlBg img{opacity: 0.7; filter: alpha(opacity=70);}
.home ul.ttlBg li{
position:absolute;
background-color:#2F4899;
width:100%;
height:100%;
}
.home ul.ttlBg li:first-child{
z-index:5;
}
.home ul.ttlBg li:nth-child(2){
z-index:4;
}
.home ul.ttlBg li:last-child{
z-index:3;
}
.home #ttlWrap{
height:85vh;
min-height: 600px;
position:relative;
overflow: hidden;
}
@media only screen and (max-width: 1215px){
    .home #ttlWrap{
    height:90vh;
    min-height: 600px;
    }
}
@media only screen and (max-width: 767px){
    .home #ttlWrap{
    height:85vh;
    min-height: 500px;
    }
}
@media only screen and (max-width: 500px){
    .home #ttlWrap{
    height:90vh;
    min-height: 400px;
    }
}
.home .ttlBg img.kv{
position:relative;
z-index: 0;
}
.home #ttlWrap .ttlBg img.kv{
width:100% !important;
height:auto !important;
}
@media only screen and (max-width: 1215px){
    .home #ttlWrap .ttlBg img.kv{
    width:auto !important;
    height:100% !important;
    }
}

.home #ttlWrap .ttlBg li:nth-child(2) .txt img{
width:60%;
}
.home #ttlWrap .ttlBg li:nth-child(2) .txt{
text-align:center;
}
.home .ttlBg .txt{
display: table;
position:absolute;
z-index: 1;
top:50%;
left:50%;
border:solid 1px #fff;
padding:2em;
width:300px;
min-height:300px;
margin-top:-170px;
margin-left:-170px;
}
@media only screen and (max-width: 440px){
    .home .ttlBg .txt{
    width:250px;
    min-height:300px;
    margin-left:-155px;
    margin-top:-180px;
    }
}

.home .ttlBg .txt .txtvup{
display: table-cell;
vertical-align: middle;
}
.home .ttlBg .inTxt{
display: block;
margin-top:2em;
font-size:14px;
}
/*.ttlBg img{
    filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}*/

.home #ttlWrap:after{
content:"";
display:inline-block;
width:3em;
height:2.5em;
background:url("/asset/img_cmn/icon_scroll.svg") 50% 50% no-repeat;
background-size:100% auto;
position:absolute;
z-index:6;
bottom:5px;
left:50%;
margin-left:-1.5em;
}
.home #ttlWrap:after{
animation: SlideIny 0.6s 2s infinite alternate;
opacity: 0.8;
}

/* CSSアニメーションの設定 */
@keyframes SlideIny {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}

@media only screen and (max-width: 1030px){
    .home .ttlBg img{
    height:auto;
    width:100%;
    }
}
@media only screen and (max-width: 767px){
    .home .ttlBg img{
    height:100%;
    width:auto;
    }
}

/* indexNews */
.indexNews h3{
float:left;
width:20%;
}
.indexNews ul{
float:right;
width:78%;
}
.indexNews:after{
content:"";
display: block;
height:0;
visibility: hidden;
clear:both;
}
@media only screen and (max-width: 767px){
.indexNews h3,
.indexNews ul{
float:none;
width:auto;
}
.indexNews ul{
margin-top:0;
}
.indexNews ul li{
margin-top:1em;
}
}
/* about
-----------------------------------------------------------*/
.aboutThum figure.col2{
width:65.5%;
}
.aboutThum figure.col1{
width:34.4%;
}
@media only screen and (max-width: 767px){
    .aboutThum figure.col2,
    .aboutThum figure.col1{
    width:auto;
    }
    .aboutThum figure.col1{margin-top:0;}
}
.aboutThum figure.col1{
margin-left:0;
}


/* service
-----------------------------------------------------------*/

.BeGuidelines{
counter-reset:number;
text-align:center;
}
.BeGuidelines dt{
color:#2F4899;
font-size:1.5em;
}
.BeGuidelines dt:before{
content:"";
width:6em;
height:2.5em;
display:block;
background:url("/asset/img/num1.svg") 0 0 no-repeat;
background-size: 100% auto;
margin-left:auto;
margin-right: auto;
}
.BeGuidelines dl:nth-child(2) dt:before{
background:url("/asset/img/num2.svg") 0 0 no-repeat;
background-size: 100% auto;
}
.BeGuidelines dl:nth-child(3) dt:before{
background:url("/asset/img/num3.svg") 0 0 no-repeat;
background-size: 100% auto;
}
.BeGuidelines dl:nth-child(4) dt:before{
background:url("/asset/img/num4.svg") 0 0 no-repeat;
background-size: 100% auto;
}
.BeGuidelines dl:nth-child(5) dt:before{
background:url("/asset/img/num5.svg") 0 0 no-repeat;
background-size: 100% auto;
}
.BeGuidelines dl:nth-child(6) dt:before{
background:url("/asset/img/num6.svg") 0 0 no-repeat;
background-size: 100% auto;
}

.BeGuidelines dl{
border:solid 1px #CCC;
padding:3em 0;
text-align:center;
display: inline-block;
width:31%;
margin-left:2%;
vertical-align: top;
}
.BeGuidelines dl dt,
.BeGuidelines dl dd{
padding-left:1.5em;
padding-right:1.5em;
}
.BeGuidelines dl:first-child{
margin-left:0;
}
@media only screen and (max-width: 900px){
    .BeGuidelines dl{
    padding:2em 0;
    font-size:80%;
    }
    .BeGuidelines dl dt,
    .BeGuidelines dl dd{
    padding-left:1em;
    padding-right:1em;
    }
}
@media only screen and (max-width: 767px){
    .BeGuidelines dl{
    width:auto;
    display: block;
    margin-left: 0;
    font-size:100%;
    }
}

/* lineupConWrap */
.lineupConWrap{
margin-top:4em;
}
.lineupConWrap div:first-child{
border-top:solid 1px #ccc;
}
.lineupCon{
display: table;
border-bottom:solid 1px #ccc;
width:100%;
}
.lineupCon h3,
.lineupCon .inTxt,
.lineupCon figure{
display: table-cell;
width:33%;
vertical-align: top;   
}
.lineupCon h3{
width:20%;
padding-top:0.5em;
line-height: 1.3;
}
.lineupCon .inTxt{
width:50%;
}
.lineupCon figure{
width:30%;
}
.lineupCon .inTxt p,
.lineupCon .inTxt ul{
padding-right: 6em;
}
.lineupCon .inTxt ul.linkBtn li a{
padding:10px 10em;
}
@media only screen and (max-width: 1400px){
    .lineupCon .inTxt ul.linkBtn li,
    .lineupCon .inTxt ul.linkBtn li a{
    display: block;
    }
    .lineupCon .inTxt ul.linkBtn li a{
    padding:10px 0;
    }
}
@media only screen and (max-width: 767px){
    .lineupConWrap,
    .lineupCon{
    display:block;
    }
    .lineupCon h3,
    .lineupCon .inTxt,
    .lineupCon figure{
    display:block;
    width:100%;
    }
    .lineupCon .inTxt p,
    .lineupCon .inTxt ul{
    padding-right: 0;
    }
}

/* flowWrap */
.flowWrap{
position: relative;
padding-top:50px;
margin-top:4em;
color:#2F4899;
}

/* back bg */
.flowWrap:after,
.flowWrap:before,
.flowWrap .columG2 > div.col:first-child h3,
.flowWrap .columG2 > div.col:nth-child(2) h3{
width:45%;
}
.flowWrap:after,
.flowWrap:before{
position: absolute;
content:"";
display: block;
top:0;
bottom:0;
background-color:#EAEDF5;
z-index: -1;
}
.flowWrap:after{left:0;}
.flowWrap:before{right:0;background-color:#2F4899;}

/* back h3 */
.flowWrap h3{
position: absolute;
top:12px;
}
.flowWrap .columG2 > div.col:first-child h3{left:0;}
.flowWrap .columG2 > div.col:nth-child(2) h3{right:0;color:#fff;}
.flowWrap .columG2 h3{
display: none;
text-align:center;
font-size:1.5em;
}
.flowWrap div.columG2:first-child > div.col:first-child h3,
.flowWrap div.columG2:first-child > div.col:nth-child(2) h3{
display: block;
margin-top:0;
}
.flowWrap .columG2 > div.col:first-child h3{
left:0;
}
.flowWrap .columG2 > div.col:nth-child(2) h3{
right:0;
}

/* .inTxt */
.flowWrap .columG2 > div.col > .inTxt{
padding:2em;
color:#2F4899;
}
.flowWrap .columG2 > div.col > .inTxt h4{
padding:0.5em;
background-color:#fff;
text-align: center;
margin-top:0;
}
.flowWrap .columG2 > div.col > .inTxt ul{
text-align:center;
}
@media only screen and (max-width: 767px){
    .flowWrap .columG2 > div.col > .inTxt{
    padding:1em;
    font-size:80%;
    }
    .flowWrap .columG2 > div.col{font-size:90%;}
    .flowWrap:after,
    .flowWrap:before,
    .flowWrap .columG2 > div.col:first-child h3,
    .flowWrap .columG2 > div.col:nth-child(2) h3{
    width:47%;
    }
}
/* colum */
.flowWrap .columG2 > div.col:first-child,
.flowWrap .columG2 > div.col:nth-child(2){width:48%;}
.flowWrap .columG2 > div.col:first-child{
float:left;
}
.flowWrap .columG2 > div.col:nth-child(2){
float:right;
}
/* first */
.flowWrap .columG2 > div.col:first-child{
background-color:#D7DDEC;
border:solid 1px #fff;
}
.flowWrap .columG2 > div.col:first-child ul{
margin-top:3em;
}

/* second */
.flowWrap .columG2 > div.col:nth-child(2){
background-color:#fff;
border:solid 2px #2F4899;
margin-left: 0;
}
.flowWrap .columG2 > div.col:nth-child(2) .inTxt{
position:relative;
}
.flowWrap .columG2 > div.col:nth-child(2) .inTxt:before{
content:"";
position:absolute;
margin-top:-2.5em;
top:50%;
left:-2em;
display: inline-block;
height:5em;
width:2em;
background:url("/asset/img/flow_arrow.svg") 100% 50% no-repeat;
background-size:auto 100%;
}

/* serviceDetailWrap */
.serviceDetailWrap{
border:solid 2px #2F4899;
margin-top:8em;
padding:1em 2em 2em;
color:#2F4899;
}
.serviceDetailWrap + .serviceDetailWrap{
margin-top:2em;
}
@media only screen and (max-width: 767px){
    .serviceDetailWrap{
    margin-top:3em;
    }
    .serviceDetailWrap + .serviceDetailWrap{
    margin-top:1em;
    }
}
.serviceDetailWrap .serviceHead{
margin-top:0;
}
.serviceDetailWrap .serviceHead h3{
font-size:1.5em;
margin-top:1em;
}
.serviceDetailWrap .serviceHead{
padding-bottom:2em;
}
.serviceLists{
border-top:solid 1px #2F4899;
border-bottom:solid 1px #2F4899;
padding-bottom:1em;
}
.servicebooks li img,
.serviceLists li img{
float:left;
width:20%;
}
.servicebooks li img{width:30%;}
.servicebooks li figcaption,
.serviceLists li figcaption{
float:right;
width:75%;
}
.servicebooks li figcaption strong{display: block;}
.servicebooks li figcaption{width:65%;}
.serviceLists .tumList2 li img{
width:10%;
}
.servicebooks .tumList2 li img{width:20%;}
.serviceLists .tumList2 li figcaption{
width:85%;
}
.servicebooks .tumList2 li figcaption{width:75%;}
@media only screen and (max-width: 767px){
    .serviceDetailWrap{
    padding:1em;
    }
    .servicebooks li,
    .serviceLists li{
    margin-top:1em;
    }
    .servicebooks li,
    .servicebooks li img,
    .servicebooks li figcaption,
    .serviceLists li,
    .serviceLists li img,
    .serviceLists li figcaption{
    float:none;
    width:auto;
    }
    .servicebooks li,
    .serviceLists li{
    text-align:center;
    }
    .servicebooks li figcaption,
    .serviceLists li figcaption{
    text-align:left;
    }
    .serviceLists .tumList2 li img{
    width:20% !important;
    }
    .servicebooks .tumList2 li img{
    width:40% !important;
    }
    .servicebooks .tumList2 li figcaption{
    float:none;
    width:auto;
    font-size:90%;
    }
}
.serviceLists li figcaption strong{
display: block;
font-size:1.2em;
}
.serviceDetailWrap .serviceLinks{
text-align:center;
}
.serviceDetailWrap .serviceLinks .linkBtn li a{
padding:1em 6em;
position:relative;
font-size:1.2em;
}
.serviceDetailWrap .serviceLinks .linkBtn li a:after{
position:absolute;
right:10px;
top:50%;
margin-top:-0.8em;
width:1.5em;
height: 1.5em;
background:url("/asset/img_cmn/icon_arrow_btn.svg") 100% 50% no-repeat;
}
@media only screen and (max-width: 767px){
    .serviceDetailWrap .serviceLinks .linkBtn li a{
    padding:1em;
    display: block;
    }
}

/* medicalW */
.medicalW{
color:#006666;
border-color:#006666;
}
.medicalW h2{
color:#006666;
}
.medicalW .linkBtn li a{
background-color:#006666;
}
.medicalW.flowWrap:after{
background-color:#D3EFEF;
}
.medicalW.flowWrap .columG2 > div.col:first-child{
background-color:#BDE0E0;
color:#006666;
}
.medicalW.flowWrap .columG2 > div.col:first-child > .inTxt{
color:#006666;
}

/* medicalW */
.inheritanceW{
color:#713C1B;
border-color:#FFE5B4;
}
.inheritanceW h2{
color:#713C1B;
}
.inheritanceW .linkBtn li a{
background-color:#FFE5B4;
}
.inheritanceW.flowWrap:after{
background-color:#FFE5B4;
}
.inheritanceW.flowWrap .columG2 > div.col:first-child{
background-color:#FFDE83;
color:#713C1B;
}
.inheritanceW.flowWrap .columG2 > div.col:first-child > .inTxt{
color:#713C1B;
}