@charset "UTF-8";

/*
Theme Name: WSC7
Theme URI: http://www.studiobrain.net/wsc
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
body{margin:0px;padding:0;-webkit-text-size-adjust: none;font:12px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
@media screen and (max-width: 480px) {h1,h2,h3,h4,h5,h6,p{margin: 0px 0px 0px 0px;}}
ul,ol{padding:0;margin:0 0 0px 0px;}
h1{font-size:20px;line-height:22px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:16px;line-height:28px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;height:auto;}
a{text-decoration:underline;color:#333;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin:0 0 20px;}
object,embed{width:100%;display:block;margin:auto;}

/*wrap*/
#wrap{overflow: hidden;max-width:100%;margin:auto;text-align:left;clear:both;background-color:#fff;}
#main{text-align:left;overflow:hidden;padding:0px 0px 0px 0px;width:100%;float:left;font-size: 14px;}
@media screen and (max-width: 768px) {#main{margin:auto;display:block;float:none;width:auto;padding:20px 30px 10px 30px;}}
@media screen and (max-width: 480px) {#main{margin:auto;display:block;float:none;width:auto;padding:10px 20px 10px 20px;}}
#main2{text-align:left;overflow:hidden;padding:20px 0;width:700px;float:left;}
@media screen and (max-width: 920px) {#main2{max-width:640px;margin:auto;display:block;float:none;width:auto;padding:20px 10px;}}
#main-wide{float:left;text-align:left;overflow:hidden;padding:20px 0;background-color: #fff;max-width:900px;}
@media screen and (max-width: 920px) {#main-wide{width:100%;padding:20px 10px;}}
#main-liquid{width:100%;padding:20px 0;}
#box{width:100%;background-color:#fff;}

/*header*/
#header{max-width:1280px;margin:auto;overflow:hidden;background-color:#fff;}
#site-title{float: left;overflow: hidden;width:25%;height:auto;margin:20px 0px 0px 30px;padding:0px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-title{width:40%;margin:20px auto 0px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-title{float: none;width:50%;margin:0px auto 0px auto;padding:10px 10px 10px 10px;}}
#site-title a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-title a{float:left;margin:0 0px 0 0;}}
#site-title img{width:100%;}
@media screen and (max-width: 768px) {#site-title img{width:100%;}}
@media screen and (max-width: 480px) {#site-title img{width:100%;display: block;margin: auto;}}

#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:0px 0 0;padding:0;text-align:right;}
@media screen and (max-width: 920px) {#site-description{margin-right:10px;padding:0px 0px 0px 0px;font-size:10px;}}
@media screen and (max-width: 480px) {#site-description{text-align:center;margin-right:10px;padding:10px 0px 10px 0px;font-size:10px;line-height:12px;}}

#site-title-footer{overflow: hidden;width:9%;height:auto;margin:20px auto 10px auto;padding:0px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-title-footer{width:40%;margin:20px auto 0px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-title-footer{width:30%;margin:0px auto 10px auto;padding:10px 10px 0px 10px;}}
#site-title-footer a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-title-footer a{float:left;margin:0 10px 0 0;}}
#site-title-footer img{width:100%;}

#site-midashi{overflow: hidden;width:60%;height:auto;margin:0px auto 40px auto;;padding:30px 0px 0px 0px;}
@media screen and (max-width: 768px) {#site-midashi{width:100%;margin:20px auto 30px auto;padding:10px 10px 10px 0px;}}
@media screen and (max-width: 480px) {#site-midashi{width:100%;margin:0px auto 30px auto;padding:10px 10px 10px 0px;}}
#site-midashi a{float:left;margin:0 0px 0 0;}
@media screen and (max-width: 480px) {#site-midashi a{float:left;margin:0 10px 0 0;}}
#site-midashi img{width:100%;}

/*header-menu*/
#header .menu {margin:0px auto 0px auto;padding:0;float:right;clear:right;border-right:1px solid #eee;}
#header .menu ul{border-right:1px solid #eee;}
#header .menu li{float:left;margin:0px 0px 0px 0px;}
#header .menu li a{float:left;font-size:14px;line-height:15px;padding:10px 30px 8px 30px;text-decoration:none;border-left:1px solid #eee;}
#header .menu li:hover a{background-color:#e4e6ee;}
@media screen and (max-width: 480px) {#header .menu li a{float:left;font-size:14px;line-height:15px;padding:8px 10px;text-decoration:none;border-left:1px solid #eee;}}

.current-menu-item{background-color:#d2d6e8;}


/*top-image*/
#top-image{margin:0px auto 0px auto;height:auto;max-width:1280px;padding: 0px 0px 0px 0px;background-color:#fff;}
@media screen and (max-width: 768px) {#top-image{margin-top:0px;height:auto;}}
@media screen and (max-width: 570px) {#top-image{margin-top:10px;height:auto;}}
@media screen and (max-width: 480px) {#top-image{margin-top:0px;margin-bottom:0px;height:auto;padding: 0px 0px 0px 0px;}}
#top-image-wrap{margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#fff;}

/*breadcrumb*/
#breadcrumb{color:#666666;clear:both;font-size:10px;line-height:12px;padding:5px 0;max-width:960px;margin:auto;}
@media screen and (max-width:920px) {#breadcrumb{padding:10px;}}
#breadcrumb a{color:#666666;text-decoration:none;}

/*content*/
.hentry{padding:0;overflow:hidden;}
.hentry .pageTitle,
.hentry .pageTitle a{text-decoration:none;font-size:18px;line-height:22px;margin: 0px 0px 20px 0px;}
.hentry ul{margin-left:25px;padding-left:0px;}
.hentry ol{margin-left:30px;padding-left:0px;}
.hentry ul li{list-style-type:disc;}
.hentry ol li{list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:20px;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}


/*================================================
 *production
 ================================================*/

 .pro-00{
clear:both;
overflow: hidden;
display: block;
width: 80%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.pro-00{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-00{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.pro-00{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.pro-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pro-01 img {width: 100%;}

.pro-02{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-02{margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
.pro-02 img {width: 100%;}

.pro-03{width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pro-03 img {width: 100%;}

.pro-04{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-04{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-04{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-04{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pro-04 img {width: 100%;}

.pro-05{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-05{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-05{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-05{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pro-05 img {width: 100%;}

.pro-06{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-06{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-06{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-06{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.pro-06 img {width: 100%;}

.pro-07{width: 60%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.pro-07{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pro-07{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro-07{width: 60%;margin: 10px auto 30px auto;padding: 0px 0px 0px 0px;}}
.pro-07 img {width: 100%;}

.pro-h2 {
font-size:25px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 20px 0px 20px 10px;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.pro-h2  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.pro-h2  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.pro-h2  {font-size:18px;line-height: 28px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.pro-h3 {
font-size:20px;
font-weight:bold;
line-height: 32px;
margin: 20px 0px 20px 10px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.pro-h3  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.pro-h3  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.pro-h3  {font-size:14px;line-height: 24px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.pro-txt-1 {
font-size:16px;
line-height: 28px;
margin: 20px 0px 50px 10px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.pro-txt-1  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.pro-txt-1  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.pro-txt-1  {font-size:14px;line-height: 24px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}



/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面外にいる状態 */
.fadein1 {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein1.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
@media screen and (max-width: 480px) {.fadein1  {opacity : 1;transform : translate(0, 0px);}}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*================================================
 *  photo
 ================================================*/

.photo-00{
clear:both;
overflow: hidden;
display: block;
width: 80%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.photo-00{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-00{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.photo-00{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.photo-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.photo-01 img {width: 100%;}

.photo-02{clear:both;overflow: hidden;display: block;width: 100%;margin: 30px 0px 0px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-02{margin: 20px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.photo-02 img {width: 100%;}

.photo-03{width: 40%;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-03{width: 70%;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;}}
.photo-03 img {width: 100%;}

.photo-04{float: left;width: 40%;margin: 0px 0px 50px 30px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-04{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-04{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-04{width: 45%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}
.photo-04 img {width: 100%;}

.photo-05{float: right;width: 40%;margin: 0px 30px 50px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-05{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-05{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-05{width: 45%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}
.photo-05 img {width: 100%;}


.photo-06{float: left;width: 40%;margin: 0px 0px 50px 30px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-06{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-06{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-06{width: 100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}
.photo-06 img {width: 100%;}

.photo-07{float: right;width: 40%;margin: 0px 30px 50px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-07{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-07{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-07{width: 100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}
.photo-07 img {width: 100%;}


.photo-08{clear:both;overflow: hidden;display: block;width: 100%;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1024px) {.photo-08{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.photo-08{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.photo-08{width: 100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}


.photo-h2 {
font-size:25px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 20px 0px 20px 10px;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.photo-h2  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.photo-h2  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.photo-h2  {font-size:18px;line-height: 28px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 0px;}}


.photo-h3 {
font-size:20px;
font-weight:bold;
line-height: 32px;
margin: 20px 0px 20px 10px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.photo-h3  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.photo-h3  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.photo-h3  {font-size:14px;line-height: 24px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.photo-txt-1 {
font-size:16px;
line-height: 28px;
margin: 20px 0px 50px 10px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.photo-txt-1  {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.photo-txt-1  {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.photo-txt-1  {font-size:14px;line-height: 24px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}







 /*================================================
 *
 ================================================*/




 /*================================================
 *
 ================================================*/




 /*================================================
 *
 ================================================*/




 /*================================================
 *
 ================================================*/



.h1-01 {
font-size: 12px;
font-weight: normal;
color: #000;
float: right;
text-align: right;
font-family: "serif",serif;
margin: 0px 30px 0px 0px;
padding: 5px 0px 0px 10px;
}
@media screen and (max-width: 480px) {.h1-01 {float: none;text-align: center;font-size: 9px;line-height: 18px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

#single {
width: 80%;
margin: 20px auto 0px auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {#single {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {#single {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#single {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.nav {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.nav {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.nav {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.nav {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.mainimg{
overflow: hidden;
width:80%;
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.mainimg {width:80%;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.mainimg {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.mainimg {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
.mainimg img{width:100%;}


#sns-icon{
overflow: hidden;
float: right;
margin: 10px 0px 0px 0px;
padding: 0px 40px 0px 0px;
}
@media screen and (max-width: 768px) {#sns-icon {margin: -85px 0px 0px 0px;padding: 30px 20px 0px 0px;}}
@media screen and (max-width: 570px) {#sns-icon {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#sns-icon {margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;}}

.sns-01{
float: left;
font-size: 45px;
line-height: 18px;
color:#666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.sns-01 {font-size: 30px;margin: 0px 0px 0px 0px;}}

.sns-01 a{
color:#47629C;
}

.sns-01 a :hover{
color:rgba(71, 98, 156, 0.77);
}


.sns-02{
float: left;
font-size: 45px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
@media screen and (max-width: 480px) {.sns-02 {font-size: 30px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 20px;}}

.sns-02 a{
color:#36A8DF;
}

.sns-02 a :hover{
color:rgba(53, 165, 222, 0.78);
}



.global-nav{
overflow: hidden;
float: right;
width:65%;
margin: 10px 40px 10px 0px;
padding: 0px 0px 0px 0px;
background-color:#fff;
font-family: "serif",serif;
}
@media screen and (max-width: 768px) {.global-nav {display: none;}}


#top{
width: 100%;
display:block;
overflow:hidden;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {#top {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#top {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-box{
float: left;
width: 100%;
display:block;
overflow:hidden;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.top-box {float: left;width: 100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.top-box {float: left;width: 100%;margin: 0px 10px 10px 10px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.top-box {float: none;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.top-img01{
display:block;
text-align: center;
width: 30%;
height:auto;
clear:both;
float: left;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 570px) {.top-img01 {width: 25%;padding: 15px 10px 0px 0px;}}
@media screen and (max-width: 480px) {.top-img01 {width: 30%;padding: 10px 10px 0px 5px;}}

.top-img01 img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.top-img01 img {width: 100%;padding: 0px 5px 0px 0px;}}

.top-txt00{
float: left;
color: #6C7C84;
margin-bottom: 0px;
padding: 0px 30px 0px 30px;
font-size: 14px;
}
@media screen and (max-width: 1024px) {.top-txt00 {padding: 0px 0px 0px 10px;font-size: 14px;}}
@media screen and (max-width: 480px) {.top-txt00 {width: 60%;margin: 10px 0px 5px 0px;padding: 0px 5px 0px 0px;font-size: 10px;line-height: 16px;color: #fff;background: #002a44;text-align:right;font-weight: bold;}}

.top-txt01{
width: 60%;
float: left;
color: #6C7C84;
line-height: 28px;
margin-bottom: 0px;
padding: 0px 30px 20px 30px;
font-size: 14px;
}
@media screen and (max-width: 1024px) {.top-txt01 {width: 65%;padding: 0px 10px 0px 10px;font-size: 14px;line-height: 22px;}}
@media screen and (max-width: 480px) {.top-txt01 {width: 60%;padding: 0px 0px 0px 0px;font-size: 11px;line-height: 15px;}}




.heading1{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}
@media screen and (max-width: 480px) {.heading1 {font-size: 18px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 30px;line-height: 30px;}}

.heading1:before{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:12px;
	width:12px;
	display:block;
	position:absolute;
	top:14px;
	left:7px;
	background-color:#6B0CE8;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}

.heading1:after{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:15px;
	width:15px;
	display:block;
	position:absolute;
	top:7px;
	left:2px;
	background-color:#00A8FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}


.heading2 {
clear:both;
margin: 0px 0px 0px 0px;
color: #6cb4e4;
text-align: center;
padding: 7px 0px 5px 0px;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.heading3 {
margin: 20px 0px 0px 0px;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}


.heading4 {
  position: relative;
  text-align: center;
}

.heading4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

.heading4::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
@media screen and (max-width: 480px) {.heading4 {font-size: 13px;}}


.facebook{
width:100%;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.facebook {display: none;}}
@media screen and (max-width: 480px) {.facebook {text-align: center;margin-left:auto;margin-right:auto;margin-top: 10px;margin-bottom: 10px;padding: 0px 0px 0px 0px;}}

.facebook2{
display:none;
}
@media screen and (max-width: 768px) {.facebook2 {text-align: center;margin-left:auto;margin-right:auto;margin-top: 10px;margin-bottom: 10px;padding: 0px 0px 0px 0px;display:block;}}
@media screen and (max-width: 480px) {.facebook2 {text-align: center;margin-left:auto;margin-right:auto;margin-top: 10px;margin-bottom: 10px;padding: 0px 0px 0px 0px;}}


.class-map {
clear:both;
position: relative;
padding-bottom: 36.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0px 0px 30px 0px;
}

.class-map iframe,
.class-map object,
.class-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#contentheader-01{
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {#contentheader-01{padding: 0px 0px 0px 0px;}}

#contentheader-01 img{
width: 100%;
}
@media screen and (max-width: 480px) {#contentheader-01 img{width: 100%;}}


.work-txt-01 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 42px;
color:#3d3204;
margin: 0px 0px 30px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.work-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.work-txt-01 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.work-txt-01 {font-size:12px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}

.work-txt-02 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 42px;
color:#3d3204;
margin: 0px 0px 30px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.work-txt-02 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.work-txt-02 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.work-txt-02 {font-size:10px;line-height: 22px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}

.work-txt-03 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 42px;
color:#3d3204;
margin: 0px 0px 30px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.work-txt-03 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.work-txt-03 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.work-txt-03 {font-size:10px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}

.work-img-01 {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.work-img-01{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.work-img-01{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.work-img-01{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.work-img-01 img {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/*================================================
 *  製品
 ================================================*/


.productbox-1{
	float:left;
	width: 33%;
	text-align: left;
	margin: 10px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.productbox-1{width: 32%;margin: 10px 10px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.productbox-1{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.productbox-1{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.product-img-01{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.product-img-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.product-img-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.product-img-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.product-img-01 img {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.product-txt-01 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 0px 0px 30px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.product-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-01 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-01 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


.product-txt-02 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.product-txt-02 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.product-txt-02 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.product-txt-02 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


/*================================================
 *  会社概要
 ================================================*/

.corbox-1{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.corbox-1{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.corbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.corbox-1{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cor-img-01{
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cor-img-01{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cor-img-01{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cor-img-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cor-img-01 img {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.cor-img-02{
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cor-img-02{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cor-img-02{margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cor-img-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cor-img-02 img {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.cor-txt-00 {
text-align: right;
font-size:10px;
font-weight:bold;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-00 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-00 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-00 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


.cor-txt-01 {
overflow: hidden;
display: block;
text-align: center;
font-size:12px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-01 {font-size:14px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-01 {font-size:12px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;}}


.cor-txt-02 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 24px;
color:#3d3204;
margin: 0px 0px 20px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-02 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-02 {font-size:14px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 0px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-02 {font-size:16px;line-height: 28px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}


.cor-txt-03 {
text-align: left;
font-size:14px;
font-weight:bold;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-03 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-03 {font-size:14px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-03 {font-size:12px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;}}


.cor-txt-04 {
text-align: center;
font-size:14px;
font-weight:bold;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-04 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-04 {font-size:14px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-04 {font-size:12px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}



.cor-txt-05 {
text-align: right;
font-size:10px;
font-weight:bold;
color:#3d3204;
margin: -30px 0px 0px 0px;
padding: 10px 100px 10px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.cor-txt-05 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.cor-txt-05 {font-size:12px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 0px 70px 20px 10px;}}
@media screen and (max-width: 480px) {.cor-txt-05 {font-size:10px;line-height: 28px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}


/*================================================
 *  アクセス
 ================================================*/

.accbox-1{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.accbox-1{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.accbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.accbox-1{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.accbox-2{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.accbox-2{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.accbox-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.accbox-2{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.acc-txt-01 {
overflow: hidden;
display: block;
text-align: center;
font-size:14px;
font-weight:bold;
line-height: 42px;
color:#3d3204;
margin: 0px 0px 50px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.acc-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.acc-txt-01 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.acc-txt-01 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


/*================================================
 *  お問合せ
 ================================================*/

.conbox-1{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.conbox-1{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.conbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.conbox-1{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.conbox-2{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.conbox-2{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.conbox-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.conbox-2{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.con-txt-01 {
overflow: hidden;
display: block;
text-align: center;
font-size:14px;
font-weight:bold;
line-height: 42px;
color:#3d3204;
margin: 0px 0px 20px 0px;
padding: 0px 10px 0px 10px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.con-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.con-txt-01 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.con-txt-01 {font-size:12px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}


.con-txt-02 {
overflow: hidden;
display: block;
text-align: center;
font-size:16px;
font-weight:bold;
line-height: 18px;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.con-txt-02 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.con-txt-02 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.con-txt-02 {font-size:16px;line-height: 28px;margin: 0px 0px 10px 0px;padding: 10px 0px 0px 0px;}}


.wpcf7 input[name="text-570"],
.wpcf7 input[name="text-581"],
.wpcf7 input[name="text-585"],
.wpcf7 input[name="tel-525"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"] {
width: 100%;
height: 25px !important;
margin: 0px auto 0px auto;
}
@media screen and (max-width: 1024px) {
.wpcf7 input[name="text-570"],
.wpcf7 input[name="text-581"],
.wpcf7 input[name="text-585"],
.wpcf7 input[name="tel-525"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 80%;height: 25px !important;}}
@media screen and (max-width: 768px) {
.wpcf7 input[name="text-570"],
.wpcf7 input[name="text-581"],
.wpcf7 input[name="text-585"],
.wpcf7 input[name="tel-525"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 80%;height: 25px !important;}}
@media screen and (max-width: 480px) {
.wpcf7 input[name="text-570"],
.wpcf7 input[name="text-581"],
.wpcf7 input[name="text-585"],
.wpcf7 input[name="tel-525"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{width: 100%;height: 25px !important;}}

.wpcf7 textarea[name="your-message"] {
width: 100%;
height: 350px !important;
}
@media screen and (max-width: 1024px) {.wpcf7 textarea[name="your-message"]  {width: 80%;height: 350px !important;}}
@media screen and (max-width: 768px) {.wpcf7 textarea[name="your-message"]  {width: 80%;height: 350px !important;}}
@media screen and (max-width: 480px) {.wpcf7 textarea[name="your-message"]  {width: 100%;height: 250px !important;}}


/*================================================
 *  個人情報保護方針
 ================================================*/

.pribox-1{
clear:both;
overflow: hidden;
display: block;
width: 100%;
text-align: left;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.pribox-1{width: 100%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.pribox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.pribox-1{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.pri-txt-01 {
overflow: hidden;
display: block;
text-align: left;
font-size:14px;
line-height: 28px;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.pri-txt-01 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.pri-txt-01 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.pri-txt-01 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


.pri-txt-02 {
overflow: hidden;
text-align: left;
font-weight:bold;
font-size:14px;
line-height: 28px;
color:#3d3204;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 1024px) {.pri-txt-02 {font-size:14px;line-height: 32px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 768px) {.pri-txt-02 {font-size:14px;line-height: 32px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}
@media screen and (max-width: 480px) {.pri-txt-02 {font-size:14px;line-height: 28px;margin: 0px 0px 30px 0px;padding: 10px 0px 0px 0px;}}


/*================================================
 *  コンテンツ
 ================================================*/

.co-inner-01 {
width: 100%;
margin: 0 auto;
/*background-image: url("../images/art2.png");*/
/*background-attachment:fixed;*/
/*background-position: 0% 0%; */
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-01 {background-image: url("../images/allback.png");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.co-inner-01 {background-image: url("../images/allback.png");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.co-inner-01 {background-image: url("../images/allback.png");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}


.co-inner-02 {
float:left;
width: 100%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-02 {width: 60%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-02 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-02 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}


.co-inner-03 {
float:right;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-03 {width: 40%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-03 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-03 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-04 {
width: 100%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-04 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-04 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-04 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}


.co-inner-05 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-05 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-05 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-05 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}


.co-inner-06 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-06 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-06 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-06 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-07 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-07 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-07 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-07 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-08 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-08 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-08 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-08 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-09 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-09 {width: 80%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-09 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-09 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-10 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-10 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-10 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-10 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co-inner-11 {
width: 80%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-11 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {.co-inner-11 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co-inner-11 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}


#page-inner-01 {
width: 100%;
margin: 0 auto;
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {#page-inner-01 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 780px) {#page-inner-01 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#page-inner-01 {width: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

/*================================================
 *  コンテンツ2
 ================================================*/


.box-00 {
clear:both;
overflow: hidden;
display: block;
	width: 90%;
	text-align: left;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.box-00{width: 32%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.box-00{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.box-00{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.box-01 {
	float:left;
	width: 33%;
	text-align: left;
	margin: 10px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.box-01{width: 32%;margin: 10px 10px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.box-01{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.box-01{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.box-02 {
	float:left;
	width: 33%;
	text-align: left;
	margin: 10px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.box-02{width: 32%;margin: 10px 10px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.box-02{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px;}}
@media screen and (max-width: 480px) {.box-02{width: 100%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.box-03 {
	float:left;
	width: 25%;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.box-03{width: 32%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.box-03{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.box-03{width: 50%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.box-04 {
	float:left;
	width: 25%;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.box-04{width: 32%;margin: 10px 3px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.box-04{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.box-04{width: 50%;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



/*================================================
 *  co-inner-01
 ================================================*/

.co1box-1 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co1box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co1box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.co1-txt-01 {
		text-align: center;
		font-weight:bold;
    font-size:24px;
		line-height: 28px;
		margin: 10px 0px 0px 0px;
		padding: 10px 20px 20px 40px;
font-family: "serif",serif;
}
@media screen and (max-width: 768px) {.co1-txt-01 {font-size:20px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.co1-txt-01 {font-size:20px;line-height: 28px;padding: 0px 10px 20px 10px;}}

.co1-txt-02 {
		text-align: center;
		font-weight:bold;
    font-size:20px;
		line-height: 48px;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 20px 40px;
font-family: "serif",serif;
}
@media screen and (max-width: 768px) {.co1-txt-02 {font-size:18px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.co1-txt-02 {font-size:18px;line-height: 32px;padding: 0px 10px 0px 10px;}}


/*================================================
 *  co-inner-02
 ================================================*/

.co2box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
background: linear-gradient(to left, #ffffff 25%, #efefef 0%, #f8f8f8 20%, #E2EBF0 20%);
}
@media screen and (max-width: 768px) {.co2box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;background: linear-gradient(to left, #ffffff 50%, #efefef 0%, #f8f8f8 20%, #E2EBF0 20%);}}

.co2box-2 {
width: 80%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co2box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2box-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}


.co2-inbox-1 {
float:left;
width: 35%;
overflow: hidden;
display: block;
margin: 80px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co2-inbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inbox-1{width: 100%;margin: 30px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.co2-inbox-2 {
float:left;
width: 55%;
overflow: hidden;
display: block;
margin: 30px 0px 30px 100px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co2-inbox-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inbox-2{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.co2-inbox-3 {
float:left;
width: 55%;
overflow: hidden;
display: block;
margin: 30px 0px 30px 100px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co2-inbox-3{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inbox-3{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}



.co2-inimg-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2img{width: 45%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 40px;}}
@media screen and (max-width: 768px) {.co2img{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;float:none;width: 80%;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2img{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;float:none;width: 90%;padding: 0px 0px 0px 0px;}}

.co2-inimg-1 img{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-inimg-1{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co2-inimg-1{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inimg-1{width: 70%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co2-inimg-2{
float:left;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-inimg-2{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co2-inimg-2{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inimg-2{float:none;width: 70%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co2-inimg-2 img{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.co2-inimg-3{
float:left;
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-inimg-3{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co2-inimg-3{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co2-inimg-3{float:none;width: 70%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.co2-inimg-3 img{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}






.co2-intxt-0 {
overflow: hidden;
display: block;
font-size:25px;
font-weight:bold;
color:#3B464D;
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-intxt-0 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-0 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-0 {font-size:24px;line-height: 18px;padding: 20px 0px 20px 10px;}}

.co2-intxt-1 {
clear:both;
font-size:25px;
font-weight:bold;
line-height: 32px;
color:#3B464D;
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-1 {font-size:24px;line-height: 18px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 10px;}}
.co2-intxt-1 a {text-decoration:none;}

.co2-intxt-1:first-letter {
font-size:55px;
font-weight:bold;
color:#6ab0e2;
}
@media screen and (max-width: 480px) {.co2-intxt-1:first-letter {font-size:45px;}}

.co2-intxt-2 {
clear:both;
font-size:14px;
line-height: 26px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co2-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-2 {font-size:14px;line-height: 26px;padding: 0px 0px 0px 10px;}}

.co2-intxt-3 {
float:left;
font-size:20px;
font-weight:bold;
line-height: 32px;
color:#3B464D;
margin: 0px 0px 0px 0px;
padding: 60px 0px 0px 10px;
}
@media screen and (max-width: 1024px) {.co2-intxt-3 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-3 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-3 {font-size:24px;line-height: 18px;padding: 10px 0px 10px 10px;}}
.co2-intxt-3 a {text-decoration:none;}

.co2-intxt-3:first-letter {
font-size:40px;
font-weight:bold;
color:#F36F21;
}
@media screen and (max-width: 480px) {.co2-intxt-3:first-letter {font-size:45px;}}

.co2-intxt-4 {
width: 55%;
float:left;
font-size:14px;
line-height: 26px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
@media screen and (max-width: 1024px) {.co2-intxt-4 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-4 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-4 {clear:both;float:none;width: 100%;font-size:14px;line-height: 26px;padding: 0px 0px 0px 10px;}}

.co2-intxt-5 {
float:left;
font-size:20px;
font-weight:bold;
line-height: 32px;
color:#3B464D;
margin: 0px 0px 0px 0px;
padding: 60px 0px 0px 10px;
}
@media screen and (max-width: 1024px) {.co2-intxt-5 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co2-intxt-5 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co2-intxt-5 {font-size:20px;line-height: 18px;margin: 10px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
.co2-intxt-5 a {text-decoration:none;}

.co2-intxt-5:first-letter {
font-size:40px;
font-weight:bold;
color:#9ECC41;
}
@media screen and (max-width: 480px) {.co2-intxt-5:first-letter {font-size:45px;}}



/*================================================
 *  co-inner-03
 ================================================*/

.co3box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
background: linear-gradient(to left, #E5F4F3 30%, #efefef 20%, #f8f8f8 20%, #ffffff 20%);
}
@media screen and (max-width: 768px) {.co3box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co3box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.co3box-2 {
width: 80%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co3box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co3box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.co3-inbox-1 {
postion: relative;
width: 100%;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co3-inbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co3-inbox-1{width: 100%;margin: 30px 0px 30px 0px;padding: 0px 0px 0px 0px;}}




.co3-inimg-1{
float:left;
width: 60%;
overflow: hidden;
display: block;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co3-inimg-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co3-inimg-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co3-inimg-1{float:none;width: 80%;margin: 0px auto 10px auto;}}

.co3-inimg-1 img {
width: 100%;
}

.co3-intxt-1 {
position: absolute;
font-size:55px;
font-weight:bold;
line-height: 32px;
color:#3B464D;
margin: 0px 0px 0px 0px;
padding: 150px 0px 0px 590px;
}
@media screen and (max-width: 1024px) {.co3-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co3-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co3-intxt-1 {position: static;font-size:24px;line-height: 18px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
.co3-intxt-1 a {text-decoration:none;}

.co3-intxt-1:first-letter {
font-size:85px;
font-weight:bold;
color:#EF477F;
}
@media screen and (max-width: 480px) {.co3-intxt-1:first-letter {font-size:45px;}}

.co3-intxt-2 {
position: absolute;
width: 30%;
font-size:14px;
line-height: 32px;
margin: 0px 0px 0px 0px;
padding: 260px 0px 0px 660px;
}
@media screen and (max-width: 1024px) {.co3-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co3-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co3-intxt-2 {position: static;overflow: hidden;display: block;width: 90%;font-size:14px;line-height: 26px;padding: 0px 0px 0px 0px;}}


/*================================================
 *  co-inner-04
 ================================================*/

.co4box-1 {
width: 100%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
background: linear-gradient(to left, #ffffff 73%, #efefef 20%, #f8f8f8 20%, #E5F4F3 20%);
}
@media screen and (max-width: 768px) {.co4box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co4box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.co4box-2 {
width: 80%;
overflow: hidden;
display: block;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co4box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co4box-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.co4-inbox-1 {
postion: relative;
width: 100%;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co4-inbox-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co4-inbox-1{width: 100%;margin: 30px 0px 30px 0px;padding: 0px 0px 0px 0px;}}




.co4-inimg-1{
float:right;
width: 60%;
overflow: hidden;
display: block;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co4-inimg-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co4-inimg-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co4-inimg-1{float:none;width: 80%;margin: 0px auto 10px auto;}}

.co4-inimg-1 img {
width: 100%;
}

.co4-intxt-1 {
position: absolute;
font-size:55px;
font-weight:bold;
line-height: 32px;
color:#3B464D;
margin: 0px 0px 0px 0px;
padding: 150px 0px 0px 40px;
}
@media screen and (max-width: 1024px) {.co4-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co4-intxt-1 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co4-intxt-1 {position: static;font-size:24px;line-height: 18px;margin: 0px 0px 10px 20px;padding: 0px 0px 0px 0px;}}
.co4-intxt-1 a {text-decoration:none;}

.co4-intxt-1:first-letter {
font-size:85px;
font-weight:bold;
color:#EF477F;
}
@media screen and (max-width: 480px) {.co4-intxt-1:first-letter {font-size:45px;}}

.co4-intxt-2 {
position: absolute;
width: 30%;
font-size:14px;
line-height: 32px;
margin: 0px 0px 0px 0px;
padding: 230px 0px 0px 50px;
}
@media screen and (max-width: 1024px) {.co4-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 768px) {.co4-intxt-2 {font-size:32px;line-height: 18px;padding: 20px 0px 20px 10px;}}
@media screen and (max-width: 480px) {.co4-intxt-2 {position: static;overflow: hidden;display: block;width: 90%;font-size:14px;line-height: 26px;margin: 0px 0px 0px 20px;padding: 0px 0px 0px 0px;}}

/*================================================
 *  co-inner-05
 ================================================*/

.cobox5-0{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox5-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox5-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox5-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

/*================================================
 *  co-inner-06
 ================================================*/

.cobox6-0{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox6-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox6-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox6-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cobox6-1{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox6-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox6-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox6-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cobox6-2{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox6-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox6-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox6-2{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

/*================================================
 *  co-inner-07
 ================================================*/

.cobox7-0{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox7-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox7-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox7-0{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.cobox7-1{
overflow: hidden;
width: 100%;
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.cobox7-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.cobox7-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.cobox7-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


/*================================================
 *  co-inner-11
 ================================================*/

.co11box-1 {
width: 90%;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co11box-1{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co11box-1{width: 100%;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}

.co11img-02 {
width: 30%;
overflow: hidden;
display: block;
margin: -20px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.co11img-02{width: 30%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.co11img-02{width: 30%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.co11img-02{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:10px;float:none;width: 80%;padding: 10px 0px 0px 0px;}}

.co11img-02 img {
width: 100%;
}


/*================================================
 * table
 ================================================*/

table {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 80%;
	margin: 0px auto 30px auto;
}
table th,
table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
  text-align: center;
}
table th {
  background-color: #eee;
  text-align: center;
}

@media screen and (max-width: 400px) {
  table {
    border: none;
    margin: 10px 0px 0px 0px;
		width: 100%;
		font-size:12px;
  }
  table thead {
    display: none;
  }
  table tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 5px 10px 5px 10px;
    text-align: right;
  }
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}



#page-top {
    position: fixed;
    bottom: 0px;
    right: 50px;
    font-size: 500%;
}
@media screen and (max-width: 480px) {#page-top{right: 0px;}}
#page-top a {
    text-decoration: none;
    color: #5b666d;
    padding: 0px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}



/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px solid #ccc;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#48e;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}
@media screen and (max-width: 480px) {.hentry img {float:none;display:block;margin:auto auto 0px;padding:0;max-width:100%;}}

/*comment*/
#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*sideFix*/
#sideFix{width:280px;}
@media screen and (max-width:920px){#sideFix{width:auto;}}
.fixed{top: 20px;}
@media screen and (max-width:920px){.fixed{position:static;}}

/*side*/
#side{overflow:hidden;padding:50px 20px 0px 20px;margin:0px 0px 0px 0px;width:25%;float:right;}
@media screen and (max-width: 1024px) {#side{padding:70px 20px 0px 10px;float:none;}}
@media screen and (max-width: 768px) {#side{width:97%;padding:0px 20px 0px 10px;float:none;}}
@media screen and (max-width: 480px) {#side{clear:both;border-top:1px solid #ccc;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}}
#side2{overflow:hidden;padding:20px 0 20px;margin:0;width:220px;float:right;}
@media screen and (max-width: 920px) {#side2{border-top:1px solid #ccc;width:100%;float:none;}}
@media screen and (max-width: 480px) {#side2{clear:both;border-top:1px solid #ccc;}}
.side-widget{padding:0px 0 0;float:left;width:280px;overflow:hidden;}
@media screen and (max-width: 920px) {.side-widget{border-bottom-style:none;margin:0 10px;}}
@media screen and (max-width: 480px) {.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding-bottom:20px;}}
.side-widget .widget-title{margin:0;font-weight:bold;}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer{clear:both;overflow: hidden;max-width:100%;margin:auto;background-color:#3B464D;padding:0;}
#footer-wrap{max-width:1280px;margin:auto;}
#footer-bottom{max-width:100%;margin:auto;padding:10px 0 0;background-color:#3B464D;}
#copyright{text-align:center;margin:0px auto 0px auto;padding:0px 0px 40px 10px;font-size:11px;color: #fff;}
@media screen and (max-width: 920px) {#copyright{margin:0px auto 0px auto;padding:0px 0px 20px 0px;font-size:7px;}}

#copyright2{text-align:center;margin:0px auto 0px auto;padding:0px 0px 0px 10px;font-size:11px;color: #fff;}
@media screen and (max-width: 920px) {#copyright2{margin:0px auto 0px auto;padding:0px 0px 20px 0px;font-size:7px;}}
#copyright2 a{color: #fff;text-decoration: none;}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{width:90%;margin:0px auto 0px auto;padding:0px 0px 0px 70px;}
@media screen and (max-width: 768px) {#footer-widget-area{width:90%;margin:0px auto 0px auto;padding:0px 0px 0px 30px;}}
@media screen and (max-width: 480px) {#footer-widget-area{width:90%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}}
.footer-widget{padding:15px 0;margin:0 30px 0 0;float:left;width:22%;}
@media screen and (max-width: 1024px) {.footer-widget{width:20%;}}
@media screen and (max-width: 768px) {.footer-widget{width:20%;}}
@media screen and (max-width: 480px) {.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}
.footer-widget img{max-width:195px;}

/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}

/*Contact Form 7*/
.wpcf7-form{width: 70%;border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
@media screen and (max-width: 480px) {.wpcf7-form{width: 85%;}}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}