@charset "utf-8";

body {
font-family: "m-plus-2c", sans-serif;
font-weight: 400;
color:#000;
margin:0;
font-size:16px;
line-height:160%;

min-height: 100vh;
position: relative;
padding-bottom: 60px;

}
h1,h2,h3,h4,h5{
margin:0;
font-weight:400;
}
ul,li{
list-style:none;
margin:0;
padding:0;
}
img{
display:inline-block;
vertical-align:bottom;
}
a {
text-decoration:none;
}
figure{
margin:0;
padding:0;
}
header{
}

header nav li.insta{
}
header nav li.insta img{
width:26px;
}
header nav li.mail{
background:#000;
border-radius:20px;
margin-right:0;
}
header nav li.mail a{
display:block;
color:#fff;
padding:7px 16px;
}
header nav li.mail img{
width:24px;
vertical-align:sub;
margin-right:10px;
}
main{
overflow:hidden;
padding-bottom:80px;
}
footer{
position: absolute;
bottom: 0;
width:100%;

padding:15px 0;
background:#e5e5e5;
text-align:center;
}
#mv{
background:#f9be00;
text-align:center;
}
.splide__pagination{
bottom:-50px;
}
.splide__pagination li{
margin:0 10px;
}
.splide__pagination__page{
background:#fde8a6;
height:12px;
width:12px;
}
.splide__pagination__page.is-active{
background:#f9be00;
transform:unset;
}
.splide__list img {
width:1440px;
margin:0 auto;
}

#intro{
text-align:center;
}
#intro a{
display:block;
margin:0 auto;
color:#f9be00;
font-weight:800;
}
#intro a img{
margin-bottom:10px;
}
.right_line h1{
position: relative;
letter-spacing:0.05em;
font-weight:500;
}
.right_line h1:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 2000px;
height: 1px;
content: '';
background: #000;
}
.right_line h1 span {
position: relative;
padding: 0 1em 0 0;
background: #fff;
}
#top_works ul,
#top_people ul{
display:flex;
flex-wrap:wrap;
}
#top_works ul li,
#top_people ul li{
flex:1;
text-align:center;
}
#top_works #category a{
display:block;
height:100%;
border:1px solid #f9be00;
border-radius:50px;
color:#f9be00;
}
#top_works div > a,
#top_people div > a{
display:block;
margin:0 auto;
background:#f9be00;
border-radius:50px;
color:#fff;
text-align:center;
}

#to_contact div{
margin:0 auto;
background:#f9be00;
border-radius:30px;
text-align:center;
}
#to_contact h2{
color:#fff;
line-height:140%;
}
#to_contact a{
display:block;
margin:0 auto;
border-radius:50px;
background:#fff;
color:#f9be00;
font-weight:500;
letter-spacing:0.03em;
}

main > h2#title{
background:#f9be00;
color:#fff;
text-align:center;
letter-spacing:0.2em;
}

#works nav ul{
display:flex;
justify-content: space-between;
}
#works nav ul li{
padding:0 10px;
}
#works nav ul li.cur{
border-bottom:1px solid #f9be00;
}
#works nav ul li a{
color:#b2b2b2;
}
#works nav ul li.cur a{
color:#f9be00;
}

#works div > ul{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
#works div > ul::after{
display: block;
content:"";
}


#work_img > div{
display:flex;
justify-content: space-between;
}
#work_img ul{
display:flex;
gap:20px;
}
#work_img ul li{
padding:0 10px;
border-bottom:1px solid #f7b400;
}
#work_img ul li a{
color:#f7b400;
}
#works_detail h1{
font-weight:500;
letter-spacing:0.05em;
line-height:160%;
}
#work_contents {
line-height:210%;
}
#work_contents p{
margin-bottom:2em;
}
#work_contents img{
height:auto;
}
#work_contents > figure{
display:flex;
gap:30px;
}
#work_contents > figure > figure{
flex:1;
}
#work_contents > figure figcaption{
position:relative;
background:none;
color:#000;
text-align:center;
}

#kanren{
background:#fef5d9;
}
#kanren h2{
font-weight:500;
}
#kanren ul{
display:flex;
/*justify-content: space-between;*/
}
#kanren ul li{
width:30%;
}
#about_intro h1,
#about_intro h2{
font-weight:500;
line-height:200%;
}
#about_intro h1{
letter-spacing:0.1em;
}
#about_intro h2{
color:#ffbf00;
letter-spacing:0.2em;
}
#about_intro p{
line-height:247%;
}
#about_detail {
background:#fffbf2;
}

#about_detail dl#company{
display:flex;
border-bottom:2px solid #f8b500;
justify-content: space-between;
align-items: center;
}
#about_detail dl#company dt h2 {
line-height:100%;
letter-spacing:0.1em
}
#about_detail dl#company dt h2 span{
color:#ffbf00;
display:block;
text-indent:0.5em;
font-weight:500;
letter-spacing:normal;
}

#about_detail dl#company dd{
line-height:200%;
}
#about_detail dl#company dd span{
color:#f8b500;
font-weight:500;
}

#about_detail article{
text-align:center;
}

#about_detail article h2{
color:#f8b500;
font-weight:500;
}
#about_detail article h3{
background:#f8b500;
color:#fff;
margin:0 auto;
padding:6px 0;
}
#about_detail article ul{
display:flex;
justify-content:center;
}
#about_detail article ul li{
}
#about_detail article ul li::before{
content:'●';
color:#f8b500;
margin-right:3px;
}
#about_detail article aside{
display:inline-block;
position:relative;
font-weight:300;
}
#about_detail article aside::after{
width: 0;
height: 0;
content:'';
border-style: solid;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 20px solid #f8b500;
border-bottom: 0;
position:absolute;
left:0;
right:0;
margin:auto;
top:60px;
}
#about_detail article div#icons{
display:flex;
flex-wrap:wrap;
text-align:center;
}
#about_detail article div#icons dl{
width:112px;
margin:0;
padding:0;
}
#about_detail article div#icons dt,
#about_detail article div#icons dd{
margin:0;
padding:0;
}
#about_detail article div#icons dt{
background:#fff;
border-radius:10px;
}
#about_detail article div#icons img{
box-sizing:content-box;
}
#about_detail #branding{
position:relative;
}
#about_detail #branding p{
line-height:190%;
}
#about_detail #branding span{
display:inline-block;
margin-right:0.5em;
color:#ffbc2e;
font-weight:600;
}
#company_info{
text-align:center;
}


#people_mv .wrap{
position:relative;
}
#people_mv article{
position:absolute;
bottom:0;
}
#people_mv h3,
#people_mv p{
color:#fff;
letter-spacing:0.1em;
}
#people_mv h3{
line-height:140%;
}
#people_mv h3 span{
display:block;
}
.people_one figure{
position:relative;
}
.people_one figcaption{
position:absolute;
color:#333;
line-height:150%;
font-weight:500;
letter-spacing:0.15em;
}
.fukuda figcaption{
color:#fff;
}

.person {
position:relative;
}
.person h4{
letter-spacing:0.1em;
font-weight:500;
}
.person aside{
color:#f7b400;
}
.person p{
line-height:200%;
}
.person small{
font-weight:500;
}
.person img{
display:block;
position:absolute;
object-fit: cover;
border-radius:50%;
border:2px solid #fff;
}

#partner{
background:#fefaed;
position:relative;
}
#partner h3{
position:absolute;
margin:0 auto;
left:0;
right:0;
text-align:center;
color:#f7b400;
font-weight:500;
}
#partner p{
text-align:center;
}
#partner div > div{
display:flex;
flex-wrap:wrap;
}
#partner dl{
text-align:center;
}
#partner dt{
font-weight:400;
}
#partner dt img{
display:block;
margin:0 auto;
}
#partner dd{
line-height:150%;
margin:0;
}

#recruit .undercondition{
border:4px solid #f9be00;
text-align:center;
color:#f9be00;
border-radius:35px;
}

#contact {
display:flex;
flex-wrap:wrap;
}
#contact h3{
text-align:center;
}
#contact dt,
#contact dd{
margin:0;
padding:0;
}
#contact dt span{
display:inline-block;
color:#f7b400;
margin-left:1em;
}
#contact dd .wpcf7-list-item {
display:block;
margin:0;
}
dl.confirm dd{
color:#f7b400;
font-weight:500;
}
#submitarea{
text-align:center;
padding:20px 0;
}
#submitarea input[type="submit"],
#submitarea input[type="button"]
{
display:inline-block;
border:0;
border-radius:6px;
background:#000;
color:#fff;
}
#submitarea input[type="button"]{
background:#999;
}
span.wpcf7-not-valid-tip{
margin-top:6px;
background:#f9be00;
padding-left:10px;
color:#fff;
font-size:15px;
}





/* PC */
@media screen and (min-width:600px) {
.pc {
display: block;
}
.sp {
display: none;
}

header{
display:flex;
justify-content: space-between;
align-items: center;
padding:18px;
}
header h1{
width:224px;
}

header button{
display:none;
}
header nav ul{
display:flex;
align-items:center;
}
header nav ul li{
margin:0 14px;
font-size:14px;
letter-spacing:0.15em;
}
#intro{
padding:110px 0 0;
}
#intro p {
font-size:22px;
line-height:300%;
margin-bottom:50px;
}
#intro a{
width:115px;
}
div.wrap{
width:1000px;

/*margin:50px auto;*/
margin:0 auto;
padding:50px 0 50px;
}
.right_line h1{
font-size:43px;
margin-bottom:50px;
}
#top_works #category{
gap:20px;
margin-bottom:30px;
}
#top_works #category a{
font-size:15px;
padding:5px 0;
}
#top_works #thumb{
gap:26px;
margin-bottom:40px;
}
#top_works #thumb li{
flex:unset;
width:230px;
}

#top_works div > a,
#top_people div > a{
width:200px;
padding:5px 0;
font-size:21px;
}
#top_works div > a img,
#top_people div > a img{
width:28px;
margin:0 4px;
}

#top_people ul{
gap:40px;
margin-bottom:80px;
}
#top_people ul li{
font-size:19px;
color:#f9be00;
}
#top_people ul li img{
display:block;
margin-bottom:10px;
}
#top_people ul li span{
display:block;
color:#000;
font-size:12px;
}

#to_contact div{
margin-top:80px;
width:760px;
padding:45px 0 50px;
}
#to_contact h2{
font-size:38px;
margin-bottom:40px;
}
#to_contact p{
margin-bottom:30px;
}
#to_contact a{
width:390px;
padding:35px 0;
font-size:32px;
}

main > h2#title{
font-size:43px;
padding:10px;
}
#works nav ul{
margin:55px 0 100px;
}
#works div > ul{
gap:50px 0;
}
#works div > ul::after{
width:300px;
}
#works div > ul li{
width:300px;
}

#works_detail {
padding:60px 0 ;
}
#work_img > div{
margin:20px 0 60px;
}
#work_img time{
font-size:14px;
}
#works_detail h1{
font-size:36px;
margin-bottom:55px;
}
#kanren{
padding:75px 0 100px;
}
#kanren h2{
font-size:32px;
margin-bottom:20px;
}
#kanren ul{
gap:50px;
}
#about_intro {
padding:60px 0 0;
}
#about_intro .wrap{
background:url('/img/about_1.png') no-repeat bottom right;
background-size:244px;
margin-bottom:0;
}
#about_intro h1{
font-size:30px;
margin-bottom:40px;
}
#about_intro h2{
font-size:40px;
margin-bottom:36px;
}
#about_intro p{
font-size:18px;
padding-bottom:90px;
}


#about_detail dl#company{
padding-bottom:100px;
margin-bottom:85px;
}
#about_detail dl#company dt h2 {
font-size:60px;
}
#about_detail dl#company dt h2 span{
font-size:24px;
}
#about_detail article h2{
font-size:40px;
margin-bottom:60px;
}

#about_detail article h3{
width:260px;
font-size:32px;
}
#about_detail article p{
font-size:18px;
margin-bottom:30px;
}
#about_detail article ul{
gap:40px;
margin-bottom:20px;
}

#about_detail article ul li{
font-size:20px;
}
#about_detail article aside{
margin-bottom:80px;
}


#about_detail article div#icons {
gap:50px 65px;
}
#about_detail article div#icons dt {
padding:18px 0;
}
#about_detail article div#icons img{
width:68px;
}
#about_detail article div#icons p{
margin-top:40px;
}

#about_detail #branding .wa,
#about_detail #branding .kei,
#about_detail #branding .sou,
#about_detail #branding .shi{
position:absolute;
width:240px;
}

#about_detail #branding{
margin:100px 0;
min-height:460px;
background:url('/img/about_2.png') center center no-repeat;
background-size:466px;
}
#about_detail #branding .wa{
left:0;
top:0;
}
#about_detail #branding .kei{
right:0;
top:0;
}
#about_detail #branding .sou{
left:0;
bottom:0;
}
#about_detail #branding .shi{
right:0;
bottom:0;
}
#company_info p{
padding:70px 0 40px;
font-size:18px;
line-height:300%;
}

#people_mv{
background:url('/img/people_jiro1.jpg') no-repeat center center;
background-size:1920px;
}

#people_mv .wrap{
height:846px;
}
#people_mv h3{
font-size:38px;
margin-bottom:30px;
}
#people_mv h3 span{
font-size:32px;
}
#people_mv p{
margin-bottom:30px;
}

.people_one .wrap{
padding:30px 0 80px;
}
.people_one figure{
margin-bottom:30px;
}
.people_one figcaption{
font-size:28px;
}

.kanno figcaption{
bottom:60px;
left:55px;
}
.fukuda figcaption{
top:125px;
right:41px;
}
.urito figcaption{
bottom:167px;
right:152px;
}
.nozaki figcaption{
bottom:132px;
left:55px;
}

.people_one .wrap .person > div{
width:680px;
}

.person h4{
font-size:30px;
margin-bottom:5px;
}
.person aside{

}
.person p{
margin-bottom:20px;
}
.person small{
font-size:14px;
font-weight:500;
}

.person img{
width:240px;
right:30px;
top:-110px;
}
body > main > section:nth-child(3) > div > div > img{
right:0px !important;
}

#partner{
margin:100px 0;
}
#partner h3{
top:-20px;
font-size:36px;
}
#partner div > div{
/*gap:45px 66px;*/
}
#partner dl{
width:25%;
margin-bottom:35px;
}
#partner dt{
font-size:22px;
margin-bottom:15px;
}
#partner dt.long{
font-size:20px;
}
#partner dt img{
width:200px;
margin-bottom:10px;
}
#partner dd{
font-size:14px;
}

#recruit .undercondition{
margin:110px 50px 200px;
padding:100px 0;
font-size:38px;
}

#contact div.wrap{
width:850px;
}
#contact h3{
font-size:22px;
margin-bottom:40px;
}
#contact p{
font-size:16px;
}
#contact dt{
width:25%;
margin-bottom:10px;
}
#contact dd{
width:75%;
margin-bottom:10px;
}
#contact dt span{
font-size:13px;
}
#contact dd input[type="text"],
#contact dd input[type="email"],
#contact dd textarea
{
padding:5px;
width:100%;
}
#submitarea input[type="submit"],
#submitarea input[type="button"]
{
width:300px;
margin:0 15px;
padding:15px;
}

.comingsoon{
width:428px;
margin:150px auto 0;
}



} /* END:PC */

/* SP */
@media screen and (max-width:599px) {
.pc {
display: none;
}
.sp {
display: block;
}


header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
header h1{
width:40%;
/*width:90%;*/
}
header h1 img{
/*width:100px;*/
}
header button {
position: relative;
width: 40px;
height: 40px;
background-color: transparent;
border: 1px solid #000;
border-radius:50%;
cursor: pointer;
z-index: 999;
}


/* ハンバーガーボタン内の線 */
header button > span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 1px;
background-color: black;
transform: translateX(-50%);
}
header button > span:first-child {
transform: translate(-50%, calc(-50% - 6px));
transition: transform 0.3s ease;
}
header button > span:nth-child(2) {
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
}
header button > span:last-child {
transform: translate(-50%, calc(-50% + 6px));
transition: transform 0.3s ease;
}


/*
header button > span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 2rem;
height: 2px;
background-color: black;
transform: translateX(-50%);
}
header button > span:first-child {
transform: translate(-50%, calc(-50% - 0.5rem));
transition: transform 0.3s ease;
}
header button > span:nth-child(2) {
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
}
header button > span:last-child {
transform: translate(-50%, calc(-50% + 0.5rem));
transition: transform 0.3s ease;
}
*/






/* 展開時のデザイン */
header button.active > span{
background-color: #000;
}
header button.active > span:first-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
header button.active > span:nth-child(2) {
opacity: 0;
}
header button.active > span:last-child {
transform: translate(-50%, -50%) rotate(45deg);
}
/* メニューのデザイン */
header nav {
position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */
z-index:99;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s ease;
opacity: 0;
visibility: hidden;
}

header nav.active {
opacity: 1;
visibility: visible;
}
header nav ul {
position: relative;
width: 100%;
height: 100%;
background-color:#fff;
padding: 4rem 1.5rem 1rem;
margin: 0 0 0 auto;
overflow: scroll;
transform: translateX(100%);
transition: transform 0.3s ease;
}
header nav.active ul {
transform: translateX(0);
}
header nav.active li{
padding:15px 0;
text-align:center;
}
header nav.active li.mail{
margin-top:50px;
}
header nav.active li a{
display:block;
}
footer small{
font-size:11px;
}

#intro{
padding:60px 0 0;
}
#intro p {
font-size:16px;
line-height:200%;
margin-bottom:40px;
}
#intro a{
width:60px;
font-size:13px;
}
#intro a img{
margin-bottom:5px;
}
div.wrap{
margin:30px 20px;
}
.right_line h1{
font-size:26px;
margin-bottom:30px;
}
#top_works #category{
flex-wrap:wrap;
gap:15px;
margin-bottom:30px;
}
#top_works #category li{
flex:none;
width:47%;
}
#top_works #category a{
font-size:13px;
padding:3px 0;
}
#top_works #thumb{
flex-wrap:wrap;
gap:15px;
margin-bottom:40px;
}
#top_works #thumb li{
flex:none;
width:47%;
}
#top_works div > a,
#top_people div > a{
width:200px;
padding:5px 0;
font-size:15px;
}
#top_works div > a img,
#top_people div > a img{
width:20px;
margin:0 4px;
vertical-align:text-bottom;
}
#top_people ul{
justify-content: space-between;
flex-wrap:wrap;
margin-bottom:20px;
}
#top_people ul li{
flex:none;
width:45%;
margin-bottom:20px;
font-size:17px;
color:#f9be00;
}
#top_people ul li img{
display:block;
width:90%;
margin:0 auto 10px;
}
#top_people ul li span{
display:block;
color:#000;
font-size:11px;
}

#to_contact div{
margin:60px 20px 0;
padding:25px 0 25px;
}
#to_contact h2{
font-size:20px;
margin-bottom:20px;
}
#to_contact p{
font-size:12px;
margin-bottom:20px;
}
#to_contact a{
width:80%;
padding:20px 0;
font-size:18px;
}

main > h2#title{
font-size:22px;
padding:10px;
}
#works nav ul{
flex-wrap:wrap;
margin:0 0 50px;
}
#works nav ul li{
width:31%;
text-align:center;
margin-bottom:10px;
padding:0 5px;
font-size:13px;
}
#works div > ul{
gap:15px 0;
}
#works div > ul::after{
width:48%;
}
#works div > ul li{
width:48%;
}
#works_detail {
padding:10px 0 ;
}
#work_img > div{
margin:10px 0 30px;
}
#work_img ul{
flex-wrap:wrap;
gap:10px;
}
#work_img ul li{
padding:0;
font-size:12px;
}
#work_img time{
font-size:12px;
}
#works_detail h1{
font-size:18px;
margin-bottom:30px;
}
#work_contents {
font-size:13px;
}
#kanren{
padding:10px 0 10px;
}
#kanren h2{
font-size:16px;
margin-bottom:20px;
}
#kanren ul{
gap:5%;
}
#about_intro {
padding:0;
}
#about_intro .wrap{
background:url('/img/about_1.png') no-repeat bottom right;
background-size:100px;
margin-bottom:0;
padding-bottom:50px;
}
#about_intro h1{
font-size:17px;
line-height:190%;
margin-bottom:30px;
}
#about_intro h2{
font-size:19px;
}
#about_intro p{
font-size:15px;
line-height:200%;
padding-bottom:40px;
}
#about_detail .wrap{
margin-top:0;
}
#about_detail dl#company{
display:block;
padding-bottom:30px;
margin:0 0 30px;
}
#about_detail dl#company dt{
padding:30px 0;
}
#about_detail dl#company dt h2 {
font-size:30px;
}
#about_detail dl#company dt h2 span{
font-size:14px;
}
#about_detail dl#company dd{
margin:0;
font-size:15px;
}
#about_detail article h2{
font-size:20px;
margin-bottom:30px;
}

#about_detail article h3{
width:60%;
font-size:16px;
}
#about_detail article p{
font-size:13px;
margin-bottom:15px;
}
#about_detail article ul{
flex-wrap:wrap;
gap:0;
margin-bottom:10px;
}
#about_detail article ul li{
width:60%;
text-align:left;
font-size:15px;
}
#about_detail article aside{
font-size:14px;
margin-bottom:60px;
}
#about_detail article aside::after{
top:45px;
}
#about_detail article div#icons {
gap:20px 2%;
}
#about_detail article div#icons dl{
width:23%;
}
#about_detail article div#icons dt {
padding:18px 0;
}
#about_detail article div#icons dd {
font-size:11px;
line-height:160%;
}
#about_detail article div#icons img{
width:40px;
}
#about_detail article div#icons p{
margin-top:10px;
}

#about_detail #branding .wa,
#about_detail #branding .kei,
#about_detail #branding .sou,
#about_detail #branding .shi{
font-size:15px;
margin-bottom:30px;
}

#about_detail #branding{
margin:30px 0;
padding:220px 0 50px;
background:url('/img/about_2sp.png') top center no-repeat;
background-size:200px;
}
#company_info p{
padding:20px 20px;
font-size:13px;
line-height:250%;
}

#people_mv{
/*
   background:url('/img/people_jiro1_sp.jpg') no-repeat center center;
   background-size:100%;
 */
}
#people_mv .wrap{
/*height:600px;*/
margin:0;
}
#people_mv article{
left:25px;
bottom:85px;
}
#people_mv h3{
font-size:18px;
font-weight:500;
}
#people_mv h3 span{
font-size:14px;
}
#people_mv p{
font-size:13px;
margin-bottom:30px;
}

.people_one .wrap{
margin:10px 20px 40px;
padding:10px 0 10px;
}
.people_one figure{
margin-bottom:15px;
}
.people_one figcaption{
font-size:13px;
}

.kanno figcaption{
bottom:14px;
left:15px;
}
.fukuda figcaption{
top:38px;
right:12px;
}
.urito figcaption{
bottom:60px;
right:12px;
}
.nozaki figcaption{
bottom:14px;
left:15px;
}


.people_one .wrap .person > div{
/*width:680px;*/
}

.person h4{
font-size:17px;
margin-bottom:5px;
}
.person aside{
font-size:12px;
}
.person p{
font-size:14px;
margin-bottom:10px;
}
.person small{
font-size:13px;
font-weight:500;
}

.person img{
width:100px;
right:10px;
top:-50px;
}
body > main > section:nth-child(3) > div > div > img{
right:0px !important;
}

#partner{
margin:60px 0;
padding-bottom:30px;
}
#partner h3{
top:-10px;
font-size:20px;
}
#partner p{
padding-top:30px;
font-size:14px;
margin-bottom:10px;
}
#partner div > div{
/*gap:45px 66px;*/
justify-content:center;
margin:0 auto;
gap:25px;
}
#partner dl{
width:45%;
}
#partner dt{
font-size:15px;
margin-bottom:6px;
}
#partner dt.long{
font-size:14px;
letter-spacing:-0.1em;
}
#partner dt img{
width:80%;
margin-bottom:5px;
}
#partner dd{
font-size:12px;
}

#recruit .undercondition{
border:2px solid #f9be00;
margin:110px 20px;
padding:50px 0;
font-size:15px;
}




/*
   #contact div.wrap{
   width:850px;
   }
 */
#contact {
display:block;
}
#contact h3{
font-size:16px;
margin-bottom:40px;
}
#contact p{
font-size:14px;
}
#contact dt{
font-size:14px;
}
#contact dd{
margin-bottom:10px;
}
#contact dt span{
font-size:12px;
}
#contact dd .wpcf7-list-item {
font-size:14px;
}

#contact dd input[type="text"],
#contact dd input[type="email"],
#contact dd textarea
{
padding:5px;
width:100%;
}
#submitarea {
padding-bottom:0;
}
#submitarea input[type="submit"],
#submitarea input[type="button"]
{
width:40%;
margin:0 15px;
padding:15px;
}

#submitarea .wpcf7-spinner{
display:block;
margin:10px auto 0;
}
div.wpcf7 form .wpcf7-response-output{
margin-top:0;
}

.comingsoon{
width:70%;
margin:100px auto 0;
}




















} /* END:SP */