@charset "UTF-8";
body {
  min-width: 0;
}

#header {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 53px;
}
#header .headerInner {
  width: 100%;
}
#header .headerInner .logo {
  float: none;
  padding: 15px 0;
  margin: auto;
  text-align: center;
  width: 190px;
}
#header .headerInner .headerLinkArea {
  display: none;
}

#globalNavi {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 54px 0 0;
  background: #313131;
  z-index: 10;
  width: 100%;
}
#globalNavi ul {
  border-top: 1px solid #515151;
  width: 70%;
  margin: 0 auto;
}
#globalNavi ul li {
  border-bottom: 1px solid #515151;
  padding: 15px 7px;
  margin: 0;
  float: none;
  text-align: center;
  height: auto;
  width: 100%;
}
#globalNavi ul li:last-child {
  background: none;
  border-bottom: none;
  border-right: none;
  padding: 10px;
  margin: 30px 0;
  width: 100%;
}
#globalNavi ul li a {
  color: #fff;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: auto;
}

.spMenuButton {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 200;
}
.spMenuButton span {
  background: #000;
  display: block;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 18px;
  margin: 0 auto;
  transition: all 0.3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.spMenuButton span.first {
  animation: btn-first .5s;
  -webkit-animation: btn-first .5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.spMenuButton span.second {
  transition: .5s opacity;
  -webkit-transition: .5s opacity;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  opacity: 1;
}
.spMenuButton span.third {
  animation: btn-third .5s;
  -webkit-animation: btn-third .5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.menuOpen .spMenuButton span {
  background: #fff;
}
.menuOpen .spMenuButton span.first {
  animation: btn-first-close .5s;
  -webkit-animation: btn-first-close .5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.menuOpen .spMenuButton span.second {
  opacity: 0;
  transition: .5s opacity;
  -webkit-transition: .5s opacity;
}
.menuOpen .spMenuButton span.third {
  animation: btn-third-close .5s;
  -webkit-animation: btn-third-close .5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes btn-first {
  0% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(0deg);
    transform: translateY(-7px) rotate(0deg);
  }
}
@-webkit-keyframes btn-first {
  0% {
    -webkit-transform: translateY(0px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-7px) rotate(0deg);
  }
}
@keyframes btn-third {
  0% {
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(5px) rotate(0deg);
    transform: translateY(5px) rotate(0deg);
  }
}
@-webkit-keyframes btn-third {
  0% {
    -webkit-transform: translateY(0px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(5px) rotate(0deg);
  }
}
@keyframes btn-first-close {
  0% {
    -webkit-transform: translateY(-7px) rotate(0deg);
    transform: translateY(-7px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
}
@-webkit-keyframes btn-first-close {
  0% {
    -webkit-transform: translateY(-7px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-45deg);
  }
}
@keyframes btn-third-close {
  0% {
    -webkit-transform: translateY(5px) rotate(0deg);
    transform: translateY(5px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
}
@-webkit-keyframes btn-third-close {
  0% {
    -webkit-transform: translateY(5px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(45deg);
  }
}

#mainimage {
  background: url(../images/main_image.jpg) no-repeat 50% 50%;
  background-size: cover;
  margin: 54px 0 0;
  padding: 10%;
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 2;
}
#mainimage .filter {}
#mainimage video#bgvid {
  display: none;
}
#mainimage .mainText {
  width: 100%;
  height: auto;
  text-align: center;
  top: 50%;
  position: relative;
}
#mainimage .mainText .image {
  float: none;
  margin: 0 auto 20px;
  width: 80%;
}
#mainimage .mainText .text01 {
  font-size: 20px;
}
#mainimage .mainText .text01 span {
  font-size: 20px;
}
#mainimage .mainText .text02 {
  line-height: 1.5em;
}
#mainimage .scroll {
  display: none;
}

#middle .contents {
  background: #fff;
}
#middle .contents .topInner {
  margin: 0 auto;
  padding: 25px 15px;
  width: 100%;
}
#middle .contents .topH2 {
  text-align: center;
  margin: 0 0 30px;
}
#middle .contents .topH2 .jp {
  font-size: 25px;
}
#middle .contents .topH2 .en {
  font-size: 16px;
}
#middle .contents .topButton {
  text-align: center;
}
#middle .contents .topButton a {
  padding: 10px 28px 10px 40px;
}
#middle .contents .topButton a:before {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  left: 25px;
}
#middle .contents .topButton a span {
  font-size: 17px;
}
#middle .contents .topButtonList {
  text-align: center;
}
#middle .contents .topButtonList li {
  margin: 0 0 15px;
}
#middle .contents .topButtonList li a {
  padding: 10px 28px 10px 45px;
}
#middle .contents .topContents01 {
  background: #f5f5f5 url(../images/top_content01_bg.png) no-repeat right 0;
}
#middle .contents .topContents01 .topCaseList li {
  float: none;
  margin: 0 0 15px;
  width: 100%;
}
#middle .contents .topContents01 .topCaseList li:nth-child(2n) {
  float: none;
}
#middle .contents .topContents01 .topCaseList li:last-child {
  margin: 0;
}
#middle .contents .topContents01 .topCaseList li:nth-last-of-type(2) {
  margin: 0 0 15px;
}
#middle .contents .topContents01 .topCaseList li a {
  display: block;
}
#middle .contents .topContents01 .topCaseList li figcaption {
  padding: 0;
  height: auto;
  width: 100%;
}
#middle .contents .topContents01 .topCaseList li figcaption .text01 {
  font-size: 17px;
  margin: 15% 0 15px;
}
#middle .contents .topContents01 .topCaseList li figcaption .text02 {
  font-size: 14px;
}
#middle .contents .topContents01 .topCaseList li figcaption:hover {
  color: #fff;
}
#middle .contents .topContents01 .topCaseList li figcaption:hover:after {
  border-width: 0 0 1000px 1000px;
}
#middle .contents .topContents02 .topCreativesList {
  margin: 0;
}
#middle .contents .topContents02 .topCreativesList li {
  border-bottom: 1px solid #e5e5e5;
  float: none;
  margin: 0 0 15px;
  padding: 0 0 15px;
  overflow: hidden;
  width: 100%;
}
#middle .contents .topContents02 .topCreativesList li:nth-child(4n) {
  margin: 0 0 40px;
}
#middle .contents .topContents02 .topCreativesList li:nth-child(4n+1) {
  clear: both;
}
#middle .contents .topContents02 .topCreativesList li .thumb {
  float: left;
  margin: 0 10px 10px 0;
  width: 100px;
}
#middle .contents .topContents02 .topCreativesList li figcaption {
  overflow: hidden;
}
#middle .contents .topContents03 .advantageBox {
  margin: 0 0 30px;
}
#middle .contents .topContents03 .advantageBox .rightArea {
  float: none;
  width: 100%;
  padding: 0 0 20px;
}
#middle .contents .topContents03 .advantageBox .leftArea {
  float: none;
  width: 100%;
}
#middle .contents .topContents03 .advantageBox .rightArea figure,
#middle .contents .topContents03 .advantageBox .leftArea figure {
  margin: 0 0 15px;
}
#middle .contents .topContents03 .advantageBox .title {
  font-size: 18px;
  margin: 0 0 15px;
}
#middle .contents .topContents03 .advantageBox .title br {
  display: none;
}
#middle .contents .topContents03 .advantageBox .title .liner {
  font-size: 20px;
  background: linear-gradient(transparent 60%, #f2e044 0%);
}
#middle .contents .topContents03 .advantageBox .title .liner:after {
  display: none;
}
#middle .contents .topContents04 .topBlogArea {
  padding: 10px;
  margin: 30px 0;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li {
  float: none;
  overflow: hidden;
  margin: 0 0 15px;
  line-height: 1.3em;
  width: 100%;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .thumb {
  float: left;
  margin: 0 10px 10px 0;
  width: 100px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .postData {
  overflow: hidden;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .postData .category {
  margin: 0 0 5px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .postData .category span {
  border-bottom: 2px solid #000;
  font-size: 12px;
  padding: 0 0 3px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .postData .postTitle {
  font-size: 12px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li .postData time {
  color: #808080;
  display: block;
  font-size: 11px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:nth-child(5n) {
  margin: 0;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child {
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 0 0 15px;
  margin: 0 0 20px;
  width: 100%;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .thumb {
  float: none;
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .postData {
  float: none;
  padding: 0;
  width: 100%;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .postData time {
  margin: 0 0 10px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .postData .category {
  margin: 0 0 10px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .postData .category span {
  font-size: 14px;
}
#middle .contents .topContents04 .topBlogArea .topBlogList li:first-child .postData .postTitle {
  font-size: 14px;
}

.fadeInUp li {
  opacity: 1;
}

#footer {
  padding: 0 15px;
}
#footer .footerNewsArea {
  box-shadow: none;
  margin: 0 -15px;
}
#footer .footerNewsArea .inner {
  padding: 15px;
  width: 100%;
}
#footer .footerNewsArea .inner dl {
  margin: 0 0 10px;
  float: none;
  width: 100%;
  overflow: hidden;
}
#footer .footerNewsArea .inner dl dt {
  float: none;
  margin: 0 0 5px;
}
#footer .footerNewsArea .inner dl dd {
  padding: 6px 0 0;
}
#footer .footerNewsArea .inner dl dd time {
  display: block;
  font-size: 14px;
  margin: 0;
}
#footer .footerNewsArea .inner .snsList {
  float: none;
  text-align: center;
}
#footer .footerNewsArea .inner .snsList li {
  display: inline-block;
  float: none;
  margin: 0 10px;
}
#footer .footerNewsArea .inner .snsList li:last-child {
  margin: 0 10px;
}
#footer .footerContact {
  padding: 0 0 20px;
  margin: 80px 0 0;
}
#footer .footerContact li {
  text-align: center;
  margin: 0 0 15px;
}
#footer .footerContents {
  padding: 30px 0 10px;
  margin: 0 auto;
  width: 100%;
}
#footer .footerContents .footerNavi {
  margin: 0 0 20px;
  float: none;
  width: 100%;
}
#footer .footerContents .footerNavi .leftNavi {
  float: none;
  width: 100%;
}
#footer .footerContents .footerNavi .rightNavi {
  float: none;
}
#footer .footerContents .companyInfo {
  float: none;
  width: 100%;
}
#footer .footerContents .companyInfo ul {
  border-top: 1px solid #808080;
  border-left: none;
  padding: 15px 0 0;
  overflow: hidden;
}
#footer .footerContents .companyInfo ul li {
  margin: 0 0 15px;
  font-size: 13px;
  float: none;
  width: 100%;
}
#footer .footerContents .companyInfo ul li .text01 {
  margin: 0;
}
#footer .footerBottom {
  margin: 0 auto 10px;
  width: 100%;
}
#footer .footerBottom .footerLogo {
  float: none;
  text-align: center;
  margin: 0 0 10px;
}
#footer .footerBottom .copyright {
  text-align: center;
  float: none;
}

/*------------
下層レイアウト
--------------*/
/*1column*/
#underMiddle .underInner {
  padding: 0 15px;
  width: 100%;
}

.underBg01 {
  padding: 30px 0;
}

.underBg02 {
  padding: 30px 0;
}

/*2column*/
.contents_wrap {
  padding: 0 15px;
  width: 100%;
}
.contents_wrap .contents {
  float: none;
  width: 100%;
}
.contents_wrap .sidebar {
  float: none;
  width: 100%;
  width: 100%;
}

/*パンくず*/
.breadcrumb {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-width: 1px 0;
  width: 100%;
  padding: 4px 0;
  margin: 54px 0 0;
}

.breadcrumb ul {
  padding: 2px 15px;
  width: 100%;
}

/*ボタン*/
.underButton {
  text-align: center;
  margin: 15px 0 0;
}
.underButton a {
  line-height: 1.5em;
  text-align: center;
}

.underButton.tar {
  text-align: center !important;
}

/*下層タイトル*/
.underTitle h2 {
  font-size: 20px;
  padding: 40px 0;
  line-height: 1.5em;
}

.pageIntro {
  height: auto;
  width: 100%;
  position: relative;
}
.pageIntro .inner {
  padding: 15px;
  width: 100%;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.pageIntro .inner .title {
  font-size: 20px;
}

.pageIntro02 {
  height: auto;
  width: auto;
  margin: 0 -15px 50px;
  position: relative;
}
.pageIntro02 .inner {
  padding: 15px;
  width: 100%;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.pageIntro02 .inner .title {
  font-size: 20px;
}

.caseIntro {
  background-attachment: inherit;
}

.case001Intro {
  background-attachment: inherit;
}

.case002Intro {
  background-attachment: inherit;
}

.case003Intro {
  background-attachment: inherit;
}

.advantageIntro {
  background-attachment: inherit;
}

.differenceIntro {
  background-attachment: inherit;
}

.serviceIntro {
  background-attachment: inherit;
}

.h301 {
  border: 4px solid #000;
  font-size: 18px;
  padding: 15px;
  line-height: 1.5em;
  margin: 0 0 30px;
}
.h301 span {
  border: none;
  padding: 0;
}
.h301 span:before, .h301 span:after {
  display: none;
}

.h302 {
  font-size: 18px;
}

.panelArea {
  position: relative;
}
.panelArea .panelImage {
  text-align: center;
  margin: 0 0 15px;
  width: 100%;
}
.panelArea .panelImage.left {
  float: none;
}
.panelArea .panelImage.right {
  float: none;
}
.panelArea .panelRead {
  position: relative;
  top: 0;
  max-width: 100%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.panelArea .panelRead .title {
  border-bottom: 3px solid #d42700;
  font-family: "notoBold";
  font-size: 20px;
  margin: 0 0 15px;
  padding: 0 0 10px;
}
.panelArea .panelRead.left {
  left: 0;
}
.panelArea .panelRead.left:after {
  left: 0;
}
.panelArea .panelRead.right {
  right: 0;
}
.panelArea .panelRead.right:after {
  right: 0;
}

/* 成功事例・サービズ一覧 */
.caseBox {
  padding: 30px 15px;
}
.caseBox .inner {
  margin: 0 auto;
  width: 100%;
}
.caseBox .inner .thumb {
  text-align: center;
  margin: 0 0 15px;
  width: 100%;
}
.caseBox .inner .readArea {
  width: 100%;
}
.caseBox .inner .readArea .title {
  font-size: 18px;
}
.caseBox .inner .left {
  float: none;
}
.caseBox .inner .right {
  float: none;
}
.caseBox:nth-child(even) {
  background: #fff;
}
.caseBox:nth-child(even) .inner {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.caseBox .inner .thumb02 {
  text-align: center;
  margin: 0 0 15px;
  width: 100%;
}
.caseBox .inner .readArea02 {
  width: 100%;
}
.caseBox .caseInfo {
  margin: 0 !important;
}
.pdcaList li {
  margin: 0 0 15px;
  width: 100%;
}
.keywordTable01 {
  display: none;
}
.keywordTable02 {
  display: table;
}

.siteIntroduction .thumb {
  border: 1px solid #f2f2f2;
  border-width: 10px;
  margin: 0 0 15px;
  float: none;
  width: 100%;
  height: 250px;
}
.siteIntroduction .readArea {
  float: none;
  width: 100%;
}

.underCaseList li {
  float: none;
  margin: 0 0 15px;
  width: 100%;
}
.underCaseList li:nth-child(2n) {
  float: none;
}
.underCaseList li:last-child {
  margin: 0;
}
.underCaseList li:nth-last-of-type(2) {
  margin: 0 0 15px;
}
.underCaseList li a {
  display: block;
}
.underCaseList li figcaption {
  padding: 0;
  height: auto;
  width: 100%;
}
.underCaseList li figcaption .text01 {
  font-size: 17px;
  margin: 15% 0 15px;
}
.underCaseList li figcaption .text02 {
  font-size: 14px;
}

/*お問い合わせから制作までの流れ*/
.flowChart {
  border: none;
}

.flowChart .flowStep:before {
  display: none;
}

.flowChart .flowStep {
  margin: 0 0 30px;
  padding: 0;
}
.flowChart .flowStep .title {
  padding: 0 0 0 28px;
}
.flowChart .flowStep .title:before {
  left: 0;
}

.roleList li {
  margin: 0 0 15px;
  width: 100%;
}

/*各分野のプロフェッショナルが制作*/
.membersIntroduction .thumb.left,
.membersIntroduction .thumb.right,
.membersIntroduction .readArea.left,
.membersIntroduction .readArea.right {
  float: none;
  width: 100%;
}
.membersIntroduction .thumb {
  text-align: center;
  margin: 0 0 30px;
}
.membersIntroduction .readArea {
  width: 100%;
}

/*SEO対策*/
.seoFlow > li {
  width: 100%;
  margin: 0 0 30px;
}
.seoFlow > li:nth-child(3n+2) {
  margin: 0 0 30px;
}
.seoFlow > li:after {
  font-family: "FontAwesome";
  font-size: 15px;
  content: "\f078";
  color: #d42700;
  position: absolute;
  right: 0;
  left: 0;
  top: auto;
  bottom: -24px;
  margin: auto;
  height: 20px;
  width: 20px;
}
.seoFlow > li:last-child:after {
  content: "";
}

/*会社概要*/
.greetingArea {
  position: relative;
}
.greetingArea .greetingImage {
  float: none;
  text-align: center;
  width: 35%;
  margin: 0 auto 10px;
}
.greetingArea .greetingRead {
  background: #fff;
  padding: 15px;
  position: static;
  top: 0;
  max-width: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.mission {
  text-align: left;
  margin: 0 0 20px;
}
.mission span {
  color: #d42700;
  padding: 0;
  font-size: 22px;
}
.mission span:after {
  display: none;
}

.timeLine li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeLine li time {
  width: 100%;
  float: none;
}
.timeLine li .timeLineContents {
  width: 100%;
  float: none;
  border-left: none;
  padding: 0 0 0 18px;
}
.timeLine li .timeLineContents:before {
  display: none;
}

/* 動画制作 */
.movieIntro .line01 {
  font-size: 20px;
}
.movieIntro .line02 {
  font-size: 20px;
}

/*------------
お問い合わせ
--------------*/
.underTel {
  width: 100%;
}

.route {
  margin: 0 auto 30px;
  width: 100%;
}

#contact_form table th,
#contact_form table td {
  display: block;
  border: 1px solid #ddd;
  border-width: 0 1px 1px;
  text-align: left;
  padding: 10px;
  width: 100%;
}

#contact_form input[type="text"] {
  width: 100%;
}

#contact_form input[type="text"].zip1 {
  width: 15%;
}

#contact_form input[type="text"].zip2 {
  width: 20%;
}

/* 投稿レイアウト */
.sideSearch {
  margin: 0 auto 30px;
  width: 270px;
}

.sidePostList li a {
  text-decoration: none;
}
.sidePostList li a .inner {
  width: auto;
  float: none;
  margin: 0px 0 0 115px;
}
.sidePostList li a .inner p {
  line-height: 1.5em !important;
  font-size: 12px !important;
}
.sidePostList li a .inner p.category {
  text-align: center;
  border: 2px solid #000;
  margin: 0 0 5px !important;
}
.sidePostList li a .inner p.title {
  margin: 0 !important;
}

.worksList {
  margin: 0 0 30px;
}

.postIntro {
  margin: 0 0 30px;
}
.postIntro .postData {
  margin: 0 0 30px;
}
.postIntro .postData .categoryList {
  float: none;
  margin: 0 0 5px;
}
.postIntro .postData time {
  float: none;
  margin: 0 0 10px;
}

.postMiddle {
  margin: 0 0 30px;
}
.postMiddle .image {
  float: none;
  margin: 0 0 15px;
  width: 100%;
}

.postDetail {
  margin: 0 0 30px;
}
.postDetail dl {
  margin: 0 0 30px;
}
.postDetail dl dt {
  float: none;
}
.postDetail dl dd {
  padding: 0;
  margin: 0 0 10px;
}

.postContact {
  margin: 0 0 30px;
}
.postContact .inner .left {
  width: 100%;
  margin: 0 0 15px;
}
.postContact .inner .right {
  width: 100%;
}

.postContact02 {
  margin: 0 0 50px;
}
.postContact02 ul li {
  text-align: center;
}
.postContact02 ul li .button a {
  color: #fff;
  background: #d42700;
  border: 1px solid #f5748d;
  border-radius: 4px;
  display: inline-block;
  font-family: "notoRegular";
  font-size: 16px;
  margin: 0 auto;
  line-height: 3em;
  text-decoration: none;
  transition: 0.5s;
  width: 100%;
}
.postContact02 ul li .button a:hover {
  background: #fff;
  color: #d42700;
}

/*pager*/
.postNumber {
  text-align: center;
  margin: 0 0 30px;
}
.postNumber a {
  background: #f1eded;
  border-radius: 4px;
  box-shadow: 0 2px 0 #ddd;
  color: #333;
  display: inline-block;
  margin: 0 5px;
  padding: 5px 15px;
  text-decoration: none;
  transition: 0.7s;
  -webkit-transition: 0.7s;
}
.postNumber a:hover {
  background: #929292;
  color: #fff;
}
.postNumber .current {
  background: #929292;
  border-radius: 4px;
  box-shadow: 0 2px 0 #ddd;
  color: #fff;
  display: inline-block;
  margin: 0 5px;
  padding: 5px 15px;
}

/*------------
Commmon
--------------*/
.tall {
  margin: 0 0 50px;
}

.spTac {
  text-align: left;
}

/* Layout */
.layout-imgR .image,
.layout-imgL .image {
  float: none;
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}

.col2 > li {
  width: 100%;
  margin: 0 0 15px;
}

.col3 > li {
  width: 100%;
  margin: 0 0 15px;
}
.col3 > li:nth-child(3n+2) {
  margin: 0 0 15px;
}

/*width*/
.w860 {
  width: 100%;
  margin: 0 auto;
}

/* Teable */
.tableStyle01.responsive {
  border: none;
}
.tableStyle01.responsive th,
.tableStyle01.responsive td {
  display: block;
}
.tableStyle01.responsive th {
  border-width: 1px 1px 0;
}
.tableStyle01.responsive td {
  border-width: 1px 1px 0;
}
.tableStyle01.responsive tr:last-child td {
  border-width: 1px;
}

/* Googlemap responsive */
.mapArea {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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