@charset "UTF-8";

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

/* com_btn2（調整）
---------------------------------------------------------*/
.com_btn2{
    max-width: 372px;
}

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



/* lead
---------------------------------------------------------*/
.cli_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 {
background: rgb(139,193,207);
background: -moz-linear-gradient(top,  rgba(139,193,207,1) 0%, rgba(100,172,191,1) 100%);
background: -webkit-linear-gradient(top,  rgba(139,193,207,1) 0%,rgba(100,172,191,1) 100%);
background: linear-gradient(to bottom,  rgba(139,193,207,1) 0%,rgba(100,172,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc1cf', endColorstr='#64acbf',GradientType=0 );
}
.cli_link_list li {
	width: 48%;
	margin-right: 4%;    
}
.cli_link_list li:nth-child(2n) {
	margin-right: 0;
}

.cli_link_list > li a {
    border-radius: 15px;
	display: block;
	color: #f8f6ee;
	font-size: 110%;
	letter-spacing: .25em;
    font-weight: bold;
	line-height: 1.4em;
	height: 4.5em;
	background: url("../images/btn_bg@2x.png") no-repeat right bottom #e0b941;
	background-size: contain;
	position: relative;
}
.cli_link_list > li:hover a {
	background-color:rgba(224,185,65,0.6);
}
.cli_link_list > li span {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	padding: 0 1.8em;
}
.cli_link_list > li span strong{
    letter-spacing: 0.15em;
}
.cli_link_list > li a::before {
	content: "";
	position: absolute;
	width: 1.6em;
	height: 100%;
	right: 1.1em;
	top: 0;
	background: url("../images/arrow.svg") no-repeat center center;
	background-size: 96% auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.cli_link_list > li a {
	letter-spacing: .15em;
	height: 4.0em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.cli_link_list {
	width:100%;
	max-width: 100%;
}
.cli_link_list li {
	width: 49%;
	margin-right: 2%;
}
.cli_link_list > li a {
	font-size: 90%;
	letter-spacing: .05em;
	height: 4.0em;
}
.cli_link_list > li span {
	padding: 0 1.0em;
}
.cli_link_list > li a::before {
	width: 1.2em;
}
}



/* 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: #d3f1ec;
    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{
    margin-bottom: 1rem;
}
#clinic .clinic_tour .tit h2{
    font-size:180%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    margin: .4em 0 1.1em;
    color: #63534c;
}
#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: 146px;
}

/* 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 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{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}    
#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{
    position: relative;
    padding-top: 7%;
    margin-top: -2%;
}
#clinic .cl_fltbox::before{
    position: absolute;
    content: "";	
	width:  100%;
	max-width: 100%;
	height: 4px;
	background: url("../../images/dotto_g@2x.png") repeat-x left center;
	background-size: contain;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
}


/* 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: #ca9f41;
    margin-bottom: .3em;
}
.cl_index1 dt .ft_gin{
    font-size: 220%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    color: #63534c;
}
.cl_index1 dt .ft_gin span{
    letter-spacing: 0.05em;
}

/*type_bdr*/
.cl_index1_bdr{
    position: relative;
    padding-top: 2.3rem;
}
.cl_index1_bdr::before {
    position: absolute;
	content: "";	
	width:100%;
	max-width: 100%;
	height: 4px;
	background: url("../../images/dotto_g@2x.png") repeat-x left center;
	background-size: contain;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
.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_gin{
    font-size: 190%;
    letter-spacing: 0.1em;
}
.cl_index1 dt .ft_gin span{
    letter-spacing:normal;
}    

/*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_gin{
    font-size: 160%;
    letter-spacing: 0.1em;
}
.cl_index1 dt .ft_gin span{
    letter-spacing: normal;
}
.cl_index1_bdr::before {
    display: none;
} 
/*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 dt .sub{
    color: #e09341;
}
#privacy .com_title3{
    margin-bottom: 60px;
}

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

#privacy .box1 .cl_fltbox .txt_l{
    width: 74%;
}
#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 .com_title3{
    margin-bottom: 3%;
}
#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 .com_title3{
    margin-bottom: .5rem;
}    
.com_title3 p{
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#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{
    position: relative;
    padding-top: 7%;
}
#privacy .box1::before,
#privacy .box2::before{
    position: absolute;
    content: "";	
	width:  100%;
	max-width: 100%;
	height: 4px;
	background: url("../../images/dotto_g@2x.png") repeat-x left center;
	background-size: contain;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}    
#privacy .box2{
    padding-top: 8%;
}
}



/* device
---------------------------------------------------------*/
#device .bg{
    position: relative;
}
#device .bg::before{
    position: absolute;
    display: block;
    content: "";
    background: #e6e4d1;
    background-size: 100% auto;
    width: 100%;
    height: calc(100% - 2.5rem);    
    bottom: 0;
    left: 0;
    z-index: -5;
    opacity: 0.3;
}
#device .bg::after{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/device_shadow@2x.png)no-repeat top center;
    background-size: 100% auto;
    width: 100%;
    height: 5000px;
    top: 2.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -4;
}
#device .com_title3 .ft_macho{
    color: #6a757e;
}

#device .cl_title2{
    position: relative;
    background: #49ace3;
    color: #fff;
    font-size:220%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    padding: 1.1em 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_arrow1@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:70px;
    height:70px;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#device .cl_title2.pink{
    background: #ff9e8c;}
#device .cl_title2.pink::before{
    background-image: url("../images/de_tit_arrow2@2x.png");}
#device .cl_title2.pink::after{
    background-image: url("../images/de_tit_deco2@2x.png");}
#device .cl_title2.green{
    background: #69d18a;}
#device .cl_title2.green::before{
    background-image: url("../images/de_tit_arrow3@2x.png");}
#device .cl_title2.green::after{
    background-image: url("../images/de_tit_deco3@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_gin{
    color: #49ace3;
}
#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_gin{
    font-size:170%;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    margin: 1em 0 .5em;
    text-align: center;
    color: #49ace3;
}
#device .box1 .cl_title2_inbox2 ul li .ft_gin span{
    margin: 0 -0.2em;
}

#device .cl_title2_inbox1{
    max-width: 1220px;
    margin: 0 auto;
}
#device .cl_bdrlist li{
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 70px;
}
#device .cl_bdrlist li::before {
    position: absolute;
	content: "";	
	width:100%;
	max-width: 100%;
	height: 4px;
	background: url("../../images/dotto_g@2x.png") repeat-x left center;
	background-size: contain;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#device .cl_bdrlist li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
#device .cl_bdrlist li:last-child::before {
    display: none;
}
#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: #49ace3;
}
#device .box2 .cl_bdrlist li .cl_index1 .sub{
    color: #ff787f;
}
#device .box3 .cl_bdrlist li .cl_index1 .sub{
    color: #4ebc7e;
}
#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_gin{
    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 .bg::after{
    top:2rem;
}
#device .cl_title2{
    font-size:170%;
    padding: .7em 1em .8em;
    margin-bottom: 3%;
}
#device .cl_title2::before{
    width: 20px;
}
#device .cl_title2::after{
    width: 48px;
    height: 50px;
    top: -30px;
}
#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_gin{
    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 .bg::after{
    top:1.5rem;
}
#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: 48px;
    height: 50px;
    top: -30px;
}
#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_gin{
    font-size:130%;
    letter-spacing: 0.05em;
    margin: .5em 0 .2em;
}
#device .box1 .cl_title2_inbox2 ul li .ft_gin 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;
}
}