@charset "utf-8";
.pc-none {
display: none;
}
.sp-none {
display: block;
}

/*--guide-------------------------------------------------------------------*/

.un-mv-guidever {
margin-bottom: 10%;
}
.un-mv-guidever .inner {
position: relative;
}
.un-mv-guidever img {
max-width: 100%;
width: 100%;
}
.un-mv-guidett {
background: linear-gradient(65deg, #28B6AA, #006DA7);
width: 40vw;
height: 40vw;
text-align: center;
color: white;
position: absolute;
border-radius: 50%;
top: 30%;
left: 5%;
padding-top: 9vw;
box-sizing: border-box;
}
.un-mv-guidett .eng {
margin: 0;
line-height: 1;
font-size: 6vw;
}
.un-mv-guidett p {
font-size: 3vw;
margin: 1% auto 0;
}
.staff-lsbox {
margin-bottom: 15%;
position: relative;
}
.staff-lsim img {
max-width: 100%;
}
.staff-lstlbox {
position: absolute;
top: 7%;
left: 8%;
color: white;
}
.staff-lstl {
font-size: 4.5vw;
}
.staff-lsext {
font-size: 2.7vw;
line-height: 4.5vw;
}
.career {
width: 86%;
box-sizing: border-box;
margin: -17.5% auto 0;
padding: 1% 6% 7%;
background-color: #006DA7;
color: white;
position: relative;
}
.career-tl {
font-size: 3.8vw;
line-height: 4vw;
margin: 6% 0 3%;
}
.career-ext {
font-size: 3vw;
line-height: 5vw;
margin: 0 0 2%;
}
.career-ext.mb0 {
margin-bottom: 0;
}
.career-flobox {
margin-bottom: 10%;
}
.career-flobox.mb0 {
margin-bottom: 0;
}
.career-flobox dl {
overflow: hidden;
font-size: 3vw;
line-height: 5vw;
}
.career-flobox dt {
float: left;
}
.career-flobox dd {
margin-left: 18vw;
}
.career-ls {
list-style: none;
}
.career-ls li::before {
content: "●";
font-size: 3vw;
margin-right: 1vw;
float: left;
}
.career-ls li p {
display: flex;
margin: 0;
}
.career-ls {
font-size: 3vw;
line-height: 4vw;
margin: 0;
}
 @media screen and (min-width: 768px) {
.pc-none {
display: block;
}
.sp-none {
display: none;
}
.un-mv-guidever {
margin-bottom: 0;
}
.un-mv-guidever .inner {
position: relative;
width: 90%;
background: linear-gradient(65deg, #28B6AA, #006DA7);
overflow: hidden;
margin: 0 auto;
}
.un-mv-guidett {
width: 50%;
height: auto;
text-align: left;
position: static;
border-radius: 0;
padding: 4.3vw 0 0 4vw;
background: none;
float: left;
}
.un-mv-guide-im {
width: 50%;
float: right;
margin: 0;
}
.un-mv-guidett .eng {
font-size: 6vw;
}
.un-mv-guidett p {
font-size: 1.5vw;
line-height: 4vw;
margin: 0 auto 0;
}
.staff-lscum {
margin: 0;
}
.staff-lscum .inner {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.staff-lsbox {
margin-bottom: 0;
position: relative;
list-style: none;
}
.staff-lsbox .inner {
width: 100%;
margin-bottom: 0;
}
.staff-lsim {
float: left;
width: 50%;
margin: 5% 0 0;
}
.staff-lsbox:nth-child(2) .staff-lsim {
float: right;
}
.staff-lsbox:last-child .staff-lsim {
float: none;
margin: 5% auto 0;
}
.staff-lsim img {
max-width: 100%;
}
.staff-lstlbox {
position: static;
color: #006DA7;
float: right;
width: 50%;
padding: 5% 0 0 5%;
box-sizing: border-box;
}
.staff-lsbox:nth-child(2) .staff-lstlbox {
float: left;
padding: 5% 0 0 10%;
box-sizing: border-box;
margin-top: 5%;
}
.staff-lstl {
font-size: 2vw;
}
.staff-lsext {
font-size: 1.4vw;
line-height: 2.5vw;
}
.staff-lsmainbox {
overflow: hidden;
}
.career {
width: 70%;
box-sizing: border-box;
margin: -5% 5% 0 auto;
padding: 1% 4% 4%;
position: relative;
}
.staff-lsbox:nth-child(2) .career {
margin: -5% auto 0 5%;
}
.staff-lsbox:last-child .career {
margin: 0 auto;
}
.career-tl {
font-size: 1.6vw;
line-height: 4vw;
margin: 0;
}
.career-ext {
font-size: 1.2vw;
line-height: 2vw;
margin: 0 0 2%;
}
.career-ext.mb0 {
margin-bottom: 0;
}
.career-flobox {
margin-bottom: 3%;
}
.career-flobox.mb0 {
margin-bottom: 0;
}
.career-flobox dl {
font-size: 1.2vw;
line-height: 2vw;
}
.career-flobox dt {
float: left;
}
.career-flobox dd {
margin-left: 8.5vw;
}
.career-ls {
list-style: none;
}
.career-ls li::before {
content: "●";
font-size: 1.2vw;
margin-right: 1vw;
float: left;
}
.career-ls li p {
display: flex;
margin: 0;
}
.career-ls {
font-size: 1.2vw;
line-height: 2vw;
margin: 0;
}
}
/*--radio-------------------------------------------------------------------*/
.un-mv-radiover {
margin: 0 0 10%;
background-color: #cfeef7;
}
.un-mv-radio-tlbox {
padding: 0 5%;
}
.un-mv-radio-tl {
font-size: 10vw;
line-height: 10vw;
color: #006da7;
margin: 0 0 2%;
padding: 0;
}
.un-mv-radio-tlm {
font-size: 5vw;
line-height: 7.5vw;
color: #006da7;
margin: 0 0 2%;
}
.un-mv-radio-ext {
font-size: 4vw;
line-height: 7.5vw;
margin: 0;
padding-bottom: 5%;
}
.un-mv-radio-ext span {
font-size: 3.5vw;
display: block;
}
.radio-lscum {
margin: 0;
padding: 2.5% 5% 10%;
}
.radio-lsbox {
list-style: none;
padding-bottom: 15%;
margin-bottom: 15%;
border-bottom: black 1px solid;
}
.radio-lsbox:last-child {
padding-bottom: 0;
border-bottom: none;
}
.radio-lsbox audio {
width: 100%;
}
.radio-lsico {
color: white;
background-color: #006DA7;
padding: 1% 10%;
font-size: 3.5vw;
line-height: 4vw;
display: inline-block;
margin: 0 0 5%;
font-weight: bold;
}
.radio-lstl {
font-size: 5vw;
line-height: 7.5vw;
color: #006da7;
margin: 0 0 8%;
}
.radio-lstm {
font-size: 3.5vw;
line-height: 5vw;
margin: 0 0 10%;
display: block;
}
.radio-lsext {
font-size: 3.5vw;
line-height: 5vw;
margin-bottom: 10%;
}
 @media screen and (min-width: 768px) {
.un-mv-radiover {
margin: 0 0 10%;
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.un-mv-radio-im {
width: 50%;
float: left;
margin: 0;
}
.un-mv-radio-im img {
width: 100%;
}
.un-mv-radio-tlbox {
width: 50%;
height: auto;
position: static;
border-radius: 0;
padding: 6% 0 0 4%;
background: none;
float: right;
box-sizing: border-box;
}
.un-mv-radio-tl {
font-size: 4vw !important;
line-height: 3vw !important;
color: #006da7;
margin: 0 0 3%;
padding: 0;
}
.un-mv-radio-tlm {
font-size: 2.2vw;
line-height: 2.6vw;
margin: 0 0 2%;
}
.un-mv-radio-ext {
font-size: 1.5vw;
line-height: 2.3vw;
margin: 0;
padding-bottom: 0;
}
.un-mv-radio-ext span {
font-size: 1.2vw;
display: block;
}
.radio-lscum {
margin: 5% auto 0;
padding: 0;
width: 65%;
}
.radio-lsbox {
padding-bottom: 6%;
margin-bottom: 6%;
}
.radio-lsbox:last-child {
padding-bottom: 0;
border-bottom: none;
}
.radio-lsbox audio {
width: 100%;
}
.radio-lsico {
padding: 1% 1.5%;
font-size: 1vw;
line-height: 1vw;
margin: 0 0 1%;
}
.radio-lstl {
font-size: 2.1vw;
line-height: 3.4vw;
margin: 0;
}
.radio-lstm {
font-size: 1.1vw;
line-height: 2vw;
margin: 0 0 5%;
}
.radio-lsext {
font-size: 1.2vw;
line-height: 2vw;
margin: 0 0 5%;
}
}
/*--invi-------------------------------------------------------------------*/
.un-mv-inviver .mv-im {
margin: 0;
}
.ml-btncum {
background: linear-gradient(175deg, #28B6AA, #006DA7);
color: white;
text-align: center;
width: 100%;
box-sizing: border-box;
padding: 5% 10%;
margin: 0;
}
.ml-btncum-tl {
font-size: 6.8vw;
line-height: 8.5vw;
font-weight: bold;
text-align: center;
margin: 0 0 3%;
}
.ml-btncum-box {
text-align: center;
}
.ml-btncum-btn {
background-color: #fa6e00;
border-radius: 5px;
}
.ml-btncum-btn a {
color: white;
text-decoration: none;
display: block;
padding: 20px 10px 20px 13vw;
box-sizing: border-box;
position: relative;
}
.ml-btncum-btn a:before {
content: '';
display: block;
width: 10vw;
height: 20vw;
background-image: url(../images/invisalign/ico-mail.png);
background-size: 100%;
margin-right: 8px;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.ml-btncum-btn a p {
display: flex;
text-align: left;
font-size: 6.5vw;
line-height: 7vw;
font-weight: bold;
margin: 0;
}
.invi-wrap {
width: 100%;
margin: 0;
padding: 5% 10%;
box-sizing: border-box;
}
.frtel-btnbox {
text-align: center;
margin: 0 auto 10%;
}
.frtel-btn {
background-color: #006DA7;
width: 80%;
box-sizing: border-box;
padding: 2% 10%;
margin: 0 auto;
}
.frtel-btn a {
color: white;
text-decoration: none;
display: block;
}
.frtel-btn a:before {
content: '';
display: block;
width: 8vw;
height: 9vw;
background-image: url(../images/invisalign/ico-free.png);
background-size: contain;
margin-right: 5px;
float: left;
background-repeat: no-repeat;
background-position: 0 3.5vw;
}
.frtel-btn a p {
display: flex;
text-align: left;
font-size: 6vw;
font-weight: 300;
margin: 0;
}
.invi-voice-cum {
background-color: #cfeef7;
padding: 10% 5%;
box-sizing: border-box;
margin: 0;
}
.invi-voice-box {
border: 3px solid black;
background-color: white;
box-sizing: border-box;
padding: 5%;
}
.invi-voice-ttl {
text-align: center;
font-size: 7vw;
line-height: 9.5vw;
color: #006da7;
padding-bottom: 3%;
border-bottom: black 1px dotted;
margin: 0 0 5%;
font-weight: bold;
}
.invi-voice-ls {
list-style: none;
}
.invi-voice-ls li {
overflow: hidden;
margin-bottom: 5%;
}
.invi-voice-ls li:before {
content: '';
display: block;
width: 6vw;
height: 7vw;
background-image: url(../images/invisalign/ico-chk.png);
background-size: contain;
margin-right: 5px;
float: left;
background-repeat: no-repeat;
background-position: 0 1vw;
}
.invi-voice-ls li p {
display: flex;
font-size: 3.9vw;
font-weight: bold;
margin: 0;
}
.invi-settle-cum {
margin: 0;
}
.invi-settle-ttlbox {
position: relative;
margin: 0 0 20%;
}
.invi-settle-ttl {
margin: 0;
padding: 8% 0 0;
font-size: 7vw;
line-height: 10vw;
position: relative;
z-index: 1;
text-align: center;
color: white;
}
.invi-settle-ttl strong {
color: whitef00;
}
.invi-settle-im {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.invi-settle-ls {
margin: 0 0 20%;
padding: 0 5%;
list-style: none;
}
.invi-settle-ls-im {
width: 50%;
margin: 0 auto 5%;
}
.invi-settle-ls-ttl {
margin: 0 0 5%;
font-size: 6.5vw;
line-height: 9.5vw;
color: #006da7;
text-align: center;
font-weight: bold;
}
.invi-settle-ls-ext {
margin: 0 0 10%;
font-size: 4.5vw;
line-height: 7.5vw;
}
.invi-diffe-cum {
margin: 0;
background-color: #cfeef7;
padding: 10% 5% 15%;
}
.invi-diffe-ttl {
text-align: center;
font-size: 7vw;
line-height: 9.5vw;
color: #006da7;
margin: 0 0 5%;
font-weight: bold;
}
.invi-diffe-ls-tl {
color: white;
font-size: 5.3vw;
text-align: center;
padding: 0;
background-color: #006da7;
border-top: black 1px solid;
border-left: black 1px solid;
border-right: black 1px solid;
}
.invi-diffe-ls {
list-style: none;
border: black 1px solid;
background-color: white;
}
.invi-diffe-ls li {
border-bottom: black dotted 1px;
overflow: hidden;
}
.invi-diffe-ls li:last-child {
border-bottom: none;
}
.invi-diffe-ls-dt {
display: table-cell;
width: 35vw;
box-sizing: border-box;
font-size: 4vw;
padding: 3% 5vw;
background-color: white;
}
.invi-diffe-ls-dd {
display: table-cell;
width: 65vw;
box-sizing: border-box;
padding: 3% 5vw;
font-size: 3.5vw;
line-height: 5vw;
border-left: 1px solid black;
}
.invi-diffe-ls-dd.red {
color: #ff0000;
}
.invi-flow-cum {
border-top: black solid 1px;
padding: 15% 0 5%;
margin-top: 20%;
}
.invi-flow-tl {
text-align: center;
font-size: 8vw;
line-height: 9.5vw;
color: #006da7;
margin: 0 0 10%;
font-weight: bold;
}
.invi-flow-ls li {
margin-bottom: 15%;
list-style: none;
}
.invi-flow-ls li div {
position: relative;
}
.invi-flow-ls-im {
width: 90%;
margin: 0 auto 7%;
}
.invi-flow-ls-num {
position: absolute;
bottom: 0;
left: 0;
color: white;
padding: 0 4vw 0 7vw;
background-color: #28B6AA;
font-size: 8vw;
line-height: 10vw;
}
.invi-flow-ls dl {
width: 90%;
margin: 0 auto;
}
.invi-flow-ls-ttl {
font-size: 6.8vw;
line-height: 6.8vw;
color: #006da7;
margin: 0 0 5%;
font-weight: bold;
}
.invi-flow-ls-ext {
font-size: 3.75vw;
line-height: 5.5vw;
}
 @media screen and (min-width: 768px) {
.un-mv-inviver {
width: 90%;
margin: 0 auto;
}
.un-mv-inviver .mv-im {
width: 100%;
}
.un-mv-inviver .mv-im img {
width: 100%;
max-width: 100%;
}
.ml-btncum {
width: 100%;
padding: 3% 5%;
}
.ml-btncum.w90 {
width: 90%;
margin: 0 auto;
}



.ml-btncum-tl {
font-size: 2vw;
line-height: 2.25vw;
margin: 0 0 2%;
}
.ml-btncum-box {
text-align: center;
}
.ml-btncum-btn {
padding: 1% 0;
width: 60%;
margin: 0 auto;
border-radius: 15px;
transition: 0.6s;
}
.ml-btncum-btn a {
color: white;
text-decoration: none;
display: block;
padding: 10px;
}
.ml-btncum-btn:hover {
background-color: #f2902b;
}
.ml-btncum-btn a:before {
content: none;
}
.ml-btncum-btn a p:before {
content: '';
display: inline-block;
width: 4vw;
height: 4vw;
background-image: url(../images/invisalign/ico-mail.png);
background-size: contain;
margin: 0 .5vw 0 3vw;
background-repeat: no-repeat;
background-position: 0 0;
}
.ml-btncum-btn a p {
text-align: center;
font-size: 2.1vw;
line-height: 4vw;
margin: 0;
}
.invi-wrap {
width: 50%;
margin: 0 auto;
padding: 5% 5% 0;
box-sizing: border-box;
}
.frtel-btnbox {
text-align: center;
margin: 0 auto 5%;
}
.frtel-btn {
background-color: #006DA7;
width: 40%;
box-sizing: border-box;
padding: 2% 0;
margin: 0 auto;
display: block;
transition: 0.6s;
}
.frtel-btn:hover {
background-color: #505050;
}
.frtel-btn a {
color: white;
text-decoration: none;
display: block;
}
.frtel-btn a:before {
content: none;
}
.frtel-btn a p:before {
content: '';
display: block;
width: 3vw;
height: 3vw;
background-image: url(../images/invisalign/ico-free.png);
background-size: contain;
margin: 0 15px 0 7vw;
float: left;
background-repeat: no-repeat;
background-position: 0;
}
.frtel-btn a p {
display: flex;
text-align: left;
font-size: 3vw;
line-height: 3vw;
margin: 0;
}
.invi-voice-cum {
padding: 6% 0 5%;
box-sizing: border-box;
margin: 0 auto;
width: 90%;
}
.invi-voice-cum .inner {
width: 60%;
margin: 0 auto;
}
.invi-voice-box {
border: 3px solid black;
background-color: white;
box-sizing: border-box;
padding: 5%;
}
.invi-voice-ttl {
font-size: 2.6vw;
line-height: 4.5vw;
color: #006da7;
padding-bottom: 2%;
margin: 0 0 4%;
}
.invi-voice-ls {
list-style: none;
}
.invi-voice-ls li {
overflow: hidden;
margin-bottom: 5%;
}
.invi-voice-ls li:before {
width: 2vw;
height: 2vw;
margin-right: 15px;
float: left;
background-position: 0;
}
.invi-voice-ls li p {
font-size: 1.7vw;
line-height: 2vw;
margin: 0;
}
.invi-settle-cum {
margin: 0 auto;
width: 90%;
}
.invi-settle-ttlbox {
margin: 0;
padding: 3% 0;
}
.invi-settle-ttl {
margin: 0;
padding: 0;
font-size: 2.7vw;
line-height: 3.7vw;
}
.invi-settle-im img {
width: 100%;
}
.invi-settle-ls {
width: 65%;
margin: 0 auto 10%;
padding: 0 5%;
list-style: none;
}
.invi-settle-ls-im {
width: 35%;
margin: 0 auto 2%;
}
.invi-settle-ls-im img {
width: 100%;
}
.invi-settle-ls-ttl {
margin: 0 0 2%;
font-size: 2vw;
line-height: 2.5vw;
}
.invi-settle-ls-ext {
margin: 0 0 10%;
font-size: 1.4vw;
line-height: 2.6vw;
}
.invi-diffe-cum {
margin: 0 auto;
width: 90%;
padding: 5% 0;
}
.invi-diffe-cum .inner {
width: 65%;
margin: 0 auto;
}
.invi-diffe-ttl {
font-size: 2.3vw;
line-height: 3.5vw;
margin: 0 0 3%;
}
.invi-diffe-ls-tl {
font-size: 2.1vw;
display: block;
}
.invi-diffe-ls {
list-style: none;
border: black 1px solid;
background-color: white;
}
.invi-diffe-ls li {
border-bottom: black dotted 1px;
overflow: hidden;
}
.invi-diffe-ls li:last-child {
border-bottom: none;
}
.invi-diffe-ls-dt {
width: 10vw;
font-size: 1.4vw;
padding: 2%;
}
.invi-diffe-ls-dd {
width: 50vw;
padding: 2%;
font-size: 1.6vw;
line-height: 2.5vw;
}
.invi-flow-cum {
padding: 5% 0 0;
margin-top: 10%;
}
.invi-flow-cum .inner {
width: 80%;
margin: 0 auto;
}
.invi-flow-tl {
font-size: 3vw;
line-height: 4vw;
margin: 0 0 5%;
}
.invi-flow-ls li {
margin-bottom: 2%;
overflow: hidden;
}
.invi-flow-ls li div {
float: left;
width: 48%;
}
.invi-flow-ls-im {
width: 100%;
margin: 0 auto 7%;
}
.invi-flow-ls-im img {
width: 100%;
}
.invi-flow-ls-num {
position: absolute;
bottom: 81%;
padding: 4% 6%;
font-size: 2vw;
line-height: 2vw;
}
.invi-flow-ls dl {
width: 45%;
float: left;
margin: 0 auto;
padding: 5% 0 0 3%;
}
.invi-flow-ls-ttl {
font-size: 2vw;
line-height: 2vw;
margin: 0 0 5%;
}
.invi-flow-ls-ext {
font-size: 1.2vw;
line-height: 2.2vw;
}
}
/*--clinic-------------------------------------------------------------------*/

.un-mv-clinicver {
margin: 25% 0 10%;
padding-bottom: 10%;
border-bottom: black solid 1px;
}
.un-mv-clinic-tl {
text-align: center;
font-size: 7vw;
line-height: 7.8vw;
color: #006da7;
margin: 0 0 10%;
font-weight: 700;
}
.un-mv-clinic-slidebox {
margin-bottom: 10%;
}
.un-mv-clinic-slidebox li {
position: relative;
}
.un-mv-clinic-slidebox li strong {
position: absolute;
display: block;
bottom: 2%;
right: 2%;
font-size: 4vw;
}
.un-mv-clinic-ext {
margin: 0 auto;
width: 86%;
}
.un-mv-clinic-ext-dt {
text-align: center;
font-size: 5.5vw;
line-height: 7vw;
margin-bottom: 5%;
color: #006da7;
}
.un-mv-clinic-ext-dt strong {
text-align: center;
font-size: 3.7vw;
line-height: 4vw;
display: block;
}
.un-mv-clinic-ext-dd {
font-size: 3vw;
line-height: 4vw;
margin-bottom: 10%;
}
.clinicroom-box {
overflow: hidden;
margin-bottom: 2.5%;
}
.clinicroom-im {
float: left;
width: 50vw;
}
.clinicroom-ext {
margin-left: 53.5vw;
}
.clinicroom-ext-tl {
font-size: 5.5vw;
line-height: 7vw;
margin-bottom: 7%;
color: #006da7;
}
.clinicroom-ext-tl strong {
font-size: 3.7vw;
line-height: 4vw;
margin-top: 5%;
display: block;
}
.un-mv-clinic-ext-ext {
font-size: 2.7vw;
line-height: 4.3vw;
}
.clinicarea-cum {
margin: 10% 0 10%;
padding: 25% 0 0;
border-top: black solid 1px;
}
.clinicarea-cum .inner {
background-color: #006da7;
padding: 5% 5% 15%;
}
.clinicarea-tl {
background-color: #28B6AA;
color: white;
text-align: center;
margin: -14vw auto 0;
width: 90%;
box-sizing: border-box;
padding: 5% 5% 2%;
font-size: 8vw;
line-height: 8vw;
}
.clinicarea-tl strong {
display: block;
font-size: 3vw;
text-align: center;
line-height: 6vw;
}
.clinicarea-box {
overflow: hidden;
background-color: white;
padding: 5% 5% 0;
}
.clinicarea-ls {
list-style: none;
}
.clinicarea-slidebox {
margin-bottom: 5%;
}
.clinicarea-slidebox li {
list-style: none;
}
.clinicarea-ls-dt {
text-align: center;
font-size: 5.5vw;
line-height: 8vw;
margin-bottom: 3%;
color: #006da7;
}
.clinicarea-ls-dt strong {
text-align: center;
font-size: 3.5vw;
line-height: 4vw;
display: block;
}
.clinicarea-ls-dd {
font-size: 3vw;
line-height: 4vw;
margin-bottom: 10%;
}
.clinichistory-cum {
background: url(../images/clinic/img05.jpg);
background-size: cover;
padding: 10% 2%;
margin: 10% 0;
}
.clinichistory-im img {
max-width: 100%;
}
.clinichistory-cum .career {
margin: 0 auto 0;
width: 90%;
}
.clinichistory-cum .career .career-flobox {
margin-bottom: 0;
}
.clinichistory-cum .career .career-flobox dl {
font-size: 2.5vw;
line-height: 3.5vw;
margin-bottom: 1%;
}
.un-mv-clinic-slidebox .slick-next {
width: 9vw;
margin-right: 0;
right: 10px;
}
.un-mv-clinic-slidebox .slick-prev {
width: 9vw;
margin-right: 0;
left: 10px;
z-index: 1;
}
.clinicarea-slidebox .slick-next {
width: 9vw;
margin-right: 0;
right: -3vw;
z-index: 1;
}
.clinicarea-slidebox .slick-prev {
width: 9vw;
margin-right: 0;
left: -3vw;
z-index: 1;
}
.clinicarea-slidebox {
position: relative;
}
.clinicarea-slidebox .slick-slider {
position: static;
}
 @media screen and (min-width: 768px) {
.un-mv-clinicver {
width: 80%;
margin: 3.85% auto 5%;
padding-bottom: 2%;
}
.un-mv-clinicver .inner {
width: 100%;
margin: 0 auto;
}
.un-mv-clinic-tl {
font-size: 3vw;
line-height: 2.5vw;
margin: 0 0 5%;
}
.un-mv-clinic-slidebox {
margin-bottom: 5%;
}
.un-mv-clinic-slidebox li {
list-style: none;
}
.un-mv-clinic-slidebox li img {
width: 100%;
}
.un-mv-clinic-slidebox li strong {
bottom: 2%;
right: 2%;
font-size: 1.5vw;
}
.un-mv-clinic-slidebox .slick-next {
width: 3vw;
right: 2vw;
}
.un-mv-clinic-slidebox .slick-prev {
width: 3vw;
z-index: 1;
left: 2vw;
}
.clinicarea-slidebox .slick-next {
width: 3vw;
right: -1.5vw;
z-index: 1;
}
.clinicarea-slidebox .slick-prev {
width: 3vw;
left: -1.5vw;
z-index: 1;
}
.clinicarea-slidebox {
position: relative;
}
.clinicarea-slidebox .slick-slider {
position: static;
}
.un-mv-clinic-ext {
margin: 0 auto;
width: 70%;
}
.un-mv-clinic-ext-dt {
font-size: 2.6vw;
line-height: 4vw;
margin-bottom: 3%;
}
.un-mv-clinic-ext-dt strong {
font-size: 2vw;
line-height: 2vw;
}
.un-mv-clinic-ext-dd {
font-size: 1.2vw;
line-height: 2.1vw;
margin-bottom: 10%;
}
.clinicroom-cum .inner {
width: 90%;
margin: 0 auto;
}
.clinicroom-box {
overflow: hidden;
margin: 1.5% auto 2%;
width: 80%;
}
.clinicroom-im {
width: 40%;
}
.clinicroom-im img {
width: 100%;
}
.clinicroom-ext {
margin-left: 43%;
}
.clinicroom-ext-tl {
font-size: 2.6vw;
line-height: 4vw;
margin-bottom: 2%;
}
.clinicroom-ext-tl strong {
font-size: 1.7vw;
line-height: 2vw;
margin-top: 0;
margin-bottom: 1%;
}
.un-mv-clinic-ext-ext {
font-size: 1.1vw;
line-height: 1.8vw;
}
.clinicarea-cum {
margin: 5% auto 5%;
padding: 8% 0 0;
width: 90%;
}
.clinicarea-cum .inner {
background-color: #006da7;
padding: 5% 5% 5%;
}
.clinicarea-tl {
margin: -8.5vw auto 0;
width: 60%;
padding: 2% 0 1%;
font-size: 2.6vw;
line-height: 2.6vw;
position: relative;
z-index: 1;
}
.clinicarea-tl strong {
font-size: 1.5vw;
line-height: 3vw;
}
.clinicarea-box {
overflow: hidden;
background-color: white;
padding: 6% 6% 0;
width: 76%;
margin: -2vw auto 0;
box-sizing: border-box;
}
.clinicarea-slidebox {
margin-bottom: 3.5%;
}
.clinicarea-slidebox li img {
width: 100%;
display: block;
margin: 0 auto;
}
.clinicarea-ls {
width: 80%;
margin: 0 auto;
}
.clinicarea-ls-dl {
width: 70%;
margin: 0 auto;
}
.clinicarea-ls-dt {
font-size: 2.5vw;
line-height: 3vw;
margin-bottom: 5%;
}
.clinicarea-ls-dt strong {
font-size: 1.5vw;
line-height: 1.5vw;
}
.clinicarea-ls-dd {
font-size: 1.2vw;
line-height: 2.1vw;
margin-bottom: 20%;
}
.clinichistory-cum {
padding: 5% 10%;
margin: 5% 0;
}
.clinichistory-im img {
max-width: 100%;
}
.clinichistory-cum .career {
margin: 0 auto 0;
width: 90%;
}
.clinichistory-cum .career .career-flobox {
margin-bottom: 0;
}
.clinichistory-cum .career .career-flobox dl {
font-size: 1.2vw;
line-height: 2vw;
margin-bottom: 1%;
}
.clinichistory-cum .career .career-flobox dd {
margin-left: 7vw;
}
}
/*--medical-------------------------------------------------------------------*/

.un-mv-mediver {
margin: 0;
}
.un-mv-mediver .inner {
position: relative;
}
.un-mv-meditt {
color: #006da7;
position: absolute;
top: 22%;
left: 5%;
}
.un-mv-meditt h1 {
font-size: 4.5vw;
line-height: 5vw;
margin: 0 0 3%;
}
.un-mv-meditt h2 {
    font-size: 2vw;
    line-height: 5vw;
    margin: 0 0 3%;
    }
.un-mv-meditt .eng {
font-size: 8.5vw;
line-height: 12vw;
margin: 0 0 0;
}
.un-mv-medi-im img {
max-width: 100%;
}
.un-mv-mediext {
font-size: 3.6vw;
line-height: 7vw;
color: white;
margin: -13% 0 10% auto;
padding: 5% 5%;
box-sizing: border-box;
position: relative;
background: linear-gradient(135deg, #28B6AA, #006DA7);
width: 90%;
}
.medisubject-cum {
background-color: #006DA7;
color: white;
padding: 7% 8% 10%;
margin: 0;
}
.medisubject-tl {
font-size: 7vw;
font-weight: bold;
margin: 0 0 5%;
}
.medisubject-ls {
list-style: none;
}
.medisubject-ls-box {
margin-bottom: 5%;
padding: 3% 0 2%;
}
.medisubject-ls-box a {
display: block;
color: white;
}
.medisubject-ls-dl dt {
text-align: center;
font-size: 4.5vw;
line-height: 7vw;
font-weight: bold;
}
.medisubject-ls-dl dd {
text-align: center;
font-size: 3vw;
line-height: 5vw;
font-weight: bold;
letter-spacing: 0;
}
.medisubject-ls-box:nth-child(even) {
background-color: #28b6e0;
}
.medisubject-ls-box:nth-child(odd) {
background-color: #28b6aa;
}
.mediflow-cum {
background-color: #cfeef7;
padding: 10% 8% 4%;
margin: 0;
}
.mediflow-tl {
font-size: 7vw;
font-weight: bold;
margin: 0 0 5%;
color: #006DA7;
}
.mediflow-ls-box {
list-style: none;
margin-bottom: 15%;
}
.mediflow-ls-dt {
background-color: #006DA7;
color: white;
padding: 2% 5% 2%;
margin-bottom: 5%;
font-size: 5vw;
line-height: 7vw;
font-weight: bold;
}
.mediflow-ls-dt strong {
margin-right: 5px;
font-size: 6.5vw;
}
.mediflow-ls-dd {
font-size: 3.3vw;
line-height: 6vw;
}
.mediflow-ls-dd-dl {
margin: 5% 0 0;
overflow: hidden;
}
.mediflow-ls-dd-dt {
font-size: 4.5vw;
font-weight: bold;
margin: 4.5% 0 2%;
color: #006DA7;
}
.mediflow-ls-dd-dd-p {
font-size: 3.2vw;
line-height: 5vw;
margin-bottom: 5%;
}
.mediflow-im-box {
overflow: hidden;
margin-bottom: 5%;
position: relative;
}
.mediflow-im-dl .mediflow-im-dt {
float: left;
width: 50%;
}
.mediflow-im-dl .mediflow-im-dd {
margin-left: 54%;
}
.mediflow-im-dl .mediflow-im-dd p {
position: absolute;
bottom: 0;
font-size: 3vw;
margin: 0;
}
.mediflow-ls-dd-imflo {
overflow: hidden;
margin-bottom: 20%;
list-style: none;
}
.mediflow-ls-dd-imflo li {
width: 49%;
}
.mediflow-ls-dd-imflo li:first-child {
float: left;
}
.mediflow-ls-dd-imflo li:last-child {
float: right;
}
.medicommit-cum {
background-color: #006DA7;
padding: 7% 8% 1%;
margin: 0;
}
.medicommit-tl {
font-size: 7vw;
color: white;
font-weight: bold;
margin: 0 0 5%;
}
.medicommit-ext {
font-size: 4vw;
line-height: 5vw;
color: white;
margin: 0 0 5%;
}
.medicommit-ls, .medicommit-ls-box-ls {
list-style: none;
}
.medicommit-ls-box {
margin-bottom: 20%;
}
.medicommit-ls-box-ls {
background-color: #28B6AA;
padding: 6.5% 5% 15%;
color: white;
}
.medicommit-ls-box-ls li:before {
content: '\025cf';
font-size: 2vw;
margin-right: 5px;
float: left;
}
.medicommit-ls-box-ls li p {
display: flex;
font-size: 3vw;
font-weight: bold;
letter-spacing: 0;
margin: 0;
}
.medicommit-ls-box-ext {
font-size: 3vw;
line-height: 5vw;
color: black;
margin: -10% 0 10% auto;
padding: 5%;
box-sizing: border-box;
position: relative;
background-color: white;
width: 90%;
}
.medicommit-ls-box-ext p {
margin: 0 0 2%;
letter-spacing: 0;
}
.medicommit-ls-box-lk {
text-align: right;
display: block;
}
.medicommit-ls-box-lk a {
color: #ff0000;
text-decoration: underline;
}
.medicommit-ls-box-tlbox {
margin: 5% 0 0;
}
.medicommit-ls-box-tlbt {
letter-spacing: 0;
font-size: 2.7vw;
margin-bottom: 5%;
}
.medicommit-ls-box-tlbd {
overflow: hidden;
}
.medicommit-ls-box-tlbd li {
list-style: none;
display: inline;
margin-right: 5px;
font-size: 3.3vw;
letter-spacing: 0.3px;
}
.medicommit-ls-box-tlbd li span {
width: 7%;
display: inline-block;
vertical-align: text-bottom;
margin-right: 3px;
}
.medimicros-cum, .medimethod-cum {
margin: 0 0 10%;
}
.medimicros-cum .red, .medimethod-cum .red {
color: #ff0000;
}
.medimethod-cum .red a {
color: #ff0000;
text-decoration: underline;
}
.medimicros-cum .inner, .medimethod-cum .inner {
width: 85%;
margin: 0 auto;
}
.medimicros-im, .medimethod-im {
margin: 0 0 15%;
display: block;
}
.medimicros-tl, .medimethod-tl {
font-size: 6.5vw;
line-height: 9vw;
font-weight: bold;
margin: 0 0 2%;
color: #006DA7;
text-align: center;
}
.medimethod-tl {
margin: 0 0 10% !important;
}
.medimicros-ext {
font-size: 4.5vw;
line-height: 7vw;
font-weight: bold;
margin: 0 0 6%;
color: #006DA7;
text-align: center;
}
.medimicros-extmin, .medimethod-ext {
font-size: 3.2vw;
line-height: 5.5vw;
margin-bottom: 14%;
}
.medimethod-ext {
margin-bottom: 8%;
}
.medimethod-ext.rht {
text-align: right;
display: block;
margin-bottom: 15%;
}
.medimicros-boxdt {
text-align: center;
color: white;
background-color: #006DA7;
padding: 3% 8%;
font-size: 3.5vw;
line-height: 4.5vw;
margin-bottom: 5%;
}
.medimethod-cum-lsbox {
margin-bottom: 20%;
}
.medimethod-ls-tl {
margin-top: 10%;
overflow: hidden;
list-style: none;
}
.medimethod-ls-tl li {
background-color: #006DA7;
color: white;
padding: 2% 0 2%;
font-size: 2.5vw;
line-height: 3.5vw;
letter-spacing: 0;
font-weight: bold;
text-align: center;
margin: 0 1% 0 0;
float: left;
width: 32.5%;
}
.medimethod-ls-tl li:last-child {
margin: 0;
}
.medimethod-ls li {
list-style: none;
border-bottom: black solid 1px;
padding: 2% 0 0;
}
.medimethod-ls p {
display: inline-block;
width: 33.3333%;
text-align: center;
font-size: 3vw;
margin: 0;
padding: 0;
}
 @media screen and (min-width: 768px) {
.un-mv-mediver {
margin: 0;
}
.un-mv-mediver .inner {
position: relative;
width: 90%;
margin: 0 auto;
}
.un-mv-meditt {
width: 50%;
position: static;
float: left;
padding-top: 8%;
}
.un-mv-meditt h1 {
font-size: 2vw;
line-height: 2vw;
margin: 0 0 2%;
}
.un-mv-meditt .eng {
font-size: 5.5vw;
line-height: 5vw;
margin: 0 0 0;
}
.un-mv-medi-im {
float: right;
width: 50%;
margin: 0;
}
.un-mv-medi-im img {
max-width: 100%;
width: 100%;
}
.un-mv-mediext {
overflow: hidden;
font-size: 1.4vw;
line-height: 2.3vw;
margin: 0 auto;
padding: 2% 5% 2%;
position: absolute;
width: 65%;
top: 20vw;
}
.medisubject-cum {
color: white;
padding: 5%;
margin: 5% auto;
box-sizing: border-box;
width: 90%;
overflow: hidden;
}
.medisubject-tl {
font-size: 2.6vw;
margin: 0 0 2%;
text-align: center;
}
.medisubject-ls {
list-style: none;
}
.medisubject-ls-box {
margin-bottom: 2%;
padding: 2% 0 1%;
}
.medisubject-ls-dl dt {
font-size: 1.7vw;
line-height: 2vw;
}
.medisubject-ls-dl dd {
font-size: 1.2vw;
line-height: 3vw;
}
.medisubject-ls-box:nth-child(even) {
float: right;
width: 48%;
}
.medisubject-ls-box:nth-child(odd) {
float: left;
width: 48%;
}
.mediflow-cum {
padding: 5%;
margin: 0;
}
.mediflow-cum .inner {
width: 86%;
margin: 0 auto;
}
.mediflow-tl {
font-size: 2.6vw;
margin: 0 0 5%;
text-align: center;
}
.mediflow-ls-box {
list-style: none;
margin-bottom: 8%;
overflow: hidden;
}
.mediflow-ls-dt {
padding: 1.25% 2%;
margin-bottom: 2%;
font-size: 1.9vw;
line-height: 2vw;
}
.mediflow-ls-dt strong {
margin-right: 10px;
font-size: 2vw;
}
.mediflow-ls-dd {
font-size: 1.3vw;
line-height: 2vw;
}
.mediflow-ls-dd-dl {
margin: 1% 0 0;
}
.mediflow-ls-dd-dt {
font-size: 1.9vw;
margin: 3.5% 0 0;
}
.mediflow-ls-dd-dd-p {
font-size: 1.3vw;
line-height: 2vw;
margin-bottom: 5%;
}
.mediflow-im-box {
margin-bottom: 3%;
}
.mediflow-im-dl .mediflow-im-dt {
float: left;
width: 50%;
}
.mediflow-im-dl .mediflow-im-dt img {
width: 100%;
}
.mediflow-im-dl .mediflow-im-dd {
margin-left: 52%;
}
.mediflow-im-dl .mediflow-im-dd p {
font-size: 1.5vw;
margin: 0;
}
.mediflow-ls-dd-imflo {
margin: 5% 0;
}
.mediflow-ls-dd-imflo li img {
width: 100%;
}
.mediflow-ls-dd-p.flon {
float: left;
width: 50%;
}
.mediflow-ls-dd-pim {
float: right;
width: 50%;
text-align: right;
}
.medicommit-cum {
padding: 5% 5% 2%;
margin: 5% auto 10%;
box-sizing: border-box;
width: 90%;
overflow: hidden;
}
.medicommit-tl {
font-size: 2.6vw;
line-height: 2vw;
margin: 0 0 2%;
text-align: center;
}
.medicommit-ext {
font-size: 2vw;
line-height: 3vw;
margin: 0 0 3%;
text-align: center;
}
.medicommit-ls-box {
margin-bottom: 5%;
}
.medicommit-ls-box:nth-child(even) {
padding-left: 5%;
}
.medicommit-ls-box-ls {
padding: 4% 3% 6%;
width: 85%;
}
.medicommit-ls-box-ls .medicommit-ls-box:nth-child(even) {
width: 90%;
}
.medicommit-ls-box-ls li:before {
font-size: 1vw;
line-height: 1.5vw;
margin-right: 10px;
}
.medicommit-ls-box-ls li {
margin-bottom: 1%;
}
.medicommit-ls-box-ls li p {
font-size: 1.6vw;
line-height: 2vw;
}
.medicommit-ls-box-ext {
font-size: 1.4vw;
line-height: 2.6vw;
color: black;
margin: -5% 0 0 auto;
padding: 2.5%;
width: 80%;
}
.medicommit-ls-box:nth-child(even) .medicommit-ls-box-ext {
margin: -5% 5% 0 auto;
}
.medicommit-ls-box-ext p {
margin: 0 0 2%;
letter-spacing: 0;
}
.medicommit-ls-box-tlbox {
margin: 5% 0 0;
}
.medicommit-ls-box-tlbt {
letter-spacing: 0;
font-size: 1.6vw;
margin-bottom: 1%;
}
.medicommit-ls-box-tlbd li {
font-size: 2.3vw;
}
.medicommit-ls-box-tlbd li span {
width: 6%;
display: inline-block;
vertical-align: text-top;
margin-right: 8px;
}
.medicommit-ls-box-tlbd li span img {
width: 100%;
}
.medimicros-cum, .medimethod-cum {
margin: 5% 0 5%;
}
.medimicros-cum .inner, .medimethod-cum .inner {
width: 70%;
margin: 0 auto;
}
.medimicros-im, .medimethod-im {
margin: 0 0 5%;
}
.medimicros-im img, .medimethod-im img {
width: 70%;
margin: 0 auto;
display: block;
}
.medimicros-tl, .medimethod-tl {
font-size: 2.2vw;
line-height: 3vw;
margin: 0;
}
.medimethod-tl {
margin: 0 0 2% !important;
}
.medimicros-ext {
font-size: 1.7vw;
line-height: 3vw;
margin: 0 0 3%;
}
.medimicros-extmin, .medimethod-ext {
font-size: 1.3vw;
line-height: 2.2vw;
margin: 0 auto 8%;
width: 80%;
}
.medimethod-ext {
margin: 0 auto 5%;
width: 80%;
}
.medimethod-ext.rht {
margin-bottom: 5%;
}
.medimicros-boxdt {
padding: 0.5% 0;
font-size: 1.5vw;
line-height: 3.5vw;
margin-bottom: 5%;
}
.medimicros-boxdd img {
width: 80%;
display: block;
margin: 0 auto 15%;
}
.medimethod-cum-lsbox {
margin-bottom: 10%;
}
.medimethod-ls-tl {
margin: 5% auto 0;
overflow: hidden;
list-style: none;
width: 90%;
}
.medimethod-ls-tl li {
padding: 1% 0;
font-size: 1.4vw;
line-height: 2vw;
}
.medimethod-ls {
width: 90%;
margin: 0 auto;
}
.medimethod-ls li {
padding: 2% 0 1%;
}
.medimethod-ls p {
font-size: 1.4vw;
}

.width90 h2, .width90 h3{
    font-size: 200%;
}
}
/*--cerec-------------------------------------------------------------------*/

.cerec-voice-cum {
background: #e6faff;
padding: 10% 5%;
box-sizing: border-box;
margin: 0;
}
.cerec-voice-ttl {
text-align: center;
font-size: 4.5vw;
line-height: 7.5vw;
color: #006da7;
padding-bottom: 5%;
border-bottom: #000 1px dotted;
margin: 0 0 5%;
font-weight: bold;
}
.cerec-voice-ext {
margin: 0 0 10%;
font-size: 3.45vw;
line-height: 7.5vw;
text-align: center;
}
.cerec-voice-ext span {
margin: 2% 0;
display: block;
font-size: 3vw;
line-height: 6.5vw;
text-align: center;
}
.cerec-voice-movie {
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.cerec-voice-movie div {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.cerec-voice-movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cerec-settle-cum {
margin: 0;
}
.cerec-settle-ttlbox {
position: relative;
margin: 0 0 20%;
}
.cerec-settle-ttl {
margin: 0;
padding: 8% 0 0;
font-size: 7vw;
line-height: 10vw;
position: relative;
z-index: 1;
text-align: center;
color: #ffff00;
}
.cerec-settle-im {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.cerec-settle-ls {
padding: 10% 0;
}
.cerec-settle-ls li {
margin-bottom: 20%;
}
.cerec-settle-ls li:last-child {
margin-bottom: 5%;
}
.cerec-settle-ls-num {
font-size: 8vw;
color: #fff;
font-weight: bold;
background: #28b6aa;
padding: 0 10%;
}
.cerec-settle-ls-box {
width: 80%;
margin: 0 auto;
}
.cerec-settle-ls-ttl {
font-size: 6.5vw;
line-height: 8.5vw;
color: #006da7;
margin: 2% 0 10%;
font-weight: bold;
}
.cerec-settle-ls-ttl span {
font-size: 3vw;
line-height: 4.5vw;
color: #000;
font-weight: 100;
display: block;
letter-spacing: .7px;
}
.cerec-settle-ls-im {
margin-bottom: 10%;
}
.cerec-settle-ls-im img {
width: 100%;
}
.cerec-settle-ls-m_ttl {
font-size: 4.25vw;
line-height: 6.5vw;
margin-bottom: 10%;
}
.cerec-settle-ls-ext {
font-size: 3.45vw;
line-height: 6.5vw;
}
.cerec-settle-ls-note {
display: block;
font-size: 2.6vw;
line-height: 5vw;
margin: 10% 0 0;
letter-spacing: 0;
}
.cerec-exm-cum {
background: #cfeef7;
padding: 10% 8%;
box-sizing: border-box;
margin: 0;
}
.cerec-exm-ttl {
margin: 0;
font-size: 6vw;
line-height: 8vw;
color: #fff;
text-align: center;
padding: 2% 0;
background: #006da7;
border-top: #000 1px solid;
border-left: #000 1px solid;
border-right: #000 1px solid;
}
.cerec-exm-ls {
background: #fff;
padding: 10%;
border: #000 1px solid;
list-style: none;
}
.cerec-exm-ls li {
padding-bottom: 8%;
}
.cerec-exm-ls li:last-child {
padding-bottom: 0;
}
.cerec-exm-ls li:after {
content: "";
display: block;
width: 0;
height: 0;
border-right: 6vw solid transparent;
border-left: 6vw solid transparent;
border-top: 6vw solid #006da7;
margin: 2% auto 0;
}
.cerec-exm-ls li:last-child:after {
content: none;
}
.cerec-exm-ls-im {
margin: 0 auto 5%;
}
.cerec-exm-ls-im img {
width: 100%;
}
.cerec-exm-ls-ttl {
text-align: center;
font-size: 5.5vw;
}
.cerec-merit-cum {
background: linear-gradient(180deg, #cfeef7, #fff);
padding: 10% 8% 5%;
box-sizing: border-box;
margin: 0;
}
.cerec-merit-ttl {
margin: 0 0 12%;
font-size: 7vw;
line-height: 8vw;
font-weight: bold;
color: #006da7;
text-align: center;
}
.cerec-merit-ls li {
list-style: none;
border: #000 1px solid;
border-radius: 25px;
background: #fff;
padding: 0 10% 10%;
margin-bottom: 10%;
}
.cerec-merit-ls-ttl {
margin: 7% 0 7%;
font-size: 5vw;
line-height: 8vw;
color: #006da7;
text-align: center;
}
.cerec-merit-ls-ext {
font-size: 3.45vw;
line-height: 6.5vw;
text-align: center;
}
.cerec-merit-ls-ico {
width: 45%;
display: block;
margin: 0 auto;
}
.cerec-qa-ttl span {
margin: 0;
font-size: 6vw;
line-height: 8vw;
color: #fff;
text-align: center;
padding: 5% 0;
background: #006da7;
display: block;
}
.cerec-qa-ttl:after {
content: "";
display: block;
width: 0;
height: 0;
border-right: 4vw solid transparent;
border-left: 4vw solid transparent;
border-top: 4vw solid #006da7;
margin: 0 auto 8%;
}
.cerec-qa-cum .inner {
padding: 0 8% 5%;
box-sizing: border-box;
margin: 0;
}
.cerec-qa-ls {
list-style: none;
}
.cerec-qa-ls li {
margin-bottom: 18%;
}
.cerec-qa-ls li:last-child {
margin-bottom: 10%;
}
.cerec-qa-ls-ttl {
padding-bottom: 8%;
border-bottom: #000 dotted 1px;
margin-bottom: 5%;
}
.cerec-qa-ls-ttl::before {
content: '';
width: 10vw;
height: 10vw;
background: url(../images/cerec/ico-q.png) no-repeat;
background-size: contain;
float: left;
margin-right: 4.5%;
}
.cerec-qa-ls-ttl span {
display: flex;
color: #006da7;
font-size: 5vw;
line-height: 7.5vw;
letter-spacing: 0;
font-weight: bold;
padding: 1% 0 0;
}
.cerec-qa-ls-ext::before {
content: '';
width: 10vw;
height: 10vw;
background: url(../images/cerec/ico-a.png) no-repeat;
background-size: contain;
float: left;
margin-right: 4.5%;
}
.cerec-qa-ls-ext span {
display: flex;
font-size: 3.5vw;
line-height: 7vw;
font-weight: bold;
padding: 0;
}
 @media screen and (min-width: 768px) {
.cerec-voice-cum {
padding: 6% 0 5%;
margin: 0 auto;
width: 90%;
}
.cerec-voice-ttl {
font-size: 2.2vw;
line-height: 3.5vw;
padding-bottom: 2%;
margin: 0 auto 2%;
width: 70%;
}
.cerec-voice-ext {
margin: 0 0 2%;
font-size: 1.4vw;
line-height: 2.6vw;
}
.cerec-voice-ext span {
margin: 1% 0;
font-size: 1vw;
line-height: 2vw;
}
.cerec-settle-cum {
margin: 0 auto;
width: 90%;
}
.cerec-settle-ttlbox {
margin: 0;
}
.cerec-settle-ttl {
margin: 0;
padding: 3% 0;
font-size: 2.8vw;
line-height: 3vw;
}
.cerec-settle-im {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.cerec-settle-ls {
padding: 10% 0 5%;
list-style: none;
}
.cerec-settle-ls li {
margin-bottom: 7%;
overflow: hidden;
}
.cerec-settle-ls li:last-child {
margin-bottom: 5%;
}
.cerec-settle-ls-num {
font-size: 1.8vw;
padding: 0 3%;
margin: 0 auto;
display: block;
width: 10%;
text-align: center;
}
.cerec-settle-ls-box {
width: 80%;
margin: 0 auto;
}
.cerec-settle-ls-ttl {
font-size: 2.4vw;
line-height: 3.5vw;
margin: 4% 0 5%;
text-align: center;
}
.cerec-settle-ls-ttl span {
font-size: 1.5vw;
line-height: 1.7vw;
}
.cerec-settle-ls-im {
margin: 0;
float: left;
width: 47%;
}
.cerec-settle-ls-im img {
width: 100%;
}
.cerec-settle-ls-box div {
float: right;
width: 50%;
}
.cerec-settle-ls-m_ttl {
font-size: 1.6vw;
line-height: 2.3vw;
margin: 5% 0 4%;
}
.cerec-settle-ls-ext {
font-size: 1.2vw;
line-height: 2.2vw;
}
.cerec-settle-ls-note {
font-size: 1vw;
line-height: 2vw;
margin: 2% 0 0;
overflow: hidden;
display: block;
text-align: right;
}
.cerec-exm-cum {
margin: 0 auto;
width: 90%;
padding: 5% 0 2%;
}
.cerec-exm-cum .inner {
width: 80%;
margin: 0 auto;
}
.cerec-exm-ttl {
font-size: 2vw;
line-height: 2vw;
padding: 1.4% 0;
}
.cerec-exm-ls {
padding: 3% 4% 2%;
list-style: none;
overflow: hidden;
}
.cerec-exm-ls li {
padding: 0 5% 0 0;
width: 30%;
float: left;
position: relative;
}
.cerec-exm-ls li:last-child {
padding: 0;
}
.cerec-exm-ls li:after {
border-right: 1.6vw solid transparent;
border-left: 1.6vw solid transparent;
border-top: 1.6vw solid #006da7;
position: absolute;
top: 40%;
right: 0;
transform: rotate(-90deg);
}
.cerec-exm-ls li:nth-child(1):after {
top: 35%;
}
.cerec-exm-ls li:last-child:after {
content: none;
}
.cerec-exm-ls-im {
margin: 0 auto 2%;
}
.cerec-exm-ls-im img {
width: 100%;
}
.cerec-exm-ls-ttl {
text-align: center;
font-size: 1.4vw;
}
.cerec-merit-cum {
margin: 0 auto;
width: 90%;
padding: 5% 0 5%;
}
.cerec-merit-cum .inner {
width: 90%;
margin: 0 auto;
}
.cerec-merit-ttl {
margin: 0 0 5%;
font-size: 2.8vw;
line-height: 3vw;
}
.cerec-merit-ls li {
padding: 0 4% 4%;
margin: 0 auto 5%;
width: 90%;
box-sizing: border-box;
}
.cerec-merit-ls-ttl {
margin: 0;
font-size: 1.8vw;
line-height: 3vw;
float: left;
width: 35%;
text-align: center;
padding-top: 1%;
}
.cerec-merit-ls-ext {
font-size: 1.2vw;
line-height: 2.4vw;
text-align: left;
margin-left: 35%;
}
.cerec-merit-ls-ico {
width: 15%;
margin: 0 auto 2%;
}
.cerec-qa-ttl span {
margin: 0 auto;
font-size: 2vw;
line-height: 3.2vw;
padding: 1% 0;
width: 90%;
}
.cerec-qa-ttl:after {
content: "";
display: block;
width: 0;
height: 0;
border-right: 2vw solid transparent;
border-left: 2vw solid transparent;
border-top: 2vw solid #006da7;
margin: 0 auto 4%;
}
.cerec-qa-cum .inner {
padding: 0 20% 5%;
}
.cerec-qa-ls li {
margin-bottom: 8%;
}
.cerec-qa-ls li:last-child {
margin-bottom: 2%;
}
.cerec-qa-ls-ttl {
padding-bottom: 2%;
margin-bottom: 3%;
}
.cerec-qa-ls-ttl::before {
width: 2vw;
height: 2vw;
margin-right: 2%;
}
.cerec-qa-ls-ttl span {
font-size: 1.7vw;
line-height: 2.5vw;
padding: 0;
}
.cerec-qa-ls-ext::before {
content: '';
width: 2vw;
height: 2vw;
margin-right: 2%;
}
.cerec-qa-ls-ext span {
font-size: 1.2vw;
line-height: 2.2vw;
padding: 0;
}
}

/* SEO流し */
.inplant-li{
    list-style: none;
    text-align: center;
}

.style-none{
    list-style: none;
}

.titile-m{
    margin-top: 2em;
}

.title-p{
    padding-top: 1.5em;
}

.pb1em{
    padding-bottom: 1.5em;
}

.width90{
    width: 90%;
    margin: 0 auto;
}

.reason li{
    margin: .2em 2.5% !important;
}

.img-waku{
    display:grid;
    display: -ms-grid;
    width: 100%;
    height: auto;
    margin-bottom: 5em;
    grid-template-columns: 50% 50%;
    -ms-grid-columns:50% 50%;
}

.mente-img1{
    grid-column: 1 / 2;
    -ms-grid-column: 1;
}

.mente-img2{
    grid-column: 2 / 3;
    -ms-grid-column: 2;
}