/* ******************** ## common */
@charset "UTF-8";
@import "//fonts.googleapis.com/earlyaccess/notosansjapanese.css";
@import "//fonts.googleapis.com/css?family=Ropa+Sans:400,600";

.cfix:after { content: ""; display: block; clear: both; }

@media screen and (max-width: 767px) { * { box-sizing: border-box; } }

body { margin: 0; padding: 0;
       font-family: Helvetica, Arial, sans-serif; }

p { margin: 0; padding: 0; }

a:focus { outline: none; }

.contact-inner { width: 1000px; margin: 0 auto; }

@media screen and (max-width: 767px) { .process-inner, .products-inner, .contact-inner { width: 100%; } }

h1 { font-family: Helvetica, Arial, sans-serif; font-weight: 700; }

h2 img { margin-top: -28px; }

h3 { margin-top: 35px; color: #fff; font-size: 22px; }

h3:after { border-bottom: 2px solid #ccc; content: ''; width: 20px; height: 5px; display: block; padding-top: 20px; }

#anq-products { content: ""; display: block; height: 1px; width: 1px; margin-bottom: 80px; }

.pcb { display: block !important; }

.spb { display: none !important; }

@media screen and (max-width: 767px) { .pcb { display: none !important; }
  .spb { display: block !important; } }

.wrap { overflow: hidden; position: relative; }
@media screen and (min-width: 768px) { .wrap { min-width: 1000px; } }

/* ******************** ## contact btn */
.btn-contact{
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 100;
  width: 13.333333vw;
  height: 13.333333vw;
  overflow: visible;
}
@media screen and (min-width: 768px){ .btn-contact{ width: 80px; height: 80px; top: 30px; right: 30px; } }

.btn-contact a{
  display: block;
  height: 100%;
  padding: 8px;
  background: #1150cb;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, .3);
}
@media screen and (min-width: 768px){ .btn-contact a{ padding: 15px; } }

.btn-contact img{
  max-width: 100%;
}

/* ******************** ## header */
.header { position: relative; background: #f4f4f4; overflow: visible; text-align: center; line-height: 1.7; font-family: Helvetica, Arial, sans-serif; font-size: 1rem; color: #333333; }
@media screen and (min-width: 768px) { .header { min-width: 1000px; } }
@media screen and (min-width: 1000px) { .header { display: flex; padding: 0; background: #9ad6ff; background: -moz-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: -webkit-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: radial-gradient(ellipse at center, #9ad6ff 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad6ff', endColorstr='#004c94', GradientType=1); } }
.header img{ vertical-align: middle; max-width: 100%; height: auto; }
.header__wrap { overflow: hidden; }
@media screen and (min-width: 768px) { .header__wrap { padding-bottom: 50px; } }
.header:before { content: ''; display: block; width: 100%; height: 149.33333vw; z-index: 0; position: absolute; bottom: 0; left: 0; background: #9ad6ff; background: -moz-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: -webkit-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: radial-gradient(ellipse at center, #9ad6ff 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad6ff', endColorstr='#004c94', GradientType=1); }
@media screen and (min-width: 768px) { .header:before { display: none; } }
@media screen and (min-width: 1000px) { .header:before { display: block; background: #f4f4f4; transform: skewX(-5deg); left: -61%; } }
.header .col__left, .header .col__right { position: relative; z-index: 0; }
@media screen and (min-width: 768px) { .header .col__left { z-index: 1; } }
@media screen and (min-width: 1000px) { .header .col__left { width: 31%; } }
.header .col__right { margin: 12% 0 0; }
@media screen and (min-width: 768px) { .header .col__right { z-index: 0; margin: 0; padding: 50px 30px 0; background: #9ad6ff; background: -moz-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: -webkit-radial-gradient(center, ellipse cover, #9ad6ff 0%, #004c94 100%); background: radial-gradient(ellipse at center, #9ad6ff 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad6ff', endColorstr='#004c94', GradientType=1); } }
@media screen and (min-width: 1000px) { .header .col__right { background: none; width: 69%; } }

.head__ttl { padding-top: 6.66667%; }
@media screen and (min-width: 768px) { .head__ttl { padding: 30px 0 0 30px; text-align: left; } }
@media screen and (min-width: 1000px) { .head__ttl { padding: 50px 0 15px; text-align: center; } }
@media screen and (min-width: 1240px) { .head__ttl { padding: 75px 0 15px; } }
@media screen and (min-width: 1600px) { .head__ttl { padding: 100px 0 15px; } }
.head__ttl img { width: 26.66667%; margin-bottom: 10.66667%; }
@media screen and (min-width: 768px) { .head__ttl img { width: auto; margin-bottom: 30px; } }
@media screen and (min-width: 1000px) { .head__ttl img { margin-bottom: 50px; } }
.head__ttl span { display: block; line-height: 1.2; color: #fff; font-size: 6.66667vw; }
@media screen and (min-width: 768px) { .head__ttl span { color: #00205e; font-size: 40px; position: absolute; left: 30px; bottom: -135px; color: #fff; } }
@media screen and (min-width: 1000px) { .head__ttl span { position: static; color: #00205e; font-size: 24px; } }
@media screen and (min-width: 1240px) { .head__ttl span { font-size: 34px; } }
@media screen and (min-width: 1600px) { .head__ttl span { font-size: 44px; } }
.head__ttl__cap { font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 5.33333vw; color: #c5c5c5; letter-spacing: .2em; margin: 2.66667% 0 2.66667% 0.1em; }
@media screen and (min-width: 768px) { .head__ttl__cap { font-size: 16px; margin: 0; position: absolute; left: 30px; bottom: -170px; } }
@media screen and (min-width: 1000px) { .head__ttl__cap { position: static; font-size: 20px; } }
.head__lead { font-size: 4.8vw; font-weight: bold; line-height: 1.3; letter-spacing: .1em; color: #001f62; }
@media screen and (min-width: 768px) { .head__lead { position: absolute; left: 30px; top: 575px; font-size: 24px; text-align: left; color: #fff; } }
@media screen and (min-width: 1000px) { .head__lead { position: static; margin-top: 40px; text-align: center; color: #00205e; font-size: 19px; } }
@media screen and (min-width: 1240px) { .head__lead { font-size: 24px; } }

#slider .slick-track, #sliderNav .slick-track { width: 100% !important; transform: translate3D(0, 0, 0) !important; }

#slider { position: absolute; top: 0; left: 0; width: 100%; height: 44vw; }
@media screen and (min-width: 768px) { #slider { height: 100%; } }
#slider .slick-track { position: relative; }
#slider .slick-list, #slider .slick-track { height: 100%; }
#slider .slick-slide { width: 0 !important; height: 0 !important; position: absolute; transition: all .3s linear 0s; }
#slider .slick-slide a{ display: block; position: relative; text-decoration: none; }
#slider .slick-slide span{ display: block; width: 0; height: 0; margin: -15px auto 0; line-height: 0px; border-radius: 3px; background: #fff; color: #00205e; position: relative; z-index: 1; transition: all .3s linear 0s; overflow: hidden; }
@media screen and (min-width: 768px) { #slider .slick-slide span{ font-size: 0px; } }
#slider .slick-slide.slick-current { width: 50vw !important; height: 50vw !important; top: 50%; left: 50%; margin-top: -33.33333vw; margin-left: -25vw; font-size: 0vw; transition: all .3s linear 1s; }
@media screen and (min-width: 768px) { #slider .slick-slide.slick-current { width: 347px !important; height: 347px !important; margin-top: -173.5px; margin-left: -173.5px; } }
#slider .slick-slide.slick-current span{ font-size: 3.733333vw; width: 80%; height: 30px; line-height: 30px; transition: all .3s linear 1s; }
@media screen and (min-width: 768px) { #slider .slick-slide.slick-current span { font-size: 18px; } }
#slider [data-slick-index="0"] { top: 25.73333vw; left: 34.93333vw; }
@media screen and (min-width: 768px) { #slider [data-slick-index="0"] { top: 370px; left: 375px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="0"] { top: 70.68182%; left: 39.33333%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="0"] { top: 50.28409%; left: 38.18182%; } }
@media screen and (min-width: 768px) { #slider [data-slick-index="0"].slick-current { top: 300px; left: 375px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="0"].slick-current { top: 45.45455%; left: 39.33333%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="0"].slick-current { top: 50.28409%; left: 38.18182%; } }
#slider [data-slick-index="1"] { top: 38.93333vw; left: 40.8vw; }
@media screen and (min-width: 768px) { #slider [data-slick-index="1"] { top: 440px; left: 415px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="1"] { top: 72.72727%; left: 47.86667%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="1"] { top: 72.01705%; left: 42%; } }
@media screen and (min-width: 768px) { #slider [data-slick-index="1"].slick-current { top: 330px; left: 415px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="1"].slick-current { top: 45.81818%; left: 47.86667%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="1"].slick-current { top: 68.18182%; left: 42%; } }
#slider [data-slick-index="2"] { top: 8vw; left: 48vw; }
@media screen and (min-width: 768px) { #slider [data-slick-index="2"] { top: 60px; left: 500px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="2"] { top: 18.18182%; left: 48.26667%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="2"] { top: 13.35227%; left: 48.27273%; } }
@media screen and (min-width: 768px) { #slider [data-slick-index="2"].slick-current { top: 150px; left: 500px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="2"].slick-current { top: 40.90909%; left: 48.26667%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="2"].slick-current { top: 22.72727%; left: 48.27273%; } }
#slider [data-slick-index="3"] { top: 29.33333vw; left: 67.46667vw; }
@media screen and (min-width: 768px) { #slider [data-slick-index="3"] { top: 336px; left: 697px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="3"] { top: 64.54545%; left: 70.53333%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="3"] { top: 56.39205%; left: 70.36364%; } }
@media screen and (min-width: 768px) { #slider [data-slick-index="3"].slick-current { top: 336px; left: 697px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="3"].slick-current { top: 45%; left: 70.53333%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="3"].slick-current { top: 56.39205%; left: 70.36364%; } }
#slider [data-slick-index="4"] { top: 32vw; left: 38.66667vw; }
@media screen and (min-width: 768px) { #slider [data-slick-index="4"] { top: 368px; left: 403px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="4"] { top: 83.40909%; left: 38.8%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="4"] { top: 59.23295%; left: 39.27273%; } }
@media screen and (min-width: 768px) { #slider [data-slick-index="4"].slick-current { top: 340px; left: 403px; } }
@media screen and (min-width: 1000px) { #slider [data-slick-index="4"].slick-current { top: 45.36364%; left: 38.8%; } }
@media screen and (min-width: 1600px) { #slider [data-slick-index="4"].slick-current { top: 59.23295%; left: 39.27273%; } }
#slider .slick-cloned { display: none; }

#sliderNav { margin-right: -1px; }
@media screen and (min-width: 768px) { #sliderNav { position: relative; top: 50px; } }
#sliderNav .slick-track { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 6.66667vw; }
@media screen and (min-width: 768px) { #sliderNav .slick-track { margin: 0 auto; justify-content: center; } }
#sliderNav .slick-slide { width: 20% !important; display: table; margin-top: 1px; padding-right: 1px; box-sizing: border-box; }
@media screen and (max-width: 767px) { #sliderNav .slick-slide { width: 33.33333% !important; height: 10.93333vw; }
#sliderNav .slick-slide:nth-child(n+4) { width: 50% !important; } }
@media screen and (min-width: 768px) { #sliderNav .slick-slide { width: 175px !important; padding-top: 5px; } }
@media screen and (min-width: 1000px) { #sliderNav .slick-slide { width: 129px !important; } }
@media screen and (min-width: 1240px) { #sliderNav .slick-slide { width: 155px !important; } }
@media screen and (min-width: 1600px) { #sliderNav .slick-slide { width: 200px !important; } }
#sliderNav .slick-slide > * { display: table-cell; width: 100%; height: 16vw; vertical-align: middle; border-bottom: 2px solid #001f62; color: #fff; font-size: 3.73333vw; line-height: 1.3; background: #001957; background: -moz-linear-gradient(top, #001957 0%, #004c94 100%); background: -webkit-linear-gradient(top, #001957 0%, #004c94 100%); background: linear-gradient(to bottom, #001957 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001957', endColorstr='#004c94',GradientType=0 ); }
@media screen and (min-width: 768px) { #sliderNav .slick-slide > * { font-size: 14px; height: 75px; border-bottom-width: 4px; } }
#sliderNav .slick-slide.slick-current, #sliderNav .slick-slide:hover { padding-top: 0; }
@media screen and (min-width: 768px) { #sliderNav .slick-slide.slick-current, #sliderNav .slick-slide:hover { height: 89px; } }
#sliderNav .slick-slide.slick-current > *, #sliderNav .slick-slide:hover > * { color: #44410c; border-bottom-color: #a69e10; font-weight: bold; background: #d8cc00; background: -moz-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: -webkit-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: linear-gradient(to bottom, #d8cc00 42%, #f5ef83 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cc00', endColorstr='#f5ef83',GradientType=0 ); }



.anchor { display: none; }
@media screen and (min-width: 1000px) { .anchor { display: flex; justify-content: center; margin-top: 40px; padding: 7px; } }
.anchor li { width: 50%; max-width: 250px; padding: 7px; }
.anchor a { text-decoration: none; display: block; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 20px; padding: 10px 0; background: #001957; background: -moz-linear-gradient(top, #001957 0%, #004c94 100%); background: -webkit-linear-gradient(top, #001957 0%, #004c94 100%); background: linear-gradient(to bottom, #001957 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001957', endColorstr='#004c94',GradientType=0 ); border-radius: 3px; overflow: hidden; }
.anchor a:hover { color: #44410c; background: #d8cc00; background: -moz-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: -webkit-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: linear-gradient(to bottom, #d8cc00 42%, #f5ef83 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cc00', endColorstr='#f5ef83',GradientType=0 ); }

.anchor__sp { display: flex; padding: 7px; text-align: center; }
.anchor__sp li { width: 50%; padding: 7px; }
.anchor__sp a { text-decoration: none; display: block; color: #fff; font-family: Helvetica, Arial, sans-serif; background: #001957; padding: 10px 0; background: -moz-linear-gradient(top, #001957 0%, #004c94 100%); background: -webkit-linear-gradient(top, #001957 0%, #004c94 100%); background: linear-gradient(to bottom, #001957 0%, #004c94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001957', endColorstr='#004c94',GradientType=0 ); border-radius: 3px; overflow: hidden; }
.anchor__sp a:hover { color: #44410c; background: #d8cc00; background: -moz-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: -webkit-linear-gradient(top, #d8cc00 42%, #f5ef83 100%); background: linear-gradient(to bottom, #d8cc00 42%, #f5ef83 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cc00', endColorstr='#f5ef83',GradientType=0 ); }
@media screen and (min-width: 768px) { .anchor__sp { position: absolute; top: 0; right: 0; z-index: 1; padding: 16px; }
.anchor__sp a { height: 63px; line-height: 63px; font-size: 20px; width: 254px; } }
@media screen and (min-width: 1000px) { .anchor__sp { display: none; } }

/* ******************** ## process */
.process-inner, .products-inner { width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1; }


.process { background: url(../img/bg01.png) repeat; padding-top: 115px; margin-bottom: 50px; margin-top: 30px; }

@media screen and (max-width: 767px) { .process { padding-top: 50px; margin-bottom: 0; } }

.pic-bg01 {
  margin: 0 auto;
  text-align: left;
  max-width: 1000px;
  box-sizing: border-box;
  position: relative;
}
.pic-bg01:before{
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: -100%;
  position: absolute;
  z-index: 0;
  background: url(../img/bg02.jpg) no-repeat top right;
  background-size: cover;
}

@media screen and (max-width: 767px) { .pic-bg01 { padding: 0 15px; } }

.process-inner { position: relative; padding: 0 30px 100px; }

@media screen and (max-width: 767px) { .process-inner { padding: 0 0 30px; } }

.process-inner:before { content: ''; position: absolute; top: 140px; bottom: 0; width: 1px; background: #fff; left: 3.4em; }
@media screen and (max-width: 767px) { .process-inner:before { top: 100px; left: 1.5em; } }

.process-cont { color: #fff; position: relative; }

.process-cont ul { position: relative; }

.process-cont li { position: relative; margin-top: 85px; }

@media screen and (max-width: 767px) { .process-cont li { margin-top: 30px; } }

.process-cont .circle { width: 28px; height: 28px; font-size: 1.4em; line-height: 28px; position: absolute; color: #fff; background: #fff; border-radius: 50%; text-align: center; left: 1em; top: 0; margin-left: -12px; }

.process-cont .text { margin-left: 120px; }

.process-cont .text:before { content: ""; width: 65px; border-bottom: 1px solid #fff; height: 1px; display: block; position: absolute; top: 50%; left: 38px; margin-top: -5px; }

.process-cont .text span { font-size: 33px; padding-left: 25px; letter-spacing: .3em; }

@media screen and (max-width: 767px) { .process-cont .text span { letter-spacing: 0; } }

.process-cont .picArea { width: 477px; }

.picArea-title { font-size: 26px; line-height: 1.5; margin: 15px 0; }

@media screen and (max-width: 767px) { .picArea-title { font-size: 20px; margin: 10px 0; box-sizing: border-box; padding-left: 50px; } }

.picArea-text { font-size: 18px; line-height: 1.5; }

@media screen and (max-width: 767px) { .picArea-text { font-size: 14px; box-sizing: border-box; padding-left: 50px; } }

.cont02 .circle { top: 37px; }

.cont02 .text span { display: block; padding-left: 0; padding-top: 15px; }

.cont02 .text:before { margin-top: 17px; }

.cont01 .picArea { float: right; margin-top: -38%; margin-bottom: 100px; }

@media screen and (max-width: 767px) { .cont01 .picArea { float: none; margin-top: 5%; margin-bottom: 10%; width: 100%; }
  .cont01 .picArea img { width: 100%; } }

.cont02 .picArea { float: right; margin-top: -35%; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .cont02 .picArea { float: none; margin-top: 5%; margin-bottom: 10%; width: 100%; }
  .cont02 .picArea img { width: 100%; } }

.cont03 .picArea { width: 1000px; margin-top: 65px; }

@media screen and (max-width: 767px) { .cont03 .picArea { width: 100%; margin-top: 25px; } }

.cont03 .picArea p { float: left; width: 300px; margin-left: 70px; }

@media screen and (max-width: 767px) { .cont03 .picArea p { float: none; margin: 0 0 10px; width: 100%; } }

.cont03 .picArea figure { float: left; width: 477px; margin-left: 50px; }

@media screen and (max-width: 767px) { .cont03 .picArea figure { float: none; margin: 0; width: 100%; }
  .cont03 .picArea figure img { width: 100%; } }

@media screen and (max-width: 767px) { .cont03 li:first-child .text:before { top: 17%; }
  .cont03 li:last-child .text:before { top: 27%; } }

/* ******************** ## products */
.products { color: #027773; }

.pic-bg02 {
  margin: 0 auto;
  text-align: left;
  max-width: 1000px;
  box-sizing: border-box;
  position: relative;
}
.pic-bg02:before{
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 0;
  position: absolute;
  z-index: 0;
  background: url(../img/bg03.jpg) no-repeat top left;
  background-size: cover;
}

@media screen and (max-width: 767px) { .pic-bg02 { padding: 0 15px 15px; } }

.products-inner { position: relative; padding: 0 30px 100px; }

@media screen and (max-width: 767px) { .products-inner { padding: 0; } }
@media screen and (min-width: 1000px){ .products-inner { padding: 0 30px 100px 0; } }

.products .products-inner { padding-bottom: 100px; }

@media screen and (max-width: 767px) { .products .products-inner { padding: 0 15px; box-sizing: border-box; } }

.products h2 { padding-left: 45px; }
@media screen and (max-width: 767px) { .products h2 { padding-left: 0; } }
@media screen and (min-width: 1000px){ .products h2 { padding-left: 0; } }

.products h3 { color: #027773; margin-bottom: 50px; padding-left: 45px; }

@media screen and (max-width: 767px) { .products h3 { padding-left: 0; margin-bottom: 25px; } }
@media screen and (min-width: 1000px){ .products h3 { padding-left: 0; } }

.products h3:after { border-bottom: 2px solid #00a39d; }

.products .products-cont { width: 445px; float: left; margin-top: 90px; }

.products .products-cont:first-child { margin-top: 0; }

.products .products-cont.even { float: right; margin-top: 200px; }

@media screen and (max-width: 767px) { .products .products-cont.even { margin-top: 30px; float: none; } }

@media screen and (max-width: 767px) { .products .products-cont { width: 100%; float: none; margin-top: 30px; }
  .products .products-cont img { width: 100%; } }

.products h4:after { border-bottom: 2px solid #00a39d; content: ''; width: 55px; height: 5px; display: block; padding-top: 15px; }

@media screen and (max-width: 767px) { .products h4:after { padding-top: 10px; } }

.products h4 + p { font-size: 22px; line-height: 1.6; margin-top: 25px; }

@media screen and (max-width: 767px) { .products h4 + p { font-size: 18px; margin-top: 10px; } }

/* ******************** ## contact */
.contact { background: url(../img/bg04.jpg) no-repeat top center; min-height: 374px; box-sizing: border-box; padding: 90px 0 70px; }

@media screen and (max-width: 767px) { .contact { padding: 25px 10px; min-height: auto; } }

.contact-btnArea { text-align: center; border: 1px solid #00a39d; background: rgba(255, 255, 255, 0.58); color: #002058; font-size: 18px; padding: 35px 0 45px; }

@media screen and (max-width: 767px) { .contact-btnArea { font-size: 16px; } }

.contact-btnArea p:first-child { margin-bottom: 20px; letter-spacing: 0.2em; }

@media screen and (max-width: 767px) { .contact-btnArea { width: 100%; }
  .contact-btnArea p:last-child { width: 90%; margin: 0 auto; }
  .contact-btnArea img { width: 100%; } }

/* ******************** ## footer */
footer { margin-top: 75px; padding: 22px 0; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; text-align: bottom; }

@media screen and (max-width: 767px) { footer { margin-top: 20px; padding: 10px 0; } }

.foot-inner { margin: 0 auto; width: 1000px; }

@media screen and (max-width: 767px) { .foot-inner { width: 100%; } }

.foot-inner p { float: left; }

@media screen and (max-width: 767px) { .foot-inner p { float: none; text-align: center; } }

.foot-inner address { float: right; font-size: 12px; padding-top: 35px; font-style: normal; }

@media screen and (max-width: 767px) { .foot-inner address { float: none; padding-top: 15px; text-align: center; } }

/* ******************** ## other */
.pageTop { position: fixed; z-index: 100; bottom: 100px; left: 50%; margin-left: 430px; }




/* ******************** ## 以下 SP時のfontsize調製の為追記 181002 */
@media screen and (max-width: 767px) {

  h2 img{
    width: 40%;
  }
  h3{
    font-size: 12px;
    margin-top: 25px;
  }
  .picArea-title{
    font-size: 16px
  }
  .picArea-text{
    font-size: 13px;
  }
  .cont01 .text p img,
  .cont03 .text p img{
    width: 40px;
  }
  .process .picArea figure{
    text-align: right;
  }
  .process .picArea img {
    width: 70% !important;
  }
  .process-cont .text{
    margin-left: 60px;
  }
  .process-cont .text:before{
    width: 14px;
  }
  .process-cont .text span{
    font-size: 18px;
    line-height: 30px;
    padding-left: 18px;
  }
  .process-cont.cont02 .text span{
    padding-top: 8px;
  }
  .process-cont.cont02 .text span{
    padding-left: 0;
  }
  .process-cont .circle{
    top: -2px;
  }
  .cont02 .circle{
    top: 25px!important;
  }
  .process-cont.cont03 .text:before,
  .process-cont.cont01 .text:before{
    margin-top: -5px;
  }
  .cont02 .text:before{
    margin-top: 9px;
  }
  .cont03 li:first-child .text:before{
    margin-top: 0;
  }
  .products h4 + p{
    font-size: 14px;
  }

}



/* ********************
## en
******************** */

#en .process-cont .text span{
    letter-spacing: .1em;
}

#en .process-cont .text p{
white-space: nowrap;
}

#en .cont02 .text span{
  padding-top: 34px;
}

#en .head__lead{
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  #en .head__lead{
    padding-bottom: 24px;
  }
}