@charset "UTF-8";
@media  only screen and (min-width: 1600px){
.main-li5 ul li{ height: 240px;}
.main-li5 img{ height: 240px;}
.movie-icon{ width: 220px; right: -140px;}
.arrow-txt{ padding: 50px 0 0px;}
}
.sp-scroll img{
  width: 400px;
  height: 240px;
}


@media  only screen and (max-width: 1100px){
body{ font-size: 14px;}
.pc{ display: none !important;}
.tb{ display: block !important;}
.sp{ display: none !important;;}
.tbsp{ display: block !important;}
.section-inner{ padding:80px 0;}
.wrap{ padding: 0 20px;}
.p-t0{ padding-top: 0;}
.p-b0{ padding-bottom: 0;}
.h-contact:before{ display: none;}
.h-contact{ padding: 8px 18px; }
.header-nav__list{ gap: 1.5rem;}
.header-container{ padding-inline: 20px;}
.main-img .r-img-box{ padding-top: 10%;}
.main-img .r-img-box .rl-txt{ width: 48%; color: #fff;}
.main-img .r-img-box .rl-txt .main-txt{ font-size: 1.2vw;}
.main-img .r-img-box .rl-img{ width: 52%;}
.main-li5{ position: unset; margin-top: 70px;}
.movie-icon{ width: 17%; right: -60px;}
.main-ttl{ padding: 20px 0 0;}
/*  --------------------------------------------------- 
-------------------------------------------------------  
共通
------------------------------------------------------- 
---------------------------------------------------  */

/*  ttl
---------------------------------------------------  */
.h2-ttl {
	padding-bottom: 25px;
  font-size: 30px;
  margin-bottom: 20px;
}
.h2-ttl::before { font-size: 90px;}
.h2-ttl .small-h{ font-size: 20px;}
.h2-ttl .big-h{ font-size: 70px;}
.logo-txt{ width: 160px;}
.h3-ttl { font-size: 20px;}

/*  font size
---------------------------------------------------  */
.f-s-mid{ font-size: 14px;}
.f-sbig{ font-size: 15px; line-height: 1.6rem;}
.f-strong{ font-size: 26px;}

/*  dl-box
---------------------------------------------------  */
dl dt{ 
  padding: 13px 30px;
  font-size: 18px;
}
.h-in-bold{ margin-bottom: 15px;}
dd span.f-bold{ font-size: 22px;}
dl dd .img-liarea .kadai-img{
  width: 130px;
  top: -117px; 
}
.product-box dl dd .img-liarea .kouka-img{
  top: -120px;
  right: -60px;
  width: 200px;
}
.kadai-box dl dd ul li,
.kouka-box dl dd ul li{
  width: 75%;
}
.case-kadai .kadai-img{
  width: 400px;
}
.case-teian .teian-img img{
  margin-top: 20px;
}
.acd-area2 .kouka-box dl dd .img-liarea .kouka-img{
  right: -70px;
}
/*  more-btn 
--------------------------------------------- */
.more-btn {
  margin-top: 40px;
  width: 280px;
  height: 56px;
  font-size: 15px;
}

/* Speech bubbles
--------------------------------------------- */
.speech-b span{ padding: 0 15px; font-size: 16px;}
.radius-txt{ font-size: 13px;}

/*    circle-button 
---------------------------------------------------  */
/* a.button-box:after { font-size: 10px;} */
.circle-button{ width: 300px;}
.circle-button a{ font-size: 16px; padding: 18px 0;}

/*  number H under-line
---------------------------------------------------  */
.under-line { font-size: 14px;} 
.under-line::after { margin-top: 3px;}
.number-subh i{ font-size: 40px;}
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  top section  */
.sp-scroll {
  height: 160px;
}
.sp-scroll img{
  width: 220px;
  height: 160px;
}

/*  tagline
--------------------------------------------- */
.tagline{ margin: 0 auto 80px;}
.tagline .tagline-name{ font-size: 14px;}
.tagline .company-name{ font-size: 30px;}

/*  ---------------------------------------------------  
contents00
---------------------------------------------------  */
.center-area .service-txt img{ width: 280px; margin: 25px auto 0;}

/*  ---------------------------------------------------  
contents01
---------------------------------------------------  */
.gold-box dl dd .logo-txt{ width: 140px; vertical-align: sub;}
.gold-box dl dt{ 
  padding: 20px 20px 20px 120px;
  font-size: 22px;
}
.gold-box dl dt img{ width: 120px;}

/*  bg-arrow
--------------------------------------------- */
.contents-arrow .speech-b{ margin-bottom: 40px;}
.contents-arrow .speech-b span{ font-size: 20px;}
.arrow-txt{
  font-size: 18px;
  padding: 25px 0 0px;
  width: 100%;
}
.arrow-txt span{ font-size: 18px;}
.arrow-txt .logo-txt{ margin-top: 10px;}

/*  ---------------------------------------------------  
contents02
---------------------------------------------------  */
.product-li .number-subh i{ font-size: 35px;}
.product-li li a{
  padding: 5px 40px 5px 50px; 
  line-height: 1.5; 
  font-size: 16px;
}
.product-li li a::before{ width: 25px; height: 25px; left: 15px;}
.product-li li a i{ padding-right: 15px; width: 30px;}
.product-li li a::after { right: 15px;}
.gold-circle li{
  margin-top: 15px;
}
.product-box .h3-ttl span{  font-size: 26px;}
/*  acd-oc
--------------------------------------------- */
.acd-oc {
  background: #fff;
  padding: 30px;
  margin-bottom: 60px;
}
.acd-oc:last-child{ margin-bottom: 0;}
.acd-oc__foot { padding-top: 30px; text-align: center;}

/*  js-acc-textchange
--------------------------------------------- */
.js-acc-textchange__trigger { cursor: pointer;}
.js-acc-textchange__target { display: none;}

/*  ---------------------------------------------------  
contents03 service
---------------------------------------------------  */
.service-li li a{ font-size: 18px;}
.service-li li img{ width: 120px;}
.service-ttl{ font-size: 20px;}
.service-li2 li img{ width: 40px; margin-right: 15px;}

/*  ---------------------------------------------------  
contents04 case 
---------------------------------------------------  */
.movie-area iframe{ height: 350px;}
.right-txt .f-bold{ font-size: 16px;}
.right-txt .h3-ttl{ margin-bottom: 5px;}
.acd-area2 .f-s-mid{ font-size: 18px;}
/* accordion 04
---------------------------------------------------  */
.accordion { max-width: 100%; width: 100%;}
.accordion_trigger { width: 250px;}
.accordion_trigger{ top: 175px;}

/*  ---------------------------------------------------  
contents05-2
---------------------------------------------------  */
.contents05-2 .t-b-line img{ width: 140px; left: 0px;}
.contents05-2 .t-b-line{ padding: 20px 0 20px 150px;}
.contents05-2 .li-end .contact-speech-member .speech-img{ width: 180px;}
.contents05-2 .li-end .contact-speech-member ul li img{ margin-right: 0;}
.contact-li li img{ width: 75px;}

/*  ---------------------------------------------------  
contents-contact redarea
---------------------------------------------------  */
.contents-contact{
  background: url(../img/contact-red-bk.png) no-repeat center;
  background-size: cover;
}
.contents-contact .section-inner{ padding: 60px 0;}
.contents-contact .img30-txt{ width: 95%;}
.contents-contact .img30-txt .txt70 p{ margin-bottom: 10px;}
.contact-speech-member{ margin-bottom: 10px;}
.contact-speech-member .speech-img{ width: 220px;}
.contact-speech-member ul li{ margin-right: 20px;}
.contact-speech-member ul li img{ width: 75px;}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer{ padding: 40px 20px;}
.footer-logo{ width: 150px;}
.footer-link ul{ width: 70%;}
.footer-link ul li{ width: 20%; margin-right: 20px;}
.footer-txt .f-bold{ font-size: 24px;}

}
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */

@media screen and (max-width: 849px) {
.header-nav__list{ gap: 1rem;}
.header-container{ padding-inline: 20px;}
}

/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
@media screen and (max-width: 768px) {
* { letter-spacing: 0;}
body {
  width: 100%;
  font-size: 14px;
  min-width: 320px;
  line-height: 1.5rem;
}
.block{ width: 100%; max-width: 100%;}
.wrap { box-sizing: border-box;}
.pc{ display: none !important;}
.tb{ display: none !important;}
.sp{ display: block !important;}
.pctb{ display: none !important;}
.tbsp{ display: block !important;}
.section-inner{ padding: 50px 0;}
.page-contact .section-inner{ padding: 0 0 30px;}
.txt{ line-height: 1.8em;}
.p-t0{ padding-top: 0;}
.p-b0{ padding-bottom: 0;}
.sp-p-t0{ padding-top: 0;}
.sp-p-b80{ padding-bottom: 80px;}
.sp-m-t30{ margin-top: 30px;}
.sp-m-b0{ margin-bottom: 0;}
.sp-m-b30{ margin-bottom: 30px;}
.sp-m-b80{ margin-bottom: 80px;}
.m-b170{ margin-bottom: 80px;}
.sp-t-l{ text-align: left;}
.caution{ font-size: 13px;}

/*  title  */
.main-ttl{ padding: 20px 0 0;}
.p-txt{ line-height: 1.5rem;}
/*   root
--------------------------------------------- */
:root { --fixed-header-height: 65px;}
/*   wrapper
--------------------------------------------- */
.wrapper { padding-top: 65px;}

/* ---------------------------------------------
*   header
--------------------------------------------- */
:root {--fixed-header-height: 65px;}
html.is-noscroll {
  min-height: 100%;
  min-height: 100dvh;
}
.is-noscroll body {
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100dvh;
  box-sizing: border-box;
}
.header-container{
  background-color: #fff;
}
.is-scroll .header-container{
  background-color: #fff;
}
.header-menu {
  position: fixed;
  top: var(--fixed-header-height);
  left: 0;
  width: 100%;
  height: calc(100% - var(--fixed-header-height));
  overflow-y: auto;
  display: none;
  background-color: #fff;
}
.header-nav__list {
  display: block;
}
.header-nav__item { 
  border-bottom: 1px solid #ccc;
}
.header-nav__item:first-of-type { 
  border-top: 1px solid #ccc;
}
.header-nav__item:last-child{
  border-bottom: none;
}
.header-nav__link {
  display: block;
  padding: 20px;
  color: #222;
}
.header-logo-link{ 
  color: #000;
  font-size: 28px;
}
.header-menu-button{
  display: block;
  padding: 23px 20px;
  background: #B59D69;
}
.header-container{
  padding-left: 20px;
  padding-right: 0;
}
.h-contact{
  margin: 30px auto 0;
  color: #fff;
  width: 80%;
  text-align: center;
}
.h-contact:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px 5px 0 0;
  background: url("../img/mail_icon.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.main-img{
  background-position: center;
}
.main-img .r-img-box{
  display: block;
}
.main-img .r-img-box .rl-txt{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.main-img .r-img-box .rl-img{
  width: 100%;
}
.main-img .r-img-box .rl-img img{
  width: 90%;
}
.main-img .r-img-box .rl-txt .main-txt{
  font-size: 2.5vw;
}
.main-img .r-img-box .rl-txt .sub-txt{
  font-size: 3.3vw;
}
.main-img .r-img-box .rl-txt .top-mainlogo img{
  margin: 0 auto;
}
.main-img .r-img-box .rl-txt .main-radius-txt{
  margin: 0 auto 10px;
  padding: 1vw 10px;
  font-size: 2.5vw;
}
.movie-icon{
  width: 24vw;
  right: -5%;
  bottom: 0;
}

/*  sp　main li5 scroll
--------------------------------------------- */
.main-li5{
  margin-top: 40px;
}
.sp-scroll-li {
  display: flex;
  align-items: center;
  overflow: hidden !important;
}
.sp-scroll {
  width: 180px;
  height: 125px;
}
.sp-scroll img{
  width: auto;
  height: 160px;
  object-fit: cover;
}
.sp-scroll-show {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
}
@keyframes loop-slide {
  from { transform: translateX(0);}
  to { transform: translateX(-100%);}
}




/*  --------------------------------------------------- 
-------------------------------------------------------  
共通
------------------------------------------------------- 
---------------------------------------------------  */

/*  ttl
---------------------------------------------------  */
.h2-ttl {
	padding-bottom: 30px;
  font-size: 22px;
  margin-bottom: 0;
}
.h2-ttl::before {
	font-size: 70px;
}
.h2-ttl .small-h{
  font-size: 15px;
}
.h2-ttl .big-h{
  font-size: 40px;
  line-height: 1.5rem;
  padding-right: 3px;
}
.logo-txt{
  width: 120px;
}
.h3-ttl {
  font-size: 18px;
}
.h-m-b20{
  margin-bottom: 10px;
}

/*  font size
---------------------------------------------------  */
.f-s-mid{
  font-size: 14px;
}
.f-sbig{
  font-size: 15px;
  line-height: 1.8rem;
}
.f-strong{
  font-size: 17px;
  line-height: 1.5rem;
}

/*  dl-box
---------------------------------------------------  */
.h-in-bold{
  margin-bottom: 5px;
}
dd span.f-bold{
  font-size: 16px;
  line-height: 1.8rem;
}
.kadai-box dl dd ul li, 
.kouka-box dl dd ul li{
  width: 100%;
  padding-left: 25px;
}
.kadai-box dl dd ul li::before, 
.kouka-box dl dd ul li::before{
  width: 20px;
  height: 20px;
  top: 3px;
}
.feature ul li{
  margin-top: 5px;
  padding-left: 25px;
}
.feature .f-bold{
  font-size: 16px;
}
.feature ul li::before{
  width: 15px;
  height: 15px;
  top: 5px;
}
.bottom-arrow{
  width: 50px;
  margin: 15px auto;
}

/*  more-btn 
--------------------------------------------- */
.more-btn {
  margin-top: 20px;
  width: 84%;
  height: 50px;
  font-size: 14px;
}

/* Speech bubbles
--------------------------------------------- */
.speech-b{
  margin-bottom: 5px;
}
.speech-b span{
  padding: 0 15px;
  font-size: 13px;
}
.speech-b span::before, .speech-b span::after{
  height: 20px;
  bottom: -2px;
}
.radius-txt{
  font-size: 10px;
  padding: 5px 20px;
}

/*    circle-button 
---------------------------------------------------  */
.circle-button{
  width: 80%;
  margin: 0 auto;
}
.circle-button a{
  padding: 15px 0;
  font-size: 14px;
}
/*
a.button-box:after {
  font-size: 12px;
  right: 20px;
}
*/

/*  number H under-line
---------------------------------------------------  */
.number-subh span{
  margin-right: 5px;
}
.under-line{
  font-size: 12px;
}

/*  list
--------------------------------------------- */
.li2 , .li3{
  display: block;
}
.li2 li{
  width: 100%;
}
.li3 li{
  width: 100%;
}

/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  ---------------------------------------------------  */
/*  top section  */

/*  tagline
--------------------------------------------- */
.tagline{
  margin: 0 auto 60px;
}
.tagline .tagline-name{
  font-size: 12px;
  padding-bottom: 10px;
}
.tagline .company-name{
  font-size: 26px;
}

/*  ---------------------------------------------------  
contents00
---------------------------------------------------  */
.center-area .service-txt img{
  width: 200px;
  margin: 15px auto 0;
}

/*  ---------------------------------------------------  
contents01
---------------------------------------------------  */
.gold-box dl dt{
  padding: 15px 15px 15px 80px;
  font-size: 16px;
}
.gold-box dd .logo-txt{
  width: 120px;
}
.gold-box dl dt img{
  width: 80px;
}

/*  bg-arrow
--------------------------------------------- */
.contents-arrow .speech-b{
  margin-top: 20px;
  margin-bottom: 40px;
}
.contents-arrow .speech-b span{
  font-size: 16px;
}
.arrow-txt{
  font-size: 15px;
  padding: 20px 0 0px;
}
.arrow-txt span{
  font-size: 14px;
}
.arrow-txt .logo-txt{
  margin-top: 0;
}
.contents-arrow{
  background:
  linear-gradient(180deg, #fff 0%, #fff 40%, #F2F1EA 40%, #F2F1EA 100%);
}

/*  ---------------------------------------------------  
contents02
---------------------------------------------------  */
.product-ttl img{
  width: 40px; 
}
.product-li .number-subh i{
  font-size: 25px;
}
.product-li .under-line{
  font-weight: 500;
}
.product-li li a{
  padding: 7px 35px 7px 37px;
  font-size: 12px;
}
.product-li li a .product-name{
  font-size: 14px;
}
.product-li li a::before{
  width: 15px;
  height: 15px;
}
.product-li li a i{
  padding-right: 15px;
  width: 25px;
}
.product-li li a::after {
  right: 15px;/*右からの距離*/
}


/*  acd-oc
--------------------------------------------- */
.acd-oc {
  background: #fff;
  padding: 20px;
  margin-bottom: 40px;
}
.acd-oc{
  margin-top: 80px;
}
.acd-oc:first-child{
  margin-top: 70px;
}
.acd-oc:last-child{
  margin-bottom: 0;
}
.acd-oc .product-ttl{
  width: 80px;
  height: 40px;
  top: -30px;
}
.acd-oc .bk-star{
  width: 300px;
  top: -60px;
}
.acd-oc .h3-ttl{
  margin-top: 10px;
}
.product-box .h3-ttl span{
  font-size: 18px;
}
.product-box .number-subh i{
  font-size: 40px;
}
.product-box .number-subh .under-line{
  font-size: 12px;
}
.product-box .t-c{
  margin-top: 20px;
  margin-bottom: 15px;
}
.product-box .r-l{
  margin-bottom: 30px;
}
.product-box .kouka-box dl dd{
  padding-bottom: 0;
}
.product-box dl dd .img-liarea .kouka-img{
  position: static;
  margin: 0 auto;
  width: 130px;
}
.product-ttl img{
  padding-top: 20px;
}
.acd-oc__foot {
  padding-top: 20px;
  text-align: center;
}
.acd-oc__button {
  width: 260px;
  height: 50px;
  font-size: 14px;
}
.gold-circle li{
  margin-top: 5px;
}

/*  js-acc-textchange
--------------------------------------------- */
.js-acc-textchange__trigger {
  cursor: pointer;
}
.js-acc-textchange__target {
  display: none;
}

.js-acc-textchange__trigger span.close::after{
  width: 15px;
  height: 15px;
  right: 20px;
}
.js-acc-textchange__trigger.close-i span::after{
  width: 15px;
  height: 15px;
  right: 20px;
}


/*  ---------------------------------------------------  
contents03 service
---------------------------------------------------  */
.service-li {
  margin-bottom: 30px;
}
.service-li li{
  margin-bottom: 20px;
}
.service-li li a{
  font-size: 16px;
  padding: 20px 20px 40px;
}
.service-li li img{
  width: 80px;
}
.service-li li a::after{
  bottom: 20px;
}
.service-ttl{
  font-size: 18px;
  padding: 18px 15px 18px 15px;
}
.service-ttlimg{
  width: 40px;
  margin-right: 15px;
}
.service-li2 li{
  padding: 15px;
}
.service-li2 li img{
  width: 35px;
}
.service-contents .li2 li{
  width: 100%;
}

/*  ---------------------------------------------------  
contents04 case 
---------------------------------------------------  */
.movie-area iframe{
  width: 100%;
  height: 250px;
}
.movie-area p{
  margin-bottom: 10px;
}
.acd-area2{
  margin: 50px 0;
}
.acd-area2 .f-s-mid{
  font-size: 16px;
  margin-bottom: 0;
}
.acd-area2 .kouka-box dl dd .img-liarea .kouka-img{
  position: static;
  margin: 0 auto;
}
.acd-box{
  padding: 20px;
  margin-bottom: 30px;
  position: unset; 
}
.r-l{
  display: block;
}
.left-img{
  width: 100%;
  margin-bottom: 20px;
}
.right-txt{
  width: 100%;
  margin-bottom: 20px;
}
.right-txt p{
  font-size: 16px;
}
.right-txt .number-subh{
  margin-top: 0px;
  margin-bottom: 10px;
}
.right-txt .h3-ttl{
  margin-bottom: 5px;
}
.right-txt .f-bold{
  font-size: 14px;
}

/* accordion 04
---------------------------------------------------  */
.accordion {
  max-width: 100%;
  width: 100%;
}
.accordion_trigger{
  top: 0;
  left: 0;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.case-kadai{
  display: block;
}
.case-kadai .kadai-img{
  display: none;
}
.case-kadai .gray-box{
  padding: 20px;
}
.case-teian{
  display: block;
}
.case-teian .teian-img{
  width: 180px;
  margin: 0 auto;
}
.kouka-txt{
  width: 100%;
}
dl dt{
  padding: 10px 20px;
  font-size: 16px;
}
dl dd{
  padding: 20px;
  line-height: 1.5rem;
}
dl dd .img-li{
  display: block;
  margin-top: 0;
}
dl dd .img-liarea .kadai-img{
  position: static;
  margin: 0 auto;
  width: 80px;
}
dl dd .img-liarea .kouka-img{
  width: 140px;
  top: -135px;
  right: 30px;
}
dl dd .img-li img{
  width: 100%;
  margin-bottom: 20px;
}
dl dd .img-li img:last-child{
  margin-bottom: 0;
}
/*  ---------------------------------------------------  
contents05 reason
---------------------------------------------------  */
.rl-imgtxt ul li{
  display:block;
  margin-bottom: 40px;
}
.rl-imgtxt ul li:last-child{
  margin-bottom: 0;
}
.rl-imgtxt ul li .rl-img{ 
  width: 100%;
  margin-bottom: 30px;
}
.rl-imgtxt ul li .rl-img img{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.rl-imgtxt ul li.even .rl-img img{
  margin-left: calc(-50vw + 50%);
}
.rl-imgtxt ul li .rl-txt{ 
  width: 100%;
}
.rl-imgtxt ul li .rl-txt .number-subh{
  margin-bottom: 10px;
}

/*  ---------------------------------------------------  
contents05-2
---------------------------------------------------  */
.contents05-2 .t-b-line img{
  width: 100px;
}
.contents05-2 .t-b-line{
  padding: 10px 0 10px 100px;
}
.contents05-2 .t-b-line .f-small{
  font-size: 13px;
  line-height: 1.3rem;
}
.contents05-2 .li-end .contact-speech-member .speech-img{
  width: 180px;
}
.contents05-2 .li-end .contact-speech-member ul li img{
  width: 50px;
}
.contact-li li {
  line-height: 1.3rem;
}
.contact-li li img{
  width: 55px;
}
.contact-li .li-end{
  width: 100%;
}
.contact-speech-member ul li{
  font-size: 11px;
}
.li3 li .contact-speech-member{
  width: 100%;
}
.li3 li .contact-speech-member ul li{
  padding-right: 5px;
}
.li3 li .contact-speech-member ul li:last-child{
  padding-right: 0;
}
.contact-speech-member .speech-img img{
  width: 100%;
}

/*  ---------------------------------------------------  
contents-contact redarea
---------------------------------------------------  */
.contents-contact .section-inner{
  padding: 50px 0;
}
.contents-contact .img30-txt{
  width: 100%;
  display: block;
}
.contents-contact .img30-txt .img30{
  margin: 0 auto 20px;
  width: 30%;
}
.contents-contact .img30-txt .txt70{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.contents-contact .img30-txt .txt70 p{
  margin-bottom: 10px;
}
.contents-contact .img30-txt .txt70 .f-sbig{
  font-size: 12px;
  line-height: 1.5rem;
}
.contact-speech-member{
  margin-bottom: 10px;
  justify-content: center;
}
.contact-speech-member .speech-img{
  width: 220px;
  margin-right: 5px;
}
.contact-speech-member ul li{
  margin-right: 5px;
}
.contact-speech-member ul li img{
  width: 60px;
}
/* ---------------------------------------------
*   contact-form
--------------------------------------------- */
.contact-title{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.contact-txtform{
  display: block;
  width: 100%;
}
.wpcf7-form-control{
  padding: 15px;
  margin-bottom: 5px;
  font-size: 15px;
}
.contact-tit2{
  padding-top: unset;
  vertical-align: unset;
}
.submit{
  text-align: center;
}
.submit p{
  width: 100%;
}
.submit p::after{
  right: 80px;
}
.wpcf7-submit{
  width: 80%;
  padding: 15px;
}
.wpcf7-previous{
  width: 80%;
  padding: 15px;
  margin-top: 20px;
}
.contact-title p, .contact-txtform p{
  margin-bottom: 5px;
}
.c-check-area .submit p{
  margin: 20px auto 0 !important;
}
.c-check-area .submit p::after{
  right: 20px !important;
}
.has-text-align-center{
  text-align: left !important;
}
/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer{ padding: 30px 20px 20px;}
.footer-link{
  display: block;
  text-align: center;
  margin: 0 auto;
}
.footer-logo{
  width: 170px;
  text-align: center;
  margin: 0 auto 25px;
}
.footer-link ul{
  width: 100%;
  border-top: 1px solid #ebebeb;
}
.footer-link ul li{
  width: 50%;
  margin-right: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #ebebeb;
}
.footer-link ul li:nth-child(odd){ border-right: 1px solid #ebebeb;}
.footer-link ul li:last-child{ border-bottom: none;}
.footer-link ul li a{ display: block;}
.footer-txt{ display: block; border-top: 1px solid #ebebeb; text-align: center;}
.footer-txt p{ margin-bottom: 10px;}
.footer-txt .f-bold{ margin-bottom: 5px;}
#page-top{ right: 0; bottom: 35px;}
#page-top a::before{ width: 40px; height: 40px;}
#page-top a::after{
  border-bottom: 8px solid rgba(255, 255, 255, .9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  right: 30px;
} 



}