@charset "utf-8";

#mainvisual {
    position: relative;
    overflow: hidden;
}
#mainvisual:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(-7deg) translateY(-12.0rem);
    z-index: -1;
}
#mainvisual div.bg-main {
  position: relative;
  padding-top: 15.0rem;
  padding-bottom: 20.0rem;
  overflow: hidden;
  background: url("../../image/main.png") no-repeat top right;
  background-size: contain;
}
#mainvisual div.bg-main#slide-b {
  position: relative;
  padding-top: 15.0rem;
  padding-bottom: 20.0rem;
  overflow: hidden;
  background: url("../../image/main02.png") no-repeat top right;
  background-size: contain;
}
#mainvisual div.main-in {
    width: 120.0rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
}
#mainvisual div.main-in .main-l {
    width: 61.0rem;
    margin-right: 5%;
}
#mainvisual div.main-in .main-l figure {
    margin-bottom: 4.0rem;
}
#mainvisual div.main-in .main-r {
    width: 42.0rem;
}

#mainvisual ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    width: 66.0rem;
}
#mainvisual ul li {
    width: 32.0rem;
}
#mainvisual ul li a,
#mainvisual #costdown ul li a {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    background: #0e82c1;
    border: 1px solid #0e82c1;
    width: 100%;
    height: 10.0rem;
    padding-top: 1.0rem;
    display: block;
    border-radius: 10.0rem;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}
#mainvisual ul li a:hover,
#mainvisual #costdown ul li a:hover {
    color: #0e82c1;
    background: #fff;
}
#mainvisual ul li a:after {
    font-family: 'Material Symbols Outlined';
    content: '\e5cf';
    position: absolute;
    bottom: -1.0rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
    font-size: 5.0rem;
    font-weight: 100;
    line-height: 1;
    transition: 0.2s;
}
#mainvisual ul li a:hover:after {
    color: #0e82c1;
    bottom: -1.5rem;
}
#mainvisual ul li a span {
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
}
#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%);
}

#mainvisual ul li:first-of-type a:hover:before {
    background: url("../../image/icon-dc-o-2x.png") no-repeat;
    background-size: 4.0rem 4.4rem;
}
#mainvisual ul li:last-of-type a:hover:before {
    background: url("../../image/icon-tld-o-2x.png") no-repeat;
    background-size: 4.0rem 4.4rem;
}
.slick-prev,
.slick-next {
  width: 5.0rem;
  height: 5.0rem;
  z-index: 55;
}
.slick-prev {
  left: 5.0rem;
}
.slick-next {
  right: 5.0rem;
}
.slick-prev:before,
.slick-next:before {
  color: black;
  font-size: 5.0rem;
  opacity: 0.4;
}
/* お悩み
--------------------------------------------*/
#kankyo {
    width: 100.0rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}
#kankyo figure {
    width: 50.0rem;
}
#kankyo dl {
    width: 48.0rem;
}
#kankyo dl dt {
    width: 36.0rem;
    margin-bottom: 4.0rem;
}
#kankyo dl dd {
    font-size: 1.6rem;
    line-height: 1.7;
}

.duty {
  position: relative;
  padding-top: 23.0rem;
  padding-bottom: 9.0rem;
  overflow: hidden;
}
.duty:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(-7deg) translateY(12.0rem);
    z-index: -1;
}
.duty .txt-duty {
    display: flex;
    justify-content: space-between;
    width: 97.0rem;
    margin: 0 auto 5.0rem;
}
.duty .txt-duty dl {
    width: 46.0rem;
    font-size: 1.8rem;
    line-height: 1.5;
    background: #fff;
    border-radius: 2.0rem;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.duty .txt-duty dt {
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #0f8080;
    border-top-left-radius: 2.0rem;
    border-top-right-radius: 2.0rem;
    padding: 1.0rem;
}
.duty .txt-duty dl:first-of-type dt {
    padding: 2.3rem;
}
.duty .txt-duty dd {
    line-height: 1.75;
    border-bottom-left-radius: 2.0rem;
    border-bottom-right-radius: 2.0rem;
    padding: 5.0rem;
    box-sizing: border-box;
}
.duty figure {
    width: 65.0rem;
    margin: 0 auto 6.0rem;
}
.duty p {
    font-size: 1.6rem;
    line-height: 1.9;
    width: 97.0rem;
    margin: 0 auto;
}
#service {
  position: relative;
  padding-top: 7.0rem;
  padding-bottom: 9.0rem;
  background: #e9e9e9;
}
#service h2 {
    width: 68.8rem;
    margin: 0 auto 4.0rem;
}
#service p {
    font-size: 1.6rem;
    line-height: 1.9;
    width: 59.0rem;
    margin: 0 auto;
}

#cd {
  padding-top: 12.0rem;
  width: 100.0rem;
  margin: 0 auto 20.0rem;
}
#cd h2 {
  width: 54.0rem;
  margin: 0 auto 5.0rem;
}
#cd div {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  margin-bottom: 6.0rem;
}
#cd div p {
  font-size: 1.6rem;
  line-height: 1.7;
}
#cd div figure {
  min-width: 38.0rem;
  margin-left: 5.0rem;
}
#cd p.btn-voice a {
    color: #fff;
    font-size: 1.6rem;
    line-height: 9.0rem;
    text-align: center;
    background: #0e82c1;
    border: 1px solid #0e82c1;
    width: 50.0rem;
    height: 10.0rem;
    margin: 0 auto;
    display: block;
    border-radius: 10.0rem;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}
#cd p.btn-voice a span {
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
}
#cd p.btn-voice a:after {
    font-family: 'Material Symbols Outlined';
    content: '\e5cf';
    position: absolute;
    bottom: -1.0rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
    font-size: 5.0rem;
    font-weight: 100;
    line-height: 1;
    transition: 0.2s;
}
#cd p.btn-voice a:hover {
    color: #0e82c1;
    background: #fff;
}
#cd p.btn-voice a:hover:after {
    color: #0e82c1;
    bottom: -1.5rem;
}
/* ドーズコレクタメイン
--------------------------------------------*/
#dc {
    background: url("../../image/bgpic-dc.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 15.0rem 0 20.0rem;
}
#dc .bg-dc {
    background: url("../../image/bg-dc.png") no-repeat;
    background-size: 100% 100%;
    width: 112.0rem;
    margin: 0 auto;
    padding: 6.0rem 0;
}
#dc h2 {
    width: 45.4rem;
    margin: 0 auto 9.0rem;
}
#dc .whats-dc {
    display: flex;
    justify-content: space-between;
    width: 94.0rem;
    margin: 0 auto 5.0rem;
}
#dc .whats-dc figure {
    width: 39.2rem;
}
#dc .whats-dc dl {
    width: 45.0rem;
    color: #fff;
}
#dc .whats-dc dl dt {
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
#dc .whats-dc dl dt span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 2rem;
}
#dc .whats-dc dl dd p {
    font-size: 1.6rem;
    line-height: 2.0;
}
#dc .whats-dc dl dd span {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 2rem;
}


/* TLDメイン
--------------------------------------------*/

#tld {
    background: url("../../image/bgpic-tld.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 15.0rem 0 20.0rem;
}
#tld .bg-tld {
    background: url("../../image/bg-tld.png") no-repeat;
    background-size: 100% 100%;
    width: 112.0rem;
    margin: 0 auto;
    padding: 6.0rem 0;
}
#tld h2 {
    width: 77.6rem;
    margin: 0 auto 9.0rem;
}
#tld .whats-tld {
    display: flex;
    justify-content: space-between;
    width: 87.0rem;
    margin: 0 auto 5.0rem;
}
#tld .whats-tld figure {
    width: 30rem;
}
#tld .whats-tld dl {
    width: 46.4rem;
    color: #fff;
}
#tld .whats-tld dl dt {
    font-size: 3.6rem;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 2.0rem;
    margin-bottom: 3rem;
}
#tld .whats-tld dl dd {
    font-size: 1.6rem;
    line-height: 2.0;
}
#tld h3 {
    color: #fff;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 1.5;
    text-align: center;
    background: url("../../image/line-tld.png") no-repeat;
    background-size: 100% 100%;
    width: 64.8rem;
    height: 15.6rem;
    margin: 0 auto 3.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#tld .pic-case {
    width: 70.0rem;
    margin: 0 auto;
}
/* コスト
--------------------------------------------*/
#cost-tld {
    width: 80rem;
    margin: 0 auto;
    padding: 10.0rem 0 22.0rem;
}
#cost-tld h2 {
    width: 40.6rem;
    margin: 0 auto 4.0rem;
}
#cost-tld .graf-costtld {
    margin-bottom: 5.0rem;
}
#cost-tld p {
    font-size: 1.6rem;
    line-height: 1.7;
}
#cost-tld span {
    color: #a2a2aa;
    font-size: 1.4rem;
    display: block;
}

/* 特徴
--------------------------------------------*/
.charactor {
    background: #e9e9e9;
    margin-bottom: 12.0rem;
    padding: 9.0rem 0 0;
    position: relative;
}
.charactor:before {
    content: '';
    position: absolute;
    top: -22.0rem;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(7deg) translateY(12.0rem);
    z-index: -1;
}

.charactor h2 {
    width: 61.6rem;
    margin: 0 auto 10.0rem;
}
.charactor#charactor2 h2 {
    width: 79.6rem;
    margin: 0 auto 10.0rem;
}
.charactor ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 76.8rem;
    margin: 0 auto 5.0rem;
}
.charactor ul li {
    margin-bottom: 2.0rem;
    width: 25.6rem;
}
.charactor .box {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    width: 100.0rem;
    margin: 0 auto 12.0rem;
}
.charactor .box div {
    width: 46.6rem;
}
.charactor .box:nth-of-type(even) div {
    order: 2;
}
.charactor .box div h3 {
    margin-bottom: 5.0rem;
}
.charactor .box div p {
    font-size: 1.6rem;
    line-height: 1.8;
}
.charactor .box figure {
    width: 48.0rem;
}
.charactor .box:nth-of-type(even) figure {
    order: 1;
}
.charactor .result {
    width: 95.0rem;
    margin: 0 auto;
    padding: 5rem 10.0rem;
    border-radius: 2.0rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.charactor .result dl {
    width: 33.0rem;
}
.charactor .result dl dt {
    font-size: 2.4rem;
    color: #0e80b7;
    line-height: 1.5;
    margin-bottom: 2rem;
    font-weight: 700;
}
.charactor .result dl dt strong {
    font-size: 4.2rem;
}
.charactor .result dd {
    font-size: 1.8rem;
    line-height: 1.7;
}

#duty-cd {
    padding-top: 12.0rem;
    width: 100.0rem;
    margin: 0 auto 20.0rem;
}
#duty-cd h2 {
    width: 59.0rem;
    margin: 0 auto 8.0rem;
}
#duty-cd .txt-duty {
    display: flex;
    justify-content: space-between;
    width: 46.0rem;
    margin: 0 auto 5.0rem;
}
#duty-cd .txt-duty dl {
    width: 100%;
    font-size: 1.8rem;
    background: #fff;
    border-radius: 2.0rem;
    line-height: 1.5;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
#duty-cd .txt-duty dt {
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #0f8080;
    border-top-left-radius: 2.0rem;
    border-top-right-radius: 2.0rem;
    padding: 2.0rem;
}
#duty-cd .txt-duty dd {
    line-height: 1.75;
    border-bottom-left-radius: 2.0rem;
    border-bottom-right-radius: 2.0rem;
    padding: 5.0rem;
    box-sizing: border-box;
}

#duty-cd p {
    width: 89.0rem;
    font-size: 1.6rem;
    line-height: 1.9;
    margin: 0 auto 5.0rem;
}
#duty-cd figure {
    width: 51.0rem;
    margin: 0 auto 8.0rem;
}

/* 問い合わせ
--------------------------------------------*/
.contact {
    text-align: center;
    background: #0e82c1;
    margin-bottom: 12.0rem;
    padding: 2.0rem 0 9.0rem;
    position: relative;
}
.contact:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0e82c1;
    transform: skewY(7deg) translateY(-12.0rem);
    z-index: -1;
}
.contact.cr:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0e82c1;
    transform: skewY(-7deg) translateY(-12.0rem);
    z-index: -1;
}
.contact h2 {
    width: 39.0rem;
    margin: 0 auto 4.0rem;
}
.contact p {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1;
    margin-bottom: 4.0rem;
}
.contact p a {
    color: #0e82c1;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    background: #fff;
    padding: 3.0rem 2.0rem 2.0rem;
    border-radius: 10.0rem;
    display: block;
    width: 39.0rem;
    height: 10.0rem;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}
.contact p a:after {
    font-family: 'Material Symbols Outlined';
    content: '\e5cf';
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #0e82c1;
    font-size: 5.0rem;
    font-weight: 100;
    transition: 0.2s;
}
.contact p a:hover:after {
    bottom: -1.0rem;
}

.contact p a:hover {
    background: #b7e2f1;
}
/* 流れ
--------------------------------------------*/
#flow {
    text-align: center;
}
#flow h2 {
    width: 37.2rem;
    margin: 0 auto 8.0rem;
}
#flow figure {
    width: 72.0rem;
    margin: 0 auto 8.0rem;
}
.flows#flow2 dl {
    width: 72.0rem;
}
.flows dl {
    width: 80.0rem;
    margin: 0 auto 8.0rem;
    display: flex;
    align-items: center;
}
.flows dl dt {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    width: 12.0rem;
    height: 12.0rem;
    position: relative;
    margin-right: 2.0rem;
    border-radius: 12.0rem;
    background: #0f82c0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flows dl.nikku dt {
    background: #0f8080;
}
.flows dl dt:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../../image/dotline.png) repeat-y;
    background-position: center center;
    top: 12.0rem;
}
.flows dl:last-of-type dt:after {
    display: none;
}
.flows dl dd {
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: left;
    width: 56.0rem;
    position: relative;
}
.flows#flow2 dl dd {
    width: 48.0rem;
}
.flows dl dd span {
    font-size: 1.6rem;
    color: #0f8080;
    display: block;
}
.flows dl dd em {
    font-size: 1.6rem;
    border-radius: 4.0rem;
    font-style: normal;
    background: #e2e2e2;
    box-sizing: border-box;
    padding: 2.0rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: -10.0rem;
}
.flows dl dd em:before {
    content: '';
    background: url(../../image/flow-arrow.png) no-repeat;
    width: 1.6rem;
    height: 2rem;
    position: absolute;
    left: -1.4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* 報告書
--------------------------------------------*/
#report {
    text-align: center;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#report:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(-7deg);
    z-index: -1;
}
#report h2 {
    width: 30.4rem;
    margin: 0 auto 8.0rem;
}
#report figure {
    width: 90.0rem;
    margin: 0 auto;
}
#report figure figcaption {
    font-size: 1.6rem;
    display: block;
    margin-top: 2rem;
}

/* お客様の声
--------------------------------------------*/
#voice {
    text-align: center;
    margin-bottom: 5.0rem;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#voice:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0e82c1;
    transform: skewY(-7deg);
    z-index: -1;
}
#voice h2 {
    width: 30.6rem;
    margin: 0 auto 8.0rem;
}
#voice .voice-box {
    background: #fff;
    border-radius: 2.0rem;
    padding: 4.0rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 110.0rem;
    margin: 0 auto 2.0rem;
    box-sizing: border-box;
}
#voice .voice-box figure.doctor {
    width: 10.0rem;
}
#voice .voice-box dl {
    padding: 0 2.0rem;
    text-align: left;
    width: 74.0rem;
    box-sizing: border-box;
}
#voice .voice-box dl dt {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}
#voice .voice-box dl dd {
    font-size: 1.6rem;
    line-height: 1.7;
}
#voice .voice-box figure.pic {
    width: 17.0rem;
}

/* 製品仕様・性能
--------------------------------------------*/
#pi {
    text-align: center;
    padding: 12.0rem 0 0rem;
    position: relative;
}
#pi h2 {
    width: 43.0rem;
    margin: 0 auto 8.0rem;
}
#pi .pi-in {
    width: 100.0rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
#pi .pi-in div {
    width: 50.0rem;
}
#pi2 .pi-in div {
    width: 43.0rem;
}
#pi .pi-in div dl,
#pi2 .pi2-in div dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
#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 {
    text-align: left;
    font-size: 1.6rem;
    min-width: 20.0rem;
    padding: 3.0rem 0;
    border-top: 1px solid #0e80be;
}
#pi .pi-in div dl:last-of-type dt,
#pi2 .pi2-in div dl:last-of-type dt {
    border-bottom: 1px solid #0e80be;
}
#pi .pi-in div dl dt span,
#pi2 .pi2-in div dl dt span {
    color: #0e82c1;
}
#pi .pi-in div dl dd,
#pi2 .pi2-in div dl dd {
    text-align: left;
    font-size: 1.6rem;
    min-width: 30.0rem;
    padding: 3.0rem 0;
    border-top: 1px solid #d2dbdd;
}
#pi2 .pi2-in div dl dd {
    min-width: 23.0rem;
}
#pi .pi-in div dl:last-of-type dd,
#pi2 .pi2-in div dl:last-of-type dd {
    border-bottom: 1px solid #d2dbdd;
}
#pi .pi-in div p,
#pi2 p.pi2-notice {
    color: #0e82c1;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.7;
}
#pi2 p.pi2-notice {
    width: 80.0rem;
    margin: 0 auto;
}
#pi figure {
    width: 44.6rem;
}

#duty-tld {
    padding-top: 12.0rem;
    width: 100.0rem;
    margin: 0 auto;
    padding-bottom: 7.0rem;
}
#duty-tld h2 {
    width: 59.0rem;
    margin: 0 auto 8.0rem;
}
#duty-tld .txt-duty {
    display: flex;
    justify-content: space-between;
    width: 57.0rem;
    margin: 0 auto 5.0rem;
}
#duty-tld .txt-duty dl {
    width: 100%;
    font-size: 1.8rem;
    background: #fff;
    border-radius: 2.0rem;
    line-height: 1.5;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
#duty-tld .txt-duty dt {
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #0f8080;
    border-top-left-radius: 2.0rem;
    border-top-right-radius: 2.0rem;
    padding: 2.0rem;
}
#duty-tld .txt-duty dd {
    line-height: 1.75;
    border-bottom-left-radius: 2.0rem;
    border-bottom-right-radius: 2.0rem;
    padding: 5.0rem;
    box-sizing: border-box;
}
#duty-tld p {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.9;
    margin: 0 auto 5.0rem;
}
#duty-tld figure {
    width: 61.8rem;
    margin: 0 auto 8.0rem;
}

/* 装着方法
--------------------------------------------*/
#howto {
    text-align: center;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#howto:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(7deg);
    z-index: -1;
}
#howto h2 {
    width: 67.2rem;
    margin: 0 auto 8.0rem;
}
#howto .howto-in {
    width: 97.0rem;
    margin: 0 auto 5.0rem;
    box-sizing: border-box;
    background: #fff;
    padding: 5.0rem 10.0rem;
    border-radius: 3.0rem;
}
#howto .howto-in figure {
    width: 51.6rem;
    margin: 0 auto 4.0rem;
}
#howto .howto-in p {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.8;
}
#howto .howto-in p span {
    color: #0e82c1;
}
#howto p.comment {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.7;
    width: 95.0rem;
    margin: 0 auto;
    color: #000;
}


/* タイプ
--------------------------------------------*/
#type {
    text-align: center;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#type:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0e82c1;
    transform: skewY(7deg);
    z-index: -1;
}
#type h2 {
    width: 31.6rem;
    margin: 0 auto 8.0rem;
}
#type .type-in {
    width: 97.0rem;
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}
#type .type-in div {
    background: #fff;
    padding: 4.0rem;
    border-radius: 3.0rem;
    width: 46.0rem;
    box-sizing: border-box;
}
#type .type-in div h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f8080;
    position: relative;
    margin-bottom: 3.0rem;
    padding-bottom: 2.0rem;
}
#type .type-in div h3:after {
    content: '';
    width: 3.4rem;
    height: 0.4rem;
    background: url("../../image/line.png") no-repeat;
    background-size: 3.4rem 0.4rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#type .type-in div figure {
    width: 29.6rem;
    margin: 0 auto 3.0rem;
}
#type .type-in div p {
    border-top: 5px dotted #d4dddf;
    padding-top: 3.0rem;
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: left;
}
#type p.comment {
    color: #fff;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.7;
    padding-top: 3.0rem;
    width: 97.0rem;
    margin: 0 auto;
    padding-left: 55.0rem;
    padding-right: 3.0rem;
    box-sizing: border-box;
}

/* TLD線量計について
--------------------------------------------*/
#pi2 {
    text-align: center;
    margin-bottom: 9.0rem;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#pi2:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
/*    background-color: #e9e9e9;*/
    transform: skewY(7deg);
    z-index: -1;
}
#pi2 h2 {
    width: 43.0rem;
    margin: 0 auto 8.0rem;
}
#pi2 .pi2-in {
    width: 80.0rem;
    margin: 0 auto;
/*    padding: 6.0rem 5.0rem;*/
    box-sizing: border-box;
    background: #fff;
    border-radius: 3.0rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}
#pi2 .pi2-in div {
    width: 43.0rem;
}
#pi2 figure {
    width: 34.0rem;
}

/* 流れ
--------------------------------------------*/
#flow2 {
    text-align: center;
    padding: 9.0rem 0;
}
#flow2 h2 {
    width: 37.2rem;
    margin: 0 auto 8.0rem;
}
#flow2 figure {
    width: 72.0rem;
    margin: 0 auto 8.0rem;
}

/* 報告書
--------------------------------------------*/
#report2 {
    text-align: center;
    padding: 12.0rem 0 24.0rem;
    position: relative;
}
#report2:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e9e9e9;
    transform: skewY(7deg);
    z-index: -1;
}
#report2 h2 {
    width: 30.4rem;
    margin: 0 auto 4.0rem;
}
#report2 figure {
    width: 90.0rem;
    margin: 0 auto;
}
#report2 figure figcaption {
    font-size: 1.6rem;
    display: block;
    margin-top: 2rem;
}

/* 会社情報
--------------------------------------------*/
#company {
    text-align: center;
    margin-bottom: 12.0rem;
    padding: 12.0rem 0 12.0rem;
    position: relative;
}
#company h2 {
    width: 26.2rem;
    margin: 0 auto 8.0rem;
}
#company .company-in {
    width: 52.0rem;
    margin: 0 auto;
}
#company .company-in dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
#company .company-in dl:last-of-type {
    margin-bottom: 2.0rem;
}
#company .company-in dl dt {
    text-align: left;
    font-size: 1.6rem;
    min-width: 11.0rem;
    padding: 3.0rem 0;
    border-top: 1px solid #0e80be;
}
#company .company-in dl:last-of-type dt {
    border-bottom: 1px solid #0e80be;
}
#company .company-in dl dd {
    text-align: left;
    font-size: 1.6rem;
    min-width: 41.0rem;
    padding: 3.0rem 0;
    border-top: 1px solid #d2dbdd;
}
#company .company-in dl:last-of-type dd {
    border-bottom: 1px solid #d2dbdd;
}
.f-contact {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 23.0rem;
}
.f-contact a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 7.0rem;
    padding-bottom: 1rem;
    text-align: center;
    background: #ff8017;
    border: 1px solid #ff8017;
    width: 100%;
    display: block;
    border-top-left-radius: 1.0rem;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    transition: 0.2s;
}
.f-contact a:hover {
    color: #ff8017;
    background: #fff;
}
.f-contact a:after {
    font-family: 'Material Symbols Outlined';
    content: '\e5cf';
    position: absolute;
    bottom: -1.0rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
    font-size: 5.0rem;
    font-weight: 100;
    line-height: 1;
    transition: 0.2s;
}
.f-contact a:hover:after {
    color: #ff8017;
    bottom: -1.5rem;
}

#logo{
    display: block;
}