@charset "UTF-8";
/*
 * common.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
/*	font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif";*/
    font-family: "ten-mincho", serif;
	font-size: 16px;
	line-height: 1.5;
}
img {
	vertical-align:bottom;
	width: 100%;
}
.bold {
    font-weight: bold;
}
a {
	text-decoration: none;
	color: #000BFF;
}
a:hover {
	opacity:0.6;
	text-decoration: underline;
}
.red {
	color: red;
}
.kyocho {
	color: red;
	font-weight: bold;
}
.only_sp,
#dialog_menu,
#floating-menu .add-tel {
	display:none;
}
    #floating-menu {
        position: fixed;
        width: 70px;
        height: 100px;
        right: 11px;
        z-index: 4;
    }
    .add-line, .add-tel {
        width: 70px;
    }
    .add-line {
        margin-top: 10px;
    }

.g-nav {
    display: none;
}
.fadein {
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s;
}

/*==================================
             common
==================================*/
#wrapper {
	width: 100%;
	margin: 0px 0px;
}
.more_btn {
	width: 500px;
    margin: 0px auto;
}
.more_btn a{
    display: block;
    width: 300px;
    font-size: 18px;
    border-radius: 100px;
    background-color: #2bb5cd;
    padding: 6px 0px;
    letter-spacing: 11px;
    text-indent: 11px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0px auto;
}
#contents {
    width: 800px;
    margin: 0px auto;
    background-color: #f6f6f6;
}

/*==================================
             header
==================================*/
header {
    width: 800px;
    margin: 0px auto;
    background-color: #f6f6f6;
    padding-top: 140px;
}
#headerLogo a {
    display: block;
    width: fit-content;
    margin: 0px auto 125px;
}
#headerLogo img {
    width: 236px;
    height: auto;
}
.main-img {
    margin-top: -10px;
    margin-bottom: -10px;
}
.main-img-sp {
    display: none;
}

/*==================================
             section
==================================*/
#global-nav ul {
    display: flex;
    justify-content:space-around;
    padding: 10px 0px 25px;
}
#global-nav ul li {
}
#global-nav ul li a {
    padding: 0px;
    color:#2bb5cd;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.5em;
    font-size: 14px;
}

/*==================================
             section
==================================*/
section {
    padding: 200px 0px 0px;
}
section:last-of-type,
.page-template-default .section_box.contact,
.post-template-default .section_box.contact,
.page-template-shojyopage .section_box.contact,
.category .section_box.contact{
    padding-bottom: 150px;
}
.home section:last-of-type {
    padding-bottom: 50px;
}
section::after {
    content: "";
    display: block;
    background: url("../img/pattern-12.svg") no-repeat;
    background-size: cover;
    width: calc(100vw - 12px);
    height: 77px;
    margin: 0 calc(50% - 50vw);
    margin-top: 200px;
}
section:last-of-type::after {
    display: none;
}
section h3 {
    text-align: center;
    color: #2bb5cd;
    font-size: 50px;
    font-style: italic;
    letter-spacing: 0.8em;
    text-indent:0.8em;
}
h3.long {
    letter-spacing: 0px;
    text-indent: 0px;
}
section h3::after {
    content: "";
    display: block;
    width: 450px;
    margin: 0px auto;
    height: 20px;
    background: url("../img/h3-border.svg");
    background-size: cover;
}
.home section:nth-of-type(1) h3 {
    letter-spacing: 0;
    text-indent:0;
}
.home section:nth-of-type(1) h3::after,
section.contact h3::after {
    display: none;
}
section h3 img {
    width: 200px;
    height: auto;
}
section h3.tate img {
    width: 60px;
    margin: 0px 0px 100px;
}
section .home-p,
.page-template-default .section_box p.home-p {
    font-size: 14px;
    color: #5c5e5e;
    padding: 15px;
    text-align: center;
    letter-spacing: 5px;
    text-indent: 5px;
}

/*        about        */
.about-sashie {
    position: relative;
}
.about-sashie img {
    width: 400px;
    height: auto;
    top: -219px;
    position: absolute;
    right: -200px;
}

/*        shojyo        */
.shojyo-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0px;
}
.shojyo-ul>li {
    width: calc(50% - 80px);
    padding: 20px 40px;
}
.shojyo-ul>li>h4 {
    color: #2bb5cd;
    font-size: 27px;
    text-align: center;
    padding: 10px 0px 20px;
}
.shojyo-ul>li>h4::after {
    content: "";
    display: block;
    width: 100%;
    margin: 0px auto;
    height: 6px;
    background: url("../img/h4-border.svg");
    background-size: cover;
}
.shojyo-ul>li li a {
    color: #346c6f
}
.shojyo-ul .more_btn {
    width: auto;
    margin: 50px 0px 0px;
}
.shojyo-ul .more_btn a {
    width: 200px;
    padding: 3px 0px;
    font-size: 16px;
}

/*        aisatsu        */
.incho-div {
    position: relative;
}
.aisatsu img.incho-img {
    width: 120px;
    margin: 20px auto;
    display: block;
}
.incho {
    color: #346c6f;
    font-size: 28px;
    text-align: center;
    margin-top: 100px;
    letter-spacing: 12px;
    text-indent: 12px;
}
.hasegawa {
    color: #346c6f;
    font-size: 30px;
    text-align: center;
    letter-spacing: 4px;
    text-indent: 4px;
}
.hasegawa-en {
    color: #568990;
    font-size: 12px;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    margin-bottom: 20px;
    letter-spacing: 4px;
    text-indent: 4px;
}
.watashi {
    position: absolute;
    top: 10px;
    left: 122px;
    width: 34px;
}
section.aisatsu .home-p {
    line-height: 2.5em;
}

/*        customer        */
.customer-img {
    width: 70%;
    display: block;
    margin: 80px auto;
}

/*        ryokin        */
section.ryokin h3 {
    font-size: 45px;
    margin-bottom: 100px;
}
section.ryokin .ryokin-img {
    position: relative;
}
section.ryokin .ryokin-img img {
    position: absolute;
    width: 300px;
    height: auto;
    top: -70px;
    left: -85px;
    z-index: -4;
}
.sotsugyo {
    width: 70px;
    height: auto;
    margin: -50px auto 50px;
    display: block;
}

/*        qa        */
section.qa h3 {
    font-size: 45px;
    margin-bottom: 100px;
}
section.qa p.qa-p {
    padding: 130px 0 0 200px;
    color: #2bb5cd;
    font-size: 21px;
    text-align: left;
}
section.qa .qa-img {
    position: relative;
}
section.qa .qa-img img {
    position: absolute;
    width: 150px;
    height: auto;
    top: -136px;
    right: 100px;
    z-index: -4;
}

/*        blog        */
section.blog {
    padding-top: 100px;
}
section.blog div {
    position: relative;
    margin-bottom: 100px;
}
section.blog div:nth-of-type(1)::after {
    content: "";
    display: block;
    background: url(../img/h4-border.svg);
    background-size: cover;
    width: 850px;
    height: 13px;
    margin: 0 -25px;
}
section.blog div:nth-of-type(1) .home-p {
    padding: 50px 0px 150px;
}
section.blog h3 {
    margin-bottom: 100px;
}
.blog-img {
    position: absolute;
    width: 130px;
    height: auto;
    bottom: 100px;
    left: 100px;
}
/*        sns        */
section.blog div:nth-of-type(2) h3 {
    margin-bottom: 0px;
}
section.blog div:nth-of-type(2) .home-p {
    margin-bottom: 20px;
    font-size: 25px;
    color: #2bb5cd;
}
.insta-img {
    width: 200px;
    height: auto;
}
section.blog div:nth-of-type(2) a {
    text-align: center;
    display: block;
}

/*==================================
             navigation
==================================*/
.navigation {
    padding: 100px 0px 0px;
}
.navigation a,
.page-numbers.current {
    color: #2bb5cd;
}
.page-numbers.current {
    font-weight: bold;
    font-size: 21px;
}
.navigation {
    text-align: center;
}
.navigation a:hover {
    text-decoration: none;
}
.pagination>* {
    padding: 0px 5px;
}
/*==================================
             contact
==================================*/
section.contact  h3 {
    letter-spacing: 0;
    text-indent: 0;
}
section.contact  h3 img {
    width: 300px;
    margin: 0px 0px 80px;
}
.page-template-default .section_box .line-div p.contact-chui {
    font-size: 15px;
    text-align: left;
    color: #2bb5cd;
    padding: 60px 90px 0px;
    letter-spacing: 0.2em;
}
/*==================================
             footer
==================================*/
footer {
    background: url(../img/footer-back.svg);
    background-size: cover;
    padding: 20px 0px;
    margin-top: -25px;
}
footer img {
    width: 200px;
}
footer .zip {
    font-size: 13px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-indent: 2px;
}
footer .address {
    color: #fff;
    text-align: center;
    letter-spacing: 7px;
    text-indent: 7px;
}