@charset "UTF-8";
/*===================
 Reset
===================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*===================
 Native
===================*/
/* editor */
.mainblock p, .mce-content-body p {
    display: block;
    margin: 0 0 1.4em;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
/**/
img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    color: #333;
    line-height: 1.8;
    letter-spacing: 0;
    font-size: 16px;
}
a:focus, *:focus {
    outline: none;
}
a, a img {
    -webkit-transition: 200ms;
    transition: 200ms;
}
a, a:visited {
    color: #e25c23;
}
a:hover {
    text-decoration: none;
}
a:hover img {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: pointer;
}
img {
    max-width: 100%;
}
/*==========================
	base
==========================*/
#header > .inner, #nav > .inner, #contents > .inner, #footer .inner {
    /* コンテンツ幅 */
    width: 1200px;
    margin: 0 auto;
    max-width: 96%;
}
/*==========================
	サイテーション
==========================*/
.header_top {
    background: #448aca;
}
.header_access {
    line-height: 1.4;
    font-size: 0.8em;
    padding: 0.25em 0 0.2em;
    color: #fff;
    width: 100%;
}
.header_access .inner {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
}
.header_access .inner a {
    color: inherit;
    text-decoration: none;
}
/*==========================
	#header
==========================*/
#header {
    box-sizing: border-box;
}
#header {
    box-sizing: border-box;
}
#header h1 {
    /* h1ロゴのサイズ指定 */
    display: block;
    float: left;
    max-width: 25.3%;
    width: 253px;
    padding-top: 10px;
}
#header h1 img {
    width: 100%;
}
#header h1 a:hover img {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
p.header_text {
    margin-left: 2%;
    padding-top: 1.5%;
    float: left;
    width: 16%;
}
p.header_text img {
    width: 158px;
}
.headerinner ul.pc {
    overflow: hidden;
    max-width: 48%;
    box-sizing: border-box;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    align-items: flex-end;
}
.headerinner ul img {
    display: block;
}
.headerinner .tel {
    margin-left: 10px;
}
.headerinner .tel img.telimg {
    width: 221px;
}
/*==========================
	#nav
==========================*/
.menu-sp-nav-container {
    /* スマホ用メニューを隠す */
    display: none;
}
@media screen and (min-width: 768px) {
	.fixed {
		/* javascript用 */
		position: fixed;
		top: 0;
	}
}
#nav {
    background: #fff;
    box-sizing: border-box;
}
/*==========================
	#contents
==========================*/
/* H2タイトル -------------*/
.page-title {
    overflow: hidden;
    position: relative;
    background: url(img/under_title.jpg) no-repeat center;
    text-align: center;
    padding: 4.7em 0;
}
.page-title h2 {
    color: #333;
    font-size: 36px;
    letter-spacing: 0.15em;
    font-weight: bold;
    position: relative;
    line-height: 1.4em;
}
/* パンくず -------------*/
.bread_wrap {
    margin-bottom: 2.5em;
}
.home .bread_wrap {
    margin-bottom: 0;
}
.bread_wrap .bread {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 96%;
}
.bread {
    padding: 0.4em 0 0.4em;
    font-size: 82%;
    /*13px*/
    margin-bottom: 0.5em;
    text-align: right;
}
.bread li {
    display: inline-block;
    line-height: 1.3em;
}
.bread li a {
    color: #666;
}
.bread li a:hover {
    text-decoration: none;
}
/* コンテンツの下部余白 -------------*/
.mainblock.under {
    padding-bottom: 3em;
}
/*==========================
	#aside
==========================*/
/*==========================
	.contentbottom
==========================*/
.contentbottom {
    text-align: center;
}
.contentbottom .contact-bn {
    text-align: center;
}
.contentbottom .contact-bn a {
    display: inline-block;
    margin: 0 0.5%;
    width: 280px;
    max-width: 96%;
}
/*==========================
	#footer
==========================*/
.bnr {
    padding: 40px 0 0;
}
.bnr a {
    display: inline-block;
    margin: 0 0.5% 0;
    width: 360px;
    max-width: 46%;
}
#footer {
    padding: 0 0 0.5em;
    text-align: left;
    background: #fcf5de;
    color: #333;
    font-size: 16px;
    margin: 90px 0 0;
    position: relative;
}
.top #footer {
    margin: 51px 0 0;
}

#footer li.menu-item-has-children {
    margin-bottom: 2em;
}
#menu-footer-nav li.menu-item-has-children > .nav_title {
    font-size: 22px;
    pointer-events: none;
    color: #e25c23;
}
#footer .sub-menu {
    font-size: 15px;
    margin-bottom: 1.2em;
    margin-top: 1em;
    display: block !important;
}
#footer .sub-menu li {
    line-height: 1.4;
    font-size: 15px;
    position: relative;
    margin-bottom: 0.7em;
    padding-left: 14px;
}
#footer .sub-menu li::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0.6em;
    left: 4px;
    margin: -4px 0 0 0;
    border: 3px solid transparent;
    border-top: 5px solid #f9b94a;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.footer_access p {
    margin-bottom: 1em;
    line-height: 1.6;
    font-size: 15px;
}
#footer p.logo {
    margin-bottom: 1.5em;
}
#footer p {
    margin-bottom: 1em;
}
#footer .footer_access {
    color: #714c36;
    text-align: center;
    font-weight: 700;
}
#footer .footer_access img {
    margin-right: 10px;
}
#footer .footer_access .text-big {
    font-size: 24px;
}
#footer .googlemap iframe {
    box-sizing: border-box;
}
.footer_text .con_r {
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
    padding: 3em 0 3em;
}
.footer_menu {
    text-align: center;
    font-size: 0;
    max-width: 600px;
    margin: 50px auto;
}
.footer_menu li a {
    font-size: 16px;
    color: #333;
    padding-left: 14px;
    position: relative;
    text-decoration: none;
}
.footer_menu li a:hover {
    text-decoration: underline;
}
.footer_menu li a:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-top: 1px solid #17a74a;
    border-right: 1px solid #17a74a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) skew(5deg, 5deg);
}
#footer p.banner {
    text-align: center;
}
.copyright {
    /**/
    text-align: center;
    padding: 0em 0 110px;
    font-size: 14px;
    color: #333;
}
.inq01 {
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 100;
}
/********************************
	Responsive
*********************************/
@media screen and (min-width: 768px) {
    /* タブレットまで */
    .sp {
        display: none !important;
    }
    .telbtn {
        display: none;
    }
    a[href^="tel:"] {
        pointer-events: none;
    }
    /*==========================
	base
==========================*/
    /*-- 2カラム時の設定 ------------
#main {
	width:720px;
	float:right;
}
#aside {
	width:240px;
	float:left;
	margin-bottom:20px;
}
--------------*/
    /*==========================
	#header
==========================*/
    #header {
        padding: 10px 0 10px;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        position: relative;
    }
    .headerinner > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .headerinner > div h1 {
        float: none;
        -webkit-box-flex:1;
        -ms-flex:0 1 auto;
        flex:0 1 auto;
    }
    .headerinner > div ul.pc {
        float: none;
        -webkit-box-flex:1;
        -ms-flex:0 1 auto;
        flex:0 1 auto;
    }
    .top #header {
        position: absolute;
    }
    /*==========================
	#nav
==========================*/
    #nav {
        left: 0;
        width: 100%;
        z-index: 100;
        box-sizing: content-box;
    }
    #nav.fixed {
        box-shadow: 0 0 10px #ddd;
    }
    #nav .inner {}
    ul#menu-header-nav {
        /*     clear: both;
    overflow: hidden; */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }
    /* PC用グローバルナビゲーション */
    #nav li {
        box-sizing: border-box;
    }
    #nav a {
        text-decoration: none;
        display: block;
        text-align: center;
        background-repeat: no-repeat;
        line-height: 1.35em;
        box-sizing: border-box;
        -webkit-transition: 200ms;
        transition: 200ms;
    }
    #menu-header-nav > li {
        width: 16.6666%;
        position: relative;
        float: left;
    }
    /*#menu-header-nav > li.nav01 {	width:9%;}
*/
    #menu-header-nav > li > a {
        color: #333;
        font-size: 16px;
        box-sizing: border-box;
        padding: 20px 4px 20px;
        letter-spacing: 0.1em;
        position: relative;
        z-index: 20000;
        line-height: 1.4em;
    }
    #menu-header-nav > li > a > span.nav_text {
        color: #17a74a;
        display: block;
        font-weight: 700;
        margin-top: 7px;
    }
    #menu-header-nav > li > a > span.nav_text > span {
        display: inline-block;
    }
    #menu-header-nav > li > a:hover {
        cursor: pointer;
        background-color: #fcf5de;
    }
    #menu-header-nav li {
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
    }
    #menu-header-nav ul.sub-menu {
        position: absolute;
        padding: 0;
        background: none;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
    }
    #menu-header-nav > li:last-child ul.sub-menu {
        width: 100%;
    }
    #menu-header-nav > li > ul.sub-menu {
        height: auto;
        overflow: hidden;
    }
    #menu-header-nav > li:hover > ul.sub-menu {
        height: auto;
        top: 100%;
        padding-top: 0;
        padding-bottom: 0;
        background: #fcf5de;
    }
    #menu-header-nav > li > ul.sub-menu > li {
        width: 100%;
        height: 0;
    }
    #menu-header-nav > li:hover > ul.sub-menu > li {
        float: none;
        height: auto;
        border-top: 1px solid #f6b443;
    }
    #menu-header-nav > li > ul.sub-menu > li a {
        font-size: 14px;
        text-align: center;
        text-indent: inherit;
        padding: 12px 5px 11px;
        color: #333;
        background-color: rgba(255, 255, 255, .95);
    }
    #menu-header-nav ul.sub-menu li a:hover {
        background: #fcf5de;
    }
    #nav li.has_children > a::after {
        position: absolute;
        bottom: 8px;
        left: 50%;
        margin: 0 0 0 -5px;
        width: 5px;
        height: 5px;
        content: "";
        border-top: 2px solid #17a74a;
        border-right: 2px solid #17a74a;
        background: none;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }
    /*幅広ナビ*/
    #menu-header-nav > li.wide {
        position: inherit;
    }
    #menu-header-nav li .submenu-wrap {
        height: 0;
        overflow: hidden;
    }
    #menu-header-nav li:hover .submenu-wrap {
        display: block;
        position: absolute;
        width: 100%;
        max-width: 1200px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 4;
        background: rgba(255, 255, 255, .95);
        overflow: hidden;
        height: auto;
        padding-bottom: 2em;
        padding-top: 2em;
        padding-left: 2em;
        padding-right: 2em;
    }
    #menu-header-nav li .submenu-wrap .submenu-inner {
        width: 1200px;
        max-width: 100%;
        margin: 0 auto 0;
        overflow: hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #menu-header-nav .submenu-wrap ul.sub-menu {
        position: relative;
        background: none;
        text-align: left;
        box-sizing: border-box;
        -webkit-box-flex:1;
        -ms-flex:0 1 31%;
        flex:0 1 31%;
    }
    #menu-header-nav .submenu-wrap ul.sub-menu li {
        position: relative;
        padding-left: 1em;
        /*float: left;
        width: 50%;*/
    }
    #menu-header-nav .submenu-wrap ul.sub-menu li::before {
        position: absolute;
        content: "";
        width: 5px;
        height: 5px;
        top: 12px;
        left: 5px;
        border-top: solid 1px #17a74a;
        border-right: solid 1px #17a74a;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #menu-header-nav .submenu-wrap ul.sub-menu li a {
        background: none;
        color: #333;
        text-align: left;
        padding: 0.3em 0.2em 0.3em;
        font-size: 16px;
        border-right: none;
    }
    #menu-header-nav > li:hover .submenu-wrap ul.sub-menu li a:hover {
        color: #a09d9d;
    }
    #menu-header-nav .submenu-wrap ul.sub-menu li.ttl {
        padding-left: 0.4em;
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px solid #f6b443;
        margin-bottom: 0.75em;
    }
    #menu-header-nav .submenu-wrap ul.sub-menu li.ttl::before {
        display: none;
    }
    /*==========================
	#contents
==========================*/
    /* コンテンツのmin-height -------------*/
    #contents #main {
        min-height: 600px;
    }
    /*==========================
	#aside
==========================*/
    #aside .inq {
        /* サイド固定バナー */
        position: fixed;
        bottom: 0;
        right: calc(100px + 2%);
        z-index: 20001;
    }
    #aside .clearfix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    #aside .clearfix a:not(:first-child) {
        margin-left: 2%;
    }
    #aside .inq a {
        display: block;
    }
    #aside .inq a:hover img {
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
    }
    /*-- ブログページ ------------*/
    .post-type-blog #main {
        float: left;
        width: 72%;
    }
    .post-type-blog #aside {
        float: right;
        width: 24%;
    }
    /*==========================
	.contentbottom
==========================*/
    .contentbottom .contact-bn a {
        max-width: 45%;
    }
    /*==========================
	#footer
==========================*/
    #footer .inner {
        padding-top: 50px;
    }
    .footer_text {
        flex: 1;
        padding: 0 20px;
    }
    .footer_map {
        flex: 1;
        position: relative;
    }
    .footer_map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #footer #menu-footer-nav {
        float: left;
        width: 53%;
        box-sizing: border-box;
        padding-right: 1.4%;
    }
    #footer li.menu-item-has-children {
        float: right;
        width: 58%;
    }
    #footer li.menu-item-has-children:first-child {
        width: 40%;
        float: left;
    }
    .footer_menu li {
        display: inline-block;
        margin: 0 3%;
    }
    #footer .googlemap {
        padding-bottom: inherit;
        height: 100%;
    }
}
@media screen and (max-width: 1200px) {
    /*サイドバナーのサイズ調整*/
    #aside .inq {}
    /*     #nav.fixed  span.nav_icon {
    height: 40px;
}
    #nav.fixed #menu-header-nav > li > a {
    height: 90px;
}*/
    #nav li.has_children > a::after {
        bottom: 4px;
    }
}
@media screen and (max-width: 1042px) {
    /*コンテンツが横幅いっぱいになったら*/
    /*==========================
	base
==========================*/
    /*-- 2カラム時の設定 ------------
#main {
	width:720px;
	max-width:100%;
	float:none;
	margin:0 auto 2.5em;
}
.home #main {
	width:720px;
}

#aside {
	width:490px;
	max-width:100%;
	float:none;
	margin:0 auto 20px;
}
#aside .sideinner {
	overflow:hidden;
	margin-bottom:20px;
}
------------------*/
    /*==========================
	#nav
==========================*/
    #nav li {
        box-sizing: border-box;
    }
    /*==========================
	#footer
==========================*/
    #footer #menu-footer-nav {
        width: 100%;
    }
    #footer .footer_access {
        width: 100%;
        margin-bottom: 1.5em;
    }
}
@media screen and (min-width: 768px) and (max-width: 1042px) {
    /*#menu-header-nav ul.sub-menu li a,#menu-header-nav > li > ul.sub-menu > li a { font-size:14px;}
*/
}
@media screen and (min-width: 768px) and (max-width: 768px) {
    #footer li, #footer li a, #menu-sitemap li, #menu-sitemap li a {
        vertical-align: top;
    }
}
@media screen and (max-width: 767px) {
    /* スマホ */
    .pc {
        display: none !important;
    }
    /*==========================
	base
==========================*/
    /*-- 2カラム時の設定 ------------
#main , #aside{
	width:480px;
	max-width:96%;
	float:none;
}*/
    /*==========================
	#header
==========================*/
    #header {
        padding: 20px 0 0;
    }
    #header > .inner {
        width: 100%;
        max-width: 100%;
    }
    #header .textwidget.custom-html-widget {
        text-align: center;
    }
    #header h1 {
        padding: 0;
        max-width: 50%;
        margin: 0 auto 20px;
        float: none;
    }
    p.header_text {
        margin-left: 2%;
        float: none;
        width: 158px;
        max-width: 38%;
        display: inline-block;
    }
    .headerinner ul {
        max-width: 100%;
        width: 100%;
        clear: both;
        background: #fff;
        z-index: 98;
        padding:  0;
        float: none;
        overflow: hidden;
    }
    .headerinner ul li {
        float: left;
        width: 20%;
        box-sizing: border-box;
        border-right: 1px solid #e7e7e7;
        display: block;
    }
    .headerinner ul li:last-child {
        border: none;
        padding-right: 1px;
    }
    .headerinner ul img {
        max-width: 100%;
        margin: 0 auto;
    }
	#sp_nav.fixed {
		/* javascript用 */
		position: fixed;
		top: 0;
	}
    /*==========================
	#nav
==========================*/
    #nav {
        height: auto;
        padding: 0;
    }
    #nav > .inner {
		max-width: 100%;
	}
    #nav.fixed {
    }
    /* メニューボタン */
    #toggle {
        display: block;
        /*	position: absolute;
	top:0;
	right:0;
	width:auto;
	height:86px;*/
    }
    #toggle a {
        width: 100%;
        margin: 0;
        float: none;
        position: relative;
        padding: 0;
        border: none;
    }
    #toggle img {
        max-height: 100%;
    }
    #toggle a:hover {
        background: none !important;
    }
    /* #menu-header-nav ------*/
    #nav, #menu-header-nav > .sub-menu {
        /* スライドダウンさせるために隠す */
        display: none;
    }
    #nav {
        background: #fff;
        border-top: 1px solid #ccc;
        left: 0;
        margin: 0;
        position: absolute;
        top:100px;
        width: 100%;
        z-index: 100;
    }
    #nav ul.menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #nav ul li .subtxt {
        display: none;
    }
    #nav ul li > a br {
        display: none;
    }
    #nav ul li.nav03 ul.sub-menu > li:first-child {
        border-top: none;
    }
    #nav ul li {
        display: block;
        text-align: left;
        background: none;
        float: none;
        height: auto;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }
    #nav ul li ul li {
        border-top: 1px solid #ccc;
        border-bottom: none;
    }
    #nav ul li a {
        display: block;
        padding: 8px 6px 8px 15px;
        background-position: 5px center;
        background-size: 16px auto;
        width: 100%;
        float: none;
        box-sizing: border-box;
        text-align: left;
        height: auto;
        line-height: 1.5;
        font-size: 100%;
        text-decoration: none;
        position: relative;
        color: #333;
    }
    #nav ul li span.nav_text {
        padding-left: 10px;
        position: relative;
        display: inline-block;
    }
    #nav ul li span.nav_icon {
        display: inline-block;
        height: 40px;
        vertical-align: middle;
    }
    #nav ul li a:hover {
        cursor: pointer;
        color: #fff;
        background: #16a047;
    }
    #nav ul li.has_children > a::after {
        display: block;
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 50%;
        right: 20px;
        margin: -6px 0 0 0;
        border-bottom: solid 2px #ccc;
        border-right: solid 2px #ccc;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav ul li a:before {
        content: "- "
    }
    #nav ul li .sub-menu {
        background: #fcf5de;
    }
    #nav ul li .sub-menu li a {
        padding-left: 35px;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    #nav li:first-child a {
        border-left: none;
    }
    #nav li.ttl span {
        background: #eb9b21;
        color: #fff;
        display: block;
        font-size: 88%;
        padding-left: 35px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #nav .submenu-wrap {
        background: #fcf5de;
        border-top: 1px solid #ccc;
    }
    /*==========================
	#contents
==========================*/
    .bread_wrap {
        margin-bottom: 1em;
    }
    #contents {
        margin-bottom: 1.5em;
    }
    /*==========================
	#aside
==========================*/
    #aside .inq {
        width: 100%;
    }
    #aside .inq.clearfix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    #aside .inq.clearfix a {
        width: 50%;
    }
    #aside {
        margin-bottom: 0.5em;
    }
    /*==========================
	.contentbottom
==========================*/
    /* 最下部固定お問い合わせバナー */
    .contact {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        text-align: center;
        z-index: 5;
        vertical-align: bottom;
        font-size: 0;
    }
    .contact .inq a {
        display: inline-block;
        width: 770px;
        max-width: 100%;
        margin: 0;
    }
    .contact .clearfix {
        width: 100%;
    }
    .inq01 {
        height: 50px;
        position: absolute;
        bottom: 100%;
    }
    .inq02 a {
        width: 50px;
        float: right;
    }
    /*==========================
	#footer
==========================*/
    .bnr a {
        margin: 0 auto 10px;
        max-width: 70%;
        display: block;
    }
    #footer .footer_access {
        margin-bottom: 1.5em;
    }
    #footer li.parent, #footer li.parent2, #footer li.parent3 {
        float: none;
        width: auto;
        display: block;
    }
    #footer li.menu-item-has-children, #footer li.menu-item-has-children:last-child {
        float: none;
        height: auto;
        width: 100%;
        border-left: none;
        padding-left: 1%;
    }
    #footer .sub-menu li {
        vertical-align: top;
    }
    ul.footer_menu li {
        float: left;
        width: 50%;
        text-align: left;
    }
    .copyright {
        padding-bottom: 16%;
    }
}
@media screen and (max-width: 480px) {
    /* スマホ480px */
    /*==========================
	#header
==========================*/
    #header {
    }
    /*==========================
	#nav
==========================*/
    #toggle {}
    /*==========================
	#contents
==========================*/
    .bread {
        margin-bottom: 0.5em;
        padding: 0.3em 0em 0.2em;
        text-align: right;
    }
    /*==========================
	#footer
==========================*/
    .copyright {
        padding-bottom: 22%;
    }
}


/*============
	inq
============*/
.inq {
	position: fixed;
}
@media print, screen and (min-width: 768px) {
	.inq {
		right: 0;
		top: 180px;
	}
}
@media only screen and (max-width: 767px) {
	.inq {
		right: 0;
		bottom: 0;
	}
}
/* inq_item */
.inq .inq_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.inq .inq_item > * {
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
@media print, screen and (min-width: 768px) {
	.inq .inq_item {
		-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	}
	.inq .inq_item a:not(:last-child) {
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 767px) {
}

/*============
	totop
============*/
/* totop */
.totop {
	position: fixed;
	bottom: 0;
	right: 0;
}
.totop:hover {
	cursor: pointer;
}
@media print, screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.totop {
		position: absolute;
		top: -55px;
	}
}
/* totop_item */
.totop_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #5e99cc;
	color: #fff;
	height: 100px;
	text-align: center;
	width: 100px;
	z-index: 3
}
.totop_item > * {
	-webkit-box-flex:1;
	-ms-flex:0 1 auto;
	flex:0 1 auto;
}
@media print, screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.totop_item {
		height: 50px;
		width: 50px;
	}
}