@charset "UTF-8";
/**
 *
 * レイアウト、共通コンテンツ
 *
**/

/**
 * フロート
**/

.fl {
    float: left;
}

.fr {
    float: right;
}

/**
 * クリア関連
**/

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px !important;
}

* html .clearfix {
    height: 1px !important;
}

header {
    border-bottom: 0px solid #fff;
}

/**
 * ラッパー
**/

#wrapper {
    overflow: hidden;
}

/**
 * ヘッダー
**/

#header {
    font-family: Roboto;
    width: 100%;
    height: 113px;
    background: #ffffff;
    position: relative;
    z-index: 10000;
}

#header img {
    width: 100%;
    height: auto;
    display: block;
}

#header .wrap_new {
    margin: 0 auto;
    width: 92%;
    max-width: 1120px;
    height: 113px;
    position: relative;
}

#header .wrap_new h1 {
    width: 117px;
    position: absolute;
    top: 22px;
    left: 0;
}

#header .wrap_new #navi {
    font-family: Roboto;
    width: 950px;
    font-size: 16px;
    font-weight: 700 !important;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

#header .wrap_new #navi ul {
    width: 100%;
    height: 113px;
    display: table;
}

#header .wrap_new #navi ul li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: end;
}

#header .wrap_new #navi ul li a {
    padding: 0 8px;
    line-height: 20px;
    text-decoration: none;
    display: block;
}

#header .wrap_new #navi ul li a.pull:after {
    margin: 0 0 0 5px;
    content: "";
    width: 10px;
    height: 6px;
    line-height: 6px;
    background: url("../../img/common/arrow_02.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header.home {
    background: rgba(255, 255, 255, 0);
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}

#header.home .wrap_new #navi ul li a {
    color: #ffffff;
}

#header.home .wrap_new #navi ul li a.pull:after {
    background: url("../../img/common/arrow_01.svg") no-repeat center center;
    background-size: cover;
}

#header.home .wrap_new h1 img.off {
    display: block;
}

#header.home .wrap_new h1 img.on {
    display: none;
}

#header.home:hover {
    background: rgba(255, 255, 255, 1);
}

#header.home:hover .wrap_new #navi ul li a {
    color: #000000;
}

#header.home:hover .wrap_new #navi ul li a.pull:after {
    background: url("../../img/common/arrow_02.svg") no-repeat center center;
    background-size: cover;
}

#header.home:hover .wrap_new h1 img.off {
    display: none;
}

#header.home:hover .wrap_new h1 img.on {
    display: block;
}

#header .wrap_new #navi ul li.mega01:hover {
    background: #FFD940;
}

#header .wrap_new #navi ul li.mega01:hover a.pull {
    color: #00677f;
}

#header .wrap_new #navi ul li.mega01:hover a.pull:after {
    margin: 0 0 0 5px;
    content: "";
    width: 10px;
    height: 6px;
    line-height: 6px;
    background: url("../../img/common/arrow_03.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega01 .megamenu {
    padding: 35px 23px 20px 30px;
    width: 1100px;
    text-align: left;
    box-sizing: border-box;
    color: #00677f;
    background: #FFD940;
    position: absolute;
    top: 153px;
    left: -180px;
    display: none;
    transition: all 0.2s;
    /*menu speed*/
}

#header .wrap_new #navi ul li.mega01 .megamenu.active {
    top: 113px;
}

#header .wrap_new #navi ul li.mega01 .megamenu a {
    color: #00677f;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 {
    margin: 0 22px 0 0;
    width: 480px;
    text-align: center;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box02 {
    margin: 0 22px 0 0;
    width: 216px;
    text-align: center;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box03 {
    margin: 0 22px 0 0;
    width: 180px;
    text-align: center;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box04 {
    width: 100px !important;
    text-align: center;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .title {
    margin: 0 0 25px 0;
    padding: 0 0 3px 0;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #00677f;
    display: inline-block;
}

#header .wrap_new #navi ul li.mega01 .megamenu .label {
    margin: 0 0 15px 0;
    padding: 3px 0;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #00677f;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box03 .label {
    margin: 0 auto 15px;
    padding: 3px 0;
    width: 170px;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #00677f;
}

#header .wrap_new #navi ul li.mega01 .megamenu .list {
    overflow: hidden;
}

#header .wrap_new #navi ul li.mega01 .megamenu .list .item {
    margin: 0 auto 20px;
    padding: 0;
    width: 138px;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box04 .list .item {
    width: 105px !important;
}

#header .wrap_new #navi ul li .megamenu .list .item:hover {
    transform: scale(1.1);
    transition-duration: .5s;
    position: relative;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item {
    margin: 0 17px 20px 0;
    padding: 0 0 0 0;
    width: 100px;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .right .list .item {
    margin: 0 10px 20px 0;
    padding: 0 0 0 0;
    width: 100px;
    height: 140px;
    float: left;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box03 .list .item {
    margin: 0 auto 20px;
    padding: 0 0 0 0;
    width: 130px;
    /* float: left; */
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .right .list .item .image img {
    margin: 0 auto;
    width: 100px;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(2n) {
    margin: 0 0 20px 0;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(3n+1) {
    clera: both;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box02 .list .item .image img {
    margin: 0 auto;
    width: 69%;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box03 .list .item .image img {
    margin: 0 auto;
    width: 87%;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box04 .list .item .image img {
    margin: 0 auto;
    width: 90%;
}

#header .wrap_new #navi ul li.mega01 .megamenu .list .item a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: 700;
}

#header .wrap_new #navi ul li.mega01 .megamenu .list .item a .new_icon {
    margin: 2px 0 0 0;
    padding: 1px 6px 0px;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 700;
    color: #FFD940;
    background: #00677f;
    display: inline-block;
    letter-spacing: 1px;
}

#header .wrap_new #navi ul li .megamenu .bold {
    font-weight: 700;
}

#header .wrap_new #navi ul li.mega01 .megamenu .tb {
    width: 100%;
    display: table;
}

#header .wrap_new #navi ul li.mega01 .megamenu .tb .left {
    padding-right: 15px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

#header .wrap_new #navi ul li.mega01 .megamenu .box01 .tb .left {
    width: 49%;
}

#header .wrap_new #navi ul li.mega01 .megamenu .tb .right {
    padding-left: 15px;
    box-sizing: border-box;
    border-left: 1px dashed #00677f;
    display: table-cell;
    vertical-align: top;
    width: 49%;
    box-sizing: border-box;
}

#header .wrap_new #navi ul li.mega02:hover {
    background: #40c3c3;
}

#header .wrap_new #navi ul li.mega02:hover a.pull {
    color: #fff;
}

#header .wrap_new #navi ul li.mega02:hover a.pull:after {
    margin: 0 0 0 5px;
    content: "";
    width: 10px;
    height: 6px;
    line-height: 6px;
    background: url("../../img/common/arrow_01.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega02 .megamenu {
    padding: 35px 65px 20px 55px;
    width: 1100px;
    text-align: left;
    box-sizing: border-box;
    color: #ffffff;
    background: #40c3c3;
    position: absolute;
    top: 153px;
    left: -281px;
    display: none;
    transition: all 0.2s;
    /*menu speed*/
}

#header .wrap_new #navi ul li.mega02 .megamenu.active {
    top: 113px;
}

#header .wrap_new #navi ul li.mega02 .megamenu a {
    color: #fff;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box01 {
    /* width: 440px; */
    text-align: center;
    float: left;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box02 {
    /* width: 270px; */
    text-align: center;
    float: left;
}

/* 複数製品横並びの場合 */

#header .wrap_new #navi ul li.mega02 .megamenu .box02 .list {
    display: flex;
    justify-content: center;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box02.mini_printer .list {
    justify-content: left;
    flex-wrap: wrap;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box03 {
    /* width: 270px; */
    text-align: center;
    float: right;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-15 {
    width: 15%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-20 {
    width: 20%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-25 {
    width: 25%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-30 {
    width: 30%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-33 {
    width: 33.33%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-40 {
    width: 40%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-50 {
    width: 50%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-60 {
    width: 60%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-75 {
    width: 75%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box_w-80 {
    width: 80%;
}

#header .wrap_new #navi ul li.mega02 .megamenu .title {
    margin: 0 0 40px 0;
    padding: 0 0 3px 0;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #fff;
    display: inline-block;
}

#header .wrap_new #navi ul li.mega02 .megamenu .list {
    overflow: hidden;
}

#header .wrap_new #navi ul li.mega02 .megamenu .list .item {
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
    width: 98px;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box01 .list .item {
    margin: 0 5px 20px 5px;
    padding: 0 0 0 0;
    /*width:98px;*/
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box01 .list .item .image img,
#header .wrap_new #navi ul li.mega02 .megamenu .box02 .list .item .image img,
#header .wrap_new #navi ul li.mega02 .megamenu .box03 .list .item .image img {
    width: 75%;
    margin: 0 auto;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box02.mini_printer .list .item .image img {
    width: 97.5px;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box02 .list .item {
    margin: 0 20px 20px;
    padding: 0 0 0 0;
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box02.mini_printer .list .item {
    margin: 0;
    width: 49%;
    box-sizing: border-box;
    padding: 0 20px 20px 0;
}

#header .wrap_new #navi ul li.mega02 .megamenu .box03 .list .item {
    margin: 0 5px 20px 5px;
    padding: 0 0 0 0;
    /*width:98px;*/
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

#header .wrap_new #navi ul li.mega02 .megamenu .list .item a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: 700;
}

#header .wrap_new #navi ul li.mega02 .megamenu .list .item a .new_icon {
    margin: 2px 0 0 0;
    padding: 1px 6px 0px;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 700;
    color: #FFD940;
    background: #00677f;
    display: inline-block;
    letter-spacing: 1px;
}

#header .wrap_new #navi ul li.mega03:hover {
    background: #685bc7;
}

#header .wrap_new #navi ul li.mega03:hover a.pull {
    color: #fff;
}

#header .wrap_new #navi ul li.mega03:hover a.pull:after {
    margin: 0 0 0 5px;
    content: "";
    width: 10px;
    height: 6px;
    line-height: 6px;
    background: url("../../img/common/arrow_01.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega03 a.pull:before {
    margin: 0 5px 0 0;
    content: "";
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: url("../../img/common/global_icon_01.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header.home .wrap_new #navi ul li.mega03 a.pull:before {
    margin: 0 5px 0 0;
    content: "";
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: url("../../img/common/global_icon_02.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header:hover .wrap_new #navi ul li.mega03 a.pull:before {
    margin: 0 5px 0 0;
    content: "";
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: url("../../img/common/global_icon_01.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega03:hover a.pull:before {
    margin: 0 5px 0 0;
    content: "";
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: url("../../img/common/global_icon_02.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega03 .megamenu {
    padding: 35px 0 20px 60px;
    width: 1100px;
    text-align: left;
    box-sizing: border-box;
    color: #ffffff;
    background: #685bc7;
    position: absolute;
    top: 153px;
    right: 0;
    display: none;
    transition: all 0.2s;
    /*menu speed*/
}

#header .wrap_new #navi ul li.mega03 .megamenu.active {
    top: 113px;
}

#header .wrap_new #navi ul li.mega03 .megamenu a {
    color: #fff;
}

#header .wrap_new #navi ul li.mega03 .megamenu .box01 {
    width: 207px;
    text-align: left;
    float: left;
}

#header .wrap_new #navi ul li.mega03 .megamenu .box02 {
    width: 317px;
    text-align: left;
    float: left;
}

#header .wrap_new #navi ul li.mega03 .megamenu .box03 {
    width: 318px;
    text-align: left;
    float: left;
}

#header .wrap_new #navi ul li.mega03 .megamenu .box04 {
    width: 195px;
    text-align: left;
    float: left;
}

#header .wrap_new #navi ul li.mega03 .megamenu .title {
    margin: 0 55px 15px 0;
    padding: 0 0 3px 0;
    line-height: 1.4em;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #fff;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul {
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul.half {
    width: 50%;
    float: left;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li {
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    line-height: 1.4em;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li a.official_icon:before {
    margin: 0 8px 0 0;
    padding: 0 0 0 0;
    width: 20px;
    height: 20px;
    line-height: 0;
    content: "";
    background: url("../../img/common/officialsite_icon_01.svg") no-repeat center center;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul {
    max-width: 144px;
    overflow: hidden;
    display: none;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    display: inline;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns {
    margin: 0 10px 0 0;
    padding: 6px 0 0 0;
    width: 20px;
    height: 26px;
    box-sizing: border-box;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    float: left;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns a img.youtube {
    margin: 3px 0 0 0;
}

#header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.officialsite {
    margin: 0 10px 0 0;
    padding: 6px 0 0 0;
    width: 20px;
    height: 26px;
    box-sizing: border-box;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    display: block;
}

#header .wrap_new #navi ul li.mega04 {}

#header .wrap_new #navi ul li.mega04:hover {
    background: #FF4D33;
}

#header .wrap_new #navi ul li.mega04:hover a.pull {
    color: #fff;
}

#header .wrap_new #navi ul li.mega04:hover a.pull:after {
    margin: 0 0 0 5px;
    content: "";
    width: 10px;
    height: 6px;
    line-height: 6px;
    background: url("../../img/common/arrow_01.svg") no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}

#header .wrap_new #navi ul li.mega04 .megamenu {
    padding: 35px 65px 20px 55px;
    width: 400px;
    text-align: left;
    box-sizing: border-box;
    color: #ffffff;
    background: #FF4D33;
    position: absolute;
    top: 153px;
    right: 0;
    display: none;
    transition: all 0.2s;
    /*menu speed*/
}

#header .wrap_new #navi ul li.mega04 .megamenu.active {
    top: 113px;
    z-index: 11;
}

#header .wrap_new #navi ul li.mega04 .megamenu a {
    color: #fff;
}

#header .wrap_new #navi ul li.mega04 .megamenu .box01 {
    /* width: 440px; */
    text-align: left;
    float: left;
}

#header .wrap_new #navi ul li.mega04 .megamenu .title {
    width: 100%;
    margin: 0 40px 15px 0;
    padding: 0 0 3px 0;
    line-height: 1.4em;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #fff;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul {
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 20px;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul.half {
    width: 100%;
    float: none;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li {
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    line-height: 1.4em;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: min(1.15vw, 15px);
    font-weight: 700;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul {
    max-width: 144px;
    overflow: hidden;
    display: none;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    display: inline;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li.sns {
    margin: 0 10px 0 0;
    padding: 6px 0 0 0;
    width: 20px;
    height: 26px;
    box-sizing: border-box;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    float: left;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li.sns a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li.sns a img.youtube {
    margin: 3px 0 0 0;
}

#header .wrap_new #navi ul li.mega04 .megamenu ul li ul li.officialsite {
    margin: 0 10px 0 0;
    padding: 6px 0 0 0;
    width: 20px;
    height: 26px;
    box-sizing: border-box;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    display: block;
}

#header .wrap_new #navi ul li.mega04 .megamenu .box_w-100 {
    width: 100%;
}

/**
 * コンテンツ
**/

#content {
    overflow: hidden;
    display: block;
}

#content img {
    width: 100%;
    height: auto;
}

/**
 * フッター
**/

#footer {
    font-family: Roboto;
    padding: 50px 0 50px 0;
    width: 100%;
    text-align: center;
    color: #000000;
    background: #FFD940;
    overflow: hidden;
    font-weight: 400;
}

#footer img {
    width: 100%;
    height: auto;
    display: block;
}

#footer .wrap_new {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
    text-align: left;
    overflow: hidden;
}

#footer .wrap_new .footer_navi {
    width: 50%;
    float: left;
}

#footer .wrap_new .footer_navi ul {
    width: 50%;
    line-height: 1.4em;
    font-size: 16px;
    float: left;
}

#footer .wrap_new .footer_navi ul:nth-of-type(1) {
    max-width: 150px;
}

#footer .wrap_new .footer_navi ul li {
    padding: 15px 0 0 0;
}

#footer .wrap_new .footer_navi ul li a {
    color: #000;
}

#footer .wrap_new .right {
    width: 50%;
    max-width: 198px;
    text-align: right;
    float: right;
}

#footer .wrap_new .right .sns {
    margin: 0 0 30px 0;
}

#footer .wrap_new .right .sns li {
    margin: 0 0 0 19px;
    width: 43px;
    display: inline-block;
}

#footer .wrap_new .right .logo {
    margin: 0 0 15px 0;
}

#footer #copyright {
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 400;
}

/*shareページ用*/

.instax_share ul {
    font-size: 16px;
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
    .instax_share ul {
        font-size: 1.2vw;
        font-weight: 700;
    }
}

/**
 *
 * レスポンシブウェブデザイン用
 *
**/

/**
 * SP表示
**/

.sp_disp {
    display: none !important;
}

/**
 * タブレット端末用
**/

@media only screen and (min-width: 769px) and (max-width: 1100px) {
    body {
        -webkit-text-size-adjust: none;
    }
    /**
 * ヘッダー
**/
    #header {
        width: 100%;
        height: 10.27vw;
        background: #ffffff;
        z-index: 10000;
    }
    #header img {
        width: 100%;
        height: auto;
        display: block;
    }
    #header .wrap_new {
        margin: 0 auto;
        width: 92%;
        max-width: 1100px;
        height: 10.27vw;
        position: relative;
    }
    #header .wrap_new h1 {
        width: 10.63vw;
        position: absolute;
        top: 2vw;
        left: 0;
    }
    #header .wrap_new #navi {
        width: 78.63vw;
        font-size: 1.2vw;
        font-weight: 700;
        position: absolute;
        top: 0;
        right: 0;
    }
    #header .wrap_new #navi ul {
        width: 100%;
        height: 10.27vw;
        display: table;
    }
    #header .wrap_new #navi ul li {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }
    #header .wrap_new #navi ul li a {
        padding: 0 0.72vw;
        line-height: 14px;
        text-decoration: none;
        display: block;
        text-wrap: nowrap;
    }
    #header .wrap_new #navi ul li a.pull:after {
        margin: 0 0 0 0.45vw;
        content: "";
        width: 0.9vw;
        height: 0.5vw;
        line-height: 0.5vw;
        background: url("../../img/common/arrow_02.svg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
    }
    #header.home {
        background: rgba(255, 255, 255, 0);
        transition: all 0.5s;
    }
    #header.home .wrap_new #navi ul li a {
        color: #ffffff;
    }
    #header.home .wrap_new #navi ul li a.pull:after {
        background: url("../../img/common/arrow_01.svg") no-repeat center center;
        background-size: cover;
    }
    #header.home .wrap_new h1 img.off {
        display: block;
    }
    #header.home .wrap_new h1 img.on {
        display: none;
    }
    #header.home:hover {
        background: rgba(255, 255, 255, 1);
    }
    #header.home:hover .wrap_new #navi ul li a {
        color: #000000;
    }
    #header.home:hover .wrap_new #navi ul li a.pull:after {
        background: url("../../img/common/arrow_02.svg") no-repeat center center;
        background-size: cover;
    }
    #header.home:hover .wrap_new h1 img.off {
        display: none;
    }
    #header.home:hover .wrap_new h1 img.on {
        display: block;
    }
    #header .wrap_new #navi ul li.mega01 {
        width: 8.9vw;
    }
    #header .wrap_new #navi ul li.mega01:hover {
        background: #FFD940;
    }
    #header .wrap_new #navi ul li.mega01:hover a.pull {
        color: #00677f;
    }
    #header .wrap_new #navi ul li.mega01:hover a.pull:after {
        margin: 0 0 0 0.45vw;
        content: "";
        width: 0.9vw;
        height: 0.5vw;
        line-height: 0.5vw;
        background: url("../../img/common/arrow_03.svg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu {
        padding: 3.18vw 2vw 1.8vw 1.6vw;
        width: 92vw;
        text-align: left;
        box-sizing: border-box;
        color: #00677f;
        background: #FFD940;
        position: absolute;
        top: 13.9vw;
        left: -13.36vw;
        display: none;
        transition: all 0.3s;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu.active {
        top: 10.27vw;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu a {
        color: #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 {
        margin: 0 2vw 0 0;
        width: 32vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box02 {
        margin: 0 2vw 0 0;
        width: 21.81vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box03 {
        width: 16.18vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box04 {
        width: 11vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .title {
        margin: 0 0 2.27vw 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 1.36vw;
        font-weight: 400;
        border-bottom: 2px solid #00677f;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .label {
        margin: 0 0 1.36vw 0;
        padding: 3px 0;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 700;
        border: 1px solid #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box03 .label {
        margin: 0 auto 1.36vw;
        padding: 3px 0;
        width: 8.9vw;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 700;
        border: 1px solid #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item {
        margin: 0 auto 1.8vw auto;
        padding: 0 0 0 0;
        width: 8.9vw;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item {
        margin: 0 0.81vw 1.8vw 0;
        padding: 0 0 0 0;
        width: 8.9vw;
        float: left;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(3n) {
        margin: 0 0 1.8vw 0;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(3n+1) {
        clera: both;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .right .list .item {
        height: auto;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 13px;
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item a .new_icon {
        margin: 0 0 0 0;
        padding: 2px 4px;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
    }
    #header .wrap_new #navi ul li .megamenu .bold {
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb {
        width: 100%;
        display: table;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb .left {
        padding-right: 1.54vw;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .tb .left {
        width: 30vw;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb .right {
        padding-left: 1.54vw;
        box-sizing: border-box;
        border-left: 1px dashed #00677f;
        display: table-cell;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega02 {
        width: 8.18vw;
    }
    #header .wrap_new #navi ul li.mega02:hover {
        background: #40c3c3;
    }
    #header .wrap_new #navi ul li.mega02:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega02:hover a.pull:after {
        margin: 0 0 0 0.45vw;
        content: "";
        width: 0.9vw;
        height: 0.5vw;
        line-height: 0.5vw;
        background: url("../../img/common/arrow_01.svg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu {
        padding: 3.18vw 6.9vw 1.81vw 6.9vw;
        width: 92vw;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #40c3c3;
        position: absolute;
        top: 13.9vw;
        left: -22.4vw;
        display: none;
        transition: all 0.3s;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu.active {
        top: 10.27vw;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box01 {
        width: 24.09vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box02 {
        width: 27.27vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box03 {
        width: 25vw;
        text-align: center;
        float: right;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .title {
        margin: 0 0 2.27vw 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 1.36vw;
        font-weight: 400;
        border-bottom: 2px solid #fff;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item {
        margin: 0 auto 1.8vw auto;
        padding: 0 0 0 0;
        width: 8.9vw;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box01 .list .item {
        margin: 0 5px 1.8vw 5px;
        padding: 0 0 0 0;
        width: 8.9vw;
        display: inline-block;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 13px;
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item a .new_icon {
        margin: 0 0 0 0;
        padding: 2px 4px;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega03:hover {
        background: #685bc7;
    }
    #header .wrap_new #navi ul li.mega03:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega03:hover a.pull:after {
        margin: 0 0 0 0.45vw;
        content: "";
        width: 0.9vw;
        height: 0.5vw;
        line-height: 0.5vw;
        background: url("../../img/common/arrow_01.svg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu {
        padding: 3.18vw 0 1.8vw 5.45vw;
        width: 92vw;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #685bc7;
        position: absolute;
        top: 13.9vw;
        right: 0;
        display: none;
        transition: all 0.3s;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu.active {
        top: 10.27vw;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box01 {
        width: 18.8vw;
        text-align: left;
        float: left;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box02 {
        width: 22.8vw;
        text-align: left;
        float: left;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box03 {
        width: 22.9vw;
        text-align: left;
        float: left;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box04 {
        width: 18.7vw;
        text-align: left;
        float: left;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .title {
        margin: 0 5vw 1.36vw 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        text-align: center;
        font-size: 1.36vw;
        font-weight: 400;
        border-bottom: 2px solid #fff;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul {
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul.half {
        width: 11.36vw;
        float: left;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li {
        margin: 0 0 0 0;
        padding: 0 0 0.9vw 0;
        line-height: 1.4em;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 1.18vw;
        font-weight: 700;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul {
        max-width: 13.09vw;
        overflow: hidden;
        display: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li {
        margin: 0 0 0 0;
        padding: 0.9vw 0 0 0;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 400;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 400;
        height: auto;
        display: inline;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns {
        margin: 0 0.9vw 0 0;
        padding: 6px 0 0 0;
        width: 2.36vw;
        height: 3.09vw;
        box-sizing: border-box;
        float: left;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns a {
        display: block;
    }
    #header .wrap_new #navi ul li.mega04 {
        width: 8.18vw;
    }
    #header .wrap_new #navi ul li.mega04:hover {
        background: #FF4D33;
    }
    #header .wrap_new #navi ul li.mega04:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega04:hover a.pull:after {
        margin: 0 0 0 0.45vw;
        content: "";
        width: 0.9vw;
        height: 0.5vw;
        line-height: 0.5vw;
        background: url("../../img/common/arrow_01.svg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu {
        padding: 3.18vw 6.9vw 1.81vw 6.9vw;
        width: 40vw;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #FF4D33;
        position: absolute;
        top: 13.9vw;
        right: 0;
        display: none;
        transition: all 0.3s;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu.active {
        top: 10.27vw;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box01 {
        width: 24.09vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box02 {
        width: 27.27vw;
        text-align: center;
        float: left;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box03 {
        width: 25vw;
        text-align: center;
        float: right;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .title {
        margin: 0 0 2.27vw 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 1.36vw;
        font-weight: 400;
        border-bottom: 2px solid #fff;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item {
        margin: 0 auto 1.8vw auto;
        padding: 0 0 0 0;
        width: 8.9vw;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box01 .list .item {
        margin: 0 5px 1.8vw 5px;
        padding: 0 0 0 0;
        width: 8.9vw;
        display: inline-block;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 1.18vw;
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item a .new_icon {
        margin: 0 0 0 0;
        padding: 2px 4px;
        line-height: 1.4em;
        font-size: 1.09vw;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
    }
}

/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 768px) {
    body {
        padding: 0;
        -webkit-text-size-adjust: none;
        font-size: 12px;
    }
    /**
 * SP表示
**/
    .sp_disp {
        display: block !important;
    }
    .pc_disp {
        display: none !important;
    }
    /**
 * ラッパー
**/
    #wrapper {
        overflow: hidden;
    }
    /**
 * ヘッダー
**/
    #header {
        width: 100%;
        height: 19.64vw;
        background: #ffffff;
        position: relative;
        top: auto;
        left: auto;
        z-index: 10000;
    }
    #header img {
        width: 100%;
        height: auto;
        display: block;
    }
    #header .wrap_new {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
        height: 19.64vw;
        position: relative;
    }
    #header .wrap_new h1 {
        width: 20.89vw;
        position: absolute;
        top: 5vw;
        left: 3.9vw;
    }
    #header .wrap_new #switch {
        width: 9.82vw;
        position: absolute;
        top: 5.35vw;
        right: 3.75vw;
    }
    #header .wrap_new #switch img.off {
        display: block;
    }
    #header .wrap_new #switch img.on {
        display: none;
    }
    #header .wrap_new #switch.active img.off {
        display: none;
    }
    #header .wrap_new #switch.active img.on {
        display: block;
    }
    #header .wrap_new #navi {
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        top: 19.64vw;
        right: 0;
        background: #ffffff;
        display: none;
    }
    #header .wrap_new #navi ul {
        margin: 0 auto;
        width: 92%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    #header .wrap_new #navi ul li {
        margin: 0 0 10px 0;
        display: block;
        vertical-align: middle;
        position: relative;
        order: 0;
    }
    #header .wrap_new #navi ul li a.global {}
    #header .wrap_new #navi ul li a.global::before {
        position: relative;
        content: "　";
        background: url("../../img/common/global_icon_02.svg") no-repeat center center;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        top: -2px;
        margin-right: 8px;
    }
    #header .wrap_new #navi ul li a {
        padding: 0 8px;
        line-height: 13.9vw;
        /*color: #ffffff !important;*/
        text-decoration: none;
        display: block;
        position: relative;
    }
    #header .wrap_new #navi ul li a.pull:after {
        display: none;
    }
    #header.home {
        background: rgba(255, 255, 255, 0);
        transition: all 0.5s;
        position: relative;
        top: auto;
        left: auto;
    }
    #header.home .wrap_new #navi ul li a {
        color: #ffffff !important;
    }
    #header.home .wrap_new h1 img.off {
        display: none;
    }
    #header.home .wrap_new h1 img.on {
        display: block;
    }
    #header.home:hover {
        background: rgba(255, 255, 255, 1);
    }
    #header.home:hover .wrap_new #navi ul li a {
        color: #ffffff !important;
    }
    #header.home:hover .wrap_new #navi ul li a.pull:after {
        background: url("../../img/common/arrow_02.svg") no-repeat center center;
        background-size: cover;
    }
    #header.home:hover .wrap_new h1 img.off {
        display: none;
    }
    #header.home:hover .wrap_new h1 img.on {
        display: block;
    }
    #header .wrap_new #navi ul li.mega01 {
        width: 100%;
    }
    #header .wrap_new #navi ul li.mega01 a.pulldown_link {
        padding: 0 0 0 0;
        width: 100%;
        height: 13.9vw;
        line-height: 13.9vw;
        text-indent: -9999px;
        text-align: left;
        /*  background: #FFD940 url("../../img/common/arrow_01-sp.svg") no-repeat 83vw center;*/
        background: #FFD940;
        background-size: 5vw auto;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega01 a.pulldown_link.active {
        /*  background: #FFD940 url("../../img/common/arrow_01-sp.svg") no-repeat 4.5vw center;*/
        background: #FFD940;
        background-size: 5vw auto;
        transform: rotate(180deg);
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega01 a.pulldown_link:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
    }
    #header .wrap_new #navi ul li.mega01 a.pulldown_link.active:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
        transform: rotate(180deg);
    }
    #header .wrap_new #navi ul li.mega01:hover {
        background: #FFD940;
    }
    #header .wrap_new #navi ul li.mega01 a.pull {
        /*  color: #00677f !important;*/
        color: #fff !important;
        display: inline;
        position: relative;
        z-index: 2;
    }
    #header .wrap_new #navi ul li.mega01:hover a.pull {
        /*  color: #00677f !important;*/
        color: #fff !important;
    }
    #header .wrap_new #navi ul li.mega01:hover a.pull:after {
        display: none;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        color: #00677f;
        background: #FFD940;
        border-top: 3px solid #ffffff;
        position: relative;
        top: auto;
        left: auto;
        display: none;
        transition: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu.active {
        top: 113px;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu a {
        color: #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 {
        margin: 0 auto 30px auto;
        width: 92%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box02 {
        margin: 0 auto 30px auto;
        width: 85%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box03,
    #header .wrap_new #navi ul li.mega01 .megamenu .box04 {
        margin: 0 auto 0 auto;
        width: 92%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .title {
        margin: 0 0 25px 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 2px solid #00677f;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .label {
        margin: 0 0 15px 0;
        padding: 3px 0;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box02 .label {
        margin: 0 auto 15px;
        padding: 3px 0;
        width: 170px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box03 .label,
    #header .wrap_new #navi ul li.mega01 .megamenu .box04 .label {
        margin: 0 auto 15px;
        padding: 3px 0;
        width: 170px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid #00677f;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item {
        margin: 0 auto 20px auto;
        padding: 0 0 0 0;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item,
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .right .list .item {
        margin: 0 0 20px;
        padding: 0 0 0 0;
        width: 100%;
        height: auto;
        float: none !important;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item a img,
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .right .list .item a img {
        width: 70% !important;
        margin: auto;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(3n) {
        margin: 0 0 20px 0;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item:nth-of-type(3n+1) {
        clera: both;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 13px;
        font-weight: 700;
        color: #00677f !important;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .list .item a .new_icon {
        margin: 2px 0 0 0;
        padding: 1px 6px 0px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
        letter-spacing: 1px;
    }
    #header .wrap_new #navi ul li .megamenu .bold {
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb {
        width: 100%;
        display: table;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb .left {
        padding-right: 10px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .box01 .tb .left {
        /* width: 330px; */
    }
    #header .wrap_new #navi ul li.mega01 .megamenu .tb .right {
        padding-left: 10px;
        box-sizing: border-box;
        border-left: 1px dashed #00677f;
        display: table-cell;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega02 {
        width: 100%;
    }
    #header .wrap_new #navi ul li.mega02 a.pulldown_link {
        padding: 0 0 0 0;
        width: 100%;
        height: 13.9vw;
        line-height: 13.9vw;
        text-indent: -9999px;
        background: #40c3c3;
        background-size: 5vw auto;
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega02 a.pulldown_link.active {
        background: #40c3c3;
        background-size: 5vw auto;
        transform: rotate(180deg);
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega02 a.pulldown_link:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
    }
    #header .wrap_new #navi ul li.mega02 a.pulldown_link.active:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
        transform: rotate(180deg);
    }
    #header .wrap_new #navi ul li.mega02:hover {
        background: #40c3c3;
    }
    #header .wrap_new #navi ul li.mega02 a.pull {
        display: inline;
        position: relative;
        z-index: 2;
    }
    #header .wrap_new #navi ul li.mega02:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega02:hover a.pull:after {
        display: none;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #40c3c3;
        border-top: 3px solid #ffffff;
        position: relative;
        top: auto;
        left: auto;
        overflow: hidden;
        display: none;
        transition: none;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu.active {
        top: auto;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box01 {
        margin: 0 auto 30px auto;
        width: 92%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box02 {
        margin: 0 auto 30px auto;
        width: 92%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box03 {
        margin: 0 auto 30px auto;
        width: 92%;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .title {
        margin: 0 0 40px 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 2px solid #fff;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item {
        margin: 0 auto 20px auto;
        padding: 0 0 0 0;
        width: 98px;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box01 .list .item {
        margin: 0 5px 20px 5px;
        padding: 0 0 0 0;
        /*  width: 98px;*/
        width: 130px;
        display: inline-block;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 13px;
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .list .item a .new_icon {
        margin: 2px 0 0 0;
        padding: 1px 6px 0px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
        letter-spacing: 1px;
    }
    #header .wrap_new #navi ul li.mega03 {
        width: 100%;
        position: relative;
        order: -1;
    }
    #header .wrap_new #navi ul li.mega03 a.pulldown_link {
        padding: 0 0 0 0;
        width: 100%;
        height: 13.9vw;
        line-height: 13.9vw;
        text-indent: -9999px;
        background: none;
        background-size: 5vw auto;
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega03 a.pulldown_link.active {
        background: none;
        background-size: 5vw auto;
        transform: rotate(180deg);
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega03 a.pulldown_link:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
    }
    #header .wrap_new #navi ul li.mega03 a.pulldown_link.active:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
        transform: rotate(180deg);
    }
    #header .wrap_new #navi ul li.mega02 .megamenu .box02.mini_printer .list {
        justify-content: center;
    }
    #header .wrap_new #navi ul li.mega03:hover {
        background: #685bc7;
    }
    #header .wrap_new #navi ul li.mega03:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega03:hover a.pull:after {
        display: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #685bc7;
        border-top: 3px solid #ffffff;
        position: relative;
        top: auto;
        right: auto;
        display: none;
        overflow: hidden;
        transition: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu.active {
        top: auto;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box01 {
        margin: 0 auto 10px auto;
        width: 92%;
        max-width: 240px;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box02 {
        margin: 0 auto 10px auto;
        width: 92%;
        max-width: 240px;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box03 {
        margin: 0 auto 10px auto;
        width: 92%;
        max-width: 240px;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .box04 {
        margin: 0 auto 20px auto;
        width: 92%;
        max-width: 240px;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu .title {
        margin: 0 0 10px 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 2px solid #fff;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul {
        width: 100%;
        height: auto;
        text-align: left;
        display: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul.half {
        width: 100%;
        float: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li {
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
        line-height: 1.4em;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 15px;
        font-weight: 700;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul {
        margin: 0 0 0 0;
        max-width: 144px;
        overflow: hidden;
        display: none;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li {
        margin: 0 0 0 0;
        padding: 10px 0 0 0;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 400;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        display: inline;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns {
        margin: 0 10px 0 0;
        padding: 6px 0 0 0;
        width: 20px;
        height: 26px;
        box-sizing: border-box;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 400;
        float: left;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 .megamenu ul li ul li.sns a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 400;
        height: auto;
        display: block;
    }
    #header .wrap_new #navi ul li.mega03 a.pull:before {
        margin: 0 5px 0 0;
        content: "";
        width: 14px;
        height: 14px;
        line-height: 14px;
        background: url("../../img/common/global_icon_02.svg") no-repeat center center !important;
        background-size: cover !important;
        display: inline-block;
        vertical-align: middle;
    }
    #header .wrap_new #navi ul li.mega04 a.pulldown_link {
        padding: 0 0 0 0;
        width: 100%;
        height: 13.9vw;
        line-height: 13.9vw;
        text-indent: -9999px;
        background: #FF4D33;
        background-size: 5vw auto;
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega04 a.pulldown_link.active {
        background: #FF4D33;
        background-size: 5vw auto;
        transform: rotate(180deg);
        transform: rotate(0) !important;
    }
    #header .wrap_new #navi ul li.mega04 a.pulldown_link:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
    }
    #header .wrap_new #navi ul li.mega04 a.pulldown_link.active:after {
        margin: -2vw 0 0 0;
        width: 5vw;
        height: 4vw;
        line-height: 0;
        content: "";
        background: url("../../img/common/arrow_02-sp.svg") no-repeat center center;
        background-size: 5vw auto;
        position: absolute;
        top: 50%;
        right: 4.4vw;
        z-index: 1;
        transform: rotate(180deg);
    }
    #header .wrap_new #navi ul li.mega04:hover {
        background: #FF4D33;
    }
    #header .wrap_new #navi ul li.mega04 a.pull {
        display: inline;
        position: relative;
        z-index: 2;
    }
    #header .wrap_new #navi ul li.mega04:hover a.pull {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega04:hover a.pull:after {
        display: none;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        color: #ffffff;
        background: #FF4D33;
        border-top: 3px solid #ffffff;
        position: relative;
        top: auto;
        right: auto;
        overflow: hidden;
        display: none;
        transition: none;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu.active {
        top: auto;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu a {
        color: #fff;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box01 {
        margin: 0 auto 10px auto;
        width: 92%;
        max-width: 240px;
        text-align: center;
        float: none;
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .title {
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0 0 3px 0;
        line-height: 1.4em;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 2px solid #fff;
        display: inline-block;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list {
        overflow: hidden;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item {
        margin: 0 auto 20px auto;
        padding: 0 0 0 0;
        width: 98px;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .box01 .list .item {
        margin: 0 5px 20px 5px;
        padding: 0 0 0 0;
        /*  width: 98px;*/
        width: 105px;
        display: inline-block;
        vertical-align: top;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item a {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        line-height: 1.4em;
        font-size: 13px;
        font-weight: 700;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu .list .item a .new_icon {
        margin: 2px 0 0 0;
        padding: 1px 6px 0px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 700;
        color: #FFD940;
        background: #00677f;
        display: inline-block;
        letter-spacing: 1px;
    }
    #header .wrap_new #navi ul li.mega04 .megamenu ul li a {
        font-size: 14px;
    }
    #header .wrap_new #navi ul li a.color01-sp {
        color: #00677f;
        background: #FFD940;
    }
    #header .wrap_new #navi ul li a.color02-sp {
        color: #ffffff;
        background: #40c3c3;
    }
    #header .wrap_new #navi ul li a.color03-sp {
        color: #ffffff;
        background: #830065;
    }
    #header .wrap_new #navi ul li a.color04-sp {
        color: #ffffff;
        background: #FF8026;
    }
    #header .wrap_new #navi ul li a.color05-sp {
        color: #ffffff;
        background: #001E62;
    }
    #header .wrap_new #navi ul li a.color06-sp {
        color: #ffffff;
        background: #00677f;
    }
    #header .wrap_new #navi ul li a.color07-sp {
        color: #ffffff;
        background: #685bc7;
    }
    #header .wrap_new #navi ul li a.color08-sp {
        color: #ffffff;
        background: #FF4D33;
    }
    #header .wrap_new #navi ul li a.color09-sp {
        color: #ffffff;
        background: #ff57c3;
    }
    #header .wrap_new #navi ul li a.color10-sp {
        color: #ffffff;
        background: #685bc7;
    }
    /**
 * コンテンツ
**/
    #content {
        overflow: hidden;
        display: block;
    }
    #content img {
        width: 100%;
        height: auto;
    }
    /**
 * フッター
**/
    #footer {
        padding: 40px 0 30px 0;
        width: 100%;
        text-align: center;
        color: #000000;
        background: #FFD940;
        overflow: hidden;
    }
    #footer img {
        width: 100%;
        height: auto;
        display: block;
    }
    #footer .wrap_new {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
        text-align: left;
        overflow: hidden;
    }
    #footer .wrap_new .footer_navi {
        padding: 0 0 35px 0;
        width: 100%;
        float: none;
    }
    #footer .wrap_new .footer_navi ul {
        width: 100%;
        line-height: 1.4em;
        font-size: 3.9vw;
        text-align: center;
        float: none;
    }
    #footer .wrap_new .footer_navi ul:nth-of-type(1) {
        max-width: 100%;
    }
    #footer .wrap_new .footer_navi ul li {
        padding: 10px 0 0 0;
    }
    #footer .wrap_new .right {
        width: 100%;
        max-width: 100%;
        text-align: right;
        float: none;
    }
    #footer .wrap_new .sns {
        margin: 0 0 15px 0;
        text-align: center;
    }
    #footer .wrap_new .sns li {
        margin: 0 9px;
        width: 9.8vw;
        display: inline-block;
    }
    #footer .wrap_new .right .logo {
        margin: 0 auto 15px auto;
        width: 45.36vw;
    }
    #footer #copyright {
        line-height: 1.4em;
        font-size: 3.9vw;
        font-weight: 400;
        text-align: center;
    }
}

@media only screen and (max-width:376px) {
    #header .wrap_new #navi ul li.mega01 .megamenu .box02 {
        width: 82%;
    }
}

.square_scal img {
    transform: scale(0.9);
}

.mini2_scal img {
    transform: scale(0.9);
}