@charset "UTF-8";

.contentpage .m_img_area .m_img {background-image: url("../images/m_img@2x.jpg");}

/* com_btn2（調整）
---------------------------------------------------------*/
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_btn2{
    margin-left: auto;
    margin-right: auto;
}
}



/* lead
---------------------------------------------------------*/
.com_link_list {
	width:70%;
	max-width: 603px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.com_link_list li {
	width: 48%;
	margin-right: 4%;
}
.com_link_list li:nth-child(2n) {
	margin-right: 0;
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_link_list {
	width:100%;
	max-width: 100%;
}
.com_link_list li {
	width: 49%;
	margin-right: 2%;
}
}



/* clinic
---------------------------------------------------------*/
#clinic .clinic_tour{
    position: relative;
}
#clinic .clinic_tour .inbox{
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4% 70px;
    box-sizing: border-box;
    text-align: center;
}
#clinic .clinic_tour .inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: #f7f1da;
    background-size: 100% auto;
    width: 100%;
    height: calc(100% - 2rem);
    bottom: 0;
    left: 0;
    z-index: -2;
    box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.5); 
}
#clinic .clinic_tour .inbox::after{
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    background-size: 100% auto;
    width: 100%;
    height: 45%;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#clinic .clinic_tour .tit p{
    font-size:420%;
    letter-spacing: 0.15em;
    line-height: 1em;
    color: #bcad37;
}
#clinic .clinic_tour .tit h2{
    font-size:180%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    margin: .4em 0 1.1em;
}
#clinic .clinic_tour iframe,
#clinic .clinic_tour ul{
    width: 85%;
    max-width: 683px;
    margin: 0 auto;
}
#clinic .clinic_tour ul{
    margin-top: 1rem;
}
#clinic .clinic_tour ul li{
    position: relative;
    text-align: left;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: .5em;
    padding-left: .9em;
    box-sizing:border-box;
}
#clinic .clinic_tour ul li:last-child{
    margin-bottom: 0;
}
#clinic .clinic_tour ul li::before{
    position: absolute;
    display: block;
    content: "・";
    top:0;
    left: -0.2em;
}
#clinic .clinic_tour .btn{
    position: absolute;
    bottom: -25px;
    right: 9%;
    width: 18%;/*変更可能*/
    max-width: 137px;
}
#clinic .clinic_tour .img{
    position: absolute;
    bottom: -65px;
    left: 0;
    width: 12.5%;/*変更可能*/
    max-width: 135px;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
#clinic .clinic_tour ul li{
    padding-left: 1.1em;
}
#clinic .clinic_tour ul li::before{
    left: 0;
}
#clinic .clinic_tour .btn{
    bottom: -25px;
    right:3%;
    width: 18%;/*変更可能*/
    max-width: 137px;
}
#clinic .clinic_tour .img{
    left: -2%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#clinic .clinic_tour .inbox{
    padding: 0 4% 6%;
}
#clinic .clinic_tour .inbox::before{
    height: calc(100% - 1.5rem);
    box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.5); 
}
#clinic .clinic_tour .tit p{
    font-size:320%;
}
#clinic .clinic_tour .tit h2{
    font-size:150%;
    margin: .2em 0 .8em;
}
#clinic .clinic_tour iframe,
#clinic .clinic_tour ul{
    width: 85%;
}
#clinic .clinic_tour iframe{
    height: 320px;
}
#clinic .clinic_tour ul{
    margin-top: .5rem;
}
#clinic .clinic_tour ul li{
    margin-bottom: .3em;
}
#clinic .clinic_tour .btn{
    bottom: -3%;
    right: 3%;
    width: 15%;
}
#clinic .clinic_tour .img{
    bottom: -3%;
    left: -2%;
    width: 11%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#clinic .clinic_tour .inbox{
    padding: 0 4% 1rem;
}
#clinic .clinic_tour .inbox::before{
    height: calc(100% + 3rem);
    box-shadow: 0 0 30px -20px rgba(0, 0, 0, 0.8); 
    bottom:-4.5rem;
}
#clinic .clinic_tour .inbox::after{
    height: 45%;
    bottom:-4.5rem;
}
#clinic .clinic_tour .tit p{
    font-size:270%;
}
#clinic .clinic_tour .tit h2{
    font-size:120%;
    letter-spacing: 0.1em;
    margin: .2em 0 .8em;
}
#clinic .clinic_tour iframe,
#clinic .clinic_tour ul{
    width: 100%;
    max-width: 100%;
}
#clinic .clinic_tour iframe{
    height: 230px;
}
#clinic .clinic_tour ul{
    margin-top: .5rem;
    font-size:90%;
}
#clinic .clinic_tour ul li{
    margin-bottom: .3em;
}
#clinic .clinic_tour .btn{
    position: static;
    width: 27%;
    text-align: center;
    margin: 0 auto;
}
#clinic .clinic_tour .img{
    bottom: -1rem;
    left: 13%;
    width:16%;
}
#clinic .cl_fltbox{
    border-top: 1px solid #827403;
    padding-top: 7%;
    margin-top: -2%;
}
}


/* cl_fltbox
---------------------------------------------------------*/
.cl_fltbox .img_l{
    float: left;
}
.cl_fltbox .img_r{
    float: right;
}
.cl_fltbox .txt_l{
    float: left;
}
.cl_fltbox .txt_r{
    float: right;
}
.cl_fltbox .img_l,
.cl_fltbox .img_r{
    width: 49.5%;
    max-width: 600px;
}
.cl_fltbox .txt_r,
.cl_fltbox .txt_l{
    width: 46.5%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.cl_fltbox .img_l{
    margin-right: 4%;
}
.cl_fltbox .img_r{
    margin-left: 4%;
}
.cl_fltbox .txt_l,
.cl_fltbox .txt_r{
    float: none;
}
.cl_fltbox .img_l,
.cl_fltbox .img_r{
    margin-bottom: 1em;
}
.cl_fltbox .txt_r,
.cl_fltbox .txt_l{
    width: 100%;
}
    
.cl_fltbox.no_full .img_l{
    margin-right: 0;
}
.cl_fltbox.no_full .img_r{
    margin-left: 0;
}
.cl_fltbox.no_full .txt_l{
    float: left;
}
.cl_fltbox.no_full .txt_r{
    float: right;
}
.cl_fltbox.no_full .img_l,
.cl_fltbox.no_full .img_r{
    margin-bottom: 0;
}
.cl_fltbox.no_full .txt_r,
.cl_fltbox.no_full .txt_l{
    width: 46.5%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.cl_fltbox .img_l{
    float: none;
}
.cl_fltbox .img_r{
    float: none;
}
.cl_fltbox .txt_l{
    float: none;
}
.cl_fltbox .txt_r{
    float: none;
}
.cl_fltbox .img_l,
.cl_fltbox .img_r{
    width: 80%;
    margin: 0 auto 1em;
    text-align: center;
}
.cl_fltbox .txt_r,
.cl_fltbox .txt_l{
    width: 100%;
}
}



/* cl_index1
---------------------------------------------------------*/
.cl_index1 dt{
    margin-bottom: 1.5rem;
}
.cl_index1 dt .sub{
    font-size:110%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    color: #827403;
    margin-bottom: .3em;
}
.cl_index1 dt .ft_min{
    font-size: 220%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}

/*type_bdr*/
.cl_index1_bdr{
    border-top: 1px solid #827403;
    padding-top: 2.3rem;
}
.cl_index1_bdr dt,
.cl_index1_bdr dd{
    padding: 0 1.5rem;
    box-sizing: border-box;
}

#clinic .cl_index1_bdr,
#privacy .box2 .cl_index1_bdr{
    margin-top: 2rem;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.cl_index1 dt{
    margin-bottom: 1rem;
}
.cl_index1_bdr dt,
.cl_index1_bdr dd{
    padding: 0;
}
#clinic .cl_index1_bdr,
#privacy .box2 .cl_index1_bdr{
    margin-top: 0;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.cl_index1 dt{
    margin-bottom:.5rem;
}
.cl_index1 dt .sub{
    letter-spacing: normal;
}
.cl_index1 dt .ft_min{
    font-size: 190%;
}

/*type_bdr*/
.cl_index1_bdr{
    padding-top:1.3rem;
}
.cl_index1_bdr dt,
.cl_index1_bdr dd{
    padding: 0;
}
#clinic .cl_index1_bdr,
#privacy .box2 .cl_index1_bdr{
    margin-top: 0;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.cl_index1 dt{
    margin-bottom: .5rem;
    text-align: center;
}
.cl_index1 dt .sub{
    font-size:100%;
    letter-spacing: 0.05em;
    margin-bottom: 0em;
}
.cl_index1 dt .ft_min{
    font-size: 160%;
    letter-spacing: 0.1em;
}

/*type_bdr*/
.cl_index1_bdr{
    border-top: none;
    padding-top: 0;
}
.cl_index1_bdr dt,
.cl_index1_bdr dd{
    padding: 0;
}
#clinic .cl_index1_bdr,
#privacy .box2 .cl_index1_bdr{
    margin-top: 0;
}
}




/* privacy
---------------------------------------------------------*/
#privacy .com_grdbox{
    margin-bottom: 125px;
}
#privacy .cl_index1_bdr{
    border-top: 1px solid #3daa82;
}
#privacy .cl_index1 dt .sub{
    color: #3daa82;
}

#privacy .txt1{
    text-align: center;
}

#privacy .box1 .cl_fltbox .txt_l{
    width: 77%;
}
#privacy .box1 .cl_fltbox .txt_l dt,
#privacy .box1 .cl_fltbox .txt_l dd{
    padding-right: 0;
}
#privacy .box1 .cl_fltbox .img_r{
    width: 22%;
}
#privacy .box1 .img{
    width: 90%;
    margin: 45px auto 0;
    text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#privacy .com_grdbox{
    margin-bottom: 8%;
}
#privacy .box1 .cl_fltbox .txt_l{
    width: 68%;
}
#privacy .box1 .cl_fltbox .img_r{
    width: 30%;
}
#privacy .box1 .img{
    width: 80%;
    margin: 3% auto 0;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#privacy .com_grdbox{
    margin-bottom: 12%;
}
#privacy .cl_index1_bdr{
    border-top: none;
}
#privacy .txt1{
    text-align: left;
}
#privacy .box1 .cl_fltbox .txt_l{
    width:100%;
}
#privacy .box1 .cl_fltbox .txt_l dd{
    overflow: hidden;
    margin-bottom: 1rem;
}
#privacy .box1 .cl_fltbox .txt_l dd .sp_img{
    float: right;
    width: 45%;
    margin-left: 4%;
    margin-bottom: .2em;
}
#privacy .box1 .img{
    width: 100%;
    margin: 0 auto;
}
#privacy .box1{
    margin-bottom: 8%;
}
#privacy .box1,
#privacy .box2{
    border-top: 1px solid #3daa82;
    padding-top: 7%;
}
#privacy .box2{
    padding-top: 8%;
}
}



/* device
---------------------------------------------------------*/
#device .bg{
    position: relative;
}
#device .bg::before{
    position: absolute;
    display: block;
    content: "";
    background: #eaebe0;
    background-size: 100% auto;
    width: 100%;
    height: calc(100% - 2.5rem);    
    bottom: 0;
    left: 0;
    z-index: -5;
}
#device .com_title3{
    margin-bottom: 100px;
}
#device .com_title3 .ft_cronos_l{
    color: #6a757e;
}

#device .cl_title2{
    position: relative;
    background: #1096c5;
    color: #fff;
    font-size:220%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    padding: 1.1em 1em;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 70px;
}
#device .cl_title2 strong{
    font-weight: normal;
    letter-spacing: normal;
}
#device .cl_title2::before{
    position:absolute;
    display: block;
    content: "";
    background: url("../images/de_tit_deco2@2x.png")no-repeat top center;
    background-size: 100% auto;
    width: 27px;
    height: 17px;
    top:100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#device .cl_title2::after{
    position:absolute;
    display: block;
    content: "";
    background: url("../images/de_tit_deco1@2x.png")no-repeat top center;
    background-size: 100% auto;
    width: 132px;
    height:132px;
    top: -37px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#device .cl_title2.pink{
    background: #e9988f;}
#device .cl_title2.pink::before{
    background-image: url("../images/de_tit_deco2_pink@2x.png");}
#device .cl_title2.pink::after{
    background-image: url("../images/de_tit_deco1_pink@2x.png");}
#device .cl_title2.yellow{
    background: #bcad37;}
#device .cl_title2.yellow::before{
    background-image: url("../images/de_tit_deco2_yellow@2x.png");}
#device .cl_title2.yellow::after{
    background-image: url("../images/de_tit_deco1_yellow@2x.png");}

#device .cl_title2_inbox2{
    max-width: 1260px;
    margin: 0 auto;
}
#device .box1 .cl_title2_inbox2{
    position: relative;
    padding: 0 6% 60px;
    box-sizing: border-box;
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2); 
}
#device .box1 .cl_title2_inbox2::before{
    position: absolute;
    display: block;
    content: "";
background: rgb(221,248,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(221,248,252,1) 0%, rgba(255,255,255,1) 40%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(221,248,252,1) 0%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(221,248,252,1) 0%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf8fc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background-size: 100% auto;
    width: 100%;
    height: calc(100% - 2rem);
    bottom: 0;
    left: 0;
    z-index: -2;
}
#device .box1 .cl_title2_inbox2 .com_title1 .ft_min{
    color: #1096c5;
}
#device .box1 .cl_title2_inbox2 .txt1{
    text-align: center;
    margin: 2rem 0 3rem;
}
#device .box1 .cl_title2_inbox2 ul{
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#device .box1 .cl_title2_inbox2 ul li{
    width: 32%;
    max-width: 330px;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min{
    font-size:170%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    margin: 1em 0 .5em;
    text-align: center;
    color: #1096c5;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min span{
    margin: 0 -0.2em;
}

#device .cl_title2_inbox1{
    max-width: 1220px;
    margin: 0 auto;
}
#device .cl_bdrlist li{
    border-bottom: 1px solid #8f8989;
    padding-bottom: 70px;
    margin-bottom: 70px;
}
#device .cl_bdrlist li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#device .cl_bdrlist li > div{
    max-width: 1100px;
    margin: 0 auto;
}
#device .cl_bdrlist li .cl_fltbox .img_l{
    width: 36%;
    max-width: 390px;
}
#device .cl_bdrlist li .cl_fltbox .txt_r{
    width: 60%;
    max-width: 625px;
}
#device .cl_bdrlist li .cl_index1 .sub{
    color: #6a757e;
}
#device .cl_human_bg{
    position: relative;
    padding-bottom: 130px;
}
#device .cl_human_r{
    position:absolute;    
    bottom: 0;
    right: 4.5%;
    text-align: right;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
#device .box1 .cl_title2_inbox2{
    padding: 0 4% 60px;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min{
    font-size: 2.2vw;
    letter-spacing: normal;
}
#device .cl_human_r{
    width: 25%;
    right: -2%;
    padding-top: 1rem;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#device .bg::before{
    height: calc(100% - 2rem);    
}
#device .com_title3{
    margin-bottom: 5%;
}
#device .cl_title2{
    font-size:170%;
    padding: .7em 1em .8em;
    margin-bottom: 3%;
}
#device .cl_title2::before{
    width: 20px;
}
#device .cl_title2::after{
    width: 90px;
    height: 90px;
    top: -25px;
}
#device .box1 .cl_title2_inbox2{
    padding: 0 4% 4%;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1); 
}
#device .box1 .cl_title2_inbox2::before{
    height: calc(100% - 1.5rem);
}
#device .box1 .cl_title2_inbox2 .txt1{
    margin:1rem 0 2rem;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min{
    font-size:130%;
    letter-spacing: 0.01em;
    margin: .6em 0 .2em;
}
#device .box1 .cl_title2_inbox2 ul li dd{
    letter-spacing: normal;
}
    
#device .cl_bdrlist li{
    padding-bottom: 5%;
    margin-bottom: 5%;
}
#device .cl_bdrlist li .cl_fltbox .txt_r{
    width: 100%;
    max-width: 100%;
}
#device .cl_human_bg{
    padding-bottom: 9rem;
}
#device .cl_human_r{
    width: 30%;
    right: 0;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#device .bg::before{
    height: calc(100% - 1.5rem); 
}
#device .com_title3{
    margin-bottom: 12%;
}
#device .cl_title2{
    font-size:150%;
    letter-spacing: 0.05em;
    padding: .8em .5em;
    margin-bottom: 4%;
}
#device .cl_title2::before{
    width: 20px;
}
#device .cl_title2::after{
    width: 90px;
    height:90px;
    top: -25px;
}
#device .box1 .cl_title2_inbox2{
    padding: 0 4% 4%;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2); 
}
#device .box1 .cl_title2_inbox2::before{
    height: calc(100% - 1.5rem);
}
#device .box1 .cl_title2_inbox2 .txt1{
    margin: 1rem 0 1.5rem;
    text-align: left;
}
#device .box1 .cl_title2_inbox2 ul{
    display: -webkit-block;
	display: block;
}
#device .box1 .cl_title2_inbox2 ul li{
    width: 100%;
    max-width: 100%;
    margin-bottom: 8%;
}
#device .box1 .cl_title2_inbox2 ul li:last-child{
    margin-bottom: 0;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min{
    font-size:130%;
    letter-spacing: 0.05em;
    margin: .5em 0 .2em;
}
#device .box1 .cl_title2_inbox2 ul li .ft_min span{
    margin:0;
}
#device .box1 .cl_title2_inbox2 ul li > div{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}    
#device .cl_bdrlist li{
    padding-bottom: 7%;
    margin-bottom: 8%;
}
#device .cl_bdrlist li .cl_fltbox .img_l{
    width: 70%;
    margin: 0 auto 4%;
    text-align: center;
}
#device .cl_bdrlist li .cl_fltbox .txt_r{
    width:100%;
    max-width:100%;
}
#device .cl_human_bg{
    padding-bottom: 0;
}
#device .cl_human_r{
    position:static;
    width: 50%;
    text-align: center;
    margin: .5rem auto 0;
}
}