@charset "utf-8";
/*
Theme Name: amamori_theme
Theme URI:
Description: amamori_theme
Author: meakdesign Yuji Namatame
*/

/*-------------
reset
-------------*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd, hr,
table, th, td, form, fieldset {
margin: 0;
padding: 0;
}

html {
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: scroll;
}

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

img {
border: 0;
}

body {
font: 12px/1.231;
*font-size: small;
*font: x-small;
background: #fff;
}

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

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


/*-------------
base
-------------*/
html,body {
width:100%;
height:100%;
}
img {
vertical-align: bottom;
max-width:100%;
height: auto;
}
body {
width: 100%;
font-family: 'Noto Sans Japanese', sans-serif, 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'Osaka‐等幅';
color: #333333;
font-size: 1.1em;
}
p {
background-image: url(images/clear.gif);
max-height: 999999px;
line-height: 1.7;
font-size: 1.0em;
}
a {
color: #333333;
}
a:hover {
text-decoration: none;
}
ul,ol {
list-style: none;
}

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

.pt100 {
padding-top: 100px;
}

.m5 {
margin: 5px;
}
.m10 {
margin: 10px;
}
.m20 {
margin: 20px;
}
.mb5 {
margin-bottom: 5px;
}
.mr10 {
margin-right: 10px;
}

.abel {
font-family: 'Abel', sans-serif;
}

.sp-only {
display: none;
}


.rollover a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
a img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a[href^="tel:"] {
pointer-events: none;
}

/*-------------
HomeSection
-------------*/
.inner {
width: 100%;
margin: 0 auto;
position: fixed;
background: #fff;
padding-top: 20px;
}
.inner:after {
content:"";
clear: both;
display: block;
}

/*--------header-----------*/
#top-head {
padding: 0;
}
#top-head a,
#top-head {
text-decoration: none;
}
#top-head .logo {
position: relative;
width: 350px;
padding-top: 13px;
padding-bottom: 23px;
margin-left: 12%;
}
#global-nav {
text-align: center;
width: 100%;
background: #004ea2;
}
#global-nav ul {
list-style: none;
text-align: center;
letter-spacing: -.20em;
}
#global-nav ul li {
display: inline-block;
vertical-align: top;
font-size: 90%;
border-right: 1px dotted #fff;
letter-spacing: 1px;
position: relative;
}
#global-nav ul li:first-child {
border-left: 1px dotted #fff;
}
#global-nav ul li a {
padding: 10px 20px;
display: inline-block;
color: #fff;
}
#global-nav ul li a:hover {
background: #0076c2;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#global-nav ul li ul {
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#gnav-ul li ul {
display: none;
}
#global-nav ul li ul li {
font-size: 85%;
letter-spacing: 1px;
width: 160%;
border-right: none;
}
#global-nav ul li ul li:first-child {
border-left: none;
}
#global-nav ul li ul li a{
padding: 13px 15px;
border-top: 1px dotted #98b558;
background: #004ea2;
text-align: left;
}
#global-nav ul li:hover > a{
background: #004ea2;
}
#global-nav ul li a:hover {
background: #0076c2;　　
}
#global-nav ul li:hover ul {
display: block;
width: 120px !important;
}
#gnav-ul li ul li {
display: block;
}
#gnav-ul li ul li a {
display: block;
}
ul#toprightmenu {
position: absolute;
top: 12px;
right: 12%;
}
ul#toprightmenu li {
display: inline-block;
font-size: 80%;
}
ul#toprightmenu li a {
display: block;
}
ul#toprightmenu li a:hover {
opacity: 0.75;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.toprightbtn {
width: 150px;
margin-right: 10px;
}
ul.sns {
position: absolute;
top: 42px;
right: 15%;
}
ul.sns li {
display: inline-block;
}
.phone {
font-family: 'Abel', sans-serif;
font-weight: bold;
font-size: 140%;
margin-right: 15px;
color: #98b558;
padding-top: 3px;
}
ul#mobilesubmenu {
display: none;
}
ul.snssub {
display: none;
}

/*--------固定化されたときのCSS-----------*/
#top-head.fixed {
}
#top-head.fixed .logo {
}
#top-head.fixed .logo a {
}
#top-head.fixed #global-nav ul li a {
}
#top-head.fixed #headCopy {
}
#top-head.fixed ul.sns {
}


/*-----------スマホのトグルボタンのCSS-------------*/

#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 99999;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #000;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}

/*-------------
main
-------------*/
#main {
padding-top: 190px;
margin-bottom: 20px;
background: #f9f9f9;
position: relative;
z-index: -1;
}
#main-inner {
width: 1080px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: -1;
}
#main-sp {
display: none;
}


/*-------------
contents
-------------*/
#contents {
clear: both;
margin-bottom: 70px;
}
.w980 {
clear: both;
width: 980px;
margin-left: auto;
margin-right: auto;
}
ul.point-list {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
ul.point-list li {
width: 170px;
display: inline-block;
margin: 5px;
}
#main-copy {
width: 100%;
margin-bottom: 30px;
background: url(images/bgcopyh2.jpg);
}
#main-copy h2 {
font-size: 170%;
text-align: center;
line-height: 1.8;
letter-spacing: 1px;
}
#lead-price {
text-align: center;
margin-bottom: 15px;
}
#lead-price img {
width: 950px;
}

/*価格*/
.price {
background: #004ea2;
padding-top: 2px;
padding-bottom: 20px;
border-top: solid 7px #00b4ed;
border-bottom: solid 7px #00b4ed;
margin-bottom: 40px;
}
.price h3 {
text-align: center;
font-size: 200%;
color: #f8f191;
font-family: "Sawarabi Mincho";
}
.price-strong {
font-size: 210%;
}
.price p {
text-align: center;
font-size: 200%;
color: #ffffff;
margin-top: -15px;
}

/*エリア*/
#area {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#area h2 {
text-align: center;
color: #004ea2;
border-bottom: 3px solid #004ea2;
padding-bottom: 10px;
margin-bottom: 25px;
}
#area-map {
width: 203px;
float: left;
}
#area-right {
width: 730px;
float: right;
}
#area-right h3 {
border-left: 7px solid #004ea2;
padding-left: 25px;
margin-bottom: 15px;
}
#area-right p {
font-size: 90%;
margin-bottom: 70px;
}

/*大きな劣化*/
#rekka {
clear: both;
background: url(images/bg_rekka.png);
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 70px;
overflow: hidden;
}
#rekka-inner {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#rekka h2 {
margin-bottom: 20px;
}
#rekka-photo {
width: 250px;
float: left;
}
#rekka p {
font-size: 90%;
width: 690px;
float: right;
margin-bottom: 30px;
}
#rekka-flow {
clear: both;
margin-bottom: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#rekka-flow li {
display: inline-block;
}
.katei {
background: #004ea2;
padding: 20px 33px;
color: #fff;
}
.kekka {
color: #004ea2;
font-size: 130%;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
#rekka h3 {
font-size: 160%;
text-align: center;
background: #fff;
border: 3px solid #004ea2;
padding: 10px;
margin-bottom: 15px;
}
.kekka-kaisetsu {
font-size: 85%;
line-height: 1.6;
}

/*原因*/
#reason {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
#reason h2 {
text-align: center;
color: #004ea2;
border-bottom: 3px solid #004ea2;
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 150%;
}
#reason-photo {
width: 350px;
float: left;
}
#reason p {
font-size: 90%;
width: 590px;
float: right;
margin-bottom: 30px;
}
#reason h3 {
clear: both;
text-align: center;
background: #004ea2;
color: #fff;
padding: 7px 0 10px 0;
margin-bottom: 10px;
font-size: 130%;
}
.jitsurei-note {
background: #f3f3f3;
border: 1px solid #cecece;
padding: 20px 35px 10px 35px;
margin-bottom: 30px;
}
.jitsurei-note h4 {
border-left: 7px solid #004ea2;
padding-left: 25px;
margin-bottom: 5px;
}
.jitsurei-note p {
font-size: 90%;
width: 100%!important;
float: none!important;
margin-bottom: 15px!important;
}
.btn-jitsurei a {
width: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #fff;
display: block;
background: #00b4ed;
padding: 20px 35px;
text-decoration: none;
}
.btn-jitsurei a:hover {
background: #61d7ff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

/*実例*/
#result {
clear: both;
background: url(images/bgResult.png);
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 70px;
oveflow: hidden;
}
#result h2 {
text-align: center;
margin-bottom: 20px;
}
ul.result-box li {
background: #f9f9f9;
overflow: hidden;
border: 3px solid #004ea2;
width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
ul.result-box li h3 {
text-align: center;
background: #004ea2;
color: #fff;
padding: 5px 0px 10px 0px;
}
.result-photo {
width: 580px;
float: left;
margin: 20px 0px 20px 20px;
}
ul.result-box li p {
font-size: 80%;
width: 320px;
float: right;
margin: 18px 20px 20px 0px;
}

/*相場*/
#fee {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
#fee h2 {
text-align: center;
color: #004ea2;
border-bottom: 3px solid #004ea2;
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 150%;
}
#fee p {
font-size: 90%;
margin-bottom: 30px;
}
.fee-figure {
width: 600px;
margin-left: auto;
margin-right: auto;
}

/*BLOG*/
#blog {
clear: both;
background: url(images/bg_rekka.png);
padding-top: 50px;
padding-bottom: 50px;
}
#blog h3 {
text-align: center;
margin-bottom: 20px;
}
.blog-date {
text-align: right!important;
font-size: 70%;
color: #00479d;
margin-top: 3px;
margin-bottom: 6px;
}
#blog h6 {
text-align: left;
font-size: 80%;
font-weight: normal;
margin-bottom: 10px;
}
#blog p {
text-align: left;
font-size: 75%;
}
ul.four-column {
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.four-column li {
width: 221px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}

/*弊社代表のご挨拶*/
#greeting {
background: #f9f9f9;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 70px;
}
#greeting h2 {
margin-bottom: 15px;
}
.ceo-img {
width: 300px;
float: right;
margin-left: 30px;
}
#greeting p {
font-size: 90%;
}

/*他社＆お客様*/
#suisen {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
.tasha {
border: 12px solid #cecece;
padding: 10px 40px 10px 40px;
overflow: hidden;
margin-bottom: 40px;
}
.tasha-photo {
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
.tasha h3 {
color: #004ea2;
padding-top: 15px;
margin-bottom: 7px;
}
.tasha h4 {
color: #004ea2;
margin-bottom: 15px;
}
#suisen p {
font-size: 90%;
}
#voice h3 {
text-align: center;
color: #004ea2;
border-bottom: 3px solid #004ea2;
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 150%;
}
#voice ul {
margin-left: auto;
margin-right: auto;
text-align: center;
}
#voice li {
width: 380px;
display: inline-block;
vertical-align: top;
border: 10px solid #cecece;
padding: 20px 30px;
overflow: hidden;
margin: 10px;
margin-bottom: 20px;
}
.voiceimg {
margin-bottom: 10px;
}
#voice p {
text-align: left;
}
.voice-sign {
text-align: right!important;
background: #f1f1f1;
padding: 3px 5px;
margin-top: 12px;
}

/*工事対応エリア*/
#area-btm {
background: #004ea2;
padding-top: 30px;
padding-bottom: 20px;
margin-bottom: 40px;
}
#area-btm h3 {
text-align: center;
color: #004ea2;
font-size: 180%;
margin-bottom: 10px;
}
#area-btm h3 span {
background: #fff;
padding: 5px 10px;
}
#area-btm p {
text-align: center;
font-size: 150%;
color: #fff;
}

/*よくある質問*/
#faq {
width: 920px;
margin-left: auto;
margin-right: auto;
background: #f4f4f4;
padding: 30px 40px 15px 40px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 40px;
}
#faq dt {
background: #666666;
color: #fff;
margin-top: 15px;
margin-bottom: 8px;
font-weight: bold;
padding: 7px 14px;
font-size: 90%;
line-height: 1.6;
}
#faq dd {
font-size: 90%;
line-height: 1.6;
margin-bottom: 15px;
}

/*会社概要*/
#company h3 {
font-size: 160%;
margin-bottom: 20px;
text-align: center;
color: #333333;
}
#company table {
width: 950px;
margin-left: auto;
margin-right: auto;
font-size: 90%;
}
#company table th {
padding: 10px 20px;
width: 150px;
border: 1px solid #cecece;
background: #f5f5f5;
}
#company table td {
padding: 10px 20px;
border: 1px solid #cecece;
}

/*使わない？*/
#snsarea {
width: 400px;
margin-top: 60px;
margin-bottom: 60px;
}
ul.web-logo-font {
padding: 0;
font-family: sans-serif;
float: left;
margin-bottom: 120px;
}
ul.web-logo-font li {
display: inline-block;
list-style-type: none;
margin-right: 10px;
padding-right: 5px;
}
ul.web-logo-font li a{
font-size: 60px;
text-decoration: none;
color: #000;
}
ul.web-logo-font li a:hover{
opacity: 0.6;
}
/*強調するためにあらためて記入しただけでまとめて書いてもOK*/
ul.web-logo-font li a{
color: white;
padding: 15px;
border-radius: 5px;
}

/*背景色を設定*/
ul.web-logo-font a.twitter-btn-icon-link{background-color:#55ACEE;}
ul.web-logo-font a.facebook-btn-icon-link{background-color:#3C5A99;}
ul.web-logo-font a.instagram-btn-icon-link{background-color:#666666;}
ul.web-logo-font a.mail-btn-icon-link{background-color:#98b558;}


/*お問い合わせ*/
#form {
background: #006633;
margin-bottom: 50px;
padding-top: 40px;
padding-bottom: 40px;
}
#form h3 {
text-align: center;
color: #f2cf64;
margin-bottom: 15px;
font-size: 150%;
}
#form p {
color: #fff;
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul#form-list {
width: 980px;
margin-top: 20px;
margin-bottom: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
ul#form-list li {
background: #3b6b12;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 120%;
margin-bottom: 8px;
padding: 10px 0;
width: 300px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.form-list-or {
color: #ec5f01;
}
#form dl {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#form dl dt {
color: #fff;
padding: 10px;
}
#form dl dd {
padding: 5px 3%;
background: #fff;
}
#form #month {
width: 20%;
font-size: 15px;
}
#form #date {
width: 20%;
font-size: 15px;
}
#form #time {
width: 30%;
font-size: 15px;
}
#form #name {
width: 60%;
font-size: 15px;
}
#form #EMAIL {
width: 70%;
font-size: 15px;
}
#form #tel1 {
width: 20%;
font-size: 15px;
}
#form #tel2 {
width: 30%;
font-size: 15px;
}
#form #tel3 {
width: 30%;
font-size: 15px;
}
#form #postcode {
width: 30%;
font-size: 15px;
}
#form #add {
width: 90%;
font-size: 15px;
}
.rule {
margin-top: 12px;
font-size: 80%!important;
}
.rule a {
color: #fff;
}
#formSubmit {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}


/*-------------
Footer
-------------*/
#footer {
clear: both;
padding-top: 60px;
padding-bottom: 100px;
background: #004ea2;
}
#footfixmenu {
display: none;
}
.footmenu {
text-align: center;
}
.footmenu li {
display: inline-block;
}
.footmenu li a {
font-size: 85%;
margin-left: 5px;
margin-right: 5px;
color: #fff;
}
address {
clear: both;
font-style: normal;
margin-top: 30px;
color: #fff;
font-size: 70%;
line-height: 1.7;
text-align: center;
}



/* スマホ */
@media screen and ( max-width:800px )
{

body {
font-size: 0.9em;
}
.sp-only {
display: block;
}
/*-------------
HomeSection
-------------*/
.head-inner {
display: none;
}
.slick-next {
right: 0;
}
#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
padding-top: 0;
background: transparent;
z-index: 99999;
}
#mobile-head {
background: #fff;
width: 100%;
height: 80px !important;
z-index: 99999;
position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
position: relative;
margin-left: 0;
color: #333;
width: 50%;
padding-top: 0;
}
#global-nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top: -500px;
background: #000;
width: 100%;
text-align: center;
padding: 10px 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
z-index: 99999;
}
#global-nav ul {
list-style: none;
position: absolute;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul li {
display: block;
border: none;
position: absolute;
padding: 10px 0;
color: #fff;
font-size: 110%;
margin: 0;
}
#global-nav ul li:first-child {
border-left: none;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width: 130px;
display: block;
color: #fff;
padding-top: 10px !important;
padding-bottom: 10px !important;
position: absolute;
background: #000;
}
#top-head #global-nav ul li a:hover,
#top-head.fixed #global-nav ul li a:hover {
background: #666666;
}

#global-nav ul li ul {
display: none;
}
#gnav-ul li ul {
display: none;
}
#global-nav ul li ul li {
display: none;
}
#global-nav ul li ul li a{
display: none;
}
#global-nav ul li:hover ul {
display: none;
}
#gnav-ul li ul li {
display: none;
}
#gnav-ul li ul li a {
display: none;
}

#nav-toggle {
display: block;
}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
#toprightmenu {
display: none;
}

/*-------------
main
-------------*/
#main {
padding-top: 0px;
margin-top: 87px;
margin-bottom: 15px;
background: #a57a44;
}
#main-inner {
width: 100%;
}
#main-sp {
display: block;
}
#main-pc {
display: none;
}

/*-------------
contents
-------------*/
#contents {
width: 100%;
margin-bottom: 30px;
}
.w980 {
clear: both;
width: 90%;
margin-left: auto;
margin-right: auto;
}

ul.point-list {
margin-bottom: 20px;
}
ul.point-list li {
width: 30%;
margin: 0;
}
#main-copy {
width: 100%;
margin-bottom: 15px;
}
#main-copy h2 {
font-size: 120%;
line-height: 1.4;
letter-spacing: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5%;
padding-right: 5%;
}
#lead-price {
text-align: center;
margin-bottom: 10px;
}
#lead-price img {
width: 100%;
}

/*価格*/
.price {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 40px;
}
.price h3 {
font-size: 150%;
line-height: 1.2;
}
.price-strong {
font-size: 180%;
}
.price p {
font-size: 140%;
margin-top: 2px;
}

/*エリア*/
#area {
width: 95%;
}
#area h2 {
font-size: 120%;
padding-bottom: 10px;
margin-bottom: 25px;
}
#area-map {
width: 40%;
float: none;
margin: 20px auto;
}
#area-right {
width: 95%;
float: none;
margin: 20px auto;
}
#area-right h3 {
padding-left: 15px;
}
#area-right p {
}

/*大きな劣化*/
#rekka {
padding-top: 30px;
padding-bottom: 30px;
}
#rekka-inner {
width: 90%;
}
#rekka h2 {
font-size: 120%;
margin-bottom: 20px;
}
#rekka-photo {
width: 70%;
float: none;
margin: 20px auto;
}
#rekka p {
width: 100%;
float: none;
margin-bottom: 30px;
}
#rekka-flow {
clear: both;
margin-bottom: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#rekka-flow li {
display: inline-block;
margin-bottom: 10px;
}
.katei {
padding: 10px 15px;
}
.kekka {
font-size: 120%;
}
#rekka h3 {
font-size: 140%;
padding: 10px 3%;
}
.kekka-kaisetsu {
}

/*原因*/
#reason {
width: 90%;
margin-bottom: 70px;
}
#reason h2 {
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 120%;
}
#reason-photo {
width: 70%;
margin: 20px auto;
float: none;
}
#reason p {
width: 100%;
float: none;
}
#reason h3 {
padding: 4px 0 7px 0;
font-size: 110%;
}
.jitsurei-note {
padding: 20px 5% 10px 5%;
margin-bottom: 25px;
}
.jitsurei-note h4 {
padding-left: 15px;
margin-bottom: 7px;
}
.jitsurei-note p {
width: 100%!important;
float: none!important;
margin-bottom: 15px!important;
}
.btn-jitsurei a {
width: 60%;
padding: 15px;
}
#btn-jitsurei a:hover {
}

/*実例*/
#result {
padding-top: 20px;
padding-bottom: 20px;
}
#result h2 {
font-size: 120%;
margin-bottom: 20px;
}
ul.result-box li {
width: 90%;
}
ul.result-box li h3 {
}
.result-photo {
width: 90%;
float: none;
margin: 20px auto;
}
ul.result-box li p {
width: 90%;
float: none;
margin: 18px auto;
}

/*相場*/
#fee {
width: 90%;
}
#fee h2 {
margin-bottom: 20px;
font-size: 120%;
}
#fee p {
}
.fee-figure {
width: 60%;
}

/*BLOG*/
#blog {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 50px;
}
.blog-date {
font-size: 75%;
}
#blog h6 {
font-size: 85%;
}
#blog p {
}

/*弊社代表のご挨拶*/
#greeting {
padding-top: 30px;
padding-bottom: 30px;
}
#greeting h2 {
margin-bottom: 15px;
text-align: center;
}
.ceo-img {
width: 60%;
float: none;
margin: 20px auto;
}

/*他社＆お客様*/
#suisen {
width: 90%;
margin-bottom: 20px;
}
.tasha {
padding: 10px 7% 20px 7%;
}
.tasha-photo {
float: none;
width: 60%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.tasha h3 {
padding-top: 10px;
}
.tasha h4 {
}
#voice h3 {
margin-bottom: 20px;
font-size: 120%;
}
#voice ul {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#voice li {
width: 90%;
border: 5px solid #cecece;
padding: 20px 5% ;
margin: 0;
margin-bottom: 20px;
}
.voiceimg {
margin-bottom: 10px;
}

/*よくある質問*/
#faq {
width: 80%;
padding: 20px 5% 15px 5%;
}
#faq h2 {
font-size: 120%;
}
#faq dt {
padding: 5px 3%;
}

/*会社概要*/
#company h3 {
font-size: 120%;
}
#company table {
width: 90%;
}
#company table th {
padding: 10px 3%;
width: 20%;
}
#company table td {
padding: 10px 3%;
}

/*お問い合わせ*/
#form {
margin-bottom: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
#form h3 {
margin-bottom: 10px;
font-size: 120%;
}
#form p {
width: 90%;
}
ul#form-list {
width: 90%;
margin-top: 20px;
margin-bottom: 30px;
}
ul#form-list li {
font-size: 110%;
margin-bottom: 8px;
padding: 6px 0;
width: 100%;
display: block;
margin-left: 0px;
margin-right: 0px;
}
#form dl {
width: 90%;
}
#form dl dt {
padding: 10px;
}
#form dl dd {
padding: 5px 3%;
background: #fff;
}
.rule {
margin-top: 12px;
font-size: 80%!important;
}
.rule a {
color: #fff;
}
#formSubmit {
}

#footfixmenu {
display: block;
}





/*-------------
Footer
-------------*/
#footer {
padding-top: 30px;
padding-bottom: 110px;
}
#footInner {
width: 85%;
}
#footerNav {
width: 47%;
margin-bottom: 60px;
margin-right: 5%;
}
#footerNav2 {
width: 47%;
margin-bottom: 60px;
}
#footerNav li {
display: block;
font-size: 85%;
margin-bottom: 7px;
line-height: 1.5;
}
#footerNav2 li {
display: block;
font-size: 85%;
margin-bottom: 7px;
line-height: 1.5;
}
#footerNav li a {
}
#footerDetail {
float: none;
margin-bottom: 30px;
}
#footLogo {
width: 55%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.symbol {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
#footerDetail p {
line-height: 1.9;
font-size: 80%;
letter-spacing: 1px;
text-align: center;
}
address {
clear: both;
margin-top: 50px;
text-align: center;
}


/*コンテンツページ*/
#contentsPage {
width: 90%;
margin-top: 130px;
margin-bottom: 70px;
}
#contentsPage h2 {
font-size: 150%;
margin-top: 0;
}
#contentsPage hr {
margin-top: 40px;
margin-bottom: 40px;
}
#contentsPage p {
font-size: 85%;
}

#contentsPage-left {
width: 100%;
min-height: 200px;
float: none;
margin-bottom: 30px;
}
#contentsPage-left h3 {
font-size: 100%;
margin-top: 0;
padding: 10px 20px;
margin-bottom: 30px;
line-height: 1.6;
}
#contentsPage-left h4 {
font-size: 90%;
padding-left: 20px;
line-height: 1.6;
}
#contentsPage-left h5 {
font-size: 95%;
line-height: 1.6;
}
#contentsPage-left table th {
padding: 10px 15px;
font-size: 80%;
}
#contentsPage-left table td {
font-size: 80%;
padding: 10px 15px;
}

#contentsPage-right {
width: 80%;
padding: 30px 10% 20px 10%;
float: none;
}
#sidemenu li {
font-size: 80%;
}

.photo100 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo90 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo80 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo70 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo60 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo50 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo40 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo30 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo20 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo15 {
display: block;
margin-left: auto;
margin-right: auto;
}
.photo10 {
display: block;
margin-left: auto;
margin-right: auto;
}

.download {
}
.btn-pdf {
width: 100px;
margin-left: auto;
margin-right: auto;
text-align: center;
float: none;
margin-bottom: 15px;
}
.dltxt {
width: 100%;
float: none;
font-size: 85%;
}


.singleDate {
font-size: 90%;
}
/*ブログ*/
.blog-list li {
width: 45%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}
.blog-list li:nth-child(odd) {
margin-right: 7%;
}

/*ワークショップ*/
ul.ws-list {
margin-bottom: 40px;
}
ul.ws-list li {
clear: both;
margin-bottom: 10px;
}
.lesson-thumbnail {
width: 70%;
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.ws-title {
margin-bottom: 5px!important;
}
.ws-date p {
font-size: 80%!important;
margin-bottom: 30px;
}

/*インストラクター*/
ul.instructor-list {
margin-right: -5%;
}
ul.instructor-list li {
width: 45%;
margin-right: 5%;
margin-bottom: 20px;
}

/*アクセス*/
ul#access-list li {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 25px;
}

/*コミューン*/
.commune-link {
text-align: center;
}

/*学ぶ*/
.study-photo {
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.studytxt {
font-size: 85%;
}
.study-todetail a {
width: 70%;
}




/*コンテンツカテゴリページ*/
.categoryList {
width: 100%;
}
.categoryList dt {
float: none;
border: none;
margin-bottom: 5px;
padding-left: 0;
margin-left: 5px;
font-size: 90%;
}
.categoryList dd {
float: none;
width: 100%;
margin-left: 5px;
font-size: 85%;
margin-bottom: 18px;
}
.categoryList dd a {
}

/*お問い合わせ*/
.contact-form {
	width: 100%;
	margin: 0 auto;
	border-bottom: none;
}
.contact-form img {
	max-width: 30px;
}
.contact-form dt,
.contact-form dd {
	padding: 10px 20px;
}
.contact-form dt {
	width: 90%;
	font-size: 90%;
	margin-left: auto;
	margin-right: auto;
}
.contact-form dd {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}
.contact-form dd textarea {
	width: 100%;
}
.contact-form .w300 {
	width: 100%;
	height: 24px;
}
.contact-form .w70 {
	width: 60px;
	height: 24px;
}
#consent {
	margin-top: 10px;
	text-align: center;
}
.dd-address {
	line-height: 1.7;
}

}



/*------------タブレット用------------------*/

@media screen and (max-width: 1024px) {
  .head-inner {
    display: none;
  }

  .slick-next {
    right: 0;
  }

  #top-head,
  .inner {
      width: 100%;
      padding: 0;
  }
  #top-head {
      top: 0;
      position: fixed;
      margin-top: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
      padding-top: 0;
      background: transparent;
  }
  #mobile-head {
      background: #fff;
      width: 100%;
      height: 70px;
      z-index: 999;
      position: relative;
  }
  #top-head.fixed .logo,
  #top-head .logo {
      position: absolute;
      left: 13px;
      height: 50px;
      top: 15px;
      color: #333;
      font-size: 26px;
  }
  #global-nav {
      position: absolute;
      /* 開いてないときは画面外に配置 */
      top: -500px;
      background: #000;
      width: 100%;
      text-align: center;
      padding: 10px 0;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }
  #global-nav ul {
      list-style: none;
      position: static;
      right: 0;
      bottom: 0;
      font-size: 14px;
  }
  #global-nav ul li {
      float: none;
      position: static;
      padding: 18px 0;
      color: #fff;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
      width: 100%;
      display: block;
      color: #fff;
      padding: 18px 0;
  }
  #nav-toggle {
      display: block;
      right: 25px;
      top: 20px;
  }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
      /* #global-nav top + #mobile-head height */
      -moz-transform: translateY(556px);
      -webkit-transform: translateY(556px);
      transform: translateY(556px);
  }


}