@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-y: scroll; overflow-x: auto; min-height:100%; min-width:100%; }
html,body { width: 100%; height: 100%;  min-height:100%; min-width:100%; -webkit-text-size-adjust: 100%;}
img { border: none; }
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:baseline;
}
ul,ol,li {margin:0 padding:0; list-style:none; text-decoration: none;}
table { border-collapse: collapse; border-spacing: 0; }

body {    
    background:#f9f9ef;
    /*
    background-image:url("/file/img/169298.jpg");
    background-size: cover;
    background-position: 50% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    */
    font-family:"���C���I",Meiryo,sans-serif;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:;background:transparent;text-decoration: none;}
a:focus { outline: solid!important;position:relative;}
.clear { clear: both; }
article,aside,details,footer,header,main,menu,nav,section,summary {
display: block; }


/*--�v�f�̃t�F�[�h�C��--*/

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}
    
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}


/*-------�w�b�_�[-------*/

.header {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    position: fixed;
    top:0;
    background: #f9f9ef;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 12px;
    z-index:10000;
}

.cms-public .header ul li {
  display: inline-block;
}

.header .header_l {
    padding:10px 0px 10px 30px;
    color: #377c88;
    margin-right:auto;
}

.header .header_r {
    color: #474747;
    padding:10px 30px 10px 0;
}

.header .end {
    padding-right: 210px;
}

.header .header_r a:link {
    color: #474747;
    text-decoration: none;
}

.header .header_r a:visited {
    color: #474747;
    text-decoration: none;
}

.header .header_r a:hover {
    color: #474747;
    text-decoration: underline;
}

.header .language {
    position:absolute;
    top:0;
    right:0;
    width: 180px;
    height: 30px;
    text-align: center;
    line-height:2.5;
    background:#cbc56f;
    color: #534f16;
}

.header .language a {
    display: block;
    position:absolute;
    top:0;
    right:0;
    width: 180px;
    height: 30px;
    text-align: center;
    line-height:2.5;
    background:#cbc56f;
    color: #534f16;
    -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; 
}

.header .language a:hover {
    background:#534f16;
    color: #f9f9ef;
}


/*-------�O���[�o���i�r-------*/
.cms-public .menu {
    position: fixed;
    top:30px;
    background: #88cfda;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    z-index:10000;
}

.cms-public .menu > li,
.cms-public .menu2 > li {
    float: left;
    width: 150px;
    height: 70px;
    line-height: 5.0;
    text-align: center;
    background: #88cfda;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ���S */
.cms-public .menu li.logo {
    position: relative;
    width: 180px;
    height: 70px;
    text-align: center;
    background: #377c88;
}

/* SNS */
.cms-public .menu li.sns {
    position: absolute;
    top:0;
    right:0;
    width: 180px;
    height: 70px;
    text-align: center;
}

.cms-public .menu li.sns img {
    vertical-align: middle;
    padding:0px 20px 0px 0px;
}


.cms-public .menu > li a,
.cms-public .menu2 > li a {
    display: block;
    width: auto;
    height: 70px;
    color: #474747;
    font-size: 14px;
    line-height: 5.0;
    background: #88cfda;
}

.cms-public .menu > li a:hover,
.cms-public .menu2 > li a:hover {
    background: rgba(255,255,255,0.7);
}

.cms-public ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    text-align: left;
}

.cms-public .menu__second-level li {
    text-indent: 20px;
    margin: 0px 0px 20px 0px;
}

.cms-public .menu__second-level li a {
    height: 50px;
    line-height: 3.5;
    border-top: solid 1px #377c88;
    border-bottom: solid 1px #377c88;
    background: rgba(255,255,255,0.7);

}

.cms-public .menu__second-level li a:hover,
.cms-public .menu__second-level li a:focus {
    background: rgba(255,255,255,0.0);
    color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

/*�Q�K�w�ȉ�
.cms-public ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

.cms-public .menu__third-level li {
    border-top: 1px solid #111;
}

.cms-public .menu__third-level li a:hover {
    background: rgba(255,255,255,0.7);
}

.cms-public ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.cms-public .menu > li:hover {
    background: rgba(255,255,255,0.7);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.cms-public .menu__fourth-level li a:hover {
    background: rgba(255,255,255,0.7);
}
*/

/* float�N���A */
.cms-public .menu:before,
.cms-public .menu:after {
    content: " ";
    display: table;
}

.cms-public .menu:after {
    clear: both;
}

.cms-public .menu {
    *zoom: 1;
}

.cms-public li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 70px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 30px 0px 30px;
    background: rgba(55,124,136,0.7);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cms-public li.menu__mega:hover ul.menu__second-level,
.cms-public li.menu__mega > a:focus ~ ul.menu__second-level,
.cms-public li.menu__mega > ul.menu__second-level:focus-within {
    top: 70px;
    visibility: visible;
    opacity: 1;
}

.cms-public li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
}

.cms-public li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 2%;
}

/*----------------------------------------------------
 sp
-----------------------------------------------------*/
/* header */
body:not(.dev-pc) .area1 .menu {
    top: 89px;
    height: 100%;
    overflow-y: scroll;
    right: -100vw;
    transition: all 0.2s;
}
body:not(.dev-pc) .area1 .header {
    position: fixed;
    z-index: 10100;
    background-color: transparent;
}
body:not(.dev-pc) .area1 .header .header_l,
body:not(.dev-pc) .area1 .header .header_r.end {
    display: none;
}
body:not(.dev-pc) .area1 .header .language {
    position: fixed;
    top: 30px;
    right: 55px;
    width: auto;
}
body:not(.dev-pc) .area1 .header .language a {
    width: 65px;
    height: 59px;
    padding: 10px 0;
    line-height: 1.6;
    box-sizing: border-box;
    font-size: 0.7rem;
}
body:not(.dev-pc) .area1 .header .header_r {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    padding: 0;
}
body:not(.dev-pc) .area1 .header .header_r a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 7px 10px 6px;
    background-color: #f9f9ef;
    line-height: 1.58;
    text-align: right;
    font-size: 0.7rem;
}
body:not(.dev-pc) .area1 .menu .menu__mega {
    display: block;
    float: none;
    width: 100%;
    height: auto;
}
/*
body:not(.dev-pc) .area1 .menu .logo {
    float: none;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    height: 59px;
    background-color: #88cfda;
    text-align: left;
    z-index: 1000000;
}
body:not(.dev-pc) .area1 .menu .logo a {
    width: 150px;
    height: 59px;
    display: inline-block;
}
body:not(.dev-pc) .area1 .menu .logo a img {
    width: 100%;
    height: auto;
}*/
body:not(.dev-pc) .area1 .spLogo {
    float: none;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    height: 59px;
    background-color: #88cfda;
    text-align: left;
    z-index: 100;
}
body:not(.dev-pc) .area1 .spLogo a {
    width: 150px;
    height: 59px;
    display: inline-block;
}
body:not(.dev-pc) .area1 .spLogo a img {
    width: 100%;
    height: auto;
}
body:not(.dev-pc) .area1 .menu .logo {
    display: none;
}
body:not(.dev-pc) .area1 .menu .sns {
    display: none;
}
body:not(.dev-pc) .area1 .menu li a {
    background-color: #a4e4ee;
    text-align: left;
}
body:not(.dev-pc) .area1 .menu .menu__mega {

}
body:not(.dev-pc) .area1 .menu .menu__mega a {
    padding-left: 1em;
    border-bottom: solid 2px #88cfda
}
body:not(.dev-pc) li.menu__mega ul.menu__second-level {
    display: none;
    position: static;
    visibility: visible;
    opacity: 1;
    padding: 0;
}
body:not(.dev-pc) li.menu__mega ul.menu__second-level > li {
    float: none;
    display: block;
    width: 100%;
    margin: 0 !important;
}
body:not(.dev-pc) li.menu__mega ul.menu__second-level > li a {
    background-color: #FFF;
}
body:not(.dev-pc) li.menu__mega ul.menu__second-level > li a:hover {
    color: #474747;
}
body:not(.dev-pc) .area1 .sp_menu {
    position: fixed;
    top: 40px;
    right: 10px;
    width: 34px;
    margin: 0 !important;
    z-index: 10010;
    text-align: center;
    cursor: pointer;
    font-size: 0.7rem;
}
body:not(.dev-pc) .area1 .sp_menu span {
    color: #474747;
    transition: all 0.2s;
}
body:not(.dev-pc) .area1 .sp_menu span.line {
    display: block;
    height: 3px;
    margin-bottom: 9px;
    background-color: #474747;
}
body:not(.dev-pc) .area1 .sp_menu span:nth-child(1) {

}
body:not(.dev-pc) .area1 .sp_menu span:nth-child(2) {

}
body:not(.dev-pc) .area1 .sp_menu span:nth-child(3) {
    margin-bottom: 5px;
}
body:not(.dev-pc) .area1 .sp_menu span:nth-child(4) {
    font-size: 0.9em;
}
body:not(.dev-pc) .area1 .sp_menu.open span:nth-child(1) {
    position: relative;
    top: 15px;
    left: 0;
    transform: rotate(45deg);
}
body:not(.dev-pc) .area1 .sp_menu.open span:nth-child(2) {
    display: none;
}
body:not(.dev-pc) .area1 .sp_menu.open span:nth-child(3) {
    transform: rotate(-45deg);
    position: relative;
    top: 3px;
    left: 0;
    margin-bottom: 17px;
}
body:not(.dev-pc) .area-group-2-3-4 {
    padding-top: 120px;
}

/* body */
body:not(.dev-pc) .cms-public .heading h1 {
    position: static;
    background-image: none;
    text-shadow: none;
}

body:not(.dev-mb) .cms-public .pickup .pickup_mds {
  font-size:36px;
  color:#534f16;
  text-align:center;
  margin: 100px auto;
  line-height: 55px;
  font-weight: bold;
  text-indent: 0;
  padding: 0;
  background: no-repeat;
  border: none;
}

body:not(.dev-mb) .cms-public .footer .footer_mds {
    font-size: 16px;
    font-weight: bold;
    padding:10px 0px;
    background: none;
    border: none;
    line-height: 20px;
    text-indent: 0;
    margin: 0;
}


/* anchor */
body:not(.dev-mb) .cms-public .anchor-block ,
body:not(.dev-mb) .cms-public .anchor-block {
    margin-top: -100px;
    padding-top: 100px;
}

/* sitemap list */
body:not(.dev-mb) .cms-public .link ul li {
    margin: 0 0 0 3em;
    list-style-type: none;
    color:#474747;
    line-height: 200%;
    position: relative;
}
body:not(.dev-mb) .cms-public .link ul li:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #377c88;
    position: absolute;
    height: 0;
    width: 0;
    left: -1em;
    margin: 0px;
    margin-top: 0.7em;
    padding: 0px;
}