@charset "UTF-8";
/*
Theme Name: あすなろ Original
Description: あすなろのテーマ
Author: ONELIFE
*/
/*
$font_color: #000;
$font-color-g: #717171; 
$accent_color: #e8006e;
$sub_color: #CCC;
$hover_color: #231815;
*/
/* Reset Style */
html {
  overflow-y: scroll;
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  line-height: 1;
  -webkit-text-size-adjust: 100%; }

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent; }

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

dl, dt, dd, ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.vMiddle {
  display: table-cell;
  vertical-align: middle; }

/* 基本レイアウト /////*/
#container {
  width: 100%;
  min-width: 900px;
  overflow: hidden;
  color: #595757; }

#wrap {
  background: url(./images/bg/bg_wrap.png) repeat;
  padding-bottom: 64px; }

.btSilver {
  background-image: url(./images/bg/bg_bt_silver.png);
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
  .btSilver:hover {
    background-image: url(./images/bg/bg_bt_silver_on.png); }

.btOrange {
  background-image: url(./images/bg/bg_bt_orange.png);
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
  .btOrange:hover {
    background-image: url(./images/bg/bg_bt_orange_on.png); }

#header .box {
  max-width: 900px;
  margin: 0 auto; }
#header .headerTop {
  padding: 4px 0; }
  #header .headerTop .box {
    margin-bottom: 8px;
    /*
    #fontChange {
    	float: right;
    	@include border_radius(8px);
    	border: 1px solid #ECECEC;
    	ul {
    		li {
    			float: left;
    			padding: $base_padding/4;
    			font-weight: bold;
    			&.label { font-size: fz(10); border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; }
    			&#fontS { font-size: fz(10); border-left: none; border-right: 1px solid #C6C7C7;}
    			&#fontL { font-size: fz(12); border-left: 1px solid #C6C7C7;  border-right: none;}
    		}
    	}
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0, #D9DADA),
    		color-stop(0.42, #FFFFFF)
    	);
    	background-image: -o-linear-gradient(top, #D9DADA 0%, #FFFFFF 42%);
    	background-image: -moz-linear-gradient(top, #D9DADA 0%, #FFFFFF 42%);
    	background-image: -webkit-linear-gradient(top, #D9DADA 0%, #FFFFFF 42%);
    	background-image: -ms-linear-gradient(top, #D9DADA 0%, #FFFFFF 42%);
    	background-image: linear-gradient(to top, #D9DADA 0%, #FFFFFF 42%);
    }
    */ }
    #header .headerTop .box h1 {
      font-size: 77%;
      float: left; }
    #header .headerTop .box .findFb {
      float: right;
      padding: 4px; }
      #header .headerTop .box .findFb img {
        width: auto;
        height: 24px; }
#header .headerbottom {
  padding: 0 0 16px 8px; }
#header .logo_box {
    width: 46%;
    padding-top: 30px;
    font-size: 20px;
    text-align: center; }
  #header .headerbottom .box .logo {
    float: left;
    padding-top: 8px; }
#header .logo { width: 400px;}
#header .logo img { width: 100%;}
  #header .headerbottom .box .telNo {
    float: right;
    width: 26%;
    margin-top: -30px; }
  #header .headerbottom .box .telNo img{
   width: 90%;}
#header .gNav {
  border-bottom: 1px solid #426400;
  background: url("images/header/bg_gnav_line.png") repeat-x;
  height: 48px; }
  #header .gNav ul {
    max-width: 900px;
    margin: 0 auto;
    background: url(./images/header/bg_gnav_break.png) right top no-repeat; }
    #header .gNav ul li:nth-child(5) {    
        border-right: 1px solid #019;
        position: relative;}
    #header .gNav ul li ul{
        position: absolute;
        top: 48px;   
        left: 0;
}
    #header .gNav ul li ul li{
        display: block;
background: #0072b5;
border-bottom: 1px solid #019;}
    #header .gNav ul li ul li a{}
    #header .gNav ul li ul{
        display: none;}
    #header .gNav ul li:hover ul{
        display: block;
        z-index: 10;}
        #header .gNav ul li {
      float: left;
      background: url(./images/header/bg_gnav_break.png) left top no-repeat;
      height: 48px;
        border-left: 1px solid #019;
    box-sizing: border-box;
    width: 180px;}
    #header .gNav ul li img{width: 180px; }
 {
#footerButton {
  position: fixed;
  z-index: 3000;
  bottom: 0px;
  bottom: -88px;
  width: 100%;
  background: #fff;
  border-top: 4px solid #426400;}
  /*影を入れる*/
  -webkit-box-shadow: 0 -4px 6px -4px #8d8c8c;
  -moz-box-shadow: 0 -4px 6px -4px #8d8c8c;
  box-shadow: 0 -4px 6px -4px #8d8c8c; }
  #footerButton ul {
    max-width: 900px;
    margin: 0 auto;
    padding: 16px;
      display: flex;
justify-content: center;}
    #footerButton ul li.telNo {
      }
    #footerButton ul li {
        width: 27%;
        margin-right: 15%;}
    #footerButton ul li:last-child {
    margin-right: 0px;
        }
    #footerButton ul li:nth-child(3) {
        width: 19.8%;}
    #footerButton img {
        width: 100%;}
    #footerButton ul li.btContact {
        display: inline-block;
        height: fit-content;      
      padding: 8px;
      margin-left: 8px;
      border: 4px solid #638900;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
margin-top: 14px;}
#footerButton ul li.sponly { display: none;}
      #footerButton ul li.btContact img {
        height: 32px;
        width: auto; }
    #footerButton ul li.btUrgent {
      height: fit-content;
    margin-top: 14px;
      padding: 8px;
      margin-left: 8px;
      border: 4px solid #EF9F2F;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden; }
      #footerButton ul li.btUrgent img {
        height: 32px;
        width: auto; }

#footer {
  background: #edf0e4;
  padding-bottom: 69px;
  margin-bottom: 10px; }
  #footer .footBox {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    color: #426400; }
    #footer .footBox a {
      color: #426400; }
      #footer .footBox a:hover {
        text-decoration: underline; }
    #footer .footBox .pageUp {
      position: absolute;
      top: -28px;
      right: 0;
      padding: 6px 8px;
      background: #edf0e4;
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      -ms-border-radius: 8px 8px 0 0;
      -o-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
      overflow: hidden; }
    #footer .footBox ul {
      padding: 16px;
      /* margin-bottom: 32px;*/ } 
      #footer .footBox ul li {
        float: left;
        background: url(./images/bg/bg_bt_footnav.png) no-repeat;
        padding-left: 24px;
        margin-right: 24px; }
        #footer .footBox ul li a {
          display: block; }
          #footer .footBox ul li a.parent {
            margin-bottom: 12px; }
          #footer .footBox ul li a.child {
            font-size: 85%;
            margin-bottom: 8px; }
    #footer .footBox ol li {
      float: right;
      font-size: 85%;
      vertical-align: bottom;
      margin: 0 8px 0; }
      #footer .footBox ol li.copyR {
        float: left;
        font-size: 77%; }

.baseW {
  max-width: 900px;
  margin: 0 auto 60px; }
  .baseW p {
    font-size: 108%;
    line-height: 172%; }

.keyImg {
  padding: 16px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden; }
  .keyImg #viewer {
    height: 320px;
    overflow: visible; }
.PageNav {}
.labelSilver {
  background-image: url(./images/bg/bg_bt_silver.png);
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  font-size: 139%;
  font-weight: bold;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden; }
  .labelSilver h3 {
    padding: 12px 32px 8px;
    background: url(./images/bg/bg_label_silver_h3.png) no-repeat; }

.labelGreen {
  background: url(./images/bg/bg_label_green_under.gif) left bottom repeat-x;
  margin-bottom: 24px; }

.center {
  text-align: center;
  margin-bottom: 24px; }

.iframeBox {
  position: relative;
  width: 100%;
  /* margin-bottom: 16px; */
  margin-bottom: 20%;
}
  .iframeBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.bgFiber {
  padding: 16px 0;
  background: url(./images/bg/bg_paper_fibers.png) repeat;
  border-bottom: 4px solid #d9dada;
  margin-bottom: 24px; }
  .bgFiber .keySlider {
    max-width: 900px;
    margin: 0 auto;
    /* height: 506px; */
    overflow: hidden; }
    .bgFiber .keySlider #viewer {
      overflow: hidden; }
      .bgFiber .keySlider #viewer img {
        width: 100%;
        height: auto; }
  .bgFiber .keyImg {
    max-width: 900px;
    margin: 0 auto; }
    .bgFiber .keyImg .owlBox {
      position: relative; }
      .bgFiber .keyImg .owlBox #owl-demo {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        text-align: center; }
        .bgFiber .keyImg .owlBox #owl-demo img {
          width: 100%;
          height: auto; }
      .bgFiber .keyImg .owlBox .btn {
        /* width: 24px; height: 24px; padding: $base_padding/2; @include border_radius(20px); background: rgba(200,200,200,0.6);  */
        position: absolute;
        top: 46%;
        font-size: 185%;
        font-weight: bold;
        display: block;
        color: #5a5657;
        cursor: pointer; }
        .bgFiber .keyImg .owlBox .btn:hover {
          color: #9a9395; }
      .bgFiber .keyImg .owlBox .carouselprev {
        left: 12px; }
      .bgFiber .keyImg .owlBox .carouselnext {
        right: 12px; }

.greeting {
  max-width: 900px;
  margin: 0 auto 24px;
  /* background: url(./images/bg/bg_greeting_b.jpg) no-repeat ; */ }
  .greeting .box {
    /* padding: $base_padding*2 0 $base_padding*2 $base_padding*18; */
    padding: 32px 0 32px;
    text-align: center; }
    .greeting .box img {
      margin-bottom: 16px; }
    .greeting .box h2 {
      font-size: 185%;
      padding-bottom: 8px;
      margin-bottom: 16px;
      border-bottom: 1px solid #d9dada; }
    .greeting .box p {
      font-size: 124%;
      line-height: 172%; }

.planList {
  max-width: 900px;
  margin: 0 auto 24px; }
  .planList p {
    font-size: 93%;
    line-height: 172%; }
  .planList ul li {
    width: 48%;
    margin: 0 1%;
    float: left;
    position: relative; }
    .planList ul li dl {
      border: 7px solid #d9dada;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden; }
      .planList ul li dl dt.label {
        color: #fff;
        padding: 24px 0 8px;
        font-size: 124%;
        font-weight: bold;
        text-align: center; }
        .planList ul li dl dt.label .emp {
          font-size: 216%; }
      .planList ul li dl dd {
        padding: 32px 18px; }
        .planList ul li dl dd .price {
          font-weight: bold;
          text-align: center;
          margin-bottom: 16px;
          /* padding: $base_padding/2 0; */ }
          .planList ul li dl dd .price .taxOut {
            display: block;
            font-size: 40px; }
          .planList ul li dl dd .price .taxIn {
            display: block;
            font-size: 24px; }
            .planList ul li dl dd .price .taxIn .tax {
              font-size: 70%;
              vertical-align: middle; }
        .planList ul li dl dd ol {
          margin-bottom: 16px; }
          .planList ul li dl dd ol li {
            width: 68px;
            margin: 0 4px;
            float: left;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            overflow: hidden;
            /*影を入れる*/
            -webkit-box-shadow: 0 8px 6px -6px #8d8c8c;
            -moz-box-shadow: 0 8px 6px -6px #8d8c8c;
            box-shadow: 0 8px 6px -6px #8d8c8c; }
        .planList ul li dl dd p {
          line-height: 156%; }
      .planList ul li dl .btMore {
        margin: 0 auto;
        text-align: center;
        width: 264px;
        padding: 12px 0;
        margin-bottom: 16px;
        border: 1px solid #d9dada;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
    .planList ul li.plan-01 dl {
      background: #f0f5e6;
      border: 7px solid #90b965; }
      .planList ul li.plan-01 dl .label {
        background: #90b965; }
      .planList ul li.plan-01 dl ol li {
        background: #90b965; }
      .planList ul li.plan-01 dl dd .price {
        /* border-top: 4px solid  #90b965; */ }
    .planList ul li.plan-02 dl {
      background: #e7f1fa;
      border: 7px solid #3782c5; }
      .planList ul li.plan-02 dl .label {
        background: #3782c5; }
      .planList ul li.plan-02 dl ol li {
        background: #3782c5; }
      .planList ul li.plan-02 dl dd .price {
        /* border-top: 4px solid #3782c5; */ }

.pageNav {
  max-width: 900px;
  margin: 0 auto 24px; }
  .pageNav ul {
    margin-bottom: 24px; }
    .pageNav ul li {
      width: 32%;
      float: left; }
      .pageNav ul li .border {
        display: block;
        border: 1px solid #d9dada; }
        .pageNav ul li .border img {
          width: 100%;
          height: auto; }
      .pageNav ul li:nth-child(3n-1) {
        padding: 0 2%; }
  .pageNav .fbBox {
    border: 1px solid #d9dada; }
.pageNav { max-width: 900px;}
.pageNav ul { display: flex; justify-content: center;}
.pageNav ul li{ margin: 0 30px;}

.news {
  max-width: 900px;
  margin: 0 auto 24px;
  background: #fff;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border: 1px solid #d9dada; }
  .news ul {
    padding-top: 16px; }
    .news ul li {
      padding: 8px 32px;
      border-bottom: 1px dotted #d9dada; }
      .news ul li p .postTitle {
        padding-left: 16px; }
        .news ul li p .postTitle a {
          color: #595757;
          text-decoration: underline; }

.about .baseW .part1 {
  margin-bottom: 64px; }
  .about .baseW .part1 p {
    padding: 0 16px;
    margin-bottom: 40px; }
    .about .baseW .part1 p .emp {
      display: block;
      font-size: 200%;
      font-weight: bold;
      margin-bottom: 16px; }
.about .baseW .part2 {
  margin-bottom: 64px; }
  .about .baseW .part2 ul {
    padding: 0 16px; }
    .about .baseW .part2 ul li {
      margin-bottom: 24px; }
      .about .baseW .part2 ul li dl dt {
        float: left; }
      .about .baseW .part2 ul li dl dd {
        float: left;
        width: 596px;
        padding: 38.4px 16px 0; }
        .about .baseW .part2 ul li dl dd p .emp {
          font-size: 139%;
          font-weight: bold;
          color: #ff801a; }
        .about .baseW .part2 ul li dl dd.noPd {
          padding: 0 16px 0; }

.price .baseW .part1 {
  margin-bottom: 64px; }
  .price .baseW .part1 p {
    padding: 0 16px;
    margin-bottom: 40px; }
    .price .baseW .part1 p .emp {
      display: block;
      font-size: 200%;
      font-weight: bold;
      margin-bottom: 16px; }
  .price .baseW .part1 .adding table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  .price .baseW .part1 .adding th {
    text-align: left;
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #d9dada;
    border-right: 1px dotted #d9dada; }
    .price .baseW .part1 .adding th .label {
      display: block;
      font-size: 108%;
      font-weight: bold;
      color: #426400;
      margin-bottom: 4px; }
    .price .baseW .part1 .adding th .hosoku {
      display: block;
      font-size: 77%; }
  .price .baseW .part1 .adding td {
    padding: 4px;
    border: 1px solid #d9dada;
    border-left: none; }
.price .baseW .part2 {
  margin-bottom: 64px; }
  .price .baseW .part2 table.hikaku {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    .price .baseW .part2 table.hikaku thead th {
      color: #fff;
      padding: 16px 0 8px;
      font-weight: bold;
      text-align: center;
      font-size: 154%; }
      .price .baseW .part2 table.hikaku thead th.plan-01 {
        background: #90b965; }
      .price .baseW .part2 table.hikaku thead th.plan-02 {
        background: #3782c5; }
    .price .baseW .part2 table.hikaku tbody th {
      font-size: 124%;
      font-weight: normal;
      padding: 8px 0 4px;
      border: 1px solid #d9dada;
      vertical-align: middle; }
    .price .baseW .part2 table.hikaku tbody td {
      text-align: center;
      font-size: 124%;
      padding: 8px 0 4px;
      border: 1px solid #d9dada; }
      .price .baseW .part2 table.hikaku tbody td.plan-01 {
        background: #f0f5e6; }
      .price .baseW .part2 table.hikaku tbody td.plan-02 {
        background: #e7f1fa; }
.price .baseW .part3 {
  margin-bottom: 64px; }
  .price .baseW .part3 .optionList li {
    float: left;
    width: 18%;
    padding: 1%; }
    .price .baseW .part3 .optionList li dl {
      border: 1px solid #d9dada;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden; }
      .price .baseW .part3 .optionList li dl dt img {
        width: 100%;
        height: auto; }
      .price .baseW .part3 .optionList li dl dd {
        padding: 8px;
        text-align: center; }
        .price .baseW .part3 .optionList li dl dd .optionName {
          display: block;
          font-size: 124%;
          margin-bottom: 4px; }
        .price .baseW .part3 .optionList li dl dd .price {
          display: block;
          font-size: 93%; }

.plan .planIntro {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  margin: 16px 0 64px; }
  .plan .planIntro .mainImg img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden; }
  .plan .planIntro .flow {
    padding: 32px;
    margin-bottom: 32px; }
    .plan .planIntro .flow img {
      width: 100%;
      height: auto; }
  .plan .planIntro .itemList {
    padding: 32px; }
    .plan .planIntro .itemList h3 {
      font-size: 124%;
      padding: 0 8px 8px;
      margin-bottom: 16px;
      border-bottom: 1px solid #426400; }
    .plan .planIntro .itemList li {
      float: left;
      width: 16%;
      padding: 0.3%; }
      .plan .planIntro .itemList li dl {
        background: #fff;
        border: 1px solid #d9dada;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden; }
        .plan .planIntro .itemList li dl dt img {
          width: 100%;
          height: auto; }
        .plan .planIntro .itemList li dl dd {
          padding: 8px;
          text-align: center; }
          .plan .planIntro .itemList li dl dd .optionName {
            color: #426400;
            font-weight: bold;
            display: block;
            font-size: 108%;
            margin-bottom: 4px; }
          .plan .planIntro .itemList li dl dd .price {
            display: block;
            font-size: 93%; }
  .plan .planIntro .adding {
    padding-bottom: 32px; }
    .plan .planIntro .adding table {
      width: 100%;
      max-width: 800px;
      margin: 0 auto; }
      .plan .planIntro .adding table th {
        text-align: left;
        padding: 8px;
        vertical-align: middle;
        border: 1px solid #d9dada;
        border-right: 1px dotted #d9dada; }
        .plan .planIntro .adding table th .label {
          display: block;
          font-size: 108%;
          font-weight: bold;
          color: #426400;
          margin-bottom: 4px; }
        .plan .planIntro .adding table th .hosoku {
          display: block;
          font-size: 77%; }
      .plan .planIntro .adding table td {
        padding: 4px;
        border: 1px solid #d9dada;
        border-left: none; }
  .plan .planIntro .pay {
    padding: 32px; }
    .plan .planIntro .pay h3 {
      font-size: 124%;
      padding: 0 8px 8px;
      margin-bottom: 16px;
      border-bottom: 1px solid #426400; }
.plan.yasasii .planIntro {
  border: 8px solid #90b965; }
  .plan.yasasii .planIntro .flow {
    background: #f0f5e6; }
.plan.atatakai .planIntro {
  border: 8px solid #3782c5; }
  .plan.atatakai .planIntro .flow {
    background: #e7f1fa; }
.plan .part2 {
  margin-bottom: 64px; }
  .plan .part2 .optionList li {
    float: left;
    width: 18%;
    padding: 1%; }
    .plan .part2 .optionList li dl {
      border: 1px solid #d9dada;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden; }
      .plan .part2 .optionList li dl dt img {
        width: 100%;
        height: auto; }
      .plan .part2 .optionList li dl dd {
        padding: 8px;
        text-align: center; }
        .plan .part2 .optionList li dl dd .optionName {
          color: #426400;
          font-weight: bold;
          display: block;
          font-size: 124%;
          margin-bottom: 4px; }
        .plan .part2 .optionList li dl dd .price {
          display: block;
          font-size: 93%; }

                         /*/////////////////////////
よくある質問
//////////////////////////*/
.faq .faqList {
  background: #fff;
  margin-bottom: 16px;
  padding-top: 24px;
  border: 1px solid #426400;
  border-top: none; }
  .faq .faqList dl {
    padding: 16px;
    margin-bottom: 16px; }
    .faq .faqList dl dt.question {
      color: #426400;
      font-size: 108%;
      font-weight: bold;
      min-height: 24px;
      padding-left: 32px;
      margin-bottom: 8px;
      background: url(./images/bg/bg_question.png) no-repeat;
      background-size: 24px 24px;
      -webkit-background-size: 24px 24px;
      -moz-background-size: 24px 24px;
      -ms-background-size: 24px 24px;
      -o-background-size: 24px 24px;
      background-size: 24px 24px; }
    .faq .faqList dl dd.answer {
      line-height: 168%;
      min-height: 24px;
      padding-left: 32px;
      background: url(./images/bg/bg_answer.png) no-repeat;
      background-size: 24px 24px;
      -webkit-background-size: 24px 24px;
      -moz-background-size: 24px 24px;
      -ms-background-size: 24px 24px;
      -o-background-size: 24px 24px;
      background-size: 24px 24px; }

                         /*/////////////////////////
お問い合わせ窓口 
//////////////////////////*/
.contact_top-txt {
    font-size: 30px;
    max-width: 800px;
    margin: 30px auto 0px;
    position: relative;
    z-index: 2;
}
.contact_top-txt-02 {
    font-size: 20px;
    max-width: 800px;
    margin: 0 auto;
}
.contact .keyImg {
  padding: 0px 0 0;
  max-width: 900px;
  margin: -25px auto 0; }
.contact .contactForm {
  width: 900px;
  margin: 0 auto 64px;
  padding: 64px 0;
  color: #595757;
  /* line-height: 164%; */
  /* background: url(./images/bg/bg_reserve_gray.png) repeat;  */
}
  .contact .contactForm .banner {
    text-align: center;
    margin-bottom: 32px; }
    .contact .contactForm .banner img {
      width: 84%;
      height: auto; }
  .contact .contactForm .label {
    text-align: center;
    margin-bottom: 16px; }
  .contact .contactForm .intro {
    text-align: center;
    margin-bottom: 32px; }
    .contact .contactForm .intro .must {
      color: #ff0000; }
  .contact .contactForm .mailForm {
    width: 96%;
    padding: 0 2%;
    margin: 0 auto;
    border-collapse: separate;
    border-top: solid 1px  #dcdcdc;
    line-height: 172%; }
    .contact .contactForm .mailForm h4 {
      font-size: 93%;
      padding: 24px 0;
      text-align: center; }
    .contact .contactForm .mailForm tr th, .contact .contactForm .mailForm tr td {
      font-weight: normal;
      padding: 16px;
      line-height: 164%;
      border-collapse: separate;
      border-top: solid 1px #ffffff;
      border-bottom: solid 1px #dcdcdc; }
      .contact .contactForm .mailForm tr th h3, .contact .contactForm .mailForm tr td h3 {
        font-size: 85%;
        font-weight: normal;
        padding: 0;
        margin: 0;
        padding-top: 16px; }
      .contact .contactForm .mailForm tr th p, .contact .contactForm .mailForm tr td p {
        padding: 0 8px;
        margin: 0; }
    .contact .contactForm .mailForm tr th {
      width: 30%;
      white-space: nowrap;
      text-align: right;
      vertical-align: middle; }
      .contact .contactForm .mailForm tr th .must {
        color: #ff0000; }
    .contact .contactForm .mailForm tr td .must {
      color: #C41A1A; }
    .contact .contactForm .mailForm tr .submitArea {
      text-align: center; }
      .contact .contactForm .mailForm tr .submitArea input {
        vertical-align: bottom; }
.contact #your-pref {
    width: 28%;
}
  .contact .contactForm input {
    color: #595757;
    height: auto;
    font-size: 139%;
    padding: 8px;
    border: 1px solid #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden; }
    .contact .contactForm input#btSubmit {
      margin-top: 32px;
      padding: 8px;
      border: 4px solid #638900;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden; }
  .contact .contactForm .attention {
    text-align: center;
    padding-top: 32px; }
    .contact .contactForm .attention .emp {
      font-size: 139%;
      font-weight: bold;
      line-height: 180%; }

                         /*/////////////////////////
簡単お見積もり
//////////////////////////*/
.quote {
  margin: 0 auto 64px; }
  .quote #form1 {
    padding: 2%;
    background: url(./images/bg/bg_reserve_gray.png) repeat; }
    .quote #form1 select {
      color: #595757;
      height: auto;
      font-size: 139%;
      padding: 8px;
      border: 1px solid #eee;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden; }
    .quote #form1 input {
      margin-right: 4px; }
    .quote #form1 h4 {
      font-size: 154%;
      padding: 24px 0 0; }
    .quote #form1 p.intro {
      font-size: 108%;
      padding: 16px 0;
      border-bottom: solid 1px #dcdcdc; }
    .quote #form1 .goods {
      margin-bottom: 24px;
      width: 100%;
      /*
      	th,td { vertical-align: middle;
      			font-weight: normal;
      			padding: $base_padding;
      			line-height: 164%;
      			border-collapse: separate;
      			border-top: solid 1px #ffffff;
      			border-bottom: solid 1px #dcdcdc;
      	}
      	th { font-size: fz(18); }
      */ }
      .quote #form1 .goods dl {
        vertical-align: middle;
        font-weight: normal;
        padding: 24px;
        line-height: 164%;
        border-collapse: separate;
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #dcdcdc; }
        .quote #form1 .goods dl dt {
          float: left;
          font-size: 139%;
          width: 25%; }
        .quote #form1 .goods dl dd {
          float: left;
          width: 75%;
          font-size: 124%; }
          .quote #form1 .goods dl dd p {
            font-size: 85%;
            line-height: 146%;
            padding-top: 16px;
            color: #426400; }
            .quote #form1 .goods dl dd p a {
              color: #426400;
              text-decoration: underline; }
    .quote #form1 .reset {
      text-align: center;
      padding: 24px 0; }
      .quote #form1 .reset img {
        padding: 12px;
        border: 1px solid #d9dada;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
    .quote #form1 .total {
      padding: 4px;
      background: #fff;
      border: 4px solid #EE7C27;
      margin-bottom: 24px; }
      .quote #form1 .total .totalIntro {
        padding: 0 8px;
        background: url(./images/bg/bg_quote_total.png) repeat-x; }
      .quote #form1 .total .totalBox {
        padding: 16px; }
        .quote #form1 .total .totalBox .heightLine-total {
          float: left;
          vertical-align: baseline; }
          .quote #form1 .total .totalBox .heightLine-total input {
            color: #595757;
            font-weight: bold;
            text-align: right;
            border: none;
            background: transparent;
            padding: 0 8px 0 0; }
          .quote #form1 .total .totalBox .heightLine-total.taxOut {
            margin-right: 16px; }
            .quote #form1 .total .totalBox .heightLine-total.taxOut input {
              font-size: 277%; }
          .quote #form1 .total .totalBox .heightLine-total.tax {
            padding-top: 12px; }
            .quote #form1 .total .totalBox .heightLine-total.tax input {
              font-size: 154%; }
          .quote #form1 .total .totalBox .heightLine-total.taxIn {
            float: right; }
            .quote #form1 .total .totalBox .heightLine-total.taxIn input {
              font-size: 277%;
              color: #D74421; }

.post .postArea {
  margin: 16px 0 64px; }
  .post .postArea .postTitle {
    padding: 32px 16px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #426400; }
    .post .postArea .postTitle .date {
      font-size: 85%;
      padding: 0 16px 4px; }
    .post .postArea .postTitle h3 {
      font-size: 139%;
      padding: 0 4px 8px; }
  .post .postArea .postContent {
    padding: 16px 32px;
    border-bottom: 1px solid #426400; }
    .post .postArea .postContent p {
      padding: 8px 0; }

                         /*/////////////////////////
運営事業者
//////////////////////////*/
.company .companyInfo {
  width: 900px;
  margin: 0 auto 32px; }
  .company .companyInfo .labelGreen {
    padding-top: 32px; }
  .company .companyInfo .companyPrfile {
    width: 96%;
    margin: 0 auto;
    border: 1px solid #426400; }
    .company .companyInfo .companyPrfile tr th {
      color: #fff;
      padding: 16px;
      background: #B7D271;
      border-bottom: 1px solid #426400;
      vertical-align: middle; }
    .company .companyInfo .companyPrfile tr td {
      padding: 16px;
      vertical-align: middle;
      border-bottom: 1px solid #426400; }

                         /*/////////////////////////
アクセスマップ / 火葬場のご案内
//////////////////////////*/
.access {
  padding-top: 32px; }

.accessMap {
  padding: 16px 0 0;
  max-width: 900px;
  margin: 0 auto 64px; }
  /* .accessMap .mapBox {
    margin-bottom: 24px; } */
    .accessMap .mapBox {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 900px;
      background: #fff;
  }
   .mapBox iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
  }
  .mapBox2 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 900px;
	background: #fff;
}
 .mapBox2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.mapBox3 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 900px;
	background: #fff;
}
 .mapBox3 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}   
  .accessMap .accessInfo dl {
    padding: 16px 0; }
    .accessMap .accessInfo dl dt {
      float: left;
      margin-right: 24px;
        width: 420px;}
    .accessMap .accessInfo dl dt img{
      width: 100%; }
    .accessMap .accessInfo dl dd {
      float: left; }
      .accessMap .accessInfo dl dd .venue {
        font-size: 170%;
        margin-bottom: 16px;
        padding: 0 8px 8px;
        border-bottom: 1px solid #d9dada; }
      .accessMap .accessInfo dl dd p {
        margin-bottom: 8px;
        line-height: 174%;
        padding: 0 16px; }
      .accessMap .accessInfo dl dd .info {
        font-size: 93%;
        line-height: 192%; }
        .accessMap .accessInfo dl dd .info .emp {
          font-size: 108%;
          font-weight: bold;
          color: #426400; }
        .accessMap .accessInfo dl dd .info .bold {
          font-weight: bold; }

.crematorium {
  margin-bottom: 96px;
  padding-bottom: 32px;
  border-bottom: 4px double #d9dada; }
  .crematorium h4.venue {
    font-size: 216%;
    padding: 0 8px 8px;
    border-bottom: 1px solid #d9dada; }
  .crematorium dl {
    margin-bottom: 48px; }
    .crematorium dl dt {
      float: left; }
      .crematorium dl dt .mainImg {
        margin-bottom: 16px; }
      .crematorium dl dt ol {
        max-width: 340px; }
        .crematorium dl dt ol li {
          float: left;
          margin: 0 4px 16px;
          width: 162px; }
          .crematorium dl dt ol li p {
            font-size: 93%;
            line-height: 100%;
            padding: 0 4px 4px;
            margin-bottom: 8px;
            border-bottom: 1px solid #d9dada; }
          .crematorium dl dt ol li img {
            width: 100%;
            height: auto; }
    .crematorium dl dd {
      float: left;
      padding: 0 16px;
      overflow: auto;
      zoom: 1;
      max-width: 528px; }
      .crematorium dl dd p {
        padding: 16px; }
        .crematorium dl dd p.equipment {
          font-size: 124%; }
          .crematorium dl dd p.equipment .attention {
            font-size: 80%; }
        .crematorium dl dd p.info {
          font-size: 93%;
          line-height: 192%; }
          .crematorium dl dd p.info .emp {
            font-size: 108%;
            font-weight: bold;
            color: #426400; }
          .crematorium dl dd p.info .bold {
            font-weight: bold; }
  .crematorium .yokohama-area {
    padding-top: 24px;
    margin-bottom: 24px; }
    .crematorium .yokohama-area .area {
      float: left;
      width: 50%;
      margin-bottom: 32px; }
      .crematorium .yokohama-area .area h5.label {
        font-size: 124%;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 0 16px; }
      .crematorium .yokohama-area .area p.info {
        padding: 0 16px;
        font-size: 93%;
        line-height: 192%; }
        .crematorium .yokohama-area .area p.info .emp {
          font-size: 108%;
          font-weight: bold;
          color: #426400; }
        .crematorium .yokohama-area .area p.info .bold {
          font-weight: bold; }
  .crematorium .cremationPrice {
    margin-bottom: 32px; }
    .crematorium .cremationPrice .title {
      font-size: 139%;
      text-align: center;
      padding: 0 0 8px;
      border-bottom: 1px solid #d9dada;
      margin-bottom: 8px; }
    .crematorium .cremationPrice table {
      width: 100%;
      margin-bottom: 8px; }
      .crematorium .cremationPrice table thead th {
        text-align: center;
        vertical-align: middle;
        padding: 4px 16px;
        color: #fff;
        background: #426400;
        border: 1px solid #426400; }
        .crematorium .cremationPrice table thead th .mini {
          font-size: 77%; }
      .crematorium .cremationPrice table tbody td {
        text-align: center;
        vertical-align: middle;
        padding: 4px 16px;
        border: 1px solid #426400; }
        .crematorium .cremationPrice table tbody td .mini {
          font-size: 77%; }
    .crematorium .cremationPrice .attention {
      font-size: 96%; }

@media only screen and (max-device-width: 620px) {
  /*モバイル分岐*/
  /* 基本レイアウト /////*/
  #container {
    width: 100%;
    min-width: 320px;
    overflow: hidden;
    color: #595757; }

  #wrap {
    padding-bottom: 16px; }

  .keyImg {
    padding: 16px 0; }
    .keyImg img {
      width: 100%;
      height: auto; }

  .pageNav {
    max-width: 900px;
    margin: 0 auto 0; }
    .pageNav ul li {
      width: 84%;
      float: none;
      padding: 1% 8%; }
      .pageNav ul li .border {
        display: block;
        border: 4px solid #d9dada; }
        .pageNav ul li .border img {
          width: 100%;
          height: auto; }
      .pageNav ul li:nth-child(3n-1) {
        padding: 1% 8%; }

.pageNav ul { display: flex; flex-direction: column;}
  /*slidemenu*/
  .slidemenu {
    background: url(./images/bg/bg_608633.png) repeat; }
    .slidemenu .slidemenu-header {
      padding: 16px 8px 16px 16px;
      height: 20px;
      text-decoration: none;
      border-bottom: 1px solid #cacaca;
      background: #fff; }
    .slidemenu .slidemenu-body .slideNav {
      border-top: 1px solid #506a2e; }
      .slidemenu .slidemenu-body .slideNav li {
        font-size: 108%;
        padding: 8px 16px 8px 8px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #9da88f; }
        .slidemenu .slidemenu-body .slideNav li:last-child {
          border-bottom: none; }
        .slidemenu .slidemenu-body .slideNav li a {
          display: block;
          background-repeat: no-repeat;
          background-image: url(./images/bg/bg_arrow_mobile_gnav.png);
          background-position: right center;
          background-size: 16px 16px;
          -webkit-background-size: 16px 16px;
          -moz-background-size: 16px 16px;
          -ms-background-size: 16px 16px;
          -o-background-size: 16px 16px;
          background-size: 16px 16px; }
          .slidemenu .slidemenu-body .slideNav li a img {
            height: 32px;
            width: auto; }

  /*plugin*/
  .slidemenu {
    top: 0;
    width: 264px;
    position: fixed;
    visibility: hidden;
    z-index: -1; }

  .slidemenu .slidemenu-header {
    position: relative; }

  .slidemenu .slidemenu-body {
    height: 100%;
    overflow: hidden;
    position: relative; }

  .slidemenu .slidemenu-body .slidemenu-content {
    position: relative; }

  .slidemenu-left {
    left: 0; }

  .slidemenu-right {
    right: 0; }

  .labelGreen {
    background: url(./images/bg/bg_label_green_under.gif) left bottom repeat-x;
    background-size: 1px 1px;
    -webkit-background-size: 1px 1px;
    -moz-background-size: 1px 1px;
    -ms-background-size: 1px 1px;
    -o-background-size: 1px 1px;
    background-size: 1px 1px;
    margin-bottom: 24px; }
    .labelGreen img {
      height: 20px;
      width: auto; }

  .planList {
    padding: 8px;
    margin: 0 auto 0; }
    .planList p {
      font-size: 93%;
      line-height: 172%; }
    .planList ul li {
      width: 100%;
      margin: 0;
      float: none;
      position: relative;
      margin-bottom: 16px; }
      .planList ul li dl {
        border: 7px solid #d9dada;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
        .planList ul li dl dt.label .emp {
          font-size: 154%; }
        .planList ul li dl dd {
          padding: 32px 18px; }
          .planList ul li dl dd .price {
            font-weight: bold;
            text-align: center;
            margin-bottom: 16px;
            padding-bottom: 8px; }
            .planList ul li dl dd .price .taxOut {
              display: block;
              font-size: 40px; }
            .planList ul li dl dd .price .taxIn {
              display: block;
              font-size: 24px; }
              .planList ul li dl dd .price .taxIn .tax {
                font-size: 70%;
                vertical-align: middle; }
          .planList ul li dl dd ol {
            margin-bottom: 0; }
            .planList ul li dl dd ol li {
              width: 18%;
              margin: 0 1%; }
              .planList ul li dl dd ol li img {
                width: 100%;
                height: auto; }
        .planList ul li dl .btMore {
          margin: 0 auto;
          text-align: center;
          width: 264px;
          padding: 12px 0;
          margin-bottom: 16px;
          border: 1px solid #d9dada;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          -ms-border-radius: 8px;
          -o-border-radius: 8px;
          border-radius: 8px;
          overflow: hidden; }
      .planList ul li.plan-01 dl {
        background: #f0f5e6;
        border: 7px solid #90b965; }
        .planList ul li.plan-01 dl .label {
          background: #90b965; }
        .planList ul li.plan-01 dl ol li {
          background: #90b965; }
        .planList ul li.plan-01 dl dd .price {
          /* border-top: 4px solid  #90b965; */ }
      .planList ul li.plan-02 dl {
        background: #e7f1fa;
        border: 7px solid #3782c5; }
        .planList ul li.plan-02 dl .label {
          background: #3782c5; }
        .planList ul li.plan-02 dl ol li {
          background: #3782c5; }
        .planList ul li.plan-02 dl dd .price {
          /* border-top: 4px solid #3782c5; */ }

  #header {
    background: #fff; }
    #header .logo {
      padding-top: 12px; }
      #header .logo img {
        width: auto;
        height: 24px; }
    #header dl {
      width: 100%;
      height: 52px;
      position: relative !important; }
      #header dl dt {
        float: left;
        padding: 16px 0 0 8px; }
        #header dl dt.btHome img {
          height: 24px;
          width: auto; }
      #header dl dd {
        right: 0px;
        /* border-left: 1px solid #ddd; */
        position: absolute; }
        #header dl dd .button {
          width: 48px;
          height: 52px;
          display: block;
          background-repeat: no-repeat;
          background-image: url(./images/bt/bt_menu_open.png);
          background-size: 25px 26px;
          -webkit-background-size: 25px 26px;
          -moz-background-size: 25px 26px;
          -ms-background-size: 25px 26px;
          -o-background-size: 25px 26px;
          background-size: 25px 26px;
          background-position: center 14px; }

  .keySlider {
    max-width: 100%;
    margin: 0 auto; }
    .keySlider #viewer img {
      width: 100% !important;
      height: auto; }

  .bgFiber {
    padding: 0 !important;
    margin-bottom: 16px;
    border-bottom: 2px solid #d9dada;
    border-top: 2px solid #d9dada; }
    .bgFiber .keyImg {
      padding: 0 !important; }

  .greeting .box {
    padding: 32px 8px 32px; }
    .greeting .box h2 {
      font-size: 154%; }
    .greeting .box p {
      text-align: left; }
  .greeting .concept {
    width: 100%;
    height: auto; }

  .news {
    margin: 0 8px 16px; }

  .about .part1, .about .part2 {
    padding: 0 8px; }
  .about .part1 article img {
    max-width: 80%;
    height: auto; }
  .about .part1 article p {
    padding: 0 8px !important; }
  .about .part1 article .emp {
    font-size: 108% !important; }
  .about .part2 {
    margin-bottom: 64px; }
    .about .part2 ul {
      padding: 0 !important; }
      .about .part2 ul li {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #d9dada; }
        .about .part2 ul li dl dt {
          float: left;
          width: 28%; }
          .about .part2 ul li dl dt img {
            max-width: 100%;
            height: auto; }
        .about .part2 ul li dl dd {
          float: left;
          width: 69% !important;
          padding: 2% 1.5% 0 !important; }
          .about .part2 ul li dl dd p {
            font-size: 85%;
            width: 100%; }
            .about .part2 ul li dl dd p .emp {
              font-weight: bold;
              color: #ff801a; }
          .about .part2 ul li dl dd.noPd {
            padding: 0 1.5% 0 !important; }

  .price .part1, .price .part2, .price .part3 {
    padding: 0 8px; }
  .price .part3 .optionList li {
    float: left;
    width: 48% !important;
    padding: 1% !important; }

  .quote {
    margin: 0 auto 16px;
    padding: 0 8px; }
    .quote #form1 {
      padding: 2%; }
      .quote #form1 select {
        font-size: 85%; }
      .quote #form1 h4 {
        font-size: 154%; }
      .quote #form1 p.intro {
        font-size: 93%; }
      .quote #form1 .goods dl {
        padding: 16px 2% !important; }
        .quote #form1 .goods dl dt {
          font-size: 77%;
          width: 28% !important; }
        .quote #form1 .goods dl dd {
          width: 72%;
          font-size: 77%; }
      .quote #form1 .reset img {
        height: 16px;
        width: auto; }
      .quote #form1 .total .totalIntro img {
        width: 100%;
        height: auto; }
      .quote #form1 .total .totalBox {
        padding: 16px; }
        .quote #form1 .total .totalBox .heightLine-total.taxOut input {
          font-size: 277%; }
        .quote #form1 .total .totalBox .heightLine-total.tax input {
          font-size: 154%; }
        .quote #form1 .total .totalBox .heightLine-total.taxIn input {
          font-size: 277%; }

  .plan {
    padding: 0 8px; }
    .plan .planIntro .itemList {
      padding: 8px; }
      .plan .planIntro .itemList li {
        float: left;
        width: 32%;
        padding: 0.666%; }
        .plan .planIntro .itemList li dl dd .optionName {
          color: #426400;
          font-weight: bold;
          display: block;
          font-size: 93%;
          margin-bottom: 4px; }
        .plan .planIntro .itemList li dl dd .price {
          display: block;
          font-size: 85%; }
    .plan .planIntro .adding {
      padding: 16px 8px 16px; }
    .plan .planIntro .pay {
      padding: 16px 8px 16px; }
      .plan .planIntro .pay img {
        width: 100%;
        height: auto; }
    .plan .part2 {
      margin-bottom: 64px; }
      .plan .part2 .optionList li {
        float: left;
        width: 48% !important;
        padding: 1% !important; }

                         /*/////////////////////////
よくある質問
//////////////////////////*/
  .faq {
    padding: 0 8px; }
    .faq .faqList dl {
      border-bottom: 1px solid #d9dada; }

                         /*/////////////////////////
お問い合わせ窓口 
//////////////////////////*/
  .contact .contactForm {
    width: 100% !important;
    margin: 0 auto 32px;
    padding: 32px 0 !important; }
    .contact .contactForm .label {
      text-align: center;
      margin-bottom: 16px; }
      .contact .contactForm .label img {
        width: auto;
        height: 20px; }
    .contact .contactForm .intro {
      text-align: left;
      margin-bottom: 32px;
      padding: 0 8px; }
      .contact .contactForm .intro .must {
        color: #ff0000; }
    .contact .contactForm .mailForm-mb {
      width: 96%;
      padding: 0 2%;
      margin: 0 auto;
      border-collapse: separate;
      border-top: solid 1px  #dcdcdc; }
      .contact .contactForm .mailForm-mb h4 {
        font-size: 93%;
        padding: 24px 0;
        text-align: center; }
      .contact .contactForm .mailForm-mb dl {
        padding: 12px 0;
        border-collapse: separate;
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #dcdcdc; }
        .contact .contactForm .mailForm-mb dl dt, .contact .contactForm .mailForm-mb dl dd {
          font-weight: normal; }
          .contact .contactForm .mailForm-mb dl dt h3, .contact .contactForm .mailForm-mb dl dd h3 {
            font-size: 85%;
            font-weight: normal;
            padding: 0;
            margin: 0;
            padding-top: 16px; }
          .contact .contactForm .mailForm-mb dl dt p, .contact .contactForm .mailForm-mb dl dd p {
            padding: 0 8px;
            margin: 0; }
        .contact .contactForm .mailForm-mb dl dt {
          padding: 0 8px 8px; }
          .contact .contactForm .mailForm-mb dl dt .must {
            color: #ff0000; }
        .contact .contactForm .mailForm-mb dl dd {
          padding: 0; }
          .contact .contactForm .mailForm-mb dl dd .must {
            color: #C41A1A; }
        .contact .contactForm .mailForm-mb dl .submitArea {
          text-align: center; }
          .contact .contactForm .mailForm-mb dl .submitArea input {
            vertical-align: bottom; }
    .contact .contactForm input {
      color: #595757;
      height: auto;
      font-size: 139%;
      padding: 8px;
      border: 1px solid #eee;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden; }
      .contact .contactForm input#btSubmit {
        margin-top: 32px;
        padding: 8px;
        border: 4px solid #638900;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
    .contact .contactForm .attention {
      text-align: center;
      padding-top: 32px; }
      .contact .contactForm .attention .emp {
        font-size: 139%;
        font-weight: bold;
        line-height: 180%; }

                         /*/////////////////////////
運営事業者
//////////////////////////*/
  .company .companyInfo {
    width: 100%;
    margin: 0 auto 32px; }
    .company .companyInfo .labelGreen {
      padding-top: 32px; }
    .company .companyInfo .companyPrfile {
      width: 96%;
      margin: 0 auto;
      border: 1px solid #426400; }
      .company .companyInfo .companyPrfile tr th {
        color: #fff;
        padding: 16px;
        background: #B7D271;
        border-bottom: 1px solid #426400;
        vertical-align: middle; }
      .company .companyInfo .companyPrfile tr td {
        padding: 16px;
        vertical-align: middle;
        border-bottom: 1px solid #426400; }

                         /*/////////////////////////
アクセスマップ / 火葬場のご案内
//////////////////////////*/
  .access {
    padding: 0 8px; }

  .accessMap {
    padding: 16px 8px 0; }
    .accessMap .accessInfo dl {
      padding: 16px 0; }
      .accessMap .accessInfo dl dt {
        float: none;
        margin-right: 0; }
        .accessMap .accessInfo dl dt img {
          width: 100%;
          height: auto; }
      .accessMap .accessInfo dl dd {
        float: none;
        padding-top: 8px; }

  .crematorium {
    margin-bottom: 48px; }
    .crematorium dl {
      margin-bottom: 32px; }
      .crematorium dl dt {
        float: none;
        text-align: center; }
        .crematorium dl dt .mainImg {
          margin-bottom: 16px;
          max-width: 340px;
          width: 100%;
          height: auto; }
        .crematorium dl dt ol {
          display: none; }
      .crematorium dl dd {
        float: none; }
    .crematorium .yokohama-area {
      padding-top: 24px;
      margin-bottom: 24px; }
      .crematorium .yokohama-area .area {
        float: none;
        width: 100%;
        margin-bottom: 32px; }
        .crematorium .yokohama-area .area h5.label {
          font-size: 124%;
          font-weight: bold;
          margin-bottom: 8px;
          padding: 0 16px; }
        .crematorium .yokohama-area .area p.info {
          padding: 0 16px;
          font-size: 93%;
          line-height: 192%; }
          .crematorium .yokohama-area .area p.info .emp {
            font-size: 108%;
            font-weight: bold;
            color: #426400; }
          .crematorium .yokohama-area .area p.info .bold {
            font-weight: bold; }
    .crematorium .cremationPrice {
      margin-bottom: 16px; }

  #footer {
    background: #edf0e4;
    padding-bottom: 8px;
    margin-bottom: 72px; }
    #footer .footBox {
      position: relative;
      max-width: 900px;
      margin: 0 auto;
      color: #426400; }
      #footer .footBox .pageUp {
        display: none; }
      #footer .footBox ul {
        padding: 16px 16px 0;
        margin-bottom: 8px;
        border-bottom: 1px solid #dee5c3; }
        #footer .footBox ul li {
          float: left;
          background: url(./images/bg/bg_bt_footnav.png) left 4px no-repeat;
          background-size: 8px 8px;
          -webkit-background-size: 8px 8px;
          -moz-background-size: 8px 8px;
          -ms-background-size: 8px 8px;
          -o-background-size: 8px 8px;
          background-size: 8px 8px;
          padding-left: 12px;
          margin-right: 16px; }
          #footer .footBox ul li a {
            display: block; }
            #footer .footBox ul li a.parent {
              margin-bottom: 8px; }
            #footer .footBox ul li a.child {
              display: none; }
      #footer .footBox ol {
        text-align: center;
        margin-bottom: 50px;}
        #footer .footBox ol li {
          float: none;
          font-size: 77%;
          vertical-align: bottom;
          margin: 0 8px 0;
          display: inline-block; }
          #footer .footBox ol li.copyR {
            width: 100%;
            float: none;
            font-size: 77%; }

  #footerButton {
    position: fixed;
    z-index: 3000;
    /* bottom: -72px; */
    bottom: 0px;
    width: 100%;
    background: #fff;
    border-top: 4px solid #426400;
    background: rgba(255, 255, 255, 0.85);
    /*影を入れる*/
    -webkit-box-shadow: 0 -4px 6px -4px #8d8c8c;
    -moz-box-shadow: 0 -4px 6px -4px #8d8c8c;
    box-shadow: 0 -4px 6px -4px #8d8c8c; }
    #footerButton ul {
      max-width: 900px;
      margin: 0 auto;
      padding: 8px; }
      #footerButton ul li.telMark {
        float: left;
        padding-top: 12px; }
        #footerButton ul li.telMark img {
          height: 32px;
          width: auto; }
      #footerButton ul li.btTel {
        float: right;
        padding: 8px;
        margin-left: 8px;
        border: 4px solid #EF9F2F;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
        #footerButton ul li.btTel img {
          height: 28px;
          width: auto; }
    #footerButton ul li.pconly { 
    display: none;}
    #footerButton ul li.telNo { width: 45%;}
    #footerButton ul li { margin: 0 auto;}
.contact_top-txt {
    font-size: 6vw;
    width: 90vw;
    margin: 4vw auto 0px;
    position: relative;
    z-index: 2;
}
.contact_top-txt-02 {
    display: block;
    font-size: 4.8vw;
    width: 90vw;
    margin: 0 auto;
}
    .contact .keyImg {
    padding: 0px 0 0;
    max-width: 900px;
    margin: 0 auto 0;
}
  /*// モバイル分岐 END*/ }