@charset "utf-8";
@media only screen and (min-width: 751px) and (max-width: 1200px) {
html { font-size: 0.8333333333333333vw; }

}

@media only screen and (min-width: 0px) and (max-width: 750px) {
html { font-size: 1.3333333333333335vw; }

#mainvisual div.bg-main,
#mainvisual div.bg-main#slide-b {
    padding-top: 18.0rem;
}
#mainvisual div.main-in {
    width: 100%;
    display: block;
}
#mainvisual div.main-in .main-l {
    width: 100%;
}
#mainvisual div.main-in .main-l figure {
    width: 63.2rem;
    margin: 0 auto 4.0rem;
}
#mainvisual ul {
    display: block;
    width: 65.0rem;
    margin: 0 auto;
}
#mainvisual ul li {
    width: 100%;
    margin-bottom: 4.0rem;
}
#mainvisual ul li a,
#mainvisual #costdown ul li a {
    font-size: 2.4rem;
    width: 100%;
    height: 13.0rem;
    padding-top: 2.5rem;
    padding-left: 0rem;
    border-radius: 13.0rem;
}
#mainvisual ul li a span {
    font-size: 3.2rem;
    display: inline-block;
    margin-right: 1.0rem;
}
#mainvisual ul li:first-of-type a:before {
    position: absolute;
    content: '';
    background: url("../../image/icon-tld-2x.png") no-repeat;
    background-size: 4.0rem 4.4rem;
    width: 4.0rem;
    height: 4.4rem;
    top: 50%;
    left: 3.0rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#mainvisual ul li:last-of-type a:before {
    position: absolute;
    content: '';
    background: url("../../image/icon-dc-2x.png") no-repeat;
    background-size: 4.0rem 4.4rem;
    width: 4.0rem;
    height: 4.4rem;
    top: 50%;
    left: 3.0rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* お悩み
--------------------------------------------*/
#kankyo {
    width: 65.0rem;
    display: block;
}
#kankyo figure {
    width: 100%;
    margin-bottom: 6.0rem;
}
#kankyo dl {
    width: 100%;
}
#kankyo dl dt {
    width: 65.0rem;
    margin-bottom: 4.0rem;
}
#kankyo dl dd {
    font-size: 2.6rem;
}

.duty figure {
    width: 60.0rem;
    margin: 0 auto 8.0rem;
}
.duty .txt-duty,
#duty-tld .txt-duty,
#duty-cd .txt-duty {
    display: block;
    width: 70.0rem;
}
.duty .txt-duty dl,
#duty-tld .txt-duty dl,
#duty-cd .txt-duty dl {
    width: 100%;
    font-size: 2.6rem;
    border-radius: 4.0rem;
    margin-bottom: 4rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.duty .txt-duty dd,
#duty-tld .txt-duty dd,
#duty-cd .txt-duty dd {
    font-size: 2.4rem;
}
.duty p {
    font-size: 2.6rem;
    width: 65.0rem;
}
#service h2 {
    width: 69.0rem;
}
#service p {
    font-size: 2.6rem;
    width: 65.0rem;
}

#cd {
    width: 65.0rem;
  margin: 0 auto 20.0rem;
}
#cd h2 {
  width: 60.0rem;
  margin: 0 auto 8.0rem;
}
#cd div {
  display: block;
}
#cd div p {
  font-size: 2.6rem;
  margin-bottom: 7.0rem;
}
#cd div figure {
  min-width: 60.0rem;
  margin: 0 auto;
}
#cd p.btn-voice a {
    width: 100%;
    height: 13.0rem;
    padding-top: 1.0rem;
    padding-left: 0rem;
    border-radius: 13.0rem;
}
#cd p.btn-voice a span {
    font-size: 3.2rem;
    display: inline-block;
}

/* ドーズコレクタメイン
--------------------------------------------*/
#dc {
    background: url("../../image/bgpic-dc-sp.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 5.0rem 0 15.0rem;
}
#dc .bg-dc {
    background: url("../../image/bg-dc-sp.png") no-repeat;
    width: 71.0rem;
    padding: 6.0rem 0 3.0rem;
}
#dc h2 {
    width: 49.8rem;
    margin: 0 auto 9.0rem;
}
#dc .whats-dc {
    display: block;
    width: 65.0rem;
    margin: 0 auto 5.0rem;
}
#dc .whats-dc figure {
    width: 43.8rem;
    margin: 0 auto 7.0rem;
}
#dc .whats-dc dl {
    width: 100%;
}
#dc .whats-dc dl dt {
    font-size: 4.4rem;
}
#dc .whats-dc dl dd p {
    font-size: 2.6rem;
}
#dc .whats-dc dl dd span {
    font-size: 2.2rem;
}

/* TLDメイン
--------------------------------------------*/

#tld {
    background: url("../../image/bgpic-tld-sp.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 15.0rem 0 20.0rem;
}
#tld .bg-tld {
    background: url("../../image/bg-tld-sp.png") no-repeat;
    background-size: 100% 100%;
    width: 71.0rem;
    margin: 0 auto;
    padding: 6.0rem 0;
}
#tld h2 {
    width: 60.0rem;
    margin: 0 auto 9.0rem;
}
#tld .whats-tld {
    display: block;
    width: 65.0rem;
    margin: 0 auto 5.0rem;
}
#tld .whats-tld figure {
    width: 32.4rem;
    margin: 0 auto 7.0rem;
}
#tld .whats-tld dl {
    width: 100%;
}
#tld .whats-tld dl dt {
    font-size: 4.4rem;
}
#tld .whats-tld dl dd {
    font-size: 2.6rem;
}
#tld h3 {
    font-size: 3.4rem;
    background: url("../../image/line-tld-sp.png") no-repeat;
    width: 65.0rem;
}
#tld .pic-case {
    width: 60.2rem;
}
/* コスト
--------------------------------------------*/
#cost-tld {
    width: 70.0rem;
}
#cost-tld h2 {
    width: 56.6rem;
    margin: 0 auto 4.0rem;
}
#cost-tld .graf-costtld {
    width: 60.2rem;
    margin: 0 auto 5.0rem;
}
#cost-tld p {
    font-size: 2.6rem;
}
#cost-tld span {
    font-size: 2.4rem;
}

/* 特徴
--------------------------------------------*/
.charactor h2 {
    width: 53.0rem;
    margin: 0 auto 10.0rem;
}
.charactor#charactor2 h2 {
    width: 49.4rem;
    margin: 0 auto 10.0rem;
}
.charactor ul {
    width: 69.0rem;
}
.charactor ul li {
    margin-bottom: 2.0rem;
    width: 34.2rem;
}
.charactor .box {
    display: block;
    width: 64.0rem;
    margin: 0 auto 15.0rem;
}
.charactor .box div {
    width: 100%;
}
.charactor .box div h3 {
    margin-bottom: 5.0rem;
}
.charactor .box div p {
    font-size: 2.6rem;
}
.charactor .box figure {
    width: 100%;
    margin-bottom: 4.0rem;
}
.charactor .result {
    width: 64.0rem;
    padding: 8.0rem 5.0rem;
    display: block;
}
.charactor .result dl {
    width: 100%;
    margin-bottom: 4rem;
}
.charactor .result dl dt {
    font-size: 4.2rem;
}
.charactor .result dl dt strong {
    font-size: 7.4rem;
}
.charactor .result dd {
    font-size: 2.6rem;
}
.charactor .result figure {
    width: 50.0rem;
    margin: 0 auto;
}

#duty-cd {
    padding-top: 12.0rem;
    width: 70.0rem;
    margin: 0 auto 20.0rem;
}
#duty-cd h2 {
    width: 69.0rem;
    margin: 0 auto 8.0rem;
}
#duty-cd p {
    width: 65.0rem;
    font-size: 2.6rem;
    margin: 0 auto 5.0rem;
}
#duty-cd figure {
    width: 70.0rem;
    margin: 0 auto 8.0rem;
}

/* 問い合わせ
--------------------------------------------*/
.contact h2 {
    width: 42.8rem;
    margin-bottom: 8.0rem;
}
.contact p {
    font-size: 2.6rem;
    margin-bottom: 4.0rem;
}
.contact p a {
    font-size: 3.2rem;
    padding: 4.0rem 0 0;
    border-radius: 13.0rem;
    display: block;
    width: 65.0rem;
    height: 13.0rem;
}
.contact p a:hover {
    background: #b7e2f1;
}
/* 流れ
--------------------------------------------*/
#flow h2 {
    width: 40.8rem;
    margin: 0 auto 8.0rem;
}
#flow figure {
    width: 65.0rem;
    margin: 0 auto 8.0rem;
}
.flows#flow2 dl {
    width: 65.0rem;
}
.flows dl {
    width: 65.0rem;
    margin: 0 auto 8.0rem;
}
.flows dl dt {
    font-size: 2.6rem;
    width: 14.2rem;
    height: 14.2rem;
    border-radius: 14.2rem;
}
.flows dl dt:after {
    background-size: 0.6rem 0.8rem;
    top: 14.2rem;
}
.flows dl dd {
    font-size: 2.6rem;
    width: 48.8rem;
}
.flows#flow2 dl dd {
    width: 48.0rem;
}
.flows dl dd span {
    font-size: 2.6rem;
}
.flows dl dd em {
    font-size: 2.6rem;
    bottom: -13.0rem;
}
.flows dl dd em:before {
    width: 2.6rem;
    height: 4.0rem;
    left: -2.4rem;
}


/* 報告書
--------------------------------------------*/
#report2 {
    padding: 12.0rem 0 14.0rem;
}
#report h2 {
    width: 34.0rem;
}
#report figure {
    width: 65.0rem;
}
#report figure figcaption {
    font-size: 2.4rem;
}

/* お客様の声
--------------------------------------------*/
#voice h2 {
    width: 34.2rem;
}
#voice .voice-box {
    display: block;
    width: 65.0rem;
    margin: 0 auto 2.0rem;
}
#voice .voice-box dl {
    padding: 0;
    width: 100%;
    margin-bottom: 2.0rem;
}
#voice .voice-box dl dt {
    font-size: 2.6rem;
    line-height: 1.7;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
}
#voice .voice-box dl dt img {
    width: 12.0rem;
    margin-right: 3.0rem;
}
#voice .voice-box dl dd {
    font-size: 2.6rem;
}
#voice .voice-box figure.pic {
    width: 100%;
}

/* 製品仕様・性能
--------------------------------------------*/
#pi {
    margin-bottom: 0rem;
    padding: 12.0rem 0 0rem;
}
#pi h2 {
    width: 48.2rem;
}
#pi .pi-in {
    width: 65.0rem;
    display: block;
}
#pi .pi-in div {
    width: 100%;
}
#pi .pi-in div dl:last-of-type,
#pi2 .pi2-in div dl:last-of-type {
    margin-bottom: 2.0rem;
}
#pi .pi-in div dl dt,
#pi2 .pi2-in div dl dt {
    font-size: 2.6rem;
    line-height: 1.6;
    min-width: 30.0rem;
}
#pi .pi-in div dl dd,
#pi2 .pi2-in div dl dd {
    font-size: 2.6rem;
    line-height: 1.6;
    min-width: 35.0rem;
}
#pi .pi-in div p,
#pi2 .pi2-in div p {
    font-size: 2.6rem;
    margin-bottom: 7.0rem;
    width: 100%;
}
#pi figure {
    width: 63.0rem;
    margin: 0 auto;
}
#duty-tld {
    width: 70.0rem;
    margin: 0 auto 4.0rem;
}
#duty-tld h2 {
    width: 69.0rem;
}
#duty-tld p {
    font-size: 2.6rem;
}
#duty-tld figure {
    width: 70.0rem;
}

/* 装着方法
--------------------------------------------*/
#howto h2 {
    width: 44.6rem;
}
#howto .howto-in {
    width: 65.0rem;
    padding: 4.0rem 1.5rem;
}
#howto .howto-in figure {
    width: 61.2rem;
    margin: 0 auto 4.0rem;
}
#howto .howto-in p {
    font-size: 2.6rem;
    width: 55.0rem;
    margin: 0 auto;
}
#howto p.comment {
    font-size: 2.6rem;
    width: 65.0rem;
}

/* タイプ
--------------------------------------------*/
#type h2 {
    width: 34.6rem;
}
#type .type-in {
    width: 65.0rem;
    display: block;
}
#type .type-in div {
    width: 100%;
    margin-bottom: 6.0rem;
}
#type .type-in div:last-of-type {
    margin-bottom: 0rem;
}
#type .type-in div h3 {
    font-size: 3.4rem;
    margin-bottom: 3.0rem;
    padding-bottom: 2.0rem;
}
#type .type-in div figure {
    width: 42.0rem;
}
#type .type-in div p {
    font-size: 2.6rem;
}
#type p.comment {
    font-size: 2.6rem;
    width: 65.0rem;
    padding-left: 0rem;
    padding-right: 0rem;
}

/* TLD線量計について
--------------------------------------------*/
#pi2 h2 {
    width: 41.8rem;
}
#pi2 .pi2-in {
    width: 65.0rem;
    display: block;
}
#pi2 .pi2-in div {
    width: 100%;
    margin-bottom: 7rem;
}
#pi2 .pi2-in p {
    font-size: 2.6rem;
    line-height: 1.7;
}
#pi2 figure {
    width: 50.0rem;
    margin: 0 auto;
}

/* 流れ
--------------------------------------------*/
#flow2 h2 {
    width: 40.8rem;
}
#flow2 figure {
    width: 65.0rem;
}

/* 報告書
--------------------------------------------*/
#report2 h2 {
    width: 33.8rem;
}
#report2 figure {
    width: 65.0rem;
}
#report2 figure figcaption {
    font-size: 2.4rem;
}

/* 会社情報
--------------------------------------------*/
#company h2 {
    width: 28.6rem;
}
#company .company-in {
    width: 65.0rem;
}
#company .company-in dl:last-of-type {
    margin-bottom: 2.0rem;
}
#company .company-in dl dt {
    font-size: 2.4rem;
    line-height: 1.6;
    min-width: 15.0rem;
}
#company .company-in dl dd {
    font-size: 2.4rem;
    line-height: 1.6;
    min-width: 50.0rem;
}

.f-contact {
    width: 100%;
}
.f-contact a {
    font-size: 2.6rem;
    line-height: 10.0rem;
    padding-bottom: 1rem;
    border-top-left-radius: 0rem;
    width: 100%;
}

}
