/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/

/* == == == == == == == == == == == == == == == == == == == ==
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display: block;
}

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

blockquote,
q {
 quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* == == == == == == == == == == == == == == == == == == == ==
start editing from here
*/
a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}/* AKIRA FUJITA 20160220 */

.txt-rt {
 text-align: right;
}/* text align right */

.txt-lt {
 text-align: left;
}/* text align left */

.txt-center {
 text-align: center;
}/* text align center */

.float-rt {
 float: right;
}/* float right */

.float-lt {
 float: left;
}/* float left */

.clear {
 clear: both;
}/* clear float */

.pos-relative {
 position: relative;
}/* Position Relative */

.pos-absolute {
 position: absolute;
}/* Position Absolute */

.vertical-base {
 vertical-align: baseline;
}/* vertical align baseline */

.vertical-top {
 vertical-align: top;
}/* vertical align top */

.underline {
 padding-bottom: 5px;
 border-bottom: 1px solid #eee;
 margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */

nav.vertical ul li {
 display: block;
}/* vertical menu */

nav.horizontal ul li {
 display: inline-block;
}/* horizontal menu */

img {
 max-width: 100%;
}

/* == == == == == == == == == == == == == == == == == == == ==
basement
*/
body {
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴシック", Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160404 */
 font-size: 100%;/* AKIRA FUJITA 20160320 *//* フォントのマスターサイズ設定 */
 background: #EEE3D7; /* AKIRA FUJITA 20160406 */
}

.wrap {
 margin: 0 auto;
 width: 80%;
}

/* start header */
.header_bg {
 background: #000000;
/* background-image:url(../images/bg_1260x640_02.png); *//* AKIRA FUJITA 20160412 */
}

.header {
 padding: 2%;
}

.logo {
 float: left;
}

/* start YBF_Menu */
.header_bottom_right {
 float: right;
}

/*.h_menu4 {
 float: right;
 margin-top: 4px;
}*//* AKIRA FUJITA 20160224 */
.YBF_Menu {
 float: right;
 margin-top: 4px;
}

.toggleMenu {
 display: none;
 background: #ff530d;
 width: 100%;
 color: #FFF;
 font-size: 1.5em;
}

/* == == == == == == == == == == == == == == == == == == == ==
.nav
*/
.nav {
 list-style: none;
 margin-top: 0.5em;
 border: solid 1px #eeeeee; /* AKIRA FUJITA 20160224 */
 border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -webkit-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -moz-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -o-border-radius: 8px; /* AKIRA FUJITA 20160224 */
}

.nav:before,
.nav:after {
 content: " ";
 display: table;
}

.nav:after {
 clear: both;
}

.nav ul {
 list-style: none;
 width: 13em;
 z-index: 888;
}

.nav li a {
 display: block;
 /* padding: 10px 15px; *//* AKIRA FUJITA 20160220 */
 padding: 10px 15px; /* AKIRA FUJITA 20160220 */
 color: #C4C4C4;
 /* font-size: 1.1em; */
 font-size: 0.8em; /* AKIRA FUJITA 20160220 */
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 font-weight: 400;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 text-decoration: none;
 border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -webkit-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -moz-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -o-border-radius: 8px; /* AKIRA FUJITA 20160224 */
}

.nav li {
}

.nav li a:hover {
 /* color: #fff; */ /* AKIRA FUJITA 20160223 */
 color: #000000; /* AKIRA FUJITA 20160223 */
 background: #FFFFFF; /* AKIRA FUJITA 20160223 */
 border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -webkit-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -moz-border-radius: 8px; /* AKIRA FUJITA 20160224 */
 -o-border-radius: 8px; /* AKIRA FUJITA 20160224 */
}

.nav li {
 position: relative;
}

.nav li a.active {
 /* color: #fff; *//* AKIRA FUJITA 20160224 */
 color: #fff000; /* AKIRA FUJITA */
 background: rgb(190, 18, 18); /* AKIRA FUJITA 20160223 */ /* AKIRA FUJIRA */
}

.nav li a:hover.active {
 color: #000000;
} /* AKIRA FUJITA 20160223 */

.nav > li > a.parent {
}

.nav > li > a.root {
}

.nav > li > a.root:hover {
}

.nav > li > a.parent:hover {
}

.nav > li {
 float: left;
}

.nav > li.hover > ul {
 left: -1px;
 top: 40px;
 padding-bottom: 8px; /* AKIRA FUJITA 20160224 */
 /* background-color:#333333; *//* AKIRA FUJITA 20160223 */
 background-color: rgb(19, 18, 18); /* AKIRA FUJITA 20160223 */
 border: solid 1px #eeeeee; /* AKIRA FUJITA 20160224 */
 border-bottom-right-radius: 8px; /* AKIRA FUJITA 20160224 */
 border-bottom-left-radius: 8px; /* AKIRA FUJITA 20160224 */
 -webkit-border-bottom-right-radius: 8px; /* AKIRA FUJITA 20160224 */
 -webkit-border-bottom-left-radius: 8px; /* AKIRA FUJITA 20160224 */
 -moz-border-bottom-right-radius: 8px; /* AKIRA FUJITA 20160224 */
 -moz-border-bottom-left-radius: 8px; /* AKIRA FUJITA 20160224 */
 -o-border-bottom-right-radius: 8px; /* AKIRA FUJITA -20160224 */
 -o-border-bottom-left-radius: 8px; /* AKIRA FUJITA 20160224 */
}

.nav li li.hover ul {
 left: 100%;
 -webkit-transition: background .2s linear;
 -moz-transition: background .2s linear;
 -ms-transition: background .2s linear;
 -o-transition: background .2s linear;
 transition: background .2s linear;
}

.nav > li > li > a {
 font-size: 0.85em;
 padding: 10px 20px;
 display: block;
 color: #555;
 /* background: #fff; *//* AKIRA FUJITA 20160224 */
 position: relative;
 z-index: 9999;
 font-weight: normal;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 width: 100%;
 text-decoration: none;
 margin: 0;/* text-transform: lowercase; *//* AKIRA FUJITA 20160224 */
}

.nav li li {
 border-top: none;
}

.nav li li:hover {
 border-top: none;
}

.nav li li a {
 /* border-bottom: 1px solid rgb(34, 33, 33); *//* AKIRA FUJITA 20160224 */
 border-bottom: 1px solid rgb(64, 63, 63);
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 /* color: #ffffff; *//* AKIRA FUJITA 20160224 */
 color: #C4C4C4;
 /* font-size: 14px; *//* AKIRA FUJITA 20160223 */
 /* font-size: 11px; *//* AKIRA FUJITA 20160223 */
 font-size: 0.7em; /* AKIRA FUJITA 20160220 */
 /* background: #000000; *//* AKIRA FUJITA 20160223 */
 background: rgb(19, 18, 18); /* AKIRA FUJITA 20160223 */
 /* padding: 12px; *//* AKIRA FUJITA 20160223 */
 padding: 10px; /* AKIRA FUJITA 20160223 */
 padding-left: 22px; /* AKIRA FUJITA 20160223 */
 display: block;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
 border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -webkit-border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -moz-border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -o-border-radius: 0px; /* AKIRA FUJITA -20160224 */
}

.nav li li a:hover {
 background: #eeeeee; /* AKIRA FUJITA 20160224 */
 color: #000000;
 border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -webkit-border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -moz-border-radius: 0px; /* AKIRA FUJITA 20160224 */
 -o-border-radius: 0px; /* AKIRA FUJITA -20160224 */
}

.nav > li > ul {
 position: absolute;
 left: -9999px;
 padding: 0;
 z-index: 9999;
 background: #fff;
}

/* == == == == == == == == == == == == == == == == == == == ==
Google Calender Responsive Fix　20160320
/* オブジェクト設定 */
embed,
iframe,
object {
 max-width: 100%;
}

/* == == == == == == == == == == == == == == == == == == == ==
***** Media Quries *****
*/
@media screen and (max-width: 800px) {

.h_logo4 {
 text-align: center;
 float: none;
 margin: 4% 0;
}

.toggleMenu {
 padding: 5px 23px;
 width: 100% display: block;
}

a.toggleMenu {
 padding: 4px 0px;
 color: #fff;
 /* font-size: 22px; */
 font-size: 14px; /* AKIRA FUJITA 20160220 */
 font-weight: 400;
 text-decoration: none;
 text-align: center;
 border: #eeeeee solid 1px; /* AKIRA FUJITA 20160223 */
 border-top: #eeeeee solid 1px; /* AKIRA FUJITA 20160223 */
 border-left: #eeeeee solid 1px; /* AKIRA FUJITA 20160223 */
 border-right: #eeeeee solid 1px; /* AKIRA FUJITA 20160223 */
 border-bottom: #eeeeee solid 1px; /* AKIRA FUJITA 20160223 */
 border-radius: 6px; /* AKIRA FUJITA 20160223 */
 -webkit-border-radius: 6px; /* AKIRA FUJITA 20160223 */
 -moz-border-radius: 6px; /* AKIRA FUJITA 20160223 */
 -o-border-radius: 6px; /* AKIRA FUJITA 20160223 */
}

.nav {
 margin-top: 0;
 padding-bottom: 10px; /* AKIRA FUJITA 20160224 */
}

.nav li a {
 padding: 10px 15px;
 /* background-color: #453E3E; *//* AKIRA FUJITA 20160224 */
 background-color: #333333;
 border-radius: 0px; /* AKIRA FUJITA 20160223 */
 -webkit-border-radius: 0px; /* AKIRA FUJITA 20160223 */
 -moz-border-radius: 0px; /* AKIRA FUJITA 20160223 */
 -o-border-radius: 0px; /* AKIRA FUJITA 20160223 */
}

.nav li a:hover {
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 -o-border-radius: 0px;
} /* AKIRA FUJITA 20160224 */

.nav {
 /* background: #fff; *//* AKIRA FUJITA 20160224 */
 background-color: rgb(19, 18, 18); /* AKIRA FUJITA 20160223 */
 border-top: none; /* AKIRA FUJITA 20160224 */
 border-top-right-radius: 0px; /* AKIRA FUJITA 20160224 */
 border-top-left-radius: 0px; /* AKIRA FUJITA 20160224 */
 -webkit-border-top-right-radius: 0px; /* AKIRA FUJITA 20160224 */
 -webkit-border-top-left-radius: 0px; /* AKIRA FUJITA 20160224 */
 -moz-border-top-right-radius: 0px; /* AKIRA FUJITA 20160224 */
 -moz-border-top-left-radius: 0px; /* AKIRA FUJITA 20160224 */
 -o-border-top-right-radius: 0px; /* AKIRA FUJITA -20160224 */
 -o-border-top-left-radius: 0px; /* AKIRA FUJITA 20160224 */
 width: 100%;
}

.active {
 display: block;
}

.nav > li {
 float: none;
 margin-bottom: 1px; /* AKIRA FUJITA 20160223 */
}

.nav > li > .parent {
 background-position: 95% 50% !important;
}

.nav ul {
 display: block;
 width: 100%;
}

.nav > li.hover > ul {
 padding-bottom: 2px;
} /* AKIRA FUJITA 20160224 */

.nav > li.hover > ul,
.nav li li.hover ul {
 position: static;
 border: none;
}

.header_bottom_right {
 float: right;
 width: 77%;
 text-align: center;
}

.YBF_Menu {
 width: 40%;
}

.toggleMenu {
 background-color: #202227;
}

.YBF_Menu {
 float: right;
 margin-top: 15px;
}
}

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

.toggleMenu {
 width: 100%;
}
}

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

.toggleMenu {
 width: 100%;
}
}

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

.toggleMenu {
 width: 100%;
}

.YBF_Menu {
 width: 100%;
 float: none;
}

.nav {
 width: 100%;
}
}

/* ---------- ---------- 
start main
*/
.main_bg {
 /* background: #ffffff; */
/* background: #ffff00; */ /* AKIRA FUJTIA 20160404 */
 background: #EEE3D7; /* AKIRA FUJTIA 20160406 */
}

.main_bg2 {
 background: #ffffff;
}/* AKIRA FUJTIA 20160410 */

.main {
 padding: 2%;
}

.grids_1_of_3 {
 padding: 6% 2%;
 text-align: center;
}

.grid_1_of_3 {
 display: block;
 float: left;
 margin-left: 4%;
}

.grid_1_of_3:first-child {
 margin-left: 0;
}

.images_1_of_3 {
 width: 30.333%;
}

.images_1_of_3 img {
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
}

.images_1_of_3 h3 {
 color: #000000;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 margin-top: 0.8em;
 margin-bottom: 0.4em;
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.4em; /* AKIRA FUJITA 20160220 */
 font-size: 1.1em; /* AKIRA FUJITA 20160320 */
 /* font-weight: normal; *//* AKIRA FUJITA 20160220 */
 font-weight: bold; /* AKIRA FUJITA 20160220 */
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 line-height: 1.8em;
 /* -webkit-text-stroke: 2px; *//* AKIRA FUJITA 20160220 Macなどで文字を太くする*/
 letter-spacing: 1px;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.images_1_of_3 h3:hover {
 color: #febd17;
}

.images_1_of_3 p {
 text-align: left; /* AKIRA FUJITA 20160220 */
 /* color: #000000; *//* AKIRA FUJITA 20160220 */
 color: #666666; /* AKIRA FUJITA 20160220 */
 /* line-height: 1.8em; *//* AKIRA FUJITA 20160220 */
 line-height: 1.4em;
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 /*font-size: 1em;*//* AKIRA FUJITA 20160320 */
 font-size: 0.9em; /* AKIRA FUJITA 20160320 */
}

/* ---------- ---------- 
start top_mid_bg
*/
.top_grid_bg {
 background: url('../images/bg_1260x640_01.png') no-repeat;
 background-size: 100%;
}

.top_grid {
 padding: 6% 2%;
}

.top_grid_text {
 float: left;
}

.top_grid_text h2 {
 color: #ffffff;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.4em; /* AKIRA FUJITA 20160220 */
 /* font-weight: normal; *//* AKIRA FUJITA 20160220 */
 font-weight: bold; /* AKIRA FUJITA 20160220 */
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 letter-spacing: 1px;
}

.top_grid_btn {
 float: right;
}

.top_grid_btn .btn {
 padding: 12px 30px;
 border: 1px solid #ffffff;
 display: block;
 font-size: 1em;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #ffffff;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.top_grid_btn .btn:hover {
 background: #ffffff;
 color: #000000;
}

/* ---------- ---------- 
top_grid_portolio
*/
.top_grid_gallery {
 margin-top: 4%;
}

.top_grid_portfoli {
 margin-right: 3.6666666%;
}

.da-thumbs li,
.da-thumbs li img {
 display: block;
 position: relative;
}

.da-thumbs li {
 overflow: hidden;
}

.da-thumbs li article {
 position: absolute;
 background-image: url(../images/image_hover.png);
 background-repeat: repeat;
 width: 100%;
 height: 100%;
}

.da-thumbs li article.da-animate {
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

/* ---------- ---------- 
Initial state classes:
*/
.da-slideFromTop {
 left: 0px;
 top: -100%;
}

.da-slideFromBottom {
 left: 0px;
 top: 100%;
}

.da-slideFromLeft {
 top: 0px;
 left: -100%;
}

.da-slideFromRight {
 top: 0px;
 left: 100%;
}

/* ---------- ---------- 
Final state classes:
*/
.da-slideTop {
 top: 0px;
}

.da-slideLeft {
 left: 0px;
}

.da-thumbs li article a {
 color: #fff;
 padding: 20px;
 display: block;
}

.da-thumbs {
 text-align: center;
}

.da-thumbs li article h3 {
 color: #fff;
 font-size: 1.5em;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 padding: 80px 0 20px 0;
}

.da-thumbs li article em {
 margin-bottom: 10px;
 color: #fff;
 display: block;
}

.da-thumbs li article span {
 display: inline-block;
}

span.link_post {
 display: block;
 width: 35px;
 height: 35px;
 background-color: #febd17;
 cursor: pointer;
 background-image: url(../images/link_post_icon.png);
 background-repeat: no-repeat;
 background-position: center;
 margin-right: 10px;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -o-border-radius: 4px;
}

span.zoom {
 overflow: hidden;
 display: block;
 width: 35px;
 height: 35px;
 background-color: #febd17;
 cursor: pointer;
 background-image: url(../images/zoom_icon.png);
 background-repeat: no-repeat;
 background-position: center;
 margin-left: 10px;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -o-border-radius: 4px;
}

.portfolio_2col article h3 {
 padding-top: 70px !important;
}

/* ---------- ---------- 
Image Grid
*/
.image_grid {
 float: left;
 overflow: hidden;
 position: relative;
}

.image_grid li {
 float: left;
 line-height: 18px;
 color: #686f74;
 list-style: none;
 overflow: hidden;
 text-align: center;
}

/* ---------- ---------- 
start mid_grid_bg
*/
.mid_grid_bg {
 background: #ffffff;
}

.mid_grid {
 padding: 6% 2%;
}

.mid_grid h2 {
 color: #202227;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 2.5em; *//* AKIRA FUJITA 20160220 */
 /* font-size: 1.4em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em;/* AKIRA FUJITA 20160320 */
 font-weight: bold;/* AKIRA FUJITA 20160220 */
 /* -webkit-text-stroke: 2px; *//* AKIRA FUJITA 20160220 */
 -webkit-text-stroke: 0px; /* AKIRA FUJITA 20160220 Macなどで文字を太くする*/
 letter-spacing: 1px;
}

.mid_grid h3 {
 color: #777777;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 1.5em; *//* AKIRA FUJITA 20160220 */
 font-size: 1em;/* AKIRA FUJITA 20160220 */
 margin: 2% 0;
}

.mid_grid h3 a {
 color: #202227;/* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
}

.mid_grid h3 a:hover {
 color: #555555;
}

.mid_grid .btn {
 margin-top: 8px;
 padding: 12px 30px;
 border: 1px solid #ffffff;
 background: #202227;
 display: inline-block;
 font-size: 1em;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #ffffff;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
 border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -webkit-border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -moz-border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -o-border-radius: 12px; /* AKIRA FUJITA 20160220 */
}

.mid_grid .btn:hover {
 background: #000000;
}

.mid_grid_left {
 float: left;
 width: 56.333333%;
 margin-right: 4%;
 font-size: 0.9em;/* AKIRA FUJITA 20160320 */
 line-height: 1.4em;/* AKIRA FUJITA 20160320 */
}

.mid_grid_right {
 float: right;
 width: 38.333333%;
}

/* ---------- ---------- 
start btm_grid
*/
.btm_grid_bg {
 background: url('../images/bg_1260x640_01.png') no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
}

.btm_grid {
 padding: 6% 2%;
}

.btm_grid h2 {
 color: #ffffff;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
/* font-size: 1.4em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em;/* AKIRA FUJITA 20160320 */
 font-weight: bold; /* AKIRA FUJITA 20160220 */
 letter-spacing: 1px;
}

.btm_grid h3 {
 /* color: #ffffff;*//* AKIRA FUJITA 20160320 */
 color: rgba(255, 255, 255, 0.9);
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
/* font-size: 1em;*//* AKIRA FUJITA 20160320 */
 font-size: 1.2em;/* AKIRA FUJITA 20160320 */
 line-height: 1.2em;/* AKIRA FUJITA 20160320 */
 margin: 8% 0 4%;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

/*.btm_grid h3:hover {
 color: rgba(255, 255, 255, 0.69);
}*//* AKIRA FUJITA 20160320 */
.btm_grid p {
 margin-top: 10%;
 color: rgba(255, 255, 255, 0.69);
 line-height: 1.6em;
 font-size: 1em;
}

.span_of_3 {
 margin-top: 3%;
}

.span_of_3 img {
 margin-bottom: 3%;
}/* AKIRA FUJITA 20160320 */

.span1_of_3 {
 width: 30.3333%;
 float: left;
 margin-right: 4%;
 font-size: 0.8em;/* AKIRA FUJITA 20160320 */
 line-height: 1.2em;/* AKIRA FUJITA 20160320 */
}

.span1_of_3:nth-child(3) {
 margin-right: 0;
}

.span_of_3 h3.style {
 /* opacity: 0.5;*/
 opacity: 0.8; /* AKIRA FUJIRA 20160320 */
}

.span_of_3 h4 {
 position: relative;
 display: inline-block;
}

.span_of_3 h4.divider {
 position: absolute;
 background: url('../images/divider.png') no-repeat;
 width: 40px;
 height: 10px;
}

/* ---------- ---------- 
start testimonial
*/
.testimonial_bg {
 background: #f4f4f4;
}

.testimonial {
 padding-top: 6%;
 padding-right: 2%;
 padding-left: 2%;
 padding-bottom: 1%;
 text-align: center;
}

.testimonial h2 {
 color: #202227;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 3em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.4em; /* AKIRA FUJITA 20160220 */
 line-height: 1.2em; /* AKIRA FUJITA 20160220 */
 margin-bottom: 2%;
}

.testimonial h3 {
 color: #A5A5A5;
 /* font-size: 1.5em; *//* AKIRA FUJITA 20160220 */
 font-size: 1em; /* AKIRA FUJITA 20160220 */
 line-height: 1.2em; /* AKIRA FUJITA 20160220 */
}

.testimonial_text {
 margin: 4% 0;
 background: #ffffff;
 padding: 4% 8%;
 position: relative;
}

.testimonial_text h4 {
 /* color: #BBBBBB; *//* AKIRA FUJITA 20160320 */
 color: #999999;
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.0em; /* AKIRA FUJITA 20160220 */
 font-size: 0.9em; /* AKIRA FUJITA 20160320 */
 line-height: 1.2em; /* AKIRA FUJITA 20160320 */
 text-align: left; /* AKIRA FUJITA 20160320 */
}

.testimonial_text:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 border: 20px solid #FFFFFF;
 border-bottom: 0 solid rgba(0, 0, 0, 0)!important;
 border-right: 15px solid rgba(0, 0, 0, 0)!important;
 border-left: 15px solid rgba(0, 0, 0, 0)!important;
 left: 50%;
 bottom: -20px;
 margin-left: -10px;
}

.client_btn {
 /* margin-bottom: 4%;*/
 margin-bottom: 0%;/* AKIRA FUJITA 20160320 */
}

.client_btn a,
.client_btn {
 display: inline-block;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em;
 padding: 8px 28px;
 color: #ffffff;
 background: #34BCEB;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -o-border-radius: 30px;
,
}/* AKIRA FUJITA 20160320 *//* 「.client_btn q」と「.client_btn」で水色の角丸四角にデザインするが、PCではaタグのtelプロトコルを削除すると共に「.client_btn a:hover」で色を変える処置はしない。*/

.client_btn a:hover {
 background: #159ECD;
}

/* ---------- ---------- 
client_pic
＊削除
*/
/*.client_pic ul li {
 display: inline-block;
 margin-right: 10px;
}
.client_pic ul li a img {
 margin-bottom: -4px;
}
.client_pic ul li a.active {
 border-bottom: 5px solid #FEBD17;
}
.client_pic ul li a {
 display: block;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}
.client_pic ul li a:hover {
 border-bottom: 5px solid #FEBD17;
}*/

/* ---------- ---------- 
start clients
＊削除
*/

/* ---------- ---------- 
start tooltip
＊iPhone縦置き時のHeaderの画像のサイズの不具合の原因となっている
*/

/* ---------- ---------- 
start products
＊削除
*/

/* ---------- ---------- 
start footer_top
*/
.footer_top_bg {
 background: #febd17;
}

.footer_top {
 padding-top: 2%;
 padding-right: 2%;
 padding-left: 2%;
 padding-bottom: 2%;
 text-align: center;
}

.footer_top h2 {
 color: #FFFFFF;
 /* font-size: 2.5em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em; /* AKIRA FUJITA 20160220 */
}

.footer_top h2 a {
 color: #FFFFFF;
 text-decoration: underline;
}

.footer_top h2 a:hover {
 text-decoration: none;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

/* ---------- ---------- 
start footer
*/
.footer_bg {
 background: #000000;
}

.footer {
 padding: 6% 2%;
}

.span1_of_4 {
 float: left;
 width: 20.3333333%;
 margin-right: 4%;
}

.span1_of_4 h2 {
 /* font-size: 1.2em; *//* AKIRA FUJITA 20160320 */
 font-size: 0.9em;/* AKIRA FUJITA 20160320 */
 line-height: 1.1em; /* AKIRA FUJITA 20160320 */
 color: #ffffff;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 margin-bottom: 8%;
}

.f_nav1 li {
 display: inline-block;
 color: #ABABAB;/* AKIRA FUJITA 20160320 */
 line-height: 1.0em;/* AKIRA FUJITA 20160320 */
 font-size: 0.8em;/* AKIRA FUJITA 20160320 */
 display: block;
 padding-bottom: 0.8em;
}

.f_nav1 li a {
 color: #ABABAB;
 /*line-height: 1.8em;
 font-size: 1em;*//* AKIRA FUJITA 20160320 */
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.f_nav1 li a:hover {
 color: #ffffff;
}

.f_nav2 li {
 margin: 10px 5px 0 0;
 display: inline-block;
 background: #222222;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -o-border-radius: 2px;
}

.f_nav2 li:hover {
 background: #333333;
}

.f_nav2 li a {
 display: block;
 color: #ABABAB;
 font-size: 1em;
 padding: 10px;
}

p.f_para {
 color: #ABABAB;
 /* line-height: 1.8em;
 font-size: 1em;*/
 line-height: 1.2em;
 font-size: 0.8em;
}

/* ---------- ---------- 
footer
*/

.footer_btm {
 margin-top: 4%;
 border-top: 6px solid #222222;
 padding-top: 4%;
}

.copy {
 float: left;
}

.copy p {
 font-size: 1em;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #B9B9B9;
 font-size: 0.75em;
}

.copy p span {
 color: #ffffff;
}

.copy p a {
 color: #ffffff;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.copy p a:hover {
 color: #B9B9B9;
}


/* ---------- ---------- 
start portfolio
*/
.grids_1_of_3_btm {
 text-align: center;
 margin-bottom: 4%;
}

/* start service*/
.ser-main {
 display: block;
 margin: 4% 0;
}

.ser-grid {
 float: right;
}

/*.ser-grid-list:nth-last-child(2) {
 margin-right: 0;
}*//* AKIRA FUJITA 20160328 */
/*これが何のためにあるのかわからないが、.ser-grid-list の最後のものの位置を狂わす。 */


.ser-grid-list {
 float: left;
 /*width: 21.33333%;*//* AKIRA FUJITA 20160417 */
 width: 27%; /* AKIRA FUJITA 20160417 */
 margin-right: 4%;
 margin-bottom: 4%; /* AKIRA FUJITA 20160404 */
}

.ser-grid-list img {
 margin-top: 15px;
}

.ser-grid-list p {
 /* margin: 2% 0; *//* AKIRA FUJITA 20160328 */
 margin: 2% 0 8%;
 font-size: 0.8em; /* AKIRA FUJITA 20160328 */
}

.ser-grid-list p.midashi {
 line-height: 1.1em;
 margin: 2% 0 4%;
 border-top: 1px solid #785103;
 border-left: 10px solid #785103;
 border-right: 1px solid #785103;
 border-bottom: 1px solid #785103;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -o-border-radius: 6px;
 padding-top: 2%;
 padding-left: 2%;
 padding-bottom: 2%;
 padding-right: 2%;
 background-color: #FFFFFF;
 height: 120px;
} /* AKIRA FUJITA 20160412 */

.ser-grid-list p.setsumei {
 height: 70px;
 /*border-bottom:thin #987E7E dotted;*/
 border-top: 1px solid #785103;
 border-left: 10px solid #785103;
 border-right: 1px solid #785103;
 border-bottom: 1px solid #785103;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -o-border-radius: 6px;
 padding-top:%;
 padding-left: 2%;
 background-color: #FFFFFF;
} /* AKIRA FUJITA 20160412 */

.ser-grid-list p.midashinomi {
 line-height: 1.1em;
 margin: 2% auto 4%;
 border-top: 1px solid #785103;
 border-left: 10px solid #785103;
 border-right: 1px solid #785103;
 border-bottom: 1px solid #785103;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -o-border-radius: 6px;
 padding-top: 2%;
 padding-left: 2%;
 background-color: #FFFFFF;
 height: 35px;
} /* AKIRA FUJITA 20160412 */

.ser-para {
 margin: 2% 0;
}

h2.style {
 color: #202227;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 /* font-size: 3em; *//* AKIRA FUJITA 20160220 */
 font-size: 2em; /* AKIRA FUJITA 20160220 */
 letter-spacing: -1px;
 font-weight: bold; /* AKIRA FUJITA 20160220 */
}

p.para {
 /* color: #000000; *//* AKIRA FUJITA 20160220 */
 color: #333333; /* AKIRA FUJITA 20160220 */
 /* line-height: 1.8em; *//* AKIRA FUJITA 20160220 */
 line-height: 1.4em;
 /* font-size: 1em; *//* AKIRA FUJITA 20160328 */
 font-size: 0.8em;
}

p.artist { /* AKIRA FUJITA 20160404 */
 color: #333333;
 line-height: 1.4em;
 font-size: 0.8em;
 /*height: 300px;*/
 height: auto;
 margin-bottom: 14%;
}/* AKIRA FUJITA 20160331 */

p.staff { /* AKIRA FUJITA 20160404 */
 color: #333333;
 line-height: 1.4em;
 font-size: 0.8em;
 height: auto;
}

.btn_s {
 padding: 12px 30px;
 border: 1px solid #ffffff;
 background: #202227;
 display: inline-block;
 /*font-size: 1em;*//* AKIRA FUJITA 20160331 */
 font-size: 0.7em;/* AKIRA FUJITA 20160331 */
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #ffffff;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
 border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -webkit-border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -moz-border-radius: 12px; /* AKIRA FUJITA 20160220 */
 -o-border-radius: 12px; /* AKIRA FUJITA 20160220 */
}

.btn_s:hover {
 background: #000000;
}

/* ---------- ---------- 
start staff
*/
.staff h3 {
 margin-top: 4%;
 color: #000000;
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 font-size: 1.5em;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.staff h3:hover {
 color: #79C378;
}

/* start blog */
.blog {
 padding: 2%;
}

.blog_list {
 margin-top: 2%;
}

.blog_list h5 {
 /* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
 line-height: 1.5em;
 /* font-size: 1.4em; *//* AKIRA FUJITA 20160220 */
 font-size: 0.75em; /* AKIRA FUJITA 20160220 */
 color: #202227;/* -webkit-text-stroke: 0.2px; *//* AKIRA FUJITA 20160220 */
}

.blog_list h5 a {
 color: #febd17;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.blog_list h5 a:hover {
 color: #202227;
}

.blog_para {
 margin: 2% 0;
}

.blog_para p a {
 float: left;
 margin-right: 4%;
}

.blog_para p a img {
 /* margin-top: 10px; *//* AKIRA FUJITA 20160220 */
 margin-bottom: 4px; /* AKIRA FUJITA 20160220 */
 margin-right: 4px; /* AKIRA FUJITA 20160220 */
}

.read_more1 {
 margin-top: 2%;
}

/* ---------- ---------- 
** Contact **
*/
.contact {
 padding: 4% 2%;
}

.map {
 margin: 2% 0;
}

.col {
 display: block;
}

.contact-form {
 position: relative;
}

.contact-form div {
 padding: 5px 0;
}

.contact-form span label {
 color: #202227;
 display: block;
 font-size: 1em;
 padding-bottom: 5px;
}

.contact-form input[type="text"],
.contact-form textarea {
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 background: #FFFFFF;
 border: 1px solid #E7E7E7;
 color: rgba(85, 81, 81, 0.84);
 padding: 8px;
 display: block;
 width: 98%;
 outline: none;
 -webkit-appearance: none;/* text-transform: capitalize; *//* AKIRA FUJITA 20160220 */
}

.contact-form textarea {
 resize: none;
 height: 120px;
}

.contact-form input[type="submit"] {
 /* font-family: 'Source Sans Pro', sans-serif; *//* AKIRA FUJITA 20160220 */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* AKIRA FUJITA 20160220 */
 cursor: pointer;
 -webkit-appearance: none;
 padding: 12px 30px;
 border: 1px solid #ffffff;
 background: #202227;
 display: inline-block;
 font-size: 1em;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #ffffff;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.contact-form input[type="submit"]:hover {
 background: #000000;
}

/* ---------- ---------- 
start feature
*/
.top_grid_bg1 {
 background: #ffffff
}

.top_grid_btn1 {
 float: right;
}

.top_grid_btn1 .btn {
 padding: 12px 30px;
 border: 1px solid #202227;
 display: block;
 font-size: 1em;
 /* text-transform: uppercase; *//* AKIRA FUJITA 20160220 */
 color: #202227;
 -webkit-transition: 0.9s;
 -moz-transition: 0.9s;
 -o-transition: 0.9s;
 transition: 0.9s;
}

.top_grid_btn1 .btn:hover {
 background: #202227;
 color: #ffffff;
}

/* ---------- ---------- 
AKIRA FUJITA
*/
/* Slider Caption of Index Page */
.sp-caption-container {
 font-size: 0.9em;
}

/* Page Sub Titles */
.subText {
 margin: 0 auto 0;
 font-size: 0.9em;
}/* AKIRA FUJITA 20160322 */

.subSubText {
 margin: 0.3em auto 0;
 font-size: 0.8em;
}/* AKIRA FUJITA 20160322 */

.holiday,
a.holiday {
 color: #FF6600;
}

a:hover.holiday {
 color: #FF6600;
}

/* == == == == == == == == == == == == == == == == == == == ==
***** Media Quries *****
*/

@media only screen and (max-width: 1366px) {
/* AKIRA FUJITA 20160404 */
/*.wrap {
 width: 95%;
}

#fwslider .title {
 margin-left: 8%;
}

#fwslider .description {
 margin-left: 8%;
}

.image_grid {
 width: 21.333%;
}

.tool_tip > ul > li {
 width: 16.33333%;
}*/
}

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

.wrap {
 width: 95%;
}

.image_grid {
 width: 21.333%;
}

.tool_tip > ul > li {
 width: 16.33333%;
}
}

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

.wrap {
 width: 95%;
}

.tool_tip > ul > li > ul {
 margin-left: -50px;
}

/*.clients h3 {
 width: 76%;
}
*//* AKIRA FUJITA 20160320 */

.images_1_of_3 h3 {
 /* font-size: 1.5em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em; /* AKIRA FUJITA 20160220 */
}
}

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

.wrap {
 width: 95%;
}

.logo {
 text-align: center;
}

.top-nav {
 display: block;
}

.footer_top h2 {
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.4em; /* AKIRA FUJITA 20160220 */
}

.span1_of_4 {
 float: left;
 width: 45.333333%;
 margin: 4% 4% 0 0;
}

.span1_of_4:nth-child(2),
.span1_of_4:nth-child(4) {
 margin-right: 0;
}

.footer_btm {
 text-align: center;
}

.social-icons {
 float: none;
 margin-bottom: 4%;
}

.social-icons li {
 float: none;
}

.copy {
 float: none;
}

/*.ser-grid-list {
 float: left;
 width: 45.33333%;
 margin-right: 4%;
}*//* AKIRA FUJITA 20160417 */

.ser-grid-list {
 float: left;
 width: 27%;
 margin-right: 4%;
} /* AKIRA FUJITA 20160417 */

/*.ser-grid-list:nth-child(2),
.ser-grid-list:nth-child(4) {
 margin-right: 0
}*//* AKIRA FUJITA 20160417 */

/*.ser-grid-list:nth-child(3),
.ser-grid-list:nth-child(5) {
 margin-right: 0
} AKIRA FUJITA 20160417 */

.da-thumbs li article h3 {
 font-size: 1em;
 padding: 30px 0 20px 0;
}

h2.style {
 font-size: 1.25em; /* AKIRA FUJITA 20160220 */
 line-height: 1.25em; /* AKIRA FUJITA 20160220 */
}

.images_1_of_3 h3 {
 font-size: 1.0em; /* AKIRA FUJITA 20160220 */
}
}


@media only screen and (max-width: 650px) {
.ser-grid-list {
 float: left;
 width: 38%;
 margin-right: 3%;
}
.ser-grid-list:nth-child(2),
.ser-grid-list:nth-child(4),
.ser-grid-list:nth-child(6) {
 margin-right: 0
}
} /* AKIRA FUJITA 20160417 */

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

.wrap {
 width: 95%;
}

.testimonial h2 {
 /* font-size: 2em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.2em; /* AKIRA FUJITA 20160220 */
}

.testimonial_text h4 {
 /* font-size: 1.5em; *//* AKIRA FUJITA 20160220 */
 font-size: 1.0em; /* AKIRA FUJITA 20160220 */
}

/*.clients h2 {
 font-size: 1.5em; AKIRA FUJITA 20160220
 font-size: 1.0em; AKIRA FUJITA 20160220
}*//* AKIRA FUJITA 20160320 */
/*.clients h3 {
 width: 66%;
}*//* AKIRA FUJITA 20160320 */
.clients_txt {
 padding-bottom: 10%;
}

.images_1_of_3 {
 width: 99.333%;
}

.grid_1_of_3 {
 margin-left: 0%;
}

.da-thumbs li article h3 {
 font-size: 1em;
 padding: 10px 0 10px 0;
}
}

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

.wrap {
 width: 95%;
}

.images_1_of_3 {
 width: 99.333%;
 margin-top: 4%;
}

.images_1_of_3 h3 {
 margin: 0;
}

.grid_1_of_3 {
 margin-left: 0%;
}

.mid_grid h2 {
 font-size: 1.5em;
 -webkit-text-stroke: 1px;
}

.mid_grid h3 {
 font-size: 1em;
}

.span1_of_3 {
 margin-top: 4%;
 width: 99.3333%;
 float: none;
 margin-right: 0%;
}

.testimonial_text h4 {
 font-size: 1em;
}

/*.clients h3 {
 width: 50%;
}*//* AKIRA FUJITA 20160320 */
.tool_tip > ul > li > ul {
 width: 99.33333%;
}

.span1_of_4 {
 float: none;
 width: 99.333333%;
 margin: 4% 0% 0 0;
}

.span1_of_4 h2 {
 margin-bottom: 4%;
}

.ser-grid-list {
 float: left;
 width: 99.33333%;
 margin-right: 0%;
}

.ser-grid-list p {
 margin: 4% 0;
}

/*.tt-wrapper li a span {
 left: 36%;
}*//* AKIRA FUJITA 20160220 */
.footer_top h2 {
 font-size: 0.9em; /* AKIRA FUJITA 20160320 */
}
}

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

.wrap {
 width: 95%;
}

.top_grid_text {
 float: none;
 text-align: center;
}

.top_grid_btn {
 float: none;
 text-align: center;
 margin: 4% 0;
}

.mid_grid_left {
 float: none;
 width: 99.333333%;
 margin-right: 0%;
}

.mid_grid_right {
 margin-top: 4%;
 float: none;
 width: 99.333333%;
}

/*.clients h3 {
 display: none;
}*//* AKIRA FUJITA 20160320 */

.client_pic ul li {
 display: inline-block;
 margin-right: 4px;
 width: 17.3333%;
}

.logo {
 float: none;
}

.YBF_Menu {
 margin: 0 0 5px 0;
}
/*.tt-wrapper li a span {
 width: 87px;
 line-height: 15px;
 padding: 6px;
 font-size: 13px;
 border: 2px solid #000;
 bottom: 100px;
}*//* AKIRA FUJITA 20160220 */
/*.tt-wrapper li a span:after {
 bottom: -12px;
 margin-left: 3px;
}*//* AKIRA FUJITA 20160220 */
}