.btn_1 {
    background: url("btn_1_on.svg") no-repeat;
}
.btn_1 a {
    display: inline-block;
}
.btn_1 a:hover {
	background-color: transparent; /* IE6蟇ｾ蠢� */
}
.btn_1 a:hover img {
    visibility: hidden;
}


/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ閾ｪ蜍� */

.menu {
 width: 100%;
 margin: 0em;
 padding: 0;
}
 
.menu li {
 list-style: none;
}
 
.menu li a {
 display: block;
 width: 100%;
 text-decoration: none;
 text-align: left;
 vertical-align: middle;
 padding: 11px 19px;
 border-radius: 0px;
 background: linear-gradient(to right, #00376f, #334978);
 color: #fff;
 font-size: 16px;
 font-weight: 500;
 overflow: hidden;
 transition:all .2s ease-out;
}
 
.menu > li:first-child a {
 margin-top: 0;
}
 
.menu li a:hover {
 background: linear-gradient(to right, #005BAC, #6581C0);
 transition:all .2s ease-out;
}
 
.menu li ul {
 margin: 0;
 padding: 0;
}
 
.menu li li a {
 display: block;
 margin-top: 0;
 padding: 0px 10px;
 height: 0;
 background: #005BAC;
 font-size: 13px;
 font-weight: 500;
 color: #ffffff;
 transition:all .2s ease-out;
}
 
.menu > li:hover li a {
 display: block;
 margin-top: 1px;
 padding: 11px 19px;
 width: 100%;
 height: 100%;
 transition:all .2s ease-out;
}
 
.menu > li:hover li a:hover {
 background: #0081F4;
 transition:all .2s ease-out;
}



/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ繧ｯ繝ｪ繝�け */

.accordion-001 {
    max-width: 500px;
    background-color: ;
}

.accordion-001:not([open]) {
    margin-bottom: 0px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 11px 19px;
    border-radius: 3px 3px 0px 0px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-001 summary:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ蜀��繧ｿ繝ｳ */

.btn-border1 {
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #005BAC;
  border: 0px solid #005BAC;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  padding: 10px;
  border-radius: 0px;
  transition: .4s;
}

.btn-border1:hover {
  background-color: #0081F4;
  border-color: #0081F4;
  color: #ffffff;
}


/* 繝懊ち繝ｳ */

.button-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-1::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 149px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-1:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-2::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 50px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-2:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-3::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 130px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-3:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-4::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 111px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-4:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-5::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 104px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-5:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-6::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 107px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-6:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-7 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-7::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 51px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-7:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-8 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-8::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 149px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-8:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-9 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-9::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 77px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-9:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-10 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	font-size: 16px;
    font-weight: 500;
}

.button-10::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 137px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-10:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-11 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	text-align: left;
	font-size: 16px;
    font-weight: 500;
}

.button-11::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 30px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-11:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-12 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	text-align: left;
	font-size: 16px;
    font-weight: 500;
}

.button-12::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 61px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-12:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-13 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	text-align: left;
	font-size: 16px;
    font-weight: 500;
}

.button-13::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 124px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-13:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

.button-14 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 12px 19px;
    border: none;
    border-radius: 3px;
    background: linear-gradient(to right, #00376f, #334978);
    color: #fff;
	text-align: left;
	font-size: 16px;
    font-weight: 500;
}

.button-14::after {
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 162px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.button-14:hover {
    background: linear-gradient(to right, #005BAC, #6581C0);
}

/* 遏｢蜊ｰ */

.arrow{
  position: relative;
  display: inline-block;
  padding-left: 19px;
}

.arrow::before{
  content: '';
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  -ms-transform: rotate(1350deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -2px;
}

.arrow2{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.arrow2::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* NEW */
.text-tooltip {
  border-bottom: dotted 1px #333;
  position: relative;
}

.tooltip-content {
  opacity: 1;

  font-size: 84%;
  white-space: nowrap;
  border-radius: 2px;
  background-color: red;
  color: #fff;
  font-weight: bold;
  padding: 1px 8px 2px 8px;
  position: absolute;
  top: 13px;
  left: 76%;
  transform: translateX(-50%);
  transition: all .6s ease-in-out;
}
  
.tooltip-content:before {
  content: '';
  position: absolute;
  top: 0px;
  left: calc(50% - 9px);
  border: 0px solid transparent;
  border-top: 0px solid red;
}
  
.text-tooltip:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}


.new5{
    position: relative;
    background-color: aliceblue;
    width: 100%;
    margin: 0px;
}

.new5::before{
    position: absolute;
    content: "NEW";
	font-size: 14px;
    font-weight: bold;
    top: 12px;
    right: 32px;
    background-color: red;
	border-radius: 2px;
    padding: 0px 7px 1px 7px;;
}