@charset "utf-8";html{margin-bottom:1px;height:100%;}
html, body,
h1, h2, h3, h4, h5, h6,
div, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td{margin:0;padding:0;font-family:"メイリオ", Meiryo,
}
@media screen and (max-width: 480px){
#blogmain{max-width: 100%;}#blogside{max-width: 100%;}
    div#topmenu{max-width: 100%;}
    div#logo {width: 100%;text-align: center;position:static;vertical-align: bottom;}
    div#right-menu{text-align: right;width: 100%;}
     #menu a:link{color:#000;text-decoration:none;}
#menu a:visited{color:#000;text-decoration:none;}
#menu a:hover{color:#000;text-decoration:underline;}
#menu a:active{color:#000;text-decoration:none;}
    div#menu2{width: 100%;clear: both;}
    .menu-01{width: 100%;margin-bottom:20px;text-align: left;margin:0 auto;}
     .main-sub{width: 100%;text-align: left;vertical-align: top; display: block;
        margin-bottom: 1.5em; }
    .main-text{min-width:50px;color:#cc9966;text-align: center; font-size: 150%;border: 5px solid #cc9966; width: 100%;vertical-align:middle;text-indent: 1.5em;  display: block;
        margin-bottom: 1.5em;}
li.menuli{float:left;list-style-type: none;}
textarea {
width: 250px;
height: 10em;
}.spnone{display:none;}
    .service-left{width: 100%;margin-bottom:20px;text-align: left;margin:0 auto;}
     .service-right{width: 100%;margin-bottom:20px;text-align: left;margin:0 auto;}
     .profile{width: auto;text-align: left;margin:0 auto;}
     .profile-right{width: auto;text-align: left;margin:0 auto;display: block;padding:10px;}
     .profile-left{width: auto;text-align: left;margin:0 auto;display: block;background: #cc9966;color:#fff;padding:10px;}
    .midashi{text-align: center;max-width:150px;padding:2px 2px 2px 2px;background-color:#993333;color:#fff;}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 .ran01{display: block;}.ran02{display: block;}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.form-width { max-width: 100%;}
    }
#widget_sp_image-2{float:left;list-style-type:none;}
#widget_sp_image-3{float:left;list-style-type:none;}
#widget_sp_image-4{float:left;list-style-type:none;}
}

@media screen and (max-width: 768px){
#blogmain{max-width: 100%;}#blogside{max-width: 100%;}
      div#topmenu{max-width: 100%;}
    div#logo {width: 100%; text-align: center;vertical-align: bottom;position:static;}
    div#right-menu{width: 95%;margin:10px 10px 10px 10px;position:static;text-align: right;}
     .main-01{width: 100%;margin-bottom:20px;text-align: left;margin:0 auto; }
      .main-sub{width: 100%;text-align: left;vertical-align: top;display: block;margin-bottom: 1.5em; }
     .main-text{min-width:50px;color:#cc9966;text-align: center; font-size: 150%;border: 5px solid #cc9966; width: 100%;vertical-align:middle;text-indent: 0.5em;display: block;margin-bottom: 1.5em;}
     .midashi{float:left;text-align: center;width:50px;padding:11px 11px 11px 12px;background-color:#993333;letter-spacing: 0.2em;color:#fff;}
li.menuli{float:left;list-style-type: none;padding:10px;}
textarea {
width: 250px;
height: 10em;
}.company{background-color: #ecff99;}
.spnone{display:none;}.shop2{max-width:300px;text-align: left; padding:15px; position:static;}
 .service-01{width: 100%;}
.service-02{width: 100%; display: table;vertical-align: top;}
.profile{max-width:768px;text-align: left;margin:0 auto;}
.profile-right{max-width: auto;text-align: left;margin:0 auto;display: block;padding:10px;}
.profile-left{max-width:auto;text-align: left;margin:0 auto;display: block;background: #cc9966;color:#fff;padding:10px;}
#widget_sp_image-2{float:left;list-style-type:none;}
#widget_sp_image-3{float:left;list-style-type:none;}
#widget_sp_image-4{float:left;list-style-type:none;}
.ran01{display: block;}.ran02{display: block;vertical-align:middle;}
 }
@media screen and (min-width: 900px) {
#blogmain{width:700px;float:left}#blogside{width:150px;float:right;}
  #header-line{width:100%; height:19px; background:url("../images/sen.png");background-color: #000;}
    div#topmenu{max-width: 900px;height: 110px;margin: 0 auto;}
   div#logo {padding-top: 10px;float: left; max-width:700px;text-align: left;position:static;vertical-align: bottom;}
   div#right-menu{height:110px;float:right;width:auto;}
     .main-01{max-width:920px;padding:10px 10px 20px 10px;text-align: left;margin:0 auto;font-size: 80%;}
      .main-sub{max-width:500px;text-align: left;vertical-align: top;padding:0px 0px 0px 10px; }
     .main-text{color:#cc9966;text-align: center; font-size: 150%;border: 5px solid #cc9966; height:150px; width:300px;vertical-align:middle;text-indent: 0.5em;}
    .main-left{width: 350px;float:left;}
     .main-right{width: 350px;float:right;}
     .midashi{float:left;text-align: center;width:120px;padding:10px 10px 10px 11px;background-color:#993333;color:#fff;}
textarea {
width: 400px;
height: 10em;
}.pcnone{display:none;}
.profile{max-width: 920px;text-align: left;margin:0 auto;margin:5px;}
.profile-right{width: auto;text-align: left;margin:0 auto;padding:10px;}
.profile-left{max-width:150px ;text-align: left;margin:0 auto;background: #cc9966;color:#fff;padding:10px;}
#widget_sp_image-2{float:left;list-style-type:none;}
#widget_sp_image-3{float:left;list-style-type:none;}
#widget_sp_image-4{float:left;list-style-type:none;}
.ran00{padding:10px;width:750px;margin:0 auto;}.ran01{width:190px;padding:10px;vertical-align:middle;text-align:center;height:50px;}.ran02{padding:5px;vertical-align:middle;line-height:20px;}.ran-text{max-width:740px; margin:0 auto;}
}

a img{border:none;}
body{font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
line-height:210%;color:#808080;-webkit-text-size-adjust:100%;font-size:120%;}
.all{max-width:940px;margin:0 auto;padding:10px; background:#fff;clear:both;positin:static;}
#header-menu{width:100%;}
#banner{max-width:920px;heigh:auto; padding:5px 0px 5px 0px;}
#header{max-width:900px; height:auto;}
#box{max-width:920px;margin: 0 auto;padding:10px;}
#box2{max-width:920px;margin: 0 auto;text-align: center;}
#service{max-width:920px;text-align:left;margin:0 auto;font-size: 80%;}
.service-in{max-width:920px;margin:0 auto; display: block;}
#main{font-size:80%;max-width: 920px;clear: both;text-align: left; margin:0 auto;padding-top:10px;padding-bottom: 20px;}
#fotter{min-height:150px;color:#fff;width:100%;text-align:center;vertical-align: bottom;margin:0 auto;clear: both;
background:url("../images/fotter.png");border-top: 3px solid #660033;positin:static;}
#submenu{clear: both;max-width: 500px;text-align: left; margin: 0 auto;vertical-align: top;position: relative;}
#submenu ul.icon{list-style-image: url(images/icon.gif);padding-left:40px;}
.submenu2{color:#000;}
.submenu2 a:link{color:#000;text-decoration:none;}
.submenu2 a:visited{color:#000;text-decoration:none;}
.submenu2 a:hover{color:#000;text-decoration:underline;}
.submenu2 a:active{color:#000;text-decoration:none;}
img.smart{max-width:100%;height:auto;-ms-interpolation-mode: bicubic; }
.attachment-full{max-width:100%;height:auto;-ms-interpolation-mode: bicubic;margin:2px; }
img{max-width:100%;height:auto;-ms-interpolation-mode: bicubic; }
#catemenu{max-width:100%;height:43px;
background:url("../images/menu.png");
height:60px;font-size:80%;}
.m01{font-weight:900;margin:0 auto; width:900px;height:51px;display:block;border-bottom:1px solid #fff;}
.m02{display: block;font-weight:900;margin:0 auto; height:50px;color:#fff;list-style-type:none;text-align: center;width:170px;
  float:left;border-left:1px solid #fff;letter-spacing: 0.2em;}
.m03{font-weight:900;margin:0 auto; height:50px;color:#fff;list-style-type:none;text-align: center;width:170px;float:left;letter-spacing: 0.2em;}
.m02 a{display: block;font-weight:900;margin:0 auto;height:42px; padding-top:9px;color:#fff;display: block;text-decoration: none;letter-spacing: 0.2em;}
.m02 a:hover{display: block;font-weight:900;margin:0 auto; height:42px; padding-top:9px;background-color:#993333;color:#ffffff;letter-spacing: 0.2em;}
.m03 a{font-weight:900;margin:0 auto; height:42px;padding-top:9px; display: block;color:#fff;text-decoration: none;letter-spacing: 0.2em;}
.m03 a:hover{font-weight:900;margin:0 auto; height:42px;padding-top:9px;background-color:#993333;color:#ffffff;letter-spacing: 0.2em;}
.more{text-align:center;margin-left: auto;width:100px;padding:5px 5px 5px 10px;background-color:#993333;letter-spacing: 0.2em;color:#fff;}
.more a{text-align:center;text-decoration: none;width:70px;padding:5px 5px 5px 5px;background-color:#993333;letter-spacing: 0.2em;color:#fff;}
.more a:visit{text-align:center;text-decoration: none;width:70px;padding:5px 5px 5px 5px;background-color:#993333;letter-spacing: 0.2em;color:#fff;}
.frame {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "New";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

br{letter-spacing:0;}
.button{background-color:#fff;color:#000;padding:10px;border:1px solid #000;}
.button:hover{color:#000;background-color:#fff;padding:10px;text-decoration:none;}
p.plain{text-align:left;}
p.center{text-align:center;}
p.right{text-align:right;}

.line{height: 1px;background-color: #b2a600;border: none;color: #b2a600;}
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}

#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

#page-top p:hover{
	background:#8b8b8b;
}

#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

.midashi2{float:left;font-size:120%;font-weight:bold;color:#993333;padding: 10px;}
p.subtext{color:#DB7644;font-size:120%;}
h4{font-size:180%;font-weight:bold;color:#993333;padding: 10px;text-align: center;}
.midashi3{padding-top:20px; font-size:170%;text-align: center;border-bottom:2px solid #DB7644;letter-spacing: 0.8em;color:#DB7644;}
.midashi4{padding-top:20px; font-size:110%;text-align: center;border-bottom:2px solid #DB7644;letter-spacing: 0.8em;color:#DB7644;}
.midashi5{padding:5px; font-size:90%;text-align: left;letter-spacing: 0.8em;color:#fff;background:#DB7644;
  border-radius: 10px;        /* CSS3草案 */
     -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
     -moz-border-radius: 10px;   /* Firefox用 */font-weight:700;   }
.howtext{font-size:90%;}

/*link*/
.link-line{text-decoration: none;border-bottom: 1px dashed #DB7644;color:#DB7644;}
.link-line a{text-decoration: none;border-bottom: 1px dashed #DB7644;color:#DB7644;}
.link-line a:hover{text-decoration: none;border-bottom: 1px dashed #DB7644;color:#DB7644;}
.link-line-no{text-decoration: none;color:#DB7644;}
.pankuzu{font-size:80%;}
/*menu*/

#menu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background:#cc9933;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #fff;
  color:#000;
}
#toggle{
 display: none;
}
@media screen and (max-width: 768px) {
    #menu li{
    width: 20%;
font-size:70%;
    border-bottom: 1px solid #cc9933;
  }
}
@media only screen and (max-width: 480px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background-color: #cc9933;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #993333;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #cc9933;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}
.news{padding:10px;clear: both;list-style-type:none;}
.news2{border-bottom: 1px dashed #999;padding:2px;clear:both;}
#moji2{width:100px;margin-left: auto;}
ul.moji{display: inline; text-align: right;clear:both;}
li.swit{float:left;list-style-type: none;background-color: #3D9D37;margin:5px;padding:5px;}
li.swit a{text-decoration: none;color:#fff;}
li.swit a:visit{text-decoration: none;color:#fff;}
.topon{vertical-align: top;}

#rss{max-width: 900px;}
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
width:100%;
    position: relative;
    overflow: visible;
}
.viewer ul {
width:100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
width:100%;
    position: absolute;
}
.viewer ul li img {
max-width:100%;
}



/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.viewer ul {
    display: inline-block;
    overflow: visible;
    height:auto;
}
.relative{
    position: relative;
    z-index:5;
}
.fb-share-button {
   vertical-align: top !important;
   line-height: 1;
}

.bde{clear:both;}

.date{margin-top:3px;min-width:110px;list-style-type: none;padding:2px 2px 2px 0px;clear: both;list-style-type:none;font-size: 110%;float:left;}
.date a{margin-top:3px;color:#808080;text-decoration: none;}
     .title{font-weight:600;list-style-type: none;padding:2px 2px 2px 0px;clear: both;list-style-type:none;font-size: 120%;clear:both;border-bottom: 1px dashed #999;}
       .title a{color:#808080;text-decoration: none;font-weight:600;padding:2px 2px 2px 0px;clear:both;}
.howtext{font-size:90%;}
.memotitle{font-weight:bold;font-size:100%;text-aligin:left;}
.memotitle a{font-weight:bold;color:#DB7644;text-aligin:left;}.memotitle a:visit{font-weight:bold;color:#DB7644;text-aligin:left;}
.navi a{color:#000;}.navi a:visit{color:#000;}
.navi{margin: 0 auto;text-align:center; max-width:500px;}
.memo{font-size:90%;}
hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.category{margin-top:2px;padding-bottom:3px;height:28px;text-align:center;color:#fff;float:left;font-size:50%;list-style-type: none;width:80px;background-color: #ffcc33; 
border-radius: 1px 1px 1px 1px / 1px 1px 1px 1px;       /* CSS3草案 */
   float:left; }
 .category a{margin-top:2px;padding-bottom:3px;height:28px;text-align:center;loat:left;font-size:50%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }
 .category a:visit{margin-top:2px;padding-bottom:3px;height:28px;text-align:center;float:left;font-size:50%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }
@-moz-document url-prefix() {
	.category{margin-top:2px;padding-bottom:3px;font-weight:bold;height:28px;text-align:center;color:#fff;float:left;font-size:80%;list-style-type: none;width:80px;background-color: #ffcc33; 
border-radius: 1px 1px 1px 1px / 1px 1px 1px 1px;       /* CSS3草案 */
   float:left; }
 .category a{margin-top:2px;padding-bottom:3px;font-weight:bold;height:28px;text-align:center;loat:left;font-size:80%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }
 .category a:visit{margin-top:2px;padding-bottom:3px;font-weight:bold;height:28px;text-align:center;float:left;font-size:80%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }
}
.pankuzu{font-size:90%;}.pankuzu a{color:#ffcc33;text-decoration:none;}.pankuzu a:visit{color:#ffcc33;text-decoration:none;}

:root *>.category{margin-top:2px;padding-bottom:10px;height:28px;text-align:center;color:#fff;float:left;font-size:70%;list-style-type: none;width:80px;background-color: #ffcc33; 
border-radius: 1px 1px 1px 1px / 1px 1px 1px 1px;       /* CSS3草案 */
   float:left; }
 .category a{margin-top:2px;padding-bottom:10px;height:28px;text-align:center;loat:left;font-size:70%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }
 .category a:visit{margin-top:2px;padding-bottom:10px;height:28px;text-align:center;float:left;font-size:70%;color:#fff;text-decoration: none; width:80px;background-color: #ffcc33;
       }


/*フォーム*/
span.wpcf7-list-item { display: block; }
.wpcf7-submit {
font-size: 1.2em;
padding: 5px 30px;
background-color: #999;
color: #fff;
border-style: none;
}
 
.wpcf7-submit:hover:enabled {
background-color: #000;
color: #fff;
}
/*診断*/
.shindan{background-color:#FFFF99;padding:10px;max-width:710px;margin:0 auto;}

/*組織概要*/
#profile{
  width: 800px;
  margin: 80px auto;
}

#profile tr:nth-of-type(2n){
  background-color: #ccc;
}

#profile tr:nth-of-type(2n+1){
  background-color: #aaa;
}

#profile th{
  color: #aaa;
  font-weight: bold;
  background-color: #444;
}

#profile td{
  color: #333;
  font-weight: bold;
}

#profile td:first-child{
  width: 125px;
  text-align: center;
}