@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;
}
#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 45px 20px 40px;
  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 30px 0 0;
  width: 338px;
  text-align: center;
  float: left;
}
#header .wrap_new #navi ul li.mega01 .megamenu .box02 {
  margin: 0 30px 0 0;
  width: 223px;
  text-align: center;
  float: left;
}
#header .wrap_new #navi ul li.mega01 .megamenu .box03 {
  margin: 0 30px 0 0;
  width: 180px;
  text-align: center;
  float: left;
}
#header .wrap_new #navi ul li.mega01 .megamenu .box04 {
  width: 180px;
  text-align: center;
  float: right;
}
#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 auto;
  padding: 0 0 0 0;
  width: 98px;
}
#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 9px 20px 0;
  padding: 0 0 0 0;
  width: 93px;
  float: left;
}
#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;
}
#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: 17px;
  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: 17px;
  box-sizing: border-box;
  border-left: 1px dashed #00677f;
  display: table-cell;
  vertical-align: top;
}

#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 .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:105px;
  display: inline-block;
  vertical-align: top;
}
#header .wrap_new #navi ul li.mega02 .megamenu .box02 .list .item {
  margin: 0 20px 20px;
  padding: 0 0 0 0;
  width:98px;
  display: inline-block;
  vertical-align: top;
}
#header .wrap_new #navi ul li.mega02 .megamenu .box03 .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.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;
}
#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 .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: 72%;
  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;
  width: 98px;
}
#header .wrap_new #navi ul li.mega01 .megamenu .box01 .left .list .item {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  width: 50%;
  float: left;
}
#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: 17px;
  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: 17px;
  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:105px;
  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.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.76);
}