@charset "UTF-8";
/*
 * data:2022-02-17
 * common.css
/*


/* ==========================================================
* 1: html & body & other
============================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');
* {
 box-sizing: border-box;
}
html {
 font-size: 62.5%;
 line-height: 1.15;
 touch-action: manipulation;
 -webkit-text-size-adjust: 100%;
}
body {
 font-family: 'Noto Serif JP', sans-serif;
 color: #333;
 font-size: 1.6rem;
 margin: 0;
 padding: 0;
 background: #fff;
}
h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd {
 margin: 0;
 padding: 0;
 list-style: none;
}
a {
 color: #000;
 text-decoration: none;
}
.inner {
 width: 1000px;
 margin: auto;
}
.sp {
 display: none !important;
}
@media screen and (max-width:750px) {
 img {
  max-width: 100%;
 }
 .inner {
  width: 98vw;
 }
 .sp {
  display: block !important;
 }
 .pc {
  display: none !important;
 }
}
/* ==========================================================
* 2: fade
============================================================*/
.fade {
 opacity: 0;
 transition: 1s;
}
.fade.fromL {
 transform: translateX(-30px);
}
.fade.fromR {
 transform: translateX(30px);
}
.fade.fromT {
 transform: translateY(-30px);
}
.fade.fromB {
 transform: translateY(30px);
}
.fade.act {
 opacity: 1;
 transform: translateX(0px);
 transform: translateY(0px);
}
/* ==========================================================
* 3: wrapper
============================================================*/
#wrapper {
 position: relative;
 min-width: 100%;
 min-height: 100vh;
 overflow: hidden;
}
@media screen and (max-width:750px) {
 #wrapper {
  width: 100vw;
  overflow: hidden;
 }
}
/* ==========================================================
* 4: header
============================================================*/
header {
 width: 100%;
 position: fixed;
 padding: 10px 0 15px;
 z-index: 999;
 background: rgba(255, 255, 255, 0.95);
}
header .inner {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 -ms-align-items: center;
 align-items: center;
}
header .inner h1 {
 width: 193px;
}
@media screen and (max-width:750px) {
 header {
  position: fixed;
  padding: 2vw 2.66vw;
  background: #fff;
 }
 header .inner {
  width: 100%;
  z-index: 9999;
 }
 header .inner h1 {
  width: 51.467vw;
 }
 header .inner .sp_menu{
  display: block;
 }
}
/* ==========================================================
* 5: nav
============================================================*/
header nav ul li {
 display: inline-block;
 font-size: 1.4rem;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 margin-left: 50px;
}
header nav ul li a {
 color: #000;
 transition: .3s ease-in-out;
}
header nav ul li a:hover {
 color: #ED9037;
}
header nav ul li a.act {
 color: #ED9037;
}
@media screen and (max-width:750px) { 
 header nav{
  position: absolute;
  display: none;
  width: 100vw;
  top: 14vw;
  right: 0;
  background: #0a6e0a;
  background-size: 100% auto;
 }
 header nav ul{
  width: 70vw;
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
 -webkit-flex-flow: column wrap;
 -ms-flex-flow: column wrap;
 flex-flow: column wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
  	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
  margin:14.8vw auto 10vw;
 }
 header nav ul li{
  display:block;
  width: 100%;
  font-size: 1.8rem;
  margin-left: 0;
  margin-bottom: 5vw;
  border-bottom: #fff 1px solid;
 }
 header nav ul li a{
  display:block;
  color: #fff;
  margin-bottom: 5vw;
 }
 header nav ul li a:hover {
  color: #fff;
 }
}
/*--button--*/
button.sp_menu{
  display: none;
}
@media screen and (max-width:750px) {
 button.sp_menu {
  position: relative;
  display: block;
  right: 0;
  bottom: 3vw;
  width: 8vw;
  height: 5vw;
  margin: 5.6vw 0 0 auto;
  background: none;
  border: none
 }
 button.sp_menu span, button.sp_menu span::before, button.sp_menu span::after {
  position: absolute;
  content: '';
  left: 0;
  display: block;
  width: 8vw;
  height: 3px;
  background-color: #3B3B3B;
  border-radius: 3px;
  transition: all 0.5s;
 }
 button.sp_menu span::before {
  transform: translateY(-8px);
 }
 button.sp_menu span::after {
  transform: translateY(8px);
 }
 button.sp_menu.op span {
  background-color: transparent;
 }
 button.sp_menu.op span::before {
  transform: rotate(45deg);
 }
 button.sp_menu.op span::after {
  transform: rotate(-45deg);
 }
}
/* ==========================================================
* 6: page_top
============================================================*/
.page_top {
 display: none;
 position: fixed;
 right: 0;
 bottom: 0;
 z-index: 20;
 width: 80px;
 cursor: pointer;
}
.page_top img {
 width: 100%;
}
@media screen and (min-width:641px) {}
@media screen and (max-width:750px) {
 .page_top {
  bottom: -1px;
 }
}
/* ==========================================================
* 7: footer
============================================================*/
#wrapper > footer {
 position: sticky;
 top: 100vh;
 padding: 20px 0 20px;
}
footer .copy {
 font-size: 1.0rem;
 text-align: center;
}
footer ul {
 text-align: center;
 margin-bottom: 10px;
}
footer ul li {
 display: inline-block;
 font-size: 1.4rem;
}
footer ul li:nth-child(2) {
 padding: 0 10px;
}
footer ul li:nth-child(2)::before {
 content: "|";
 margin-right: 10px;
}
footer ul li:nth-child(2)::after {
 content: "|";
 margin-left: 10px;
}
footer ul li a {
 transition: .3s ease-in-out;
}
footer ul li a:hover {
 color: #ED9037;
}
@media screen and (max-width:750px) {
 footer {
  padding: 1.3vw 0 1.3vw;
 }
 footer ul li {
  display: inline-block;
  font-size: 1.2rem;
 }
}
/* ==========================================================
* section: #main_vs
============================================================*/
#main_vs {
 position: relative;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 -ms-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 -ms-align-items: center;
 align-items: center;
 width: 100%;
 height: 95vh;
 overflow: hidden;
 /*background: url("../images/main_vs.jpg") top center no-repeat;
 background-size: cover;*/
}
#main_vs h2 {
 font-size: 3.6rem;
 z-index: 1;
}
#main_vs .vs_bg{
 position: absolute;
 top:0;
 overflow: hidden;
}
#main_vs .vs_bg img{
  display: block;
 width: 100%;
  animation: zoom 10s linear 0s 1; 
  will-change:transform;
}
@keyframes zoom {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1.0);
  }
}
@media screen and (max-width:750px) {
 #main_vs {
 height: 65vw;
 margin-top: 14vw;
}
#main_vs h2 {
 font-size: 2.0rem;
 z-index: 1;
} 
}
/* ==========================================================
* section: #info
============================================================*/
#info {
 padding: 50px 0;
 background: url("../images/info_bg.jpg") top center repeat;
}
#info .inner {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 -ms-align-items: center;
 align-items: center;
}
#info .inner .img {
 width: 350px;
}
#info .inner .img img{
 width: 100%;
}
#info .inner .txt {
 width: 60%;
 font-size: 2.0rem;
 line-height: 3.2rem;
 /*text-align: center;*/
}
@media screen and (max-width:750px) {
 #info {
 padding: 5vw 0;
} 
#info .inner .img {
 width: 100%;
 margin: auto;
}
#info .inner .txt {
 width: 95%;
 font-size: 1.6rem;
 line-height: 2.2rem;
 text-align: center;
 margin: auto;
}
}
/* ==========================================================
* section: #menu
============================================================*/
#menu {
 padding: 80px 0;
 /* background:#F2F4ED;*/
 background: #d9e7c6;
}
#menu .inner ul {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
}
#menu .inner ul li {
 width: 32%;
 background: #fff;
 border: #efefef 1px solid;
}
#menu .inner ul li a {
 position: relative;
 display: block;
 min-height: 200px;
 padding: 20px;
 transition: all .3s ease;
}
#menu .inner ul li a h2 {
 text-align: center;
}
#menu .inner ul li a p {
 line-height: 2.3rem;
}
#menu .inner ul li a img{
 position: absolute;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 75px;
 margin: 0 0 0 auto;
}
#menu .inner ul li a::before, #menu .inner ul li a::after {
 position: absolute;
 z-index: 2;
 content: '';
 width: 0;
 height: 0;
 border: 3px solid transparent;
 box-sizing: content-box;
}
#menu .inner ul li a::before {
 top: -2px;
 left: -2px;
}
#menu .inner ul li a::after {
 bottom: -2px;
 right: -2px;
}
#menu .inner ul li a:hover {
 color: #ED9037;
}
#menu .inner ul li a:hover::before, #menu .inner ul li a:hover::after {
 width: 100%;
 height: 100%;
}
#menu .inner ul li a:hover::before {
 border-bottom-color: #86d102;
 border-left-color: #86d102;
 transition: height .3s, width .3s .3s;
 border-radius: 3px;
}
#menu .inner ul li a:hover::after {
 border-top-color: #86d102;
 border-right-color: #86d102;
 transition: height .3s, width .3s .3s;
 border-radius: 3px;
}
@media screen and (max-width:750px) {
 #menu {
 padding: 5vw 0;
}
#menu .inner ul {
 display: block;
 padding:0 5vw;
}
#menu .inner ul li {
 width: 100%;
 background: #fff;
 border: #efefef 1px solid;
}
 #menu .inner ul li:nth-child(2) {
  margin: 3vw 0;
 }
#menu .inner ul li a {
 display: block;
 padding: 5vw;
 transition: all .3s ease;
}
 
}
/* ==========================================================
* 下層　共通
============================================================*/
.breadcrumb {
 margin-bottom: 40px;
}
.breadcrumb ul {
 padding-bottom: 10px;
 border-bottom: #e3e3e3 1px solid;
}
.breadcrumb ul > li {
 display: inline-block;
 font-size: 1.4rem;
}
.breadcrumb ul li:first-child::after {
 content: ">";
 padding: 0 5px 0 10px;
}
.breadcrumb ul li a {
 transition: .3s ease-in-out;
}
.breadcrumb ul li a:hover {
 color: #ED9037;
}
@media screen and (max-width:750px) {
 .breadcrumb {
  margin-bottom: 5vw;
 }
 .breadcrumb ul {
  padding-bottom: 2vw;
 }
  .breadcrumb ul > li {
   font-size: 1.2rem;
  }
 .breadcrumb ul li:first-child::after {
  content: ">";
  padding: 0 0 0 1vw;
 }
}
/* ==========================================================
* page name: about
============================================================*/
#about {
 min-height: 89vh;
 padding: 80px 0 50px;
 background: url("../images/info_bg.jpg") top center repeat;
}
#about .inner {
 padding: 0 50px;
}
#about .inner h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 padding: 20px 0;
 background: #d9e7c6;
}
#about .inner h2::after {
 content: "";
 position: absolute;
 top: 65px;
 left: 0;
 right: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 25px 25px 0 25px;
 border-color: #d9e7c6 transparent transparent transparent;
}
#about .inner h3 {
 color: #FF6600;
 margin: 40px 0 10px;
}
#about .inner .s_inner {
 position: relative;
 line-height: 2.5rem;
 background: #fff;
 padding: 100px 30px 40px;
}
#about .inner .s_inner .vs {
 width: 175px;
 float: right;
 margin: 0 0 20px 30px;
}
#about .inner .s_inner p {
 margin-top: 0;
}
@media screen and (max-width:750px) {
 #about {
 padding: 18vw 0 10vw;
}
#about .inner {
 padding: 0 5vw;
}
#about .inner h2 {
 font-size: 1.8rem;
 padding: 2vw 0;
}
#about .inner h2::after {
 top: 10vw;
 border-width: 5vw 5vw 0 5vw;
}
#about .inner h3 {
 font-size: 1.6rem;
 margin: 10vw 0 2vw;
}
#about .inner .s_inner {
 padding: 18vw 5vw 5vw;
}
#about .inner .s_inner .vs {
 width: 35vw;
 margin: 0 0 2vw 3vw;
}
#about .inner p {
 font-size: 1.4rem;
}
}
/* ==========================================================
* page name: process
============================================================*/
#process {
 min-height: 89vh;
 padding: 80px 0 50px;
 background: url("../images/info_bg.jpg") top center repeat;
}
#process .inner {
 padding: 0 50px;
}
#process .inner h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 padding: 20px 0;
 background: #d9e7c6;
}
#process .inner h2::after {
 content: "";
 position: absolute;
 top: 65px;
 left: 0;
 right: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 25px 25px 0 25px;
 border-color: #d9e7c6 transparent transparent transparent;
}
#process .inner .s_inner {
 position: relative;
 line-height: 2.5rem;
 background: #fff;
 padding: 100px 30px 40px;
}
#process .inner .s_inner .vs {
 width: 175px;
 float: right;
 margin: 0 0 20px 30px;
}
#process .inner .s_inner .box {
 padding: 15px 15px;
 margin-top: 40px;
 background: #FBFAF9;
 border-radius: 5px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11);
}
#process .inner .s_inner .box p {
 margin-top: 0;
}
#process .inner .s_inner .box span {
 display: block;
 font-weight: bold;
 text-align: right;
}
@media screen and (max-width:750px) {
 #process {
 padding: 18vw 0 10vw;
}
#process .inner {
 padding: 0 5vw;
}
#process .inner h2 {
 font-size: 1.8rem;
 padding: 2vw 0;
}
#process .inner h2::after {
 top: 10vw;
 border-width: 5vw 5vw 0 5vw;
}
#process .inner .s_inner {
 padding: 18vw 5vw 5vw;
}
#process .inner .s_inner .vs {
 width: 35vw;
 margin: 0 0 2vw 3vw;
}
#process .inner p {
 font-size: 1.4rem;
}
 #process .inner .s_inner .box {
 padding: 4vw 4vw;
 margin-top: 10vw;
 border-radius: 1vw;
}
#process .inner .s_inner .box span {
 font-size: 1.4rem;
}
}
/* ==========================================================
* page name: company
============================================================*/
#company {
 min-height: 89vh;
 padding: 80px 0 50px;
 background: url("../images/info_bg.jpg") top center repeat;
}
#company .inner {
 padding: 0 50px;
}
#company .inner h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 padding: 19px 0;
 background: #d9e7c6;
}
#company .inner h2::after {
 content: "";
 position: absolute;
 top: 65px;
 left: 0;
 right: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 20px 20px 0 20px;
 border-color: #d9e7c6 transparent transparent transparent;
}
#company .inner .overview, #company .inner .history {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: flex-start;
 -ms-align-items: flex-start;
 align-items: flex-start;
}
#company .inner .overview {
 margin-bottom: 40px;
}
#company .inner .overview .s_inner, #company .inner .history .s_inner {
 position: relative;
 width: 60%;
 background: #fff;
 padding: 110px 20px 20px;
}
#company .inner .overview .s_inner dl {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
}
#company .inner .overview .s_inner dl dt {
 width: 30%;
 padding: 0 0 10px 10px;
 margin-bottom: 10px;
 border-bottom: #E1E1E1 1px solid;
}
#company .inner .overview .s_inner dl dd {
 width: 70%;
 padding: 0 10px 10px 0;
 margin-bottom: 10px;
 border-bottom: #E1E1E1 1px solid;
}
#company .inner .overview .vs {
 position: relative;
 margin: 20px 100px 0 0;
 width: 150px;
 z-index: 1
}
#company .inner .overview .vs::after {
 content: "";
 position: absolute;
 top: 90px;
 right: -55px;
 width: 150px;
 height: 143px;
 background: rgba(255, 239, 229, 0.80);
 z-index: -1;
}
#company .inner .overview .vs img {
 display: block;
 width: 100%;
}
#company .inner .history .s_inner ul li {
 padding: 0 0 10px 10px;
 margin-bottom: 10px;
 border-bottom: #E1E1E1 1px solid;
}
#company .inner .history .vs {
 position: relative;
 margin: 20px 0 0 100px;
 width: 150px;
 z-index: 1
}
#company .inner .history .vs::after {
 content: "";
 position: absolute;
 top: 90px;
 left: -55px;
 width: 150px;
 height: 143px;
 background: rgba(255, 239, 229, 0.80);
 z-index: -1;
}
#company .inner .history .vs img {
 display: block;
 width: 100%;
}
@media screen and (max-width:750px) {
 #company {
 padding: 18vw 0 10vw;
}
#company .inner {
 padding: 0 5vw;
}
#company .inner h2 {
 font-size: 1.8rem;
 padding: 2vw 0;
}
#company .inner h2::after {
 top: 9vw;
 border-width: 5vw 5vw 0 5vw;
}
#company .inner .overview, #company .inner .history {
 display: block;
}
#company .inner .overview {
 margin-bottom: 40px;
}
 #company .inner .overview .s_inner dl {
  font-size: 1.4rem;
 }
 #company .inner .overview .s_inner dl dt {
 padding: 0 0 2vw 2vw;
 margin-bottom: 2vw;
}
#company .inner .overview .s_inner dl dd {
 padding: 0 2vw 2vw 0;
 margin-bottom: 2vw;
}
#company .inner .overview .s_inner, #company .inner .history .s_inner {
 width: 100%;
 padding: 18vw 5vw 5vw;
}
#company .inner .history .s_inner ul li {
  font-size: 1.4rem;
  text-indent: -1.4rem;
  padding-left: 1.4rem;
 padding: 0 0 2vw 2vw;
 margin-bottom: 2vw;
}
 #company .inner .overview .vs,#company .inner .history .vs{
  display: none;
 }
}
/* ==========================================================
* page name: inquiry
============================================================*/
#inquiry {
 min-height: 89vh;
 padding: 80px 0 50px;
 background: url("../images/info_bg.jpg") top center repeat;
}
#inquiry .inner h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 padding: 20px 0;
 background: #d9e7c6;
}
#inquiry .inner h2::after {
 content: "";
 position: absolute;
 top: 65px;
 left: 0;
 right: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 25px 25px 0 25px;
 border-color: #d9e7c6 transparent transparent transparent;
}
#inquiry .inner .s_inner {
 position: relative;
 min-height: 65vh;
 line-height: 2.5rem;
 background: #fff;
 padding: 100px 30px 40px;
}
#inquiry .inner .s_inner .required {
 color: red;
 padding-left: 5px;
}
#inquiry .inner .s_inner .btn{
 margin-top: 30px;
 text-align: center;
}
#inquiry .inner .s_inner input[type="submit"] {
 cursor: pointer;
 font-weight: bold;
 padding: 5px 20px;
 background: #BED999;
 border: #9ECD5D 2px solid;
 border-radius: 5px;
 transition: .3s ease-in-out;
}
#inquiry .inner .s_inner input[type="submit"]:hover {
 color: #fff;
 background: #659B1B;
}
#inquiry .inner .s_inner input[type="reset"] {
 cursor: pointer;
 font-weight: bold;
 padding: 5px 20px;
 background: #ffb17d;
 border: #fb9856 2px solid;
 border-radius: 5px;
 transition: .3s ease-in-out;
 margin-right: 15px;
}
#inquiry .inner .s_inner input[type="reset"]:hover {
 color: #fff;
 background: #FF781E;
}
@media screen and (max-width:750px) {
#inquiry {
 padding: 18vw 0 10vw;
}
#inquiry .inner {
 padding: 0 5vw;
}
#inquiry .inner h2 {
 font-size: 1.8rem;
 padding: 2vw 0;
}
#inquiry .inner h2::after {
 top: 10vw;
 border-width: 5vw 5vw 0 5vw;
}
#inquiry .inner p {
 font-size: 1.4rem;
 margin-top: 0;
}
#inquiry .inner .s_inner {
 line-height: 2.5rem;
 padding: 18vw 5vw 5vw;
}
#inquiry .inner .s_inner .required {
 padding-left: 1vw;
}
#inquiry .inner .s_inner .btn{
 margin-top: 5vw;
}
#inquiry .inner .s_inner input[type="submit"] {
 width: 40%;
 color: #000;
 font-size: 1.4rem;
 padding: 3vw 3vw;
 border-radius: 1vw;
}
#inquiry .inner .s_inner input[type="reset"] {
 color: #000;
 width: 40%;
 font-size: 1.4rem;
 padding: 3vw 3vw;
 border-radius: 1vw;
 margin-right: 5vw;
}
}

/*-- cof_err --*/
.cof_err p.err {
 text-align: center;
}
.cof_err p.error_messe {
 text-align: center;
 margin: 5px 0;
 color: red;
}
.cof_err .btn {
 text-align: center;
 margin-top: 30px;
}
.cof_err input[type="button"] {
 cursor: pointer;
 font-weight: bold;
 padding: 5px 20px;
 background: #ffb17d;
 border: #fb9856 2px solid;
 border-radius: 5px;
 transition: .3s ease-in-out;
}
.cof_err .conf input[type="button"]{
 margin-right: 15px; 
}
.cof_err input[type="button"]:hover {
 color: #fff;
 background: #FF781E;
}
@media screen and (max-width:750px) {
.cof_err p.error_messe {
 margin: 2vw 0;
}
.cof_err .btn {
 margin-top: 10vw;
}
.cof_err input[type="button"] {
 color: #000;
 font-size: 1.4rem;
 padding: 3vw 3vw;
 border-radius: 1vw;
}
.cof_err .conf input[type="button"]{
 width: 40%;
 margin-right: 5vw; 
}
}
/*-- thanks --*/
.thanks .inner .s_inner {
 min-height: 65vh;
}
.thanks .inner .s_inner p {
 text-align: center;
 margin-top: 50px;
}
.thanks .inner .s_inner strong {
 display: block;
 color: #FF6600;
 margin-top: 20px;
}
@media screen and (max-width:750px) {
}
#formWrap {
 margin: 0 auto;
}

/*--form--*/
table.formTable {
 width: 100%;
 margin: 0 auto;
 border-collapse: collapse;
}
table.formTable td, table.formTable th {
 border: 1px solid #ccc;
 padding: 10px;
}
table.formTable th {
 width: 30%;
 font-weight: normal;
 background: #efefef;
 text-align: left;
}
@media screen and (max-width:750px) {
 table.formTable th, table.formTable td {
  width: auto;
  display: block;
 }
 table.formTable th {
  font-size: 1.4rem;
  margin-top: 3vw;
  border-bottom: 0;
 }
 form input[type="text"], form textarea {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  padding: 3vw;
 }
}

/* ==========================================================
* page name: privacy
============================================================*/
#privacy {
 min-height: 89vh;
 padding: 80px 0 50px;
 background: url("../images/info_bg.jpg") top center repeat;
}
#privacy .inner {
 padding: 0 50px;
}
#privacy .inner h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 padding: 20px 0;
 background: #d9e7c6;
}
#privacy .inner h2::after {
 content: "";
 position: absolute;
 top: 65px;
 left: 0;
 right: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 25px 25px 0 25px;
 border-color: #d9e7c6 transparent transparent transparent;
}
#privacy .inner h3 {
 font-size: 1.8rem;
 margin: 40px 0 10px;
}
#privacy .inner p {
 font-size: 1.6rem;
 margin: 0;
}
#privacy .inner .s_inner {
 position: relative;
 line-height: 2.5rem;
 background: #fff;
 padding: 100px 30px 40px;
}
#privacy .inner .s_inner ol {
 margin: 0 0 40px 30px;
}
#privacy .inner .s_inner ol > li {
 font-size: 1.8rem;
 list-style: decimal;
}
#privacy .inner .s_inner ul > li {
 font-size: 1.6rem;
 text-indent: -1.6rem;
 padding-left: 1.6rem;
}
#privacy .inner .s_inner a {
 transition: .3s ease-in-out;
}
#privacy .inner .s_inner a:hover {
 color: #ED9037;
}
@media screen and (max-width:750px) {
 #privacy {
 padding: 18vw 0 10vw;
}
#privacy .inner {
 padding: 0 5vw;
}
#privacy .inner h2 {
 font-size: 1.8rem;
 padding: 2vw 0;
}
#privacy .inner h2::after {
 top: 10vw;
 border-width: 5vw 5vw 0 5vw;
}
#privacy .inner h3 {
 font-size: 1.6rem;
 margin: 10vw 0 2vw;
}
#privacy .inner p {
 font-size: 1.4rem;
 margin: 0;
}
#privacy .inner .s_inner {
 padding: 18vw 5vw 5vw;
}
#privacy .inner .s_inner ol {
 margin: 0 0 10vw 5vw;
}
 #privacy .inner .s_inner ul > li {
  font-size: 1.4rem;
  text-indent: -1.4rem;
  padding-left: 1.4rem;
 }
}