@charset "utf-8";
/* レイアウトのためのCSS */

body{
background:#fff;
font-family: 'Noto Sans JP', sans-serif;
color: #333;
font-size:1rem;
line-height:1.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%; 
word-wrap: break-word;
}

.fuchidori {

-webkit-text-stroke: 1px #FFF;
}

*{box-sizing: border-box;}

ul{
margin:0;
padding: 0;
list-style: none;
}

a{
color: #3D7F58;
text-decoration: none;
outline: none;
}

img{
max-width: 100%;
height: auto;
}

/* loading ※https://projects.lukehaas.me/css-loaders/参照*/

.loader,
.loader:before,
.loader:after {
background: #74905d;
animation: load1 1s infinite ease-in-out;
width: 0.5em;
height: 1em;
}

.loader {
color: #74905d;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 11px;
transform: translateZ(0);
animation-delay: -0.16s;
}

.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}

@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 1em;
}
40% {
box-shadow: 0 -2em;
height: 2em;
}
}

/* area */

#container{
overflow-x: hidden;
/*以下、IE11用*/
z-index: 1;
position: relative;
}

/* font-family */

h1,
h2,
#service .service-area section h3,
#g-nav,
#footer-link,
.scrolldown1 span,
#vidual-area dt,
.footer-logo{
font-family: 'Noto Sans JP', sans-serif;
}

/* heading */

h2{
font-size: 2rem;
text-transform: uppercase;
/*background: rgba(255,255,255,0.8);*/
padding: 30px;
}

#vidual-area h2{
font-size: 2rem;
text-transform: uppercase;
background: rgba(255,255,255,0.8);
padding: 30px;
}

/* header */

#header h1{
max-width: 250px;
margin: 30px 0 0 2%;
}

#header h1 a{
display: flex;
align-items: start;
}

#header h1 a img{
width: 100%;
height: auto;
vertical-align: bottom;
filter: drop-shadow(0px 0px 20px #fff)
background: rgba(255,255,255,0.8);
}

@media screen and (max-width:960px){

#header h1{
max-width: 150px;
position: absolute;
top:16px;
left:10px;
padding: 0;
margin: 0;
}

#header h1 img{
width: 100%;
vertical-align: bottom;
}
}


.scrolldown1 span {
transform: rotate(-90deg);
text-transform:uppercase;
left: -23px;
top: -31px;
}

/* vidualarea */
#vidual-area{
position: relative;
height: 90vh;
}

#vidual-area #slider-area{
position: absolute;
top:0;
right: 0;
width: 85%;
z-index: -1;/*最背面へ*/
}

#vidual-area h2{
line-height: 1.5;
text-transform: uppercase;
font-size: 2.4vw;
position: absolute;
top:36%;
left:5%;
}

#vidual-area dl{
position: absolute;
left:2%;
bottom:2%;
}

#vidual-area dl{
color:#aaa;
}

#vidual-area dt,
#vidual-area dd,
#vidual-area ul,
#vidual-area ul li{
display: inline-block;
}

#vidual-area dt{
text-transform: uppercase;
}

#vidual-area ul li{
margin:0 10px;
}

#vidual-area ul img{
width:20px;
}

@media screen and (max-width:960px) {

#vidual-area{
height: 100vh;
position: relative;
}

#vidual-area #slider-area{
width: 100%;
height: 100vh;
}

#vidual-area h2{
font-size:2rem;
}

#vidual-area dl{
left: 20px;
bottom: 16px;
}

#vidual-area ul li{
margin:0 2px;
}

}

@media screen and (max-width:450px) {

#vidual-area{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}

#vidual-area h2{
font-size:4vw;
line-height: 1.5;
padding: 15px;
line-height: 1.5;
text-transform: uppercase;
position: relative;
top: auto;
left: auto;
}
}

/* service */

#service{
padding: 120px 0 120px 5%;
}

#service h2{
color: #3D7F58;
font-size: 2.5rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

@media screen and (max-width:768px) {

#service{
padding: 60px 5%;
}
}

@media screen and (max-width:500px) {

#service .service-lead{
font-size: 0.8rem;
padding: 0 0 0 0;
}

#service .service-lead br{
display: none;
}

#service h2{
color: #3D7F58;
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#service .service-area{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10% 5% 0 10%;
position: relative;
}
}

#service .service-area{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 20px 0 0;
position: relative;
}

#service .service-area::after{
opacity: 0;
}

#service .service-area.startwd::after{
content:'';
position: absolute;
top:10%;
right:0;
width:80%;
height: 60vh;
background:#f5f5f5;
z-index: -1;
animation-name:sevicebgRLextendAnime;
animation-duration:.9s;
animation-fill-mode:forwards;
animation-timing-function: ease-in-out;
}

@keyframes sevicebgRLextendAnime{
0% {
opacity: 0;
width:0;
}
100% {
opacity: 1;
width:80%;
}
}

#service .service-area section{
width:30%;   
}

@media screen and (max-width:570px) {

#service .service-area section{
width: 100%;
margin: 50px 0 0 0;
padding: 0;
}

#service .service-area{
padding: 0;
}

}

#service .service-area section h3{
font-size:1.8rem;
line-height: 1;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0 0 15px 0;
color: #3D7F58;
border-bottom: solid 3px #dcdcdc;
position: relative;
}

#service .service-area section h3:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #FFA700;
bottom: -3px;
width: 10%;
}

#service .service-area section p{
margin: 10px 0 30px 0;
}

#service .service-area section img{
width: 100%;
vertical-align: bottom;
}

#service .service-img-wrapper{
position:relative;
overflow: hidden;
width:30%;
height: 60vh;
}

#service .service-img{
height: 60vh;
background:url("../img/istockphoto-1821875694-2048x2048.jpg") no-repeat center;
background-size: cover;
}

@media screen and (max-width:570px) {

#service .service-img-wrapper,
#service .service-img{
width:100%;
height: 40vh;
background-position: right;
}

#service .service-img-wrapper{
margin:0 0 50px 0;
}

#service .service-area section h3{
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0 0 15px 0;
color: #3D7F58;
border-bottom: solid 3px #dcdcdc;
position: relative;
}

#service .service-area section h3:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #FFA700;
bottom: -3px;
width: 10%;
}

#service .service-area section p{
font-size: 0.9rem;
line-height: 2;
margin: 0 0 30px 0;
}
}



/* news */

.news-img-wrapper{
position:relative;
z-index: 1;
overflow: hidden;
width:90%;
height: 40vh;
}

.news-img{
height: 60vh;
background:url("../img/AdobeStock_1081704142.jpg") no-repeat center;
background-size: cover;
}

#news{
padding: 130px 0 130px 15%;
}

#news h2{
color: #3D7F58;
font-size: 2.5rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#news .area li{
padding: 20px 0;
border-bottom: 1px solid #dcdcdc;
font-weight: 700;
}

#news .area time{
display: block;
color: #999;
}

#news .tab{
position: relative;
top:1px;
}

#news .tab-choice-area{
border-top:1px solid #aaa;
border-left:1px solid #aaa;
}

@media only screen and (max-width: 1110px) {

.tab-area{
width:100%;
}

}

@media only screen and (max-width: 768px) {

.news-img-wrapper{
height: 20vh;
}

.news-img{
height: 20vh;
background:url("../img/AdobeStock_1081704142.jpg") no-repeat center center;
background-size: cover;
}

#news {
padding: 60px 5%;
}

#news h2{
color: #3D7F58;
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#news .service-lead{
font-size: 0.9rem;
padding: 0 0 0 0;
}

#news .area li{
font-size: 0.8rem;
padding: 15px 0;
border-bottom: 1px solid #dcdcdc;
font-weight: 700;
}

#news .area time{
display: block;
color: #999;
}

}

/* gallery */

#gallery{
margin: 0;
padding: 0;
text-align: center;
background: #3D7F58;
padding: 120px 5%;
}

#gallery h2{
color: #fff;
font-size: 2.5rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#gallery h2+p{
color: #fff;
}

@media only screen and (max-width: 768px) {

#gallery{
padding: 60px 5% !important;
margin: 0;
padding: 0;
text-align: center;
background: #3D7F58;
}

#gallery h2{
color: #fff;
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#gallery h2+p{
color: #fff;
font-size: 0.9rem;
}
}


/* company */

#company{
padding: 130px 0 130px 15%;
}

#company h2{
color: #3D7F58;
font-size: 2.5rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#company dl {
max-width: 70%;
margin: 0 auto 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1rem;
line-height: 1.5;
border-bottom: 1px dotted #dcdcdc;
text-align: left;
}

#company dl dt {
width: 20%;
padding: 20px 0; }

#company dl dd {
width: 75%;
padding: 20px 0; }

#company dl:first-of-type {
margin: 50px auto 0 0; }

#company dl:last-of-type {
border: none; }


@media only screen and (max-width: 768px) {

#company{
padding: 60px 5% !important;
margin: 0;
padding: 0;
}

#company h2{
color: #3D7F58;
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#company .service-lead{
font-size: 0.9rem;
padding: 0 0 0 0;
}

#company dl {
max-width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 0.9rem;
line-height: 1.5;
border-bottom: 1px dotted #dcdcdc;
text-align: left;
}

#company dl dt {
width: 25%;
padding: 15px 0; }

#company dl dd {
width: 75%;
padding: 15px 0; }

#company dl:first-of-type {
margin: 30px 0 0 0; }

#company dl:last-of-type {
border: none; }
}


/* contact */

#contact{
border-top: 1px solid #3D7F58;
border-bottom: 1px solid #3D7F58;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#contact .contact-detail{
width:50%;
text-align: center;
padding: 50px;
align-self: center;
background: #f5f5f5;
}

#contact .contact-detail h2{
font-size: 3rem;
color: #3D7F58;
font-weight: 700;
margin: 0;
padding: 0;
box-sizing: border-box;
}

#contact .contact-detail p{
margin: 0;
}

#contact .contact-tel{
width:50%;
box-sizing: border-box;
border-left: 1px solid #3D7F58;
display: flex;
flex-wrap: wrap;
}

#contact .contact-tel p{
display: flex;
text-align: center;
font-size: 1.2rem;
font-weight: 700;
width: 100%;
margin: 0;
padding: 0;
align-items: center;
}

#contact .contact-tel p a{
width: 100%;
display: block;  
transition: all .3s;
}

#contact .contact-tel p:first-child{
font-size: 1.4rem;
}

#contact .contact-tel p:last-child{
background: #3D7F58;
}

#contact .contact-tel p:last-child a{
color: #fff;
}

#contact .contact-tel br{
display: none;
}

@media screen and (max-width:690px) {

#contact .contact-detail,
#contact .contact-tel{
width:50%;
}

#contact .contact-detail{
padding: 15px;
}


#contact .contact-tel br{
display: block;
}

#contact .contact-detail h2{
font-size: 1.2rem;
}

#contact .contact-detail p{
text-align: left;
}
}

@media screen and (max-width:500px) {

#contact{
font-size: 0.8rem;
}

#contact .contact-detail h2{
font-size: 1rem;
}

#contact .contact-tel p{
display: flex;
text-align: center;
font-size: 0.9rem;
font-weight: 700;
width: 100%;
margin: 0;
padding: 0;
align-items: center;
}

#contact .contact-tel p a{
width: 100%;
display: block;  
transition: all .3s;
font-size: 0.9rem;
}
}


/* footer */

#footer{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
padding: 50px 0 100px 0;
}

#footer .footer-info{
width:30%;
}

#footer .footer-info .footer-logo{
font-size: 1.5rem;
margin: 0 0 10px 0;
text-transform: uppercase;
}

#footer .footer-info address{
font-style: normal;
margin: 0 0 10px 0;
}

#footer .footer-info ul li{
margin: 0 0 10px 0;
}

#footer .footer-info dl dt,
#footer .footer-info dl dd{
display: inline-block;
}

#footer .footer-info dl dt::after{
content:':';
padding: 0 10px;
}

#footer .footer-link{
text-align: center;
}

#footer .footer-link ul{
display: flex;
flex-wrap: wrap;
line-height: 1.5;
}

#footer .footer-link ul li{
margin: 0 20px;
}

#footer .footer-link ul ul li{
margin:0 10px 0 0;
}

#footer small{
padding: 50px 0 0 0;
display: block;
color: #999;
}

#footer .footer-link ul ul{
display: block;
}

@media screen and (max-width:830px) {

#footer{
justify-content: center;
padding:5% 0;
}

#footer .footer-info{
width:100%;
padding: 0 0 5% 0;
margin: 0 0 5% 0;
text-align: center;
border-bottom: 1px solid #aaa;
}

#footer .footer-info li:nth-of-type(2) dt::after{
content:'';
padding: 0;
}

#footer .footer-info li:nth-of-type(2) dd{
display: block;
}

#footer .footer-link{
width:auto;
}

#footer .footer-link ul {
justify-content: center;
}

#footer small {
padding:10% 0;
text-align:center;
} 
}


@media screen and (max-width:500px) {

#footer{
justify-content: center;
padding: 60px 5% !important;
margin: 0;
padding: 0;
}

#footer .footer-link{
width: auto;
}

#footer .footer-link ul {
font-size: 0.9rem;
justify-content: center;
}

#footer .footer-link ul li{
margin: 0 10px;
line-height: 2;
}

#footer small {
font-size: 0.8rem;
padding: 50px 0;
text-align:center;
} 
}


/* contact-box ICG&Co.*/

#contact-box{
max-width: 1000px;
width: 95%;
margin: 200px auto;
}

#contact-box h2{
font-size: 2rem;
text-transform: uppercase;
padding: 0;
color: #3D7F58;
}

#contact-box form {
max-width: 1000px;
width: 100%;
margin: 20px auto 0;
}

#contact-box form h3 {
background: #3D7F58;
font-size: 1.4rem;
margin: 30px 0 0 0;
padding: 10px 0 10px 20px;
vertical-align: middle;
border-radius: 30px 0 0 30px;
position: relative;
color: #fff;
}

#contact-box form dl {
font-size: 1rem;
color: #000;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}

#contact-box form dl dt {
width: 25%;
display: flex;
align-items: center;
padding: 30px 15px;
box-sizing: border-box;
font-size: 1rem;
}

#contact-box form dl dt .iconrequire {
font-size: 0.8rem;
background-color: #FD4C4B;
color: #fff;
margin: 0 10px 0 0;
padding: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

#contact-box form dl dd {
width: 75%;
padding: 30px 15px;
box-sizing: border-box;
display: flex;
align-items: center;
text-align: left;
}

#contact-box form dl dd select {
width: 50%;
height: 50px;
font-size: 1rem;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border: none;
box-sizing: border-box;
color: #000;
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 0 10px;
}

#contact-box form dl dd textarea {
width: 100%;
height: 300px;
border: 1px solid #ddd;
padding: 10px;
resize: none;
font-size: 1rem;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-sizing: border-box;
}

#contact-box form dl dd textarea::-moz-placeholder {
color: #999;
}

#contact-box form dl dd textarea::placeholder {
color: #999;
}

#contact-box form dl dd textarea:-ms-input-placeholder {
color: #999;
}

#contact-box form dl dd input[type=text] {
width: 100%;
border: 1px solid #ddd;
font-size: 1rem;
color: #000;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
margin: 0 10px 0 0;
}

#contact-box form dl dd input[type=text].w30 {
width: 50%;
}

#contact-box form dl dd input[type=text]::-moz-placeholder {
color: #999;
}

#contact-box form dl dd input[type=text]::placeholder {
color: #999;
}

#contact-box form dl dd input[type=text]:-ms-input-placeholder {
color: #999;
}

#contact-box form dl dd input:focus {
outline: none;
}

#contact-box form dl.bn {
border: none;
}

#contact-box form .submit-box {
text-align: center;
margin: 50px 0 0 0;
}

#contact-box form .submit-box p {
font-size: 1rem;
color: #000;
}

#contact-box form .submit-box p.bold {
font-size: 1.2rem;
font-weight: 700;
margin: 30px 0 0 0;
}

#contact-box form .submit-box p a:link, #contact-box form .submit-box p a:visited, #contact-box form .submit-box p a:active {
text-decoration: underline;
color: #000;
}

#contact-box form .submit-box p a:hover {
text-decoration: none;
}

#contact-box form .submit-box .submit-button {
width: 350px;
padding: 20px 0;
margin: 30px auto 0;
font-size: 1.2rem;
font-weight: 500;
color: #fff;
text-align: center;
background-color: #FD4C4B;
border: none;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
display: block;
}

#contact-box form .submit-box .submit-button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

#contact-box form .submit-box .back-button {
width: 350px;
padding: 20px 0;
margin: 50px auto 0;
font-size: 1.2rem;
font-weight: 500;
color: #666;
text-align: center;
background-color: #dcdcdc;
border-style: none;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
display: block;
}

#contact-box form .submit-box .back-button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

#contact-box form .submit-box .agree-box {
display: block;
text-align: center;
cursor: pointer;
margin: 50px 0 0 0;
}

#contact-box form .submit-box .agree-box span {
font-size: 1.2rem;
line-height: 1;
color: #000;
vertical-align: middle;
}

#contact-box form .submit-box .agree-box input.mark {
width: 16px;
height: 16px;
border: 1px solid #ddd;
}

#contact-box form p.end {
margin: 30px 0 0 0;
}

#contact-box form .pp-box {
max-width: 1000px;
margin: 30px auto 0;
height: 300px;
overflow-y: scroll;
padding: 30px;
box-sizing: border-box; }

#contact-box form .pp-box h4 {
font-size: 1.2rem;
margin: 30px 0 10px 0; }

#contact-box form .pp-box ul {
margin: 20px 0 0 40px; }

#contact-box form .pp-box ul li {
font-size: 1rem;
}

@media screen and (max-width:768px) {

#contact-box{
padding: 60px 5%;
margin: 30px auto;
}

#contact-box h2{
color: #3D7F58;
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: 1.5;
}
#contact-box p{
font-size: 0.9rem;
margin: 0;
padding: 0;
line-height: 1.5;
}

#contact-box form {
width: 100%;
margin: 20px auto 0;
}

#contact-box form h3 {
background: #3D7F58;
font-size: 1rem;
margin: 30px 0 0 0;
padding: 10px 0 10px 20px;
vertical-align: middle;
border-radius: 30px 0 0 30px;
position: relative;
color: #fff;
}

#contact-box form dl {
font-size: 0.9rem;
color: #000;
border-bottom: 1px solid #ddd;
padding: 25px 0;
}

#contact-box form dl dt {
width: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
font-size: 0.9rem;
font-weight: 700;
padding: 0;
}

#contact-box form dl dt .iconrequire {
font-size: 0.7rem;
background-color: #FD4C4B;
color: #fff;
margin: 0 10px 0 0;
padding: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

#contact-box form dl dd {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
text-align: left;
margin: 15px 0 0 0;
padding: 0;
}

#contact-box form dl dd select {
width: 100%;
height: 50px;
font-size: 0.9rem;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border: none;
box-sizing: border-box;
color: #000;
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 0 10px;
}
#contact-box form dl dd textarea {
width: 100%;
height: 300px;
border: 1px solid #ddd;
padding: 10px;
resize: none;
font-size: 0.9rem;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-sizing: border-box;
}
#contact-box form dl dd textarea::-moz-placeholder {
color: #999;
}
#contact-box form dl dd textarea::placeholder {
color: #999;
}
#contact-box form dl dd textarea:-ms-input-placeholder {
color: #999;
}
#contact-box form dl dd input[type=text] {
width: 100%;
border: 1px solid #ddd;
font-size: 0.9rem;
color: #000;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
margin: 0 10px 0 0;
}
#contact-box form dl dd input[type=text].w30 {
width: 100%;
}
#contact-box form dl dd input[type=text]::-moz-placeholder {
color: #999;
}
#contact-box form dl dd input[type=text]::placeholder {
color: #999;
}
#contact-box form dl dd input[type=text]:-ms-input-placeholder {
color: #999;
}
#contact-box form dl dd input:focus {
outline: none;
}
#contact-box form dl.bn {
border: none;
}
#contact-box form .submit-box {
text-align: center;
margin: 50px 0 0 0;
}
#contact-box form .submit-box p {
font-size: 0.9rem;
line-height: 2;
color: #000;
}

#contact-box form .submit-box p br{
display: none;
}

#contact-box form .submit-box p.bold {
font-size: 0.9rem;
font-weight: 700;
margin: 20px 0 0 0;
}
#contact-box form .submit-box p a:link, #contact-box form .submit-box p a:visited, #contact-box form .submit-box p a:active {
text-decoration: underline;
color: #000;
}
#contact-box form .submit-box p a:hover {
text-decoration: none;
}
#contact-box form .submit-box .submit-button {
width: 300px;
padding: 20px 0;
margin: 30px auto 0;
font-size: 1rem;
font-weight: 500;
color: #fff;
text-align: center;
background-color: #FD4C4B;
border: none;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
display: block;
}
#contact-box form .submit-box .submit-button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#contact-box form .submit-box .back-button {
width: 300px;
padding: 20px 0;
margin: 30px auto 0;
font-size: 1rem;
font-weight: 500;
color: #666;
text-align: center;
background-color: #dcdcdc;
border-style: none;
cursor: pointer;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
display: block;
}
#contact-box form .submit-box .back-button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#contact-box form .submit-box .agree-box {
display: block;
text-align: center;
cursor: pointer;
margin: 30px 0 0 0;
}
#contact-box form .submit-box .agree-box span {
font-size: 1rem;
color: #000;
vertical-align: middle;
}
#contact-box form .submit-box .agree-box input.mark {
width: 20px;
height: 20px;
border: 1px solid #ddd;
}
#contact-box form p.end {
margin: 30px 0 0 0;
}

#contact-box form .pp-box {
margin: 30px auto 0;
height: 200px;
overflow-y: scroll;
padding: 0;
box-sizing: border-box; }

#contact-box form .pp-box p {
font-size: 0.8rem;
}

#contact-box form .pp-box h4 {
font-size: 0.8rem;
margin: 20px 0 10px 0; }

#contact-box form .pp-box ul {
margin: 20px 0 0 30px; 
}

#contact-box form .pp-box ul li {
font-size: 0.7rem;
}


}