@charset "utf-8";
@import url(reboot.css);
@import url(class.css);
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url(iconize.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300&subset=japanese');
/* ================================================================
CSS Information
 File name:      style.css
 Summary:        # styles
 Last update:    2018-10-18
================================================================ */
/* universal
-------------------- */
* {
    margin: 0;
    padding: 0;
}
/* structure */
html {
    background: #fff;
    color: #000;
    font-size: 62.5%;
}
@font-face {
    font-family: 'YuGothicM';
    src: local(Yu Gothic Medium);
}
body {
/*    min-width: 1060px;*/
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, 'YuGothicM', 'Yu Gothic', "メイリオ", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
    line-height: 1.8;
    font-size: 100%;
    background-color: #fff;
}

div,p,li,dt,dd {
    font-size: 14px;
    font-size: 1.4rem;
}
hr {
    display: none;
}
hr.dotted {
    display: block;
    margin: 40px 0;
    border: none;
    border-bottom: 1px dotted #e0c799;
}
svg.SvgIcon {
    position: absolute;
    width: 0;
    height: 0;
}
/* config
-------------------- */
a {
    color: #333;
    transition: all 0.4s ease-in;
    position: relative;
    display: inline-block;
}
.widget-area-7 a:before, #Page a:before, #Side a:before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.widget-area-7 a:hover:before, #Page a:hover:before, #Side a:hover:before {
    bottom: -1px;
    opacity: 1;
    visibility: visible;
}
#Page .search_menu li a:before {
    content: none;
}
a:link {
    color: #333;
}
a:visited {
    color: #333;
}
a:hover {
    color: #999;
}
a:active {
    color: #999;
}
a[name]:before {
    visibility: hidden !important;
}
.widget-local-navi li.first a {
    background: #000;
}
.widget h2 {
    background: #000;
}
.widget-blog-calendar td center {
    background: #000;
}
/* hypertext
-------------------- */
a {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
/* text
-------------------- */
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
p {
    line-height: 1.8;
}
p b {
    font-weight: bold;
}
strong {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffd2eb 70%);
}
/* カスタムスタイル 2018.11.07 yfujii@ailes
-------------------- */
.box1 {
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    margin-bottom: 30px;
    color: #454545;
}
.box1:after {
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.obi1 {
    padding:0.5em 1em;
    background-color: #f5f5f5;
    box-shadow: 5px 5px 0px -2px #D6D6D6;
}
.kakko1 {
    position: relative;
    padding:0.25em 1em;
    top:0;
}
div.kakko1 {
    margin-bottom: 35px;
}
.kakko1:before,.kakko1:after{ 
    content:'';
    width: 8px;
    height: 100%;
    position: absolute;
    display: inline-block;
    top:0;
}
.kakko1:before{
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    left: 0;
}
.kakko1:after{
    border-top: solid 1px #666;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    right: 0;
}
/* list tag
-------------------- */
li,dt,dd {
    list-style: none;
}
/* image tag
-------------------- */
img {
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
}
.content a:hover img:not([class="Over"]) {
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/* layout
-------------------- */
a#PageTop {
    display: block;
}
a#PageTop:before {
    content: none;
}
#HeaderWrap {
    width: 100%;
    box-shadow: 0 5px 10px 0 rgba(100,100,100,0.2);
    -webkit-box-shadow: 0 5px 10px 0 rgba(100,100,100,0.2);
/*
    background-image: url(../img/Header-obj-L.png),url(../img/Header-obj-R.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right top;
*/
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    z-index: 1000;
    transition: .5s;
    position: fixed;
}
#HeaderWrap.hide{
    transform: translateY(-100%);
}
#HeaderWrap.fixed {
    position: fixed;
    top: 0;
}
#Header {
    display: flex;
    justify-content: space-between;
/*    width: 1200px;*/
    width: auto;
/*    height: auto;*/
/*    margin: 18px auto 0 auto;*/
}
#TopWrap {
    /*position: fixed;
    top: 0;*/
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #888888;
    display: flex;
    justify-content: center;
}
/*
#TopWrap.fixed {
    position: fixed;
    top: 0;
}
*/
/*#TopWrap .wrapper {*/
#HeaderWrap .wrapper {
    position: relative;
/*    width: 1200px;*/
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
}

#Main {}
#Main #Page {
    float: left;
    width: 594px;
}
#Main #Side {
    float: right;
    width: 291px;
}
#SocialBottons {
    background: url(../img/common/bg_check.png) repeat;
}
#SocialBottons .wrapper {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: right;
}
#Footer {}
#Footer .wrapper {
    width: 1200px;
    margin: 0 auto;
    color: #403838;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
}
/*
#Footer .wrapper:first-child:before {
    content: '';
    position: absolute;
    top:-30px;
    background-color: #ccc;
    height: 10px;
    width: 100%;
}
*/
#Footer .wrapper:first-child p {
    padding: 10px 0 20px 0;
    margin: 0 auto;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    text-align: center;
}
#Footer .wrapper2 {
    width: 100%;
    margin: 0 auto;
   background-color: #1e7d97;
}

/* Header
-------------------- */
#Header h1 {
    /* margin: 10px 0; */
}
#Header h1 img {
    /* max-width: 205px; */
    height: 70px;
}
svg {
  fill: currentColor;
}
p.header-tell {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 0 15px;
    background-color: #fccc70;
    padding: 7px 15px 3px 40px;
    position: relative;
    clip-path: polygon( 0 0, calc(100% - 10px) 0, 100% calc(100% - (100% - 10px)), 100% 100%, 0 100% );
}
p.header-tell a {
    color: #fff;
}
p.header-tell a:hover {
    color: #1e7d97;
    background-color: #1e7d97;
}
p.header-tell:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border: 5px solid #c96637;
    border-top-color: transparent;
    border-right-color: transparent;
    box-sizing: border-box;
}

p.header-tell:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../img/tell-grey.svg) no-repeat;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* Header widget
-------------------- */
#Header .widget-area {
    height: auto;
    line-height: 1.5;
    display: flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0;
}
#Header .widget-area .widget-text {
    width: auto;
    margin: 5px;
}
#Header .widget-area a {
    text-decoration: none;
}
#Header .widget-area a:hover {
    background-color: transparent;
    text-shadow: 0.5px 0px 0px #cccccc;
    color: #cccccc;
}
#Header .widget-area ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#Header .widget-area li {
/*    font-size: 16px;
    font-size: 1.6rem;*/
    margin: 0 20px 0 0;
    padding: 0 0 0 10px;
    position: relative;
}
#Header .widget-area ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
}
#Header .widget-area .widget-search-box,
#TopWrap .widget-area .widget-search-box {
/*    border: 1px solid #dddddd;*/
    margin-top: 3px;
}
#Header .widget form,
#TopWrap .widget form {
    display: flex;
    justify-content: flex-end;
}
#Header .widget input[type="text"],
#TopWrap .widget input[type="text"] {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
    /* width: 100%; */
    border: 1px solid #dddddd;
}
.bca-hidden {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
/* 検索ボタン */
#Header .widget .submit_button,
#TopWrap .widget .submit_button {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #cccccc;
    color: #666666;
    border:none;
    /*border-bottom: solid 4px #888888;☆*/
    /*border-radius: 3px;☆*/
    position: relative;
}
/* ボタンを押したとき */
#Header .widget .submit_button:active,
#TopWrap .widget .submit_button:active {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    border-bottom: solid 2px #888888;
}
/* GlobalNavigation
-------------------- */
#GlobalNavigation {
    position: relative;
    z-index: 1000;
    width: 1200px;
    margin-bottom: 10px;
}
#GlobalNavigation ul{
    display: flex;
    justify-content: center;
    margin: 0;
}
#GlobalNavigation li {
}
#GlobalNavigation li a {
    position: relative;
    display: block;
    width: auto;
    padding: 15px 25px 10px;
    margin: 0 3px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;

    color: #ffffff;
    text-shadow: 0.5px 0px 0px #ffffff;

    background: #666;
    border-radius: 10px;
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.6), inset 0 -3px 0 rgba(0, 0, 0, 0.3);
    border: solid 2px #666;

    transition: all 0.4s ease-in;
}
#GlobalNavigation li:first-child a {
    margin-left: 0;
}
#GlobalNavigation li:last-child a {
    margin-right: 0;
}
#GlobalNavigation li a:before {
    content: "";
    position: absolute;

}
#GlobalNavigation li a:after {
    content: "";
    position: absolute;

}
#GlobalNavigation li.current a {
    background-color: #d3d3d3;
    color: #ffffff;
    text-shadow: 0.5px 0px 0px #ffffff;
}
/* #GlobalNavigation li a:before {
    content: none;
} */
/* #GlobalNavigation li:last-child a:after {
    content: none;
} */
#GlobalNavigation li a:hover {
    background-color: #747474;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0.5px 0px 0px #fff;
    transform: scale(1.1); /* ホバー時に少し拡大させる */
    transform: translateY(-10px); /* マイナス値で上に移動 */
}
/*各カテゴリ振り分け ここから*/
/*other*/
#GlobalNavigation > ul > li a:hover,
#GlobalNavigation > ul > li.current a {
    background-color: #b9b9b9;
}
#GlobalNavigation > ul > li a:after {
    /* background-image: url(../img/icon_other.svg); */
}
/* home */
#GlobalNavigation > ul > li:nth-of-type(1) a {
    background-color: #ff6699;
    border: solid 2px #ff6699;
}
#GlobalNavigation > ul > li:nth-of-type(1) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(1) a {
    background-color: #ff6699;
}
/* aboutus */
#GlobalNavigation > ul > li:nth-of-type(2) a {
    background-color: #4ab3dd;
    border: solid 2px #4ab3dd;
}
#GlobalNavigation > ul > li:nth-of-type(2) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(2) a {
    background-color: #4ab3dd;
}
#GlobalNavigation > ul > li:nth-child(2) a:after {
}
/* service */
#GlobalNavigation > ul > li:nth-of-type(3) a {
    background-color: #ed572f;
    border: solid 2px #ed572f;
}
#GlobalNavigation > ul > li:nth-of-type(3) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(3) a{
    background-color: #ed572f;
}
#GlobalNavigation > ul > li:nth-child(3) a:after {
}
/* event */
#GlobalNavigation > ul > li:nth-of-type(4) a {
    background-color: #69af3c;
    border: solid 2px #69af3c;
}
#GlobalNavigation > ul > li:nth-of-type(4) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(4) a {
    background-color: #69af3c;
}
#GlobalNavigation > ul > li:nth-child(4) a:after {
}
/* magazine */
#GlobalNavigation > ul > li:nth-of-type(5) a {
    background-color: #b466ff;
    border: solid 2px #b466ff;
}
#GlobalNavigation > ul > li:nth-of-type(5) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(5) a {
    background-color: #b466ff;
}
#GlobalNavigation > ul > li:nth-child(5) a:after {
}
/* contactus */
#GlobalNavigation > ul > li:nth-of-type(6) a {
    background-color: #c18e33;
    border: solid 2px #c18e33;
}
#GlobalNavigation > ul > li:nth-of-type(6) a:hover,
#GlobalNavigation > ul > li.current:nth-of-type(6) a {
    background-color: #c18e33;
}
#GlobalNavigation > ul > li:nth-child(6) a:after {
}
/*各カテゴリ振り分け ここまで*/

#GlobalNavigation .sub-nav {
}
div.sub-nav-wrap {
    width: 100%;
    position: absolute;
    top: 58px;
    left: 0;
    padding: 10px;
    background-color: rgba(120, 120, 120, 0.75);
    display: none;
    /* border: solid 1px #fff; */
    border-top: none;
}
#GlobalNavigation ul.dropdown-list li a:after {
    content: none;
}
#GlobalNavigation ul.sub-nav-group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#GlobalNavigation ul.dropdown-list {
}
#GlobalNavigation ul.ul-level-2{
}
#GlobalNavigation ul.dropdown-list li {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
}
#GlobalNavigation ul.dropdown-list a {
    display: block;
    margin: 4px 5px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}
#GlobalNavigation ul.dropdown-list li a:before {
    content: none;
}
div.sub-nav-wrap {
/*    display: block !important;*/
}
#GlobalNavigation ul.dropdown-list li a:after {
/*
    font-family: FontAwesome;
    content: '\f054';
    background: none;
    position: absolute;
    top: 0;
    left: -13px;
    height: auto;
*/
}
#GlobalNavigation ul.dropdown-list a:hover {
/*    background: none;*/
/*    color:#333;*/
    text-shadow: 0.5px 0px 0px #333;
}
#SocialLinks {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 1001;
}
#SocialLinks li {
    display: inline;
    float: left;
    margin-right: 10px;
}
#BtnMenu {
    display: none;
}

/* TopLink
-------------------- */
#TopLink {
    position: fixed;
    bottom: 80px;
    left: 50%;
    margin-left: 510px;
    z-index: 1;
}

.pagetop a:link {
    display: block;
    background-color: #666666;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    padding: 18px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    border-radius: 30px;
    opacity: 0.5;
    line-height: 0;
}
.pagetop a:hover {
    background-color: #999;
}
/* SocialBottons
-------------------- */
#SocialBottons .sns {
    float: left;
}
#SocialBottons .hatena {
    margin-right: 30px;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
    width: 100% !important;
}
/* Footer
-------------------- */
#Footer {
    padding: 30px 0 0;
    position: relative;
/*    background-image: url(../img/footer.png);*/
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: #eafbfd;
}
#Footer:before {
    content: '';
    position: absolute;
    top:0;
    background-color: #999;
    height: 6px;
    width: 100%;
}
.widget li a:hover,
#Footer #FooterNavigator a:hover,
#Copyright a:hover {
    background-color: #747474;
    color:#ffffff;
}
.footer p, .footer dl {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2;
}
p#FooterLogo {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
}
p#FooterLogo img {
    width: 70%;
}
p.add {
/*    margin: 10px 0 0 0;*/
    text-shadow: 0.5px 0px 0px #666666;
}
.tell {
    font-size: 28px;
    font-size: 2.8rem;
    position: relative;
    margin-left: 0px;
    padding-left: 45px;
}
.tell:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/tell-pink.svg) no-repeat;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
}
/*
.tell:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-color:#e9efc8;
    border-radius: 50%;
    top:0;
    left:0;
}
*/
p.fax {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: 12px;
    padding: 0;
}
p.fax:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 30px;
    background-size: contain;
    vertical-align: middle;
    background: url(../img/fax.svg) no-repeat;
}

p.Copyright {
    margin: 0;
    padding: 14px 0 6px 0;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Courier New", Courier, monospace;
}
#Footer #FooterInformation {
    flex-basis: 400px;
}
#Footer #FooterNavigator {
    flex-basis: 800px;
    padding-top: 30px;
}
/* Footer Banner 20190326 yfujii@ailes*/
#Footer #FooterNavigator .banner ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}
#Footer #FooterNavigator .banner li {
    width: 30%;
    display: flex;
    justify-content: center;
}
#Footer #FooterNavigator .banner li a {
    border-right: none;
}
#Footer #FooterNavigator ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
}
#Footer #FooterNavigator li {
    margin:  0 0 15px;
    font-size: 13px;
    font-size: 1.3rem;
/*    float: left;*/
    text-shadow: 0.5px 0px 0px #666666;
}

#Footer #FooterNavigator li a {
    padding: 3px 15px 1px;/* 20170804 yfujii@ailes */
    border-right: rgba(150,150,150,0.3) solid 1px;
    text-decoration: none;
    color: #666666;
}

@media print {
    #GlobalNavigation, #Header .widget-area, #Side, #FooterNavigator, #TopLink {
        display: none !important;
    }
    #PageTitle {
        height: 150px;
    }
    .eye-catch {
        background-attachment: scroll;
    }
    #Page {
        width:92% !important;
    }
    #FooterInformation {
        display: flex;
        flex-flow: row nowrap;
        width: 90%;
        justify-content: space-between;
    }
    #Footer {
        padding: 20px 0 10px;
    }
    #Footer p.Copyright {
        margin: 10px;
    }
}
/* Common
-------------------- */
input, textarea, select {
    margin: 3px 2pt;
    padding: 3px 1pt;
}
.more-link a {
    padding: 4px 40px 4px 20px;
    background: #000 url(../img/common/icon_arrow.png) 85% center no-repeat;
    color: #fff !important;
    font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
}