@charset "utf-8";

/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box; position:relative;}
body {line-height:1; position:relative;}
span, p, img, strong, dl, dt, dd, ol, ul, li, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; position:relative;}
nav ul {list-style:none; position:relative;}
blockquote, q {quotes:none; position:relative;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none; position:relative;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box; position:relative;}
ins {background-color:#ff9; color:#000; text-decoration:none; position:relative;}
mark {background-color:#ff9; color:#000;  font-style:italic; font-weight:bold; position:relative;}
del {text-decoration: line-through; position:relative;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help; position:relative;}
table {border-collapse:collapse; border-spacing:0; position:relative;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; position:relative;}
input, select {vertical-align:middle; position:relative;}
a {box-sizing:border-box; position:relative;}
/* /reset css */



/* common */

body {font-size:14px;line-height:160%; background-color:#FFF; color:#000; -webkit-text-size-adjust: 100%; }
body {
    font-family: 'Roboto', Helvetica,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Meiryo,メイリオ,sans-serif;
}

.font_mincho {font-family: 游明朝, "Yu Mincho",YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, HG明朝E, "MS P明朝", "MS 明朝", Georgia, "Times New Roman", Times, メイリオ, Meiryo, serif;}

a {transition: all 0.2s 0s ease;}

.pc_only {display:block;}
.sp_only {display:none;}
.pcin_only {display:inline;}
.spin_only {display:none;}

.clearfix {width:100%; clear:both;}

.cont {display:block; width:100%; margin:0px;}
.contin {display:block; margin:0px auto;}

.cw1100 {width:1100px;}
.cw700 {width:700px;}

#page-top {position: fixed; bottom: 40px; right: 40px; z-index:9000; transition: all .5s; }
#page-top.open {transform: translateX(-640%);}
#page-top a {padding: 0px; display: block; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; width:60px; opacity:0.85;}
#page-top a img {width:100%; transition: all 0.2s 0s ease; }
#page-top a:hover {text-decoration: none; opacity:0.5;}

.wrapper {height:100%; overflow-x:hidden; position:relative;}
div#main {padding:68px 0px 0px 0px; transition:all .5s;}
div#main.open {transform:translateX(-80%); }
.overlay {content:""; display:block; width:0; height:0; background-color:rgba(0, 0, 0, 0); position:fixed; top:0; left:0; z-index:3000; opacity:0; transition:opacity .5s , transform .5s; }
.overlay.open {width:100%; height:100%; opacity:1; transform:translateX(-80%);}

div#page_title {padding:60px 0px 60px 0px; border-bottom:1px #DDD solid; }
div#page_title h2 {font-size:36px; line-height:100%; letter-spacing:0.2em; font-weight:bold; text-align:center; }
div#page_title h2:after {content:""; display:block; width:50px; margin:20px auto 0px auto; padding:0px 0px 0px 0px; border-top:2px #000 solid; }

ul.loadicon {display:block; width:50px; height:50px; margin:auto; position:fixed; top:0; bottom:0; left:0; right:0; animation: loadrotate 1.5s linear infinite;}
@keyframes loadrotate {
	0% {transform:rotate(0deg);}
	20% {transform:rotate(72deg);}
	40% {transform:rotate(144deg);}
	60% {transform:rotate(216deg);}
	80% {transform:rotate(288deg);}
	100% {transform:rotate(360deg);}
}
ul.loadicon li {display:block; width:100%; height:100%; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; }
ul.loadicon li:before {content:""; display:block; width:3px; height:25%; margin:auto; position:absolute; top:0px; left:0; right:0; background-color:#999; }
.preload {opacity:0; }
/* /common */



/* header */
div#header {width:100%; height:68px; background-color:#FFF; position:fixed; top:0px; left:0px; z-index:2000; transition: all .5s; border-bottom: solid 1px #ddd; }
div#header:after {content:""; display:block; width:100%; clear:both; }
div#header.open {transform: translateX(-80%);}

a#title_logo {display:table; width:210px; height:100%; float:left; color:#000; text-decoration:none; }
a#title_logo span {display:table-cell; vertical-align:middle; padding:0px 0px 0px 0px; }
a#title_logo span img {width:136px; margin:0px auto; }

ul#navi {display:table; width:auto; height:100%; float:right; margin-right:24px; }
ul#navi li {display:table-cell; vertical-align:middle; }
ul#navi li a {display:table; width:100%; height:100%; padding:0px 16px 0px 16px; color:#000; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; text-decoration:none; }
ul#navi li a span {display:table-cell; vertical-align:middle; }
ul#navi li a:hover {opacity:0.5; }
ul#navi li.navicontact {width:200px; }
div#navicontact {display:table; height:100%; float:right; }
div#navicontact a {display:table-cell; vertical-align:middle; height:100%; padding:0px 30px 0px 30px; color:#000; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; text-decoration:none; background-color:#FFE100; }
div#navicontact a:hover {opacity:0.5; }

.spbtn {display:none; height:100%; cursor:pointer; position:absolute; top:0px; right:0px; z-index:100; }
.spbtn img {height:100%; margin:0px 0px 0px auto; }
.spbtnx {display:block; height:68px; cursor: pointer; }
.spbtnx:hover {background-color:#FFF; }
.spbtnx img {height:100%; margin:0px 0px 0px auto; }

div#spnavi {width:80%; height:100%; background-color:rgb(246, 246, 246, 1.0); position:fixed; top:0; right:0; z-index:10; transform:translate(100%); transition:all .5s;}
div#spnavi.open { transform:translateZ(0);}
div#spnavi ul {display:block; width:100%; border-top:1px #DDD solid; }
div#spnavi ul li {display:table; width:100%; height:68px; }
div#spnavi ul li a {display:table-cell; vertical-align:middle; padding:0px 0px 0px 20px; color:#000; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; border-bottom:1px #DDD solid; text-decoration:none; }
div#spnavi ul li a:hover {background-color:#FFF; }
div#spnavi ul li.navicontact a {background-color:#FFE100; }
/* /header */



/* footer */
div#pan {padding:30px 0px 30px 0px; border-top:1px #ddd solid; font-size:12px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:left; }
div#pan a {color:#000; text-decoration:none; }
div#pan a:hover {opacity:0.5; }

div#footer {padding:90px 0px 50px 0px; background-color:#000; }
div#footer img {margin:0px auto; }
div#footer h5 {padding:50px 0px 90px 0px; color:#FFF; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:center; }
div#footer strong {color:#999; font-size:11px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; }
/* /footer */



/* top */
div#top_image {padding:0px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }
div#top_image ul {width:100%; height:100%; }
div#top_image ul li {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:absolute; top:0px; left:0px; }

div#top_logo {padding:80px 0px 80px 0px; }
div#top_logo img {margin:0px auto; }

a.top_links {display:block; width:300px; margin:0px auto; padding:20px 0px 20px 0px; border:1px #000 solid; text-decoration:none; }
a.top_links strong {content:""; display:block; width:0; height:100%; background-color: #000; position:absolute; top:0; left:0; transition:all .1s ease; transition-duration:.3s; }
a.top_links:hover strong {width: 100%;}
a.top_links span {color:#000; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; transition:all .1s ease; transition-duration:.3s; }
a.top_links:hover span {color: #fff; }

dl#top_concept {display:table; }
dl#top_concept dd {display:table-cell; vertical-align:top; width:50%; padding:0px 50px 20px 0px; }
dl#top_concept dt {display:table-cell; vertical-align:top; width:50%; padding:0px 0px 0px 50px; }
dl#top_concept dt h1 {font-size:28px; line-height:160%; letter-spacing:1px; font-weight:normal; text-align:left; }
dl#top_concept dt h2 {padding:40px 0px 40px 0px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:left; }
dl#top_concept a#to_concept {margin:0px auto 0px 0px; }

.slide-wrap {display:block; width:100%; height:auto; padding:0px 0px 30px 0px; }
.slide-wrap .bx-wrapper {box-shadow:none; border:none; }
.slide-wrap .bx-wrapper img {width:100%; margin:0px auto; }
.bx-wrapper .bx-pager {bottom:-40px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; background-color:#CCC; 
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {background-color:rgba(255,225,0,0.8); }
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:rgba(255,225,0,1.0); }

div#top_works {padding:110px 0px 110px 0px; background-color:#F0F0F0; }
div#top_works h3 {font-size:32px; line-height:120%; letter-spacing:0.1em; font-weight:bold; text-align:center; }
div#top_works h3:after {content:""; display:block; width:50px; margin:20px auto 0px auto; padding:50px 0px 0px 0px; border-top:2px #000 solid; }
div#top_works ul {width:100%; padding:0px 0px 30px 0px; }
div#top_works ul:after {content:""; display:block; width:100%; clear:both; }
div#top_works ul li {width:242px; margin-right:44px; float:left; }
div#top_works ul li:last-child {margin-right:0px; }
div#top_works ul li a {width:100%; color:#000; text-decoration:none; }
div#top_works ul li a p {width:100%; padding:100% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#top_works ul li a p:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; opacity:0; transition:all .4s; }
div#top_works ul li a:hover p:after {opacity:1;}
div#top_works ul li a p span {display:block; margin:0; width:50px; height:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
div#top_works ul li a p span:before,
div#top_works ul li a p span:after{content:""; display:block; background-color:#FFF; position:absolute; transition:all .4s;}
div#top_works ul li a p span:before{width:0; height:2px; top:50%; left:0; transform:translateY(-50%);}
div#top_works ul li a p span:after{width:2px; height:0; top:0; left:50%; transform:translateX(-50%);}
div#top_works ul li a:hover p span:before{width:100%;}
div#top_works ul li a:hover p span:after{height:100%;}
div#top_works ul li strong {padding:20px 0px 20px 0px; font-size:14px; line-height:140%; letter-spacing:1px; font-weight:normal; text-align:center; }
div#top_works a#to_works {}

div#top_news {padding:110px 0px 110px 0px; }
div#top_news h3 {font-size:30px; line-height:120%; letter-spacing:0.1em; font-weight:bold; text-align:center; }
div#top_news h3:after {content:""; display:block; width:50px; margin:20px auto 0px auto; padding:50px 0px 0px 0px; border-top:2px #000 solid; }
div#top_news ul {width:100%; padding:0px 0px 38px 0px; }
div#top_news ul li {}
div#top_news ul li a {display:block; padding:12px 0px 12px 0px; color:#000; text-decoration:none; }
div#top_news ul li a:hover {opacity:0.5; }
div#top_news ul li span {display:inline-block; padding:0px 30px 0px 0px; color:#666; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; }
div#top_news ul li strong {display:inline-block; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; }
div#top_news a#to_news {}

div#top_insta {padding:0px 0px 110px 0px; }
div#top_insta h3 {font-size:30px; line-height:120%; letter-spacing:0.1em; font-weight:bold; text-align:center; }
div#top_insta h3:after {content:""; display:block; width:50px; margin:20px auto 0px auto; padding:50px 0px 0px 0px; border-top:2px #000 solid; }
div.instaw {display:block; width:1100px; height:368px; margin:0px auto; overflow:hidden; }
div.instawsp {display:none; }
/* /top */



/* news */
div#news {padding:0px 0px 80px 0px; }
div#news section {padding:80px 0px 80px 0px; border-bottom:1px #DDD solid; }
div#news section:last-child {border-bottom:none; }
div#news section h5 {color:#666; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:left; }
div#news section h3 {padding:20px 0px 50px 0px; font-size:28px; line-height:160%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#news section h3:after {content:""; display:block; width:50px; margin:30px auto 0px 0px; padding:0px 0px 0px 0px; border-top:2px #000 solid; }
div#news section p {font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#news section img {max-width:100%; }
div#news section .news_red {color:#F30; }
div#news section a {color:#000; }
div#news section a:hover {opacity:0.5; }
/* /news */



/* concept */
div#concept {padding:80px 0px 80px 0px; }
div#concept h3 {}
div#concept h3 strong {font-family: 'Questrial', sans-serif; font-size:48px; line-height:120%; letter-spacing:0px; font-weight:normal; text-align:center; }
div#concept h3 span {padding:28px 0px 0px 0px; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; }
div#concept img#concept_icon {margin:58px auto 76px auto; }
div#concept ul {width:100%; }
div#concept ul:after {content:""; display:block; width:100%; clear:both; }
div#concept ul li {width:520px; height:565px; margin-bottom:58px; border:1px #DDD solid; }
div#concept ul li:nth-child(odd) {clear:both; float:left; }
div#concept ul li:nth-child(even) {float:right; }
div#concept ul li p {display:block; width:100%; padding:50% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#concept ul li h4 {padding:36px 0px 36px 0px; font-size:21px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; }
div#concept ul li strong {padding:0px 50px 0px 50px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
/* /concept */



/* works */
div#works {padding:80px 0px 80px 0px; }
div#works ul {display:block; width:100%; }
div#works ul:after {content:""; display:block; width:100%; clear:left; }
div#works ul li {float:left; width:242px; margin-right:44px; }
div#works ul li:nth-child(4n) {margin-right:0px; }
div#works ul li:nth-child(4n+1) {clear:left; }
div#works ul li a {width:100%; color:#000; text-decoration:none; }
div#works ul li a p {width:100%; padding:100% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#works ul li a p:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; opacity:0; transition:all .4s; }
div#works ul li a:hover p:after {opacity:1;}
div#works ul li a p span {display:block; margin:0; width:50px; height:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
div#works ul li a p span:before,
div#works ul li a p span:after{content:""; display:block; background-color:#FFF; position:absolute; transition:all .4s;}
div#works ul li a p span:before{width:0; height:2px; top:50%; left:0; transform:translateY(-50%);}
div#works ul li a p span:after{width:2px; height:0; top:0; left:50%; transform:translateX(-50%);}
div#works ul li a:hover p span:before{width:100%;}
div#works ul li a:hover p span:after{height:100%;}
div#works ul li strong {padding:20px 0px 50px 0px; font-size:14px; line-height:140%; letter-spacing:1px; font-weight:normal; text-align:center; }

div#works_in {padding:0px 0px 80px 0px; }
#mainImg {padding:0px 0px 100px 0px; }
.works_slide { margin: 0; position: relative; }
.works_slide img { width: 100%; }
.works_slide .slick-slider { margin-bottom: 40px; }
.works_slide .slick-dots { bottom: -40px; height: auto; }
.works_slide .slick-center img { opacity: 1; }
.works_slide img { opacity: 0.3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/* Arrows */
.works_slide .slick-prev,
.works_slide .slick-next { position: absolute; display: block; height: 100%; width: 20%; line-height: 0; font-size: 0; cursor: pointer; top: auto; bottom: 50%; top: 0; bottom: 0; padding: 0; border: none; outline: none; z-index: 3; background: none; color: #222; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.works_slide .slick-prev:hover,
.works_slide .slick-next:hover{ outline: none; background: none; }
.works_slide .slick-prev:hover:before,
.works_slide .slick-prev:focus:before,
.works_slide .slick-next:hover:before,
.works_slide .slick-next:focus:before { opacity: 1; }
.works_slide .slick-prev.slick-disabled:before,
.works_slide .slick-next.slick-disabled:before { opacity: 1; }
.works_slide .slick-prev { left: 0; right: auto; text-align: center; }
[dir="rtl"] .works_slide .slick-prev { left: auto; right: 0; }
.works_slide .slick-next { right: 0; text-align: center; }
[dir="rtl"] .works_slide .slick-next { left: 0; right: auto; }
/* Dots */
.works_slide .slick-dotted.slick-slider {margin-bottom: 30px; }
.works_slide .slick-dots {position: absolute; bottom: -42px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.works_slide .slick-dots li {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer;}
.works_slide .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer;
 color: transparent; border: 0; outline: none; background: #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
.works_slide .slick-dots li button:hover,
.works_slide .slick-dots li button:focus {outline: none; opacity: 1;}
.works_slide .slick-dots li.slick-active button {background: #FFE100;}

div#works_in h5 {color:#666; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:left; }
div#works_in h3 {padding:20px 0px 50px 0px; font-size:28px; line-height:160%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#works_in h3:after {content:""; display:block; width:50px; margin:30px auto 0px 0px; padding:0px 0px 0px 0px; border-top:2px #000 solid; }
div#works_in h4 {font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#works_in p {margin:50px auto 80px auto; padding:50px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; background-color:#F0F0F0; }
div#works_in p sup {font-size:9px; }
/* /works */



/* faq */
div#faq {padding:0px 0px 160px 0px; }
div#faq ul {width:100%; }
div#faq ul li {padding:60px 0px 60px 0px; border-bottom:1px #DDD solid; }
div#faq ul li h3 {padding:0px 0px 20px 40px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:bold; text-align:justify; text-justify:inter-ideograph; position:relative; }
div#faq ul li h3:before {content:"Q : "; position:absolute; top:0px; left:0px; }
div#faq ul li h4 {padding:0px 0px 0px 40px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; position:relative; }
div#faq ul li h4:before {content:"A : "; position:absolute; top:0px; left:0px; }
/* /faq */



/* about */
div#about {padding:80px 0px 0px 0px; }
div#about dl {display:table; width:100%; margin:0px auto 80px auto; }
div#about dl dd {display:table-cell; vertical-align:top; width:45.46%; }
div#about dl dd p {display:block; width:100%; padding:100% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#about dl dt {display:table-cell; vertical-align:top; padding:0px 0px 0px 68px; }
div#about dl dt h3 {padding:0px 0px 20px 0px; font-size:21px; line-height:160%; letter-spacing:1px; font-weight:normal; }
div#about dl dt h4 {font-size:14px; line-height:200%; letter-spacing:1px; text-align:justify; text-justify:inter-ideograph; }
div#about dl dt h4 strong {font-weight:bold; }
div#about dl dt h4 span {padding:0px 0px 16px 0px; font-weight:normal; }
div#about iframe {width:100%; height:500px; vertical-align:bottom;}
/* /about */



/* contact */
div#contact {padding:80px 0px 80px 0px; }
div#contact h3 {padding:0px 0px 0px 0px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#contact h4 {padding:0px 0px 50px 0px; font-size:14px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#contact h4 span {display:inline-block; }
div#contact table {width:100%; margin:0px auto; border-collapse:separate; }
div#contact table th {width:25%; padding:20px 0px 20px 0px; font-size:14px; line-height:200%; vertical-align:top; font-weight:normal; text-align:left; }
div#contact table th span {display:inline-block; font-size:12px; vertical-align:1px; }
div#contact table td {padding:14px 0px 14px 0px; vertical-align:top; font-size:14px; line-height:200%; vertical-align:top; font-weight:normal; text-align:left; }
.red {padding:0px 0px 0px 5px; color:#F30; }
.red2 {padding:0px 0px 0px 0px; color:#F30; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Meiryo,メイリオ,sans-serif;}
div#contact table td#contact_radio {padding:20px 0px 20px 0px; }
div#contact table#checktable th {padding:20px 0px 20px 0px; }
div#contact table#checktable td {padding:20px 0px 20px 0px; }
div#contact input[type="text"] {width:100%; padding:8px; font-size:16px; border:1px #ccc solid; box-sizing:border-box; }
div#contact input[type="text"]#addnoinput {width:50%; }
/* div#contact input[type="radio"]{display:none;}
div#contact input[type="radio"] + label{padding-left:22px; position:relative; margin-right:22px; }
div#contact input[type="radio"] + label::before{content:""; display:block; position:absolute; top:0; left:0; width:17px; height:17px; border:1px solid #CCC; border-radius:50%; box-sizing:border-box; }
div#contact input[type="radio"]:checked + label{}
div#contact input[type="radio"]:checked + label::before{content:""; display:block; position:absolute; top:0; left:0; width:17px; height:17px; border:1px solid #3B99FC; background:#3B99FC; border-radius:50%; box-sizing:border-box; }
div#contact input[type="radio"]:checked + label::after{content:""; display:block; position:absolute; top:6px; left:6px; width:5px; height:5px; background:#FFF; border-radius:50%; box-sizing:border-box; } */
div#contact label {padding:0px 10px 0px 2px; }
div#contact textarea {width:100%; height:280px; font-size:16px; border:1px #ccc solid; box-sizing: border-box; padding: 10px;}
div#contact a.form_btn {display:block; width:300px; margin:50px auto; padding:20px 0px 20px 0px; border:1px #000 solid; text-decoration:none; background-color: #000; }
div#contact a.form_btn strong {content:""; display:block; width:0; height:100%; background-color: #FFF; position:absolute; top:0; left:0; transition:all .1s ease; transition-duration:.3s; }
div#contact a.form_btn:hover strong {width: 100%;}
div#contact a.form_btn span {color:#FFF; font-size:14px; line-height:120%; letter-spacing:1px; font-weight:normal; text-align:center; transition:all .1s ease; transition-duration:.3s; }
div#contact a.form_btn:hover span {color: #000; }

div#contact input[name="name"]::placeholder,
div#contact input[name="tel"]::placeholder {
	color: #ccc;
	font-size: 14px;
}

div#contact textarea::placeholder {
	color: #ccc;
	font-size: 14px;
}
/* /contact */


.contactpic img {
	width: 80%;
	margin: 0 auto;
}