@charset "UTF-8";

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


/* 知っていますか？
---------------------------------------------------------*/
.contentpage #pagebody {
	padding-top: 0;
}
.box1{
    background: url("../images/shinjitsu/img02@2x.jpg")no-repeat bottom right #f0f0ee;
    background-size: 100% auto;
    padding-top: 90px;
    padding-bottom: 150px;
}
.box1 .imgbox{
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 85px;
}
.box1 .imgbox::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/shinjitsu/img01_deco1@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 8.5%;
    max-width: 112px;
    height: 112px;
    top: 62%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%); 
    left: 3%;
}
.box1 .imgbox::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/shinjitsu/img01_deco2@2x.png")no-repeat bottom right;
    background-size: 100% auto;
    width: 16.5%;
    max-width: 215px;
    height: 266px;
    bottom: 0;
    right: 0;
}
.box1 .imgbox h2{
    width: 65%;/*変更可能*/
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.box1 .txtbox{
    max-width: 1100px;
    margin: 0 auto;
}
.fs34{
    font-size:210%;
    letter-spacing: 0.12em;
    font-weight: normal;
    line-height: 1.9em;
    color: #1096c5;
}
.fs25{
    font-size:155%;
    letter-spacing: 0.12em;
    font-weight: normal;
    line-height: 2em;
}
.fs25 span{
    font-size:125%;
    letter-spacing: 0.15em;
    color: #df705b;
}
.box1 .txtbox .fs34{
    margin-bottom: 1.5em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.fs34{
    font-size:195%;
    letter-spacing: normal;
}
.fs25{
    font-size:140%;
    letter-spacing: normal;
}
.fs25 span{
    letter-spacing: normal;
}
.box1 .txtbox .fs34{
    margin-bottom: 1em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box1{
    padding-top: 6%;
    padding-bottom: 8%;
    background-position: bottom right 70%;
    background-size: 120% auto;
}
.box1 .imgbox{
    padding-bottom: 3%;
}
.box1 .imgbox::before{
    width:12%;
    top: 70%;
    left: -1%;
}
.box1 .imgbox::after{
    bottom: 3rem;
    right: -4%;
}
.box1 .imgbox h2{
    width: 80%;
}
.fs34{
    font-size:170%;
    letter-spacing: 0.05em;
    line-height: 1.6em;
}
.fs25{
    font-size:140%;
    letter-spacing: 0.05em;
    line-height:1.8em;
}
.box1 .txtbox .fs34{
    margin-bottom: .8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box1{
    background-image: url("../images/shinjitsu/img02_sp@2x.jpg");
    padding-top: 8%;
    padding-bottom: 30vw;
}
.box1 .imgbox{
    padding-bottom: 5%;
}
.box1 .imgbox::before{
    width: 13%;
    top: 0;
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
    left: -2%;
}
.box1 .imgbox::after{
    width: 18%;
    bottom: 2rem;
    right: -3%;
}
.box1 .imgbox h2{
    width: 100%;
}
.fs34{
    font-size: 140%;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-align: center;
}
.fs25{
    font-size:115%;
    letter-spacing: 0.05em;
    line-height: 1.7em;
}
.fs25 span{
    letter-spacing: 0.05em;
}
.box1 .txtbox .fs34{
    margin-bottom: .5em;
}
}





/* しかし
---------------------------------------------------------*/
.box2{
    position: relative;
    background: url("../images/shinjitsu/img03@2x.jpg")no-repeat top left #fff;
    background-size: 100% auto;
    padding: 100px 0;
}
.box2::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/shinjitsu/img06@2x.png")no-repeat bottom right;
    background-size: 100% auto;
    width: 24%;
    max-width: 359px;
    height: 309px;
    bottom: 0;
    right: 0;
}
.box2 .box2_tit{
    text-align: center;
}
.box2 .box2_tit .gray{
    font-size: 95%;
    color: #868080;
    line-height: 1.4em;
    margin-top: 1em;
}
.box2 .box2_list li{
    border-bottom: 1px solid #a49f9f;
    padding-bottom: 65px;
    margin-bottom: 65px;
}
.box2 .box2_list li:last-child{
    border-bottom:none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.box2 .box2_list .fltbox .flt_l{
    width:42%;
    max-width: 554px;
}
.box2 .box2_list .fltbox .flt_r{
    width: 55%;
}
.box2 .box2_list .inbox{
    position: relative;
    padding: 0 4.5%;
    box-sizing: border-box;
}
.box2 .box2_list .inbox .imgbox{
    position: absolute;
    width: 38%;
    top:50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%); 
    right: 1%;
}
.box2 .box2_list .inbox .txtbox p{
    width: 55%;
    position: relative;
    z-index: 2;
}
.box2 .box2_list .inbox .txtbox .fs34{
    margin: .5em 0;
}
.box2 .box2_list .inbox .txtbox .fs25{
    width: 100%;
    margin-top: .8em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.box2 .box2_list .fltbox .flt_l{
    margin-right: 4%;
    margin-bottom: .7em;
}
.box2 .box2_list .fltbox .flt_r{
    width: 100%;
    float: none;
}
.box2 .box2_list .inbox{
    padding: 0;
    overflow: hidden;
}
.box2 .box2_list .inbox .imgbox{
    float: right;
    position: static;
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
    margin-left: 2%;
}
.box2 .box2_list .inbox .txtbox p{
    width: 100%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box2{
    background-position: top left 40%;
    background-size: 105% auto;
    padding: 8% 0;
}
.box2::after{
    width: 24%;
}
.box2 .box2_list li{
    padding-bottom: 5%;
    margin-bottom: 5%;
}
.box2 .box2_list li:last-child{
    border-bottom:none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.box2 .box2_list .fltbox .flt_l{
    margin-right: 4%;
    margin-bottom: .5em;
}
.box2 .box2_list .fltbox .flt_r{
    width: 100%;
    float: none;
}
.box2 .box2_list .inbox{
    padding: 0;
    overflow: hidden;
}
.box2 .box2_list .inbox .imgbox{
    float: right;
    position: static;
    width: 38%;
	-webkit-transform: translateY(0); 
	transform: translateY(0);
    margin-left: 3%;
}
.box2 .box2_list .inbox .txtbox p{
    width: 100%;
}
.box2 .box2_list .inbox .txtbox .fs34{
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box2{
    background-position: top left 40%;
    background-size: 105% auto;
    padding: 10% 0;
}
.box2::after{
    width: 24%;
    right: 0;
}
.box2 .box2_tit .gray{
    margin-top: .5em;
}
.box2 .box2_list li{
    padding-bottom: 7%;
    margin-bottom: 7%;
}
.box2 .box2_list .fltbox .flt_l{
    float: none;
    width:80%;
    margin: 0 auto 4%;
    text-align: center;
}
.box2 .box2_list .fltbox .flt_r{
    width: 100%;
    float: none;
}
.box2 .box2_list .inbox{
    padding: 0;
}
.box2 .box2_list .inbox .imgbox{
    position: static;
    width: 70%;
	-webkit-transform: translateY(0); 
	transform: translateY(0);
    margin: 0 auto 4%;
    text-align: center;
}
.box2 .box2_list .inbox .txtbox p{
    width:100%;
    text-align: left;
}
}







/* 日本と北欧
---------------------------------------------------------*/
.box3{
    position: relative;
    background: #56c3db;
    padding-top: 50px;
}
.box3::before{
    position:absolute;
    display: block;
    content: "";
    background: url("../images/shinjitsu/arrow1@2x.png")no-repeat top center;
    background-size: 100% auto;
    width: 43px;
    height: 37px;
    top:100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.box3 .img{
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box3{
    padding-top: 3%;
}
.box3::before{
    width: 30px;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box3{
    padding-top:4%;
}
.box3::before{
    width:20px;
}
.box3 .img{
    width: 100%;
}
}






/* 歯をできるだけ長く健康に保つ
---------------------------------------------------------*/
.box4 .bg{
    position: relative;
    padding-bottom: 80px;
}
.box4 .bg::before{
    position:absolute;
    display: block;
    content:"";
    background: url("../images/shinjitsu/img09@2x.png")no-repeat bottom left;
    background-size: 100% auto;
    width: 24%;
    max-width: 330px;
    height: 225px;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.box4 .bg::after{
    position:absolute;
    display: block;
    content:"";
    background: url("../images/shinjitsu/img08@2x.png")no-repeat bottom right;
    background-size: 100% auto;
    width: 17%;
    max-width:240px;
    height: 232px;
    top: -2rem;
    right: 0;
    z-index: -1;
} 
.box4 p{
    text-align: center;
}
.box4 .fs34{
    margin: .3em 0 .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box4 .bg{
    padding-bottom: 8%;
}
.box4 .bg::after{
    top: -8rem;
} 
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box4 .bg{
    padding-bottom: 20vw;
}
.box4 .bg::before{
    width:30%;
    bottom: 0;
    left: -3.5%;
}
.box4 .bg::after{
    width: 20%;
    top: -11rem;
    right: -3.5%;
} 
.box4 p{
    text-align: left;
}
}






/* 東京浜松町歯科クリニックの約束
---------------------------------------------------------*/
.box5 .com_grdbox::before{
background: -moz-linear-gradient(top,  rgba(248,241,217,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,241,217,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,241,217,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddf8e5', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.box5 .com_title3 .ft_cronos_l{
    color: #bcad37;
}
.box5 .txt1,
.box5 .txt2{
    text-align: center;
}
.box5 .box5_list{
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 985px;
    margin-right: auto;
    margin-left: auto;
}
.box5 .box5_list li{
    width: 24%;
    max-width: 230px;
    text-align: center;
    border-top: 1px solid #bcad37;
}
.box5 .box5_list li .ft_min{
    font-size:110%;
    line-height: 1.8em;
    margin: .9em 0 .8em;
}
.box5 .box5_list li .ft_min span{
    font-size:140%;
    letter-spacing: 0.2em;
}
.box5 .box5_list li:nth-child(1) .ft_min span{
    letter-spacing: 0.05em;
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.box5 .box5_list li .ft_min{
    letter-spacing: 0.05em;
}
.box5 .box5_list li .ft_min span{
    letter-spacing: 0.1em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box5 .box5_list li .ft_min{
    font-size:100%;
    letter-spacing: normal;
}
.box5 .box5_list li .ft_min span{
    letter-spacing: 0.05em;
}
.box5 .box5_list li:nth-child(1) .ft_min span{
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box5 .txt1,
.box5 .txt2{
    text-align: left;
}
.box5 .box5_list{
    display: -webkit-block;
	display: block;
}
.box5 .box5_list li{
    width: 100%;
    max-width: 100%;
    margin-bottom: 8%;
}
.box5 .box5_list li .ft_min{
    font-size:100%;
    line-height: 1.8em;
    margin: 1em 0 .6em;
}
.box5 .box5_list li .ft_min span{
    font-size:140%;
    letter-spacing: 0.05em;
    padding-left: .5em;
}
.box5 .box5_list li > div{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
}