@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * *
* common
* * * * * * * * * * * * * * * * * * * * * * */
/*********************************************
* reset
******************************************* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 62.5%;
  vertical-align: baseline;
  z-index: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html{
  overflow-y: scroll;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
input, textarea,{
  margin: 0;
  padding: 0;
}
ol, ul{
  list-style:none;
}
li { font-size: 24px; }
table{
  border-collapse: collapse;
  border-spacing:0;
}
a {
  color: initial;
  text-decoration: none;
}
a:hover {
  color: #cd0000;
  text-decoration: underline;
}
a:focus {
  outline:none;
}
fieldset,img {
  border:0;
}
q:before,q:after {
  content:'';
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
noscript {
  font-size: 1.3rem;
  line-height: 1.3;
}

/*********************************************
* font
******************************************* */
html{
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
h1, h2, h3, h4, h5, p {
  letter-spacing: 0.01em;
}

/*********************************************
* common
******************************************* */
body {
  width: 100%;
  color: #111;
  overflow: hidden;
  background: #fff483;
}
a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
img {
  display: block;
  height: auto;
  vertical-align: bottom;
}
h2 {
  text-align: center;
  font-weight: bold;
}
h2 img {
  margin: 0 auto;
}
h2 span {
  color: #00845d;
  font-weight: bold;
}
p {
  font-size: 1.6rem;
  text-align: center;
}
dd {
  line-height: 1.5;
}
/* header
* --------------------------------- */
header {
  width: 100%;
  background: linear-gradient(#fff 20%, #eeffd2) no-repeat;
  border-top: 5px solid #00845d;
  overflow: hidden;
  box-sizing: border-box;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.header-middle ul {
  display: flex;
  justify-content: flex-end;
}
.header-middle li {
  margin-right: 5%;
}
.header-middle li a {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  border: 3px solid #fff;
  outline: 1px solid #979797;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e6e6e6 50%, #e6e6e6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  box-shadow: 1px 1px 5px rgba(0,0,0,.2);
  padding: 2px 5px;
  color: #111;
  text-decoration: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.header-middle li a:hover {
  filter: alpha(opacity=.7);
  -moz-opacity:.7;
  opacity:.7;
}
.header-tel {
  filter: alpha(opacity=1);
  -moz-opacity:1;
  opacity:1;
  margin: 0 0 4px 2px;
  width: 253px;
}
/* nav
* --------------------------------- */
#global-nav a {
  font-size: 1.55rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#gnav {
  z-index: 1;
}

/* g-nav sp
* --------------------------------- */
/* header */
/*#top-head {
  width: 100%;
  margin: auto 0;
}*/

/*ri-grid*/
.ri-grid ul {
  background: #fff;
  position: absolute;
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
  z-index: -1;
  opacity: 1 !important;
}
.ri-grid ul:before,
.ri-grid ul:after{
  content: '';
  display: table;
}
.ri-grid ul:after {
  clear: both;
}
.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
}
.ri-grid ul li a{
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Grid wrapper sizes */
.ri-grid-size-1{
  width: 55%;
}
.ri-grid-size-2{
  width: 100%;
}
.ri-grid-size-3{
  width: 100%;
  margin-top: 0px;
}
/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 200px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.ri-shadow:after{
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.ri-grid-loading:after,
.ri-grid-loading:before{
  display: none;
}
.ri-loading-image{
  display: none;
}
.ri-grid-loading .ri-loading-image{
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 300px 0 300px -15px;
  display: block;
}
#ri-grid ul {
	position: relative!important;
}
/*bnrarea
* --------------------------------- */
.bnrarea {
  width: auto;
  text-align: center;
  margin: 3em auto;
}
.bnrarea img {
  width: 100%;
  height: auto;
}

/* footer
* --------------------------------- */
footer {
  background: #3d3d3d;
  padding: 40px 5% 100px;
}
.footer-inner img {
  float: left;
  margin-right: 63px;
}

/* footer menu
* --------------------------------- */
#menu-footernav a {
  color: #bbb;
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
}
#menu-footernav a:hover {
  text-decoration: underline;
}
#menu-footernav .child-indent .sub-menu {
 padding-left: 1em;
}
footer dl {
  max-width: 610px;
  margin: 0 auto;
  text-align: center;
}
footer dt, footer dd {
  font-size: 1.3rem;
  color: #bbb;
}
footer dt {
  padding-bottom: 5px;
}
footer .copyright {
  font-size: 1.3rem;
  color: #a1a1a1;
  text-align: center;
  padding: 2% 0 3.5%;
}

/* section-contact
* --------------------------------- */
/*共通*/
.section-contact .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.section-contact a {
  text-decoration: none;
}
.box-tel {
  background: #21422e;
  border-radius: 7px;
}
.box-tel a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  box-sizing: border-box;
}
.box-tel img {
  width: 100%;
  height: auto;
}
.box-tel a:hover img {
  opacity: 1;
}
.box-line {
  background: #00b200;
  border-radius: 7px;
}
.box-line a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  box-sizing: border-box;
}
.box-line img {
  width: 100%;
  height: auto;
}
.box-line a:hover img {
  opacity: 1;
}
.box-goform {
  background: #ea0a0a;
  background: -moz-linear-gradient(top, #ea0a0a 0%, #b90505 97%, #720101 98%, #720101 100%);
  background: -webkit-linear-gradient(top, #ea0a0a 0%,#b90505 97%,#720101 98%,#720101 100%);
  background: linear-gradient(to bottom, #ea0a0a 0%,#b90505 97%,#720101 98%,#720101 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0a0a', endColorstr='#720101',GradientType=0 );  border-radius: 7px;
  box-sizing: border-box;
}
.box-goform a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #fff;
  font-weight: bold;
  letter-spacing: -.02em;
  text-decoration: none;
  border: none;
  border-radius: 7px;
  margin: 0 auto;
  cursor: pointer;
  box-sizing: border-box;
}
.box-goform a:hover {
  filter: alpha(opacity=.8);
  -moz-opacity:.8;
  opacity:.8;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
/*section-contact-footer*/
.section-contact-footer {
  background: rgba(39,90,58,.9);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
@media all and (-ms-high-contrast:none) {
  .section-contact-footer a {
    border-bottom: 5px solid #165816;
    height: 70px;
    padding-top: 10px;
    box-shadow: none;
  }
}


/*********************************************
* top
******************************************* */
/* mainvisual top
* --------------------------------- */
.mainvisual {
  position:relative;
  padding: 0 !important;
  box-sizing: border-box;
  z-index: 0;
}
.mainvisual-inner {
  margin: 0 auto;
  padding-top: 20px;
}
.video {
  position: relative;
  height: 0;
  background: #fff;
  border: 6px solid #fff;
  border-radius: 5px;
  padding-bottom: calc(315 / 560 * 100%);
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1;
}

/* quick-form TOP
* --------------------------------- */
.quick-form {
  padding: 5% 5% 2.8%;
}
.quick-form-inner {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 7px;
  position: relative;
}
.quick-form-wrap {
  border: 5px solid #2e8458;
  background: #fff;
  padding: 4px;
}
.quick-form-wrap-02 {
  background: linear-gradient(#ffffb6, #fefde1) no-repeat;
}
.quick-form h2 img {
  margin: -64px auto 15px;
  width: 453px;
}
.quick-form h3 {
  color: #fff;
  background: linear-gradient(#116143, #0e3e2a) no-repeat;
  font-size: 2.3rem;
  text-align: center;
}
.quick-form .box-left, .quick-form .box-right {
  float: left;
  width: 442px;
  border: 3px solid #00845d;
  background: #f5f5f5;
  box-shadow: 2px 2px 5px 0px #888;
}
.quick-form .box-left {
  margin: 0 25px 28px 0;
}
.quick-form .box-left-inner, .quick-form .box-right-inner {
  padding: 34px 30px 28px;
}
.quick-form th {
  font-size: 1.8rem;
  font-weight: bold;
  padding-right: 10px;
}
.quick-form input {
  font-size: 1.8rem;
  border: 1px solid #111;
  padding: 6px 5px;
  width: 250px;
  text-align: left;
}
.quick-form tr {
  height: 46px;
}
.quick-form .km {
  font-size: 1.8rem;
  font-weight: bold;
}
.quick-form .km input {
  margin-right: 3px;
}
.bakusoku {
  position: absolute;
  top: -82px;
  right: -45px;
}
.quick-form button,.quickformbtn {
  background: linear-gradient(#e70a0a, #bd0505) no-repeat;
  border-radius: 5px;
  box-shadow: 0 5px 0 rgba(114,2,1);
  border-bottom: 5px solid #720201;
  color: #fff;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  height: 67px;
  padding-top: 6px;
  box-sizing: border-box;
  padding-top: 13px\9;
  clear: both;
  border: none;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  cursor: pointer;
}
.quick-form button:hover {
  background: linear-gradient(#ec3b34, #c93731) no-repeat;
}
@media all and (-ms-high-contrast:none) {
  .quick-form button {
    border-bottom: 5px solid #720201;
    padding-top: 10px;
  }
}
/* car-slider
* --------------------------------- */
.car-slider {
  padding: 0 0 4%;
}
.car-slider-inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  background: #333;
  border-radius: 16px;
  padding: 23px 31px 26px;
  box-sizing: border-box;
  position: relative;
}
.car-slider li {
  padding: 0 5px;
  position: relative;
}
.car-slider .object-fit-img {
  width: 306px;
  height: 306px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.slick-slide {
  height: auto;
}
.car-slider .text {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.35;
}
.car-slider .text span {
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
}
.salestamp {
  top: 0px;
  right: -3px;
  position: absolute;
  margin: 0;
  padding: 10px;
  width: 75px;
  height: 75px;
  border: 5px double #A00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #A00;
  text-align: center;
  font-size: 22px;
  font-family: 'Bree Serif', serif;
  line-height: 75px;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  background: rgba(999, 999, 999, 0.4);
}
.salestamp:before{
  position: absolute;
  top: 14%;
  display: block;
  padding: 0 0 2px;
  width: 82%;
  border-bottom:1px solid #A00;
  content: '契約御礼';
  font-size: 16px;
  line-height: 1;
}
.salestamp:after{
  position: absolute;
  bottom: 16%;
  display: block;
  padding: 7px 0 0;
  width: 82%;
  border-top: 1px solid #A00;
  content: '買取専門CPS';
  font-size: 12px;
  line-height: 1;
}
.slick-arrow {
  width: 40px !important;
  height: 40px !important;
  top:calc(50% - 20px);
}
/* three-point
* --------------------------------- */
.three-point {
  margin: 0 auto;
  font-size: 1.5rem;
}
.three-point h2 {
  padding-bottom: 2.5%;
  font-size: 4.8rem;
}
.three-point h2 span {
  font-size: 4.8rem;
}
/*.three-point-inner {
  width: 100%;
  margin: 0 auto;
}*/
.three-point-inner .box {
  border: 4px solid #00845d;
  padding: 1.8% 0 1.9%;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
.three-point-inner .point-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 106px;
}
.three-point-inner .box img.illust {
  margin: 0 auto 17px;
  width: 274px;
}
.three-point-inner .box p {
  height: 155px;
  padding: 18px 0 20px;
}
.three-point-inner .box-01 img.illust {
  width: 149px;
}
.three-point-inner .box-02 img.illust {
  width: 133px;
  padding-top: 10px;
}
.three-point-inner .box-03 img.illust {
  width: 119px;
}
.three-point-inner .box-01 {
  margin-left: 0;
}
.three-point-inner dl {
  text-align: center;
  padding: 0 3% 4.5%;
}
.three-point dt {
  line-height: 1.4;
  font-weight: bold;
}
.three-point-inner .box img.arrow {
  width: 38px;
  margin: 0 auto;
}
.three-point .btn-point img {
  position: absolute;
  z-index: 1;
}
.three-point .btn-point a {
  background: url(/asset/images/top/bk_btn_point.png) center center no-repeat;
  background-size: 100%;
  display: block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  margin-top: 10px;
  text-shadow: 1px 1px 3px #276a2e;
}
.three-point .btn-point a span {
  font-weight: bold;
  display: block;
}
.three-point .btn-point a:hover {
  opacity: .8;
}

/* tuning-sec
* --------------------------------- */
.tuning-sec {
  background: #fffda5;
}
.tuning-sec-inner {
  margin: 0 auto;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}
.tuning-sec-inner h2 img {
  z-index: 1;
}
.illust-tuning {
  position: absolute;
  top: -108px;
  left: 18px;
}
.tuning-sec-welcome {
  box-sizing: border-box;
}
.tuning-sec-welcome h3 {
  font-weight: bold;
  text-align: center;
  letter-spacing: -.05em;
  border-bottom: solid 1px #333;
}
.tuning-sec-welcome p {
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -.05em;
  margin-bottom: 2.5%;
}
.tuning-sec-welcome p span {
  font-weight: bold;
  display: block;
}
.tuning-sec-welcome p span.txt-green {
  color: #00845d;
  display:inline;
  font-size: 2.7rem;
}
.tuning-sec-welcome p span.txt-l {
  font-size: 3.4rem;
}
.tuning-sec-welcome li {
  color: #004938;
  font-size: 2.3rem;
  font-weight: bold;
  border-bottom: 1px dotted #636363;
  padding-left: 18px;
  position: relative;
  line-height: 1.8;
}
.tuning-sec-welcome li span {
  color: #cd0000;
  font-size: 2.3rem;
  font-weight: bold;
}
.tuning-sec-welcome ul li:before {
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #004938;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.box-wrap {
  background: linear-gradient(to right bottom, #fff, #fff 24%, #c3e3ba 26%, #c3e3ba 49%, #fff 51%, #fff 74%, #c3e3ba 76%,#c3e3ba);
  background-size: 6px 6px;
  padding: 28px 32px;
}
.box-wrap .box {
  border: 2px solid #05503c;
  background: #fff;
  border-radius: 7px;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
/*.box-wrap .box h3 {
  font-weight: bold;
  color: #05503c;
  text-align: center;
}*/
.box-wrap .box .smokettl {
  background: #e6e6e6;
}
.smokettl {
  display: flex;
  justify-content: center;
}
.smokettl:before {
  background: url(/asset/images/common/smokettl-l.png) no-repeat;
}
.smokettl:after {
  background: url(/asset/images/common/smokettl-r.png) no-repeat;
}
.smokettl:before,
.smokettl:after {
  content: '';
  display: inline-block;
  background-size: contain;
  width: 48px;
}
.smokettl h3 {
  text-align: center;
  line-height: 1;
  font-weight: bold;
  color: #05503c;
  padding: 2% 6%;
}
.box-wrap .box-inner p {
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.8;
}
.box-wrap .box-02 .box-inner p {
  padding-right: 0;
}
.box-wrap .box-inner p span {
  font-size: 1.8rem;
  font-weight: bold;
  background: #fcf77c;
}

/* purchase-declaration
* --------------------------------- */
.purchase-declaration {
  transform: skew(0deg, 5deg);
  background: #fff483;
  margin-top: -80px;
  z-index: 2;
}
.purchase-declaration-container {
  max-width: 1000px;
  margin: 0 auto;
}
.purchase-declaration-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 8px #a5a5a5;
  transform: skew(0deg, -5deg);
}
.purchase-declaration-wrap {
  border: 5px solid #00845d;
  background: #fff;
  background: linear-gradient(#fff 20%, #efffd4) no-repeat;
  transform: skew(0deg, 0deg);
  padding: 15px 32px 42px;
  position: relative;
}
.purchase-declaration h2 {
  line-height: 1;
  letter-spacing: -.1em;
  padding-bottom: 1%;
}
.purchase-declaration h2 .t1 {
  color: #bbb;
  font-weight: bold;
  text-shadow: 0 2px 0 #05503c, 2px 0 0 #05503c, 0 -2px 0 #05503c, -2px 0 0 #05503c, -2px -2px 0 #05503c, 2px -2px 0 #05503c, -2px 2px 0 #05503c, 2px 2px 0 #05503c;
}
.purchase-declaration h2 .t2 {
  background: linear-gradient(#09634f, #023122) no-repeat;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  letter-spacing: -.05em;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .purchase-declaration h2 .t2 {
    background:none!important;
  }
}
.purchase-declaration-inner .txt-01 {
  font-weight: bold;
  margin-bottom: 15px;
}
.purchase-declaration-inner .txt-02 {
  font-weight: normal;
  margin-bottom: 15px;
  text-align: left;
}
.purchase-declaration-inner .txt-03 {
  color: #cd0000;
  text-decoration: underline;
  font-weight: bold;
  text-align: center;
}


/* promise
* --------------------------------- */
.promise {
  background: #ffffed;
  transform: skew(0deg, 5deg);
  z-index: -1;
  position: relative;
}
.promise {
  padding: 200px 5% 100px;
}
.promise-inner {
  margin: 0 auto;
  transform: skew(0deg, -5deg);
  overflow: hidden;
}
.promise h2 {
  color: #05503c;
}
.promise .text p {
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.9;
}
.promise .text span {
  font-size: 1.8rem;
  font-weight: bold;
}

/* information
* --------------------------------- */
.information {
  box-sizing: border-box;
}
.information-wrap {
  height: 516px;
  padding-right: 28px;
}
.information h2 {
  padding-bottom: 3.2%;
  font-size: 3.6rem;
  font-weight: normal;
}
.information-inner {
  margin: 0 auto;
}
.information-inner .howto {
  overflow: hidden;
  position: relative;
}
.information-inner .arrow-01 {
  position: absolute;
  left: 33%;
  top: 131px;
  z-index: 100;
}
.information-inner dl {
  display: grid;
  border-bottom: 1px solid #888;
  padding: 11px 3px 11px 6px;
}
.information-inner dt {
  font-size: 1.7rem;
  font-weight: bold;
  color: #111;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  padding-right: 60px;
  width: 94px;
}
.information-inner dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.information-inner dd,
.information-inner dd a {
  font-size: 1.8rem;
}
.information-wrap {
  overflow-y: scroll;
}





/* staff
* --------------------------------- */
.staff {
  background: #c9dea8;
  padding: 2.8% 5% 60px;
}
.staff-inner h2 {
  padding-bottom: 3%;
  font-size: 3.6rem;
  font-weight: normal;
}
.staff-inner .box {
  display: flex;
}
.staff-pic {
  border: 5px solid #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.staff-name {
  display: flex;
}
.staff-name img {
  width: 47px;
  height: 47px;
  margin: -7px 0 0 20px;
}
.staff-inner dl {
  margin-left: 10px;
}
.staff-inner dt {
  font-size: 2.4rem;
  font-weight: bold;
  color: #147a55;
  border-bottom: 1px dotted #395c46;
}
.staff-inner dd {
  font-size: 1.6rem;
  font-weight: normal;
  color: #111;
  display: block!important;
  padding-top: 3px;
}
.staff-inner .box-right {
  padding: 11px 16px 14px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 4px #8d997e;
  position: relative;
}
.staff-inner .box-right-inner {
}
.staff-inner .box-left {
}
.staff-inner .box-right p {
  text-align: left;
}
.staff-inner .box-right .customer {
  position: absolute;
  left: -14px;
  top: -15px;
}

/*********************************************
* Underlayers common
******************************************* */
/* common Underlayers
* --------------------------------- */
.pc-common-width {
  margin: 0 auto;
}
/* subvisual Underlayer
* --------------------------------- */
.subvisual {
  position:relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow: 0px 10px 10px -3px rgba(0,0,0,.08);
  -webkit-box-shadow:0px 10px 10px -3px rgba(0,0,0,.08);
  -moz-box-shadow: 0px 10px 10px -3px rgba(0,0,0,.08);
  margin-bottom: 30px;
  padding: 0;
  overflow: hidden;
  z-index: 0;
  box-sizing: border-box;
}
.subvisual-inner {
  margin:  0 auto;
  margin-top: 20px;
}
.subvisual-inner .header-car {
  margin-top: -11px;
}
.subvisual-right {
  max-width: initial;
  width: auto;
  margin: 0;
}
/* main-box
* --------------------------------- */
.main-box {
  max-width: 900px;
  width: 100%;
  margin: 50px auto;
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  padding: 40px 10px;
  box-shadow: 2px 0px 20px 4px #ccc;
  box-sizing: border-box;
}
.main-item {
  margin-bottom: 3rem;
}
.main-box .main-text {
  width: 98%;
}
.main-box .main-text h4 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom: 3px solid #DDDDDD;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
}
.main-box .main-text h4 span {
  font-size: 2rem;
  font-weight: bold;
  color: #328036;
  margin-right: 7px;
}
.main-box .main-text h4:before {
  color: #E44D26;
  content: "↳";
  font-family: "FontAwesome",sans-serif;
  margin-right: 5px;
  box-sizing: border-box;
}
.main-box .main-text p,
.main-box .main-text li {
  font-size:1.6rem;
  margin-left: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.main-box .main-text a {
  text-decoration: none;
  font-size: 1.6rem;
  color: #4077ad;
  display: inline-block;
}
.main-box .main-text a:hover {
  color: #FF9900;
}
/* Title
* --------------------------------- */
.main-sec-ttl-bg {
  background-image:  url(/asset/images/common-under/sect_title.gif);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 23px 0 23px 20px;
  display: flex;
  align-items: center;
}
.main-sec-ttl {
  line-height: 1;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px -1px rgba(0,0,0,.8);
}
.main-sect-title {
  background-image:  url(/asset/images/common-under/sect_title.gif);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 23px 0 23px 20px;
  display: flex;
  align-items: center;
}
.main-sect-title h3 {
  line-height: 1;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px -1px rgba(0,0,0,.8);
}
.sub-sec-ttl {
  line-height: 1;
  background-color: #328036;
  text-align: center;
  color: #fff;
  box-shadow: 1px 1px 10px rgba(0,0,0,.2);
}
/* other
* --------------------------------- */
.outline {
  background: #fff;
  border: 3px solid #08724f;
  border-radius: 10px;
  box-shadow: inset 1px 1px 20px rgba(179,211,200,.3),
              inset -1px 1px 20px rgba(179,211,200,.3),
              inset 1px -1px 20px rgba(179,211,200,.3),
              inset -1px -1px 20px rgba(179,211,200,.3);
  padding: 8px;
  margin: 27px auto;
  box-sizing: border-box;
}
.arrow-step {
  width: 50px;
  height: 30px;
  margin: 0 0 30px 8.5%;
  overflow: hidden;
}
.breadcrumb {
  text-align: left;
  font-size: 14px;
  padding: 20px 0 0;
  margin-bottom: 2em;
}
.breadcrumb a {
  color: #328036;
}
.breadcrumb span {
  font-size: 14px;
}
.pdf-btn {
  width: 34px;
  margin: 0px 3px;
}
.bgcolor-gray {
  background-color: #eee;
}
.add-margin-top {
  margin-top: 50px;
}
.fadeInDown {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 0.7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 0.2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*********************************************
* reinforcement
******************************************* */
.reinforcement-sect01-textbox {
  padding: 50px 35px 20px;
  border: 5px solid #00845d;
  background: rgba(255,255,255,.8);
}
.reinforcement-sect01-textbox p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*買取強化車種・各種メーカー テーブル*/

.table_box_bottom {
  border-bottom: 1px #328036 solid;
}
/*ギャラリー*/
.foogallery.fg-masonry.fg-center {
  margin-top: 10px !important;
}
@media screen and (max-width: 768px) {
  #foogallery-gallery-60.foogallery.fg-masonry .fg-item {
    width: 100% !important;
  }
}
/*買取強化車種リストテーブル*/
.reinforcement-table th a,
.reinforcement-list li p {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.reinforcement-table th a:before,
.reinforcement-list li p:before {
  border: 6px solid transparent;
  border-bottom-color: #328036;
  border-top-width: 0;
  content: "";
  width: 0;
  transform: rotate(90deg);
  margin-right: 5px;
}
.reinforcement-table,
.reinforcement-table td,
.reinforcement-table th {
  border: 1px #328036 solid;
  padding: 5px;
  box-sizing: border-box;
}
.reinforcement-table th {
  background: #f3fce5;
  background: -moz-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: -webkit-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: linear-gradient(to right, #fff 0%, #f3fce5 100%);
}
.reinforcement-table td {
  background: #fff;
}
.reinforcement-table .ttl th,
.reinforcement-table .maker th {
  background: none;
}
.reinforcement-table .ttl {
  background: #047959;
}
.reinforcement-table .ttl th {
  color: #fff;
  text-shadow:-1px -1px 1px rgba(0,0,0,.9);
}
.reinforcement-table .maker td {
  background: #e0f9ba;
}
.reinforcement-table .maker td {
  padding: 10px;
}
.reinforcement-table td li {
  display: inline-block;
  margin-right: 1em;
}
.reinforcement-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 50px auto 0;
  box-sizing: border-box;
}
.reinforcement-list li {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 5px;
  background: #f3fce5;
  background: -moz-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: -webkit-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: linear-gradient(to right, #fff 0%, #f3fce5 100%);
  border-right: 1px #328036 solid;
  border-bottom: 1px #328036 solid;
  box-sizing: border-box;
}
.reinforcement-list li p {
  text-align: left;
}
/*********************************************
* purchase_models
******************************************* */
/*.purchase-sect01,
.purchase-sect02,
.purchase-sect03 {
  box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}*/
.purchase-sect01-textbox {
  padding: 50px 35px 20px;
}
.purchase-sect01-textbox h4 {
  padding-bottom: 3px;
  font-size: 31px;
  border-bottom: 2px solid #000;
  margin: 0 auto 30px;
  width: 99%;
  font-weight: normal;
}
.purchase-sect01-textbox p {
  text-align: left;
  line-height: 1.6;
  margin-bottom: 30px;
  font-size: 18px;
}
.purchase-sect02 {
  background: #eee;
}
.purchase-sect02-textbox {
  background: rgba(255,255,255,.7);
  box-shadow: 1px 1px 10px rgba(0,0,0,.1);
  border: 2px solid #999;
  margin: 40px auto;
}
.purchase-sect02-innre h5 {
  line-height: 1;
  font-weight: normal;
  color: #fff;
  background: #aad680;
  background: -moz-linear-gradient(left, #aad680 0%, #00997f 100%);
  background: -webkit-linear-gradient(left, #aad680 0%,#00997f 100%);
  background: linear-gradient(to right, #aad680 0%,#00997f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad680', endColorstr='#00997f',GradientType=1 ); /* IE6-9 */
}
.purchase-sect02-textitem {
  display: flex;
}
.purchase-sect02-innre p {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 34px 32px;
}
.purchase-sect02-imgbox {
  width: 97%;
  margin: 0 auto;
  display: flex;
}
.purchase-sect02-imgbox .img_flame {
  width: 301px;
  height: 203px;
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
.purchase-sect02-imgbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}
.purchase-sect02-data {
  margin: 21px 0  27px;
}
.purchase-sect02-data img {
  margin: 0 auto -27px;
}
.purchase-sect02-data ul {
  width: 90%;
  margin: 0 auto;
  background: #dcf1f0;
  border: 1px solid #D0DFED;
  border-radius: 10px;
  padding: 50px 21px 24px;
}
.purchase-sect02-data li {
  font-size: 18px;
  display: flex;
}
.purchase-sect02-data li span {
  color: #328036;
  font-size: 13px;
  padding-top: 4px;
  padding-right: 8px;
}
.purchase-sect03 {
  background: #fff;
  padding: 2.8% 0 4.5%;
}
.purchase-sect03-gallery {
  width: 100%;
  margin: 57px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.purchase-sect03-gallery img {
  width: 360px;
  height: 245px;
}
.purchase-table-wap {
  margin-top: 60px;
}
.purchase-table-box {
  width: 996px;
  display: flex;
  border: 2px solid #ddd;
  margin-bottom: 16px;
  background-color: #fff;
  overflow: hidden;
}
.purchase-table-item01 {
  width: 275px;
}
.purchase-table-item02 {
  width: 165px;
}
.purchase-table-item03 {
  width: 129px;
}
.purchase-table-item04 {
  width: 423px;
}
.purchase-table-title {
  width: 100%;
  height: 36px;
  background-color: #cbdcea;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-table-title p {
  font-size: 16px;
}
.purchase-table-text {
  width: 100%;
  background-color: #fff;
}
.purchase-table-text p {
  font-size: 16px;
}
.purchase-table-item02,
.purchase-table-item03,
.purchase-table-item04 {
  border-left: 1px solid #ddd;
}
.purchase-table-item02 .purchase-table-title,
.purchase-table-item03 .purchase-table-title,
.purchase-table-item04 .purchase-table-title {
  border-left: 1px solid #f1f1f1;
}
.purchase-table-item04 .purchase-table-text p  {
  text-align: left;padding: 15px 18px;
}
.purchase-table-item01 .purchase-table-text,
.purchase-table-item02 .purchase-table-text,
.purchase-table-item03 .purchase-table-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72%;
}

/*********************************************
* lease
******************************************* */
.lease-sect01 .outline {
  width: 85.5%;
}
.lease-sect01-textbox {
  padding: 50px 35px 20px;
  border: 5px solid #00845d;
}
.lease-sect01-textbox p {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1.6;
  text-align: center;
  text-justify: inter-ideograph;color: #f5f17c;
  text-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
}
.lease-sect01-textbox p span {
  font-size: 4.8rem;
  color: #ff2626;
  font-weight: bold;
  text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;
}
.lease-box {
  max-width: 900px;
  width: 100%;
  margin: 50px auto;
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  padding: 40px 10px;
  box-shadow: 2px 0px 20px 4px #ccc;
}
.lease-text {
  width: 98%;
}
.lease-text h4 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom: 3px solid #DDDDDD;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
}
.lease-text h4 span {
  font-size: 2rem;
  font-weight: bold;
  color: #328036;
  margin-right: 7px;
}
.lease-text h4:before {
  color: #E44D26;
  content: "⊿";
  font-family: "FontAwesome",sans-serif;
  margin-right: 5px;
  box-sizing: border-box;
}
.lease-text p {
  margin-left: 10px;
  margin-bottom: 37px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.lease-text span {
  font-size: 1.6rem;
  color: #de4d4d;
}
.lease-text-item {
  margin-top: -10px;
  text-align: center;
  font-weight: bold;
  border-top: 1px #333 dashed;
  border-bottom: 1px #333 dashed;
}
.llease-item-img img {
  margin: 0 auto;
}
/*********************************************
* flow
******************************************* */
.flow-text {
  width: 98%;
}
.flow-text h4 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom: 3px solid #DDDDDD;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
}
.flow-text h4 span {
  font-size: 2rem;
  font-weight: bold;
  color: #328036;
  margin-right: 7px;
}
.flow-text h4:before {
  color: #E44D26;
  content: "↳";
  font-family: "FontAwesome",sans-serif;
  margin-right: 5px;
  box-sizing: border-box;
}
.flow-text p {
  margin-left: 10px;
  margin-bottom: 37px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.flow-text a {
  text-decoration: none;
  font-size: 1.6rem;
  color: #4077ad;
  display: inline-block;
}
.flow-text a:hover {
  color: #FF9900;
}
.flow-item-img img {
  margin: 0 auto;
}
/*********************************************
* documents
******************************************* */
.documents-box {
  max-width: 900px;
  width: 100%;
  margin: 50px auto;
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  padding: 40px 10px;
  box-shadow: 2px 0px 20px 4px #ccc;
}
.documents-item {
  margin-bottom: 50px;
}
.documents-text {
  width: 85%;
  margin: 0 auto;
  border-bottom: 2px solid #DDDDDD;
}
.documents-text span {
  font-size: 13px;
}
.documents-text span a {
  text-decoration: none;
  font-size: 13px;
  color: #000;
  display: inline-block;
}
.documents-table-wap span a:hover {
  color: #FF9900;
}
.documents-text h4 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  width: 100%;
  border-bottom: 2px solid #DDDDDD;
}
.documents-text h4:before {
  color: #E44D26;
  content: "✓";
  font-family: "FontAwesome",sans-serif;
  margin-right: 5px;
  box-sizing: border-box;
}
.documents-text p {
  margin-left: 10px;
  margin-bottom: 13px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*********************************************
* kodawari
******************************************* */
.kodawari {
  background: #fff url(/asset/images/top/bk_grade02.png) repeat-y;
}
.kodawari .main-item {
  display: flex;
}
.kodawari-text {
  width: 85%;
}
.kodawari-text h4 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom: 4px solid #DDDDDD;
  font-size: 16px;
  font-weight: bold;
}
.kodawari-text h4:before {
  color: #E44D26;
  content: "✓";
  font-family: "FontAwesome",sans-serif;
  margin-right: 5px;
  box-sizing: border-box;
}
.kodawari-text p {
  margin-left: 10px;
  margin-bottom: 50px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*********************************************
* company
******************************************* */
.company-sect01 {
  margin-bottom: 57px;
}
.company-table-wap,
.company-table-wap td,
.company-table-wap th {
  border: 1px #328036 solid;
}
.company-table-wap {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 50px auto 0;
}
.company-table-wap tr{
  text-align: left;
  background: #fff;
}
.company-table-wap td {
  padding: 5px;
}
.company-table-wap td p {
  text-align: left;
  background: url(../images/icon/icon_migi.png) no-repeat left center;
  padding: 5px 5px 5px 12px;
}
.company-table-wap a {
  text-decoration: none;
  color: #4077ad;
}
.company-table-wap a:hover {
  color: #FF9900;
}
.company-table-wap .right p {
  background: none;
}
.company-table-wap .left {
  background: -webkit-gradient(radial, 109% 100%, 0, 109% 100%, 132, color-stop(1.00, #fff), color-stop(0.60, #cbdcea), color-stop(0.02, #cbdcea));
  background: -webkit-radial-gradient(109% 100%, circle, #e0eaf3 2%, #cbdcea 0%, #fff 100%);
  background: -moz-radial-gradient(109% 100%, circle, #e0eaf3 2%, #cbdcea 0%, #fff 100%);
  background: -o-radial-gradient(109% 100%, circle, #e0eaf3 2%, #cbdcea 0%, #fff 100%);
  background: -ms-radial-gradient(109% 100%, circle, #e0eaf3 2%, #cbdcea 0%, #fff 100%);
  background: radial-gradient(109% 100%, circle, #e0eaf3 2%, #cbdcea 0%, #fff 100%);
}

/*********************************************
* faq
******************************************* */
.faq-outline-textbox {
  padding: 50px 35px 20px;
  border: 5px solid #00845d;
}
.faq-outline-textbox p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
}
.accordion_dl {
  padding-left: 25px;
  padding-right: 25px;
}
.accordion_dl img {
  display: inline-block;
  margin-right: 5px;
  vertical-align: sub;
}
/*.accordion_dl
section h1,*/
.accordion_dl dt {
  background: url("/asset/images/icon/icon_q.gif") no-repeat 15px 12px;
  position: relative;
  border: 1px solid #ebebeb;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 10px 40px;
  font-size: 19px;
}
.accordion_dl dt:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  margin-top: -9px;
  background: #000;
}
.accordion_dl dt:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  background: #fff;
}
.accordion_dl dt.active:before {
  margin-top: -1px;
  background: #57cecd;
}
.accordion_dl dt.active:after {
  margin-top: 0px;
}
.accordion_dl
section li,
.accordion_dl dd {
  background-color: #fff;
  border-top: none;
  border: solid 1px #ebebeb;
  padding: 8px 0 8px 15px;
}
.accordion_dl
section li,
.accordion_dl dd h2 {
  text-align: left;
  padding-bottom: 2px;
  font-size: 17px;
}
.accordion_dl
section li,
.accordion_dl dd h2 p {
  text-align: left;
}

/*********************************************
* form
******************************************* */
.go-pic-form {
  width: 280px;
  background: #21422e url('/asset/images/icon/icon_camera.png') no-repeat 5px center;
  background-size: contain;
  border-radius: 7px;
  margin: 1em auto;
}
.go-pic-form a {
  display: block;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
  background: rgba(39,90,58,.9);
  padding: 27px;
}
.go-pic-form a:hover {
  opacity: .9;
}

.form-box {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  background: #fff;
  border-radius: 7px;
  padding: 40px 0;
  box-shadow: 2px 0px 20px 4px #ccc;
}
.form-box input, .form-box textarea {
  max-width: 95%;
  border: 1px solid #ccc;
  margin: 3px 0;
  border-radius: 7px;
}
.form-box input,
.form-box select,
.form-box textarea {
  padding: 10px;
  font-size: 1.3em;
  color: #333;
  border: solid 1px #ccc;
  margin: 0 10px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-box td > p {
  max-width: 95%;
  text-align: left;
}
.form-origin input {
  width: 0px;
  opacity: 0;
}
.form-box input[type=radio]:checked + label:before {
  opacity: 1;
}
.form-box input[type=radio] + label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
.form-box input[type=radio] + label:hover:after, input[type=checkbox] + label:hover:after {
  border-color: #53b300;
}
.form-box input[type=radio] + label:after, input[type=checkbox] + label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}
.form-box input[type=radio] + label, input[type=checkbox] + label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.form-box input[type=checkbox]:checked + label:before {
  opacity: 1;
}
.form-box input[type=checkbox] + label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-box table {
  table-layout: fixed;
  width: 95%;
  border: 2px #328036 solid;
  margin: 0 auto;
}
.form-box th {
  background: #f3fce5;
  background: -moz-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: -webkit-linear-gradient(left, #fff 0%, #f3fce5 100%);
  background: linear-gradient(to right, #fff 0%, #f3fce5 100%);
}
.form-box td, .form-box th {
  vertical-align: middle;
  font-size: 1.5rem;
}
.form-box tr {
  border-top: 1px #328036 solid;
}
.form-box tr:first-child {
  border-top: none;
}
.form-box th {
  text-align: left;
  padding: 5px 5px 5px 12px;
  font-size: 18px;
}
.form-box th:before {
  content: url(/asset/images/icon/icon_migi.png);
}
.formbtn-input {
  text-align: center;
  margin: 30px 0 0;
}
.formbtn-input input {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  background: linear-gradient(#5bae5b, #287f28) no-repeat;
  box-shadow: 1px 1px 5px rgba(0,0,0,.2);
  cursor: pointer;
  box-sizing: border-box;
  margin: 30px auto;
  padding: 20px 30px;
}
.form-box .btn {
  background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
  background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
  border: 1px solid #DDD;
  width: 400px;
  padding: 10px;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.form-box .btn:hover {
  opacity: 0.7;
}
.image-uploadbtn {
  margin: .5em auto;
}
.image-uploadbtn input{
  background: #f3fce5;
  border: 1px solid #e9f1dd;
  margin: 0;
}
.image-uploadbtn .mwform-file-delete{
  width: 0;
}
.image-uploadbtn input:hover {
  opacity: .7;
}
/*mwform追加設定*/
.mw_wp_form .error {
  font-size: 15px;
  color: #f50d0d;
  display: block;
  padding:4px 0 0px 10px;
  text-align: left;
}
.mwform-radio-field-text {
  font-size: 1.5rem;
}
.mw_wp_form input[type="file"] {
  display: inline-block;
  width: 74%;
  font-size: 1em;
}
.thanks_text {
  text-align: left;
  background: #fff;
  border: 2px solid #ccc;
  margin: 3em;
  padding: 2em;
}

/*********************************************
* LP
******************************************* */
main.formplus > section:nth-child(2n) {
    background: #c9dea8;
}

/*********************************************
* form2
******************************************* */
.form2 {
  padding: 3em 0 0;
}


/*********************************************
* multi class
******************************************* */
.bold {
  font-weight: bold;
}
.talign-c {
  text-align: center;
}
.talign-r {
  text-align: right;
}
.talign-l {
  text-align: left;
}
a.a-disabled {
  pointer-events: none;
}
/* width style */
.tw20 {
  width: 40%;
}
.mb20{
  margin-bottom: 20px;
}
.mb1em{
  margin-bottom: 1em;
}
.c-d30000 {
  font-size: 1.3rem;
  color: #e61717;
}
/*斜め背景*/
.slanting {
  background-size: contain;
  padding: 0px 0 70px;
  transform: skew(0deg, -5deg);
  margin-top: 3%;
  margin-bottom: 4.5%;
}
.slanting .slanting-inner {
  margin: 0 auto;
  position: relative;
  padding: 0 26px 26px;
  box-sizing: border-box;
  transform: skew(0deg, 5deg);
}



.bnr-blog {
	width: 800px;
	margin: 30px auto;
}
.bnr-blog ul {
	display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.bnr-blog li {
	width: 49%;
}
.bnr-blog a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#content {
}
#content header {
	background: none;
	border: none;
}
.entry-title {
	text-align: left;
	font-size: 28px;
}
.entry-meta {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.post-edit-link {
	display: none;
}
.author {
	display: none;
}
.meta-sep {
	display: none;
}
.entry-date {
	font-size: 20px;
}
.entry-content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
}
.entry-footer {
	display: none;
}
#content .footer {
	display: none;
}
#content p {
	text-align: left;
	margin-bottom: 30px;
}
#content img {
	margin-bottom: 30px;
}

/*info&blog*/
.newinformation {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 80%;
margin: 0 auto;
}
/*info&blog改訂版*/
.information2 {
width: 49%;
box-sizing: border-box;
}
.information-wrap2 {
height: 516px;
padding-right: 28px;
}
.information2 h2 {
padding-bottom: 3.2%;
font-size: 3.6rem;
font-weight: normal;
}
.information-inner2 {
margin: 0 auto;
}
.information-inner2 .howto {
overflow: hidden;
position: relative;
}
.information-inner2 .arrow-01 {
position: absolute;
left: 33%;
top: 131px;
z-index: 100;
}
.information-inner2 dl {
  display: grid;
  border-bottom: 1px solid #888;
  padding: 11px 3px 11px 6px;
}
.information-inner2 dt {
  font-size: 1.7rem;
  font-weight: bold;
  color: #111;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  padding-right: 60px;
  width: 94px;
}
.information-inner2 dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.information-inner2 dd,
.information-inner dd a {
  font-size: 1.8rem;
}
.information-wrap2 {
  overflow-y: scroll;
}
.blog2 {
width: 49%;
box-sizing: border-box;
}

/* スマホ */
@media screen and ( max-width:769px )
{
.newinformation {
display: -webkit-block;
display: block;
-webkit-justify-content: normal;
justify-content: normal;
width: 90%;
margin: 0 auto;
}
/*info&blog改訂版*/
.information2 {
width: 100%;
box-sizing: border-box;
}
.blog2 {
width: 100%;
box-sizing: border-box;
}
}

.blog {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.whatsnew {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.whatsnew h2 {
	font-size: 28px!important;
	font-weight: normal;
}
.whatsnew dt {
	font-size: 20px!important;
}
.whatsnew dd {
	font-size: 20px!important;
}

/* スマホ */
@media screen and ( max-width:769px )
{
	.bnr-blog {
	width: 80%;
	}
	.bnr-blog li {
	width: 100%;
	display: block;
	margin-right: 0;
		margin-bottom: 10px;
	}
.bnr-blog li:last-child {
	margin-right: 0;
}
	
	#content {
	}
	#content header {	
		max-width: 100%;
 		padding: 6px 0;
  	position: static;
  	top: auto;
  	z-index: 10;
	}
.entry-title {
	text-align: left;
	font-size: 20px;
}
.entry-meta {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.post-edit-link {
	display: none;
}
.author {
	display: none;
}
.meta-sep {
	display: none;
}
.entry-date {
	font-size: 20px;
}
.entry-content {
	width: 90%;
}

.blog {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.whatsnew {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.whatsnew h2 {
	font-size: 20px!important;
	font-weight: normal;
}
.whatsnew dt {
	font-size: 16px!important;
}
.whatsnew dd {
	font-size: 16px!important;
}
	
	
}