@charset "UTF-8";

html {
height:100%;
width: 100%;
overflow-y:scroll;
overflow-x:hidden;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;

}
.lity {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
color:#3C3C3C;
background:#ffffff;
font-family:"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"BIZ UDPGothic",
Meiryo,
sans-serif;
font-style: normal;
font-size: 100%;
overflow-x:hidden;
}



*{
margin: 0;
padding: 0;
}

div {
margin:0;
padding:0;
}
P {
margin:0;
padding:0;
}

*{
box-sizing:border-box;
}

a:hover {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.hoverbig a:hover img {
transform: scale(1.05, 1.05);
}

.hoverbigimg img:hover {
transform: scale(1.05, 1.05);
}


.slow * {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

p {
-webkit-hyphens: auto;
hyphens: auto; 
-epub-hyphens: auto;
-ms-hyphens: auto;
}

a:link,a:visited,a:hover,a:active  { 
text-decoration:none;
}


main {
position:relative;
width: 100%;
}

section {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
}


#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
font-size: 100%;
line-height:1.6;
color:#1a1a1a;
z-index:0;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-feature-settings: "palt";
letter-spacing: 0.05em;
overflow: hidden;
}

.main {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
display:block;
z-index:0;
font-weight: 400;
font-style: normal;
}


/*--------スライダー-----------------*/
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}

.slider_button {
position: relative;
width:94%;
max-width:800px;
margin:0 auto 50px auto;
}

#slick_pause_paly {
position:absolute;
top:-20px;
right:0;
width:100px;
border:1px solid #3C3C3C;
padding:5px 5px;
border-radius: 99px;
font-size:12px;
font-weight:500;
background:#ffffff;
box-sizing: border-box;
cursor: pointer;
z-index: 100;
}



.slider {
position:relative;
margin-inline: auto;
max-width:100%;
}

.slider .slide {
width: 800px;
}

.slider .slide img {
width:800px;
height: 500px;
object-fit: cover;
display: block;
}

.slick-list {
margin: 0 -10px;

}
.slick-slide {
margin: 0 10px;
}

#slick_pause_paly:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}




/*--------テーブル -----------------*/
.table_header {
background:#F0F0F0;
}

.table_pink_header {
background:#fef3f5;
}

.table_pink_text {
color:#F0648C;
}

.table_10 {
width:10%;
}
.table_16 {
width:16%;
}
.table_20 {
width:20%;
}
.table_28 {
width:28%;
}
.table_30 {
width:30%;
}
.table_35 {
width:35%;
}
.table_40 {
width:40%;
}
.table_45 {
width:45%;
}
.table_50 {
width:50%;
}
.table_55 {
width:55%;
}
.table_60 {
width:60%;
}
.table_65 {
width:65%;
}
.table_70 {
width:70%;
}
.table_72 {
width:72%;
}
.table_80 {
width:80%;
}
.table_center {
text-align:center;
}
.table_border_left {
border-left:1px solid #9D9D9D;
box-sizing: border-box;
}
.table_border_right {
border-right:1px solid #9D9D9D;
box-sizing: border-box;
}
.coupon_table_840 tr,
.coupon_table_740 tr,
.coupon_table_640 tr,
.coupon_table tr,
.aco_table tr{
width:100%;
padding:0;
margin: 0;
}



/*--------タブ -----------------*/
.tab_box {
position:relative;
width:100%;
margin:0 auto 0 auto;
z-index:5;
}


.tab_btn_1 a,
.tab_btn_2 a,
.tab_btn_3 a,
.tab_btn_4 a,
.tab_btn_5 a{
color:#ffffff;
width:100%;
display:block;
}

.tab_btn_1.active a {
color:#A0828C;
}

.tab_btn_2.active a,
.tab_btn_3.active a {
color:#F08296;
}

.tab_btn_4.active a,
.tab_btn_5.active a {
color:#8ABCA5;
}

.panel.is-active {
display:block;
}


/*--------アコーディオン -----------------*/
.aco .accordion_one:nth-of-type(2) .accordion_header {
background: #ffffff;
}
.aco .accordion_one:nth-of-type(3) .accordion_header {
background: #ffffff;
}
.aco .accordion_one .accordion_header:hover  {
color:#F0648C;
}

/*--------edge対策 -----------------*/


/*---------PC・タブレット----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
.pc {
display:block;
}
.sp {
display:none;
}

.header {
position:fixed;
width:100%;
border-top:10px solid #004098;
z-index:999;
background:#ffffff;
border-bottom:1px solid #dddddd;
}

h1 {
position:relative;
width:33%;
max-width:400px;
height:100px;
display:flex;
margin-left:2%;
align-items: center;
}
h1 img {
display:flex;
align-items: center;
width:100%;
}



.menu {
position:absolute;
width:60%;
max-width:700px;
top:50%;
right:2%;
bottom:50%;
margin:auto;
height:100px;
}
.menu ul {
position:relative;
width:100%;
height:100px;
display:flex;
align-items: center;
list-style: none;
justify-content:space-around;
}

.menu ul li a {
color:#3C3C3C;
font-weight:700;
font-size:min(1.3vw,14px);
line-height:1;
}
.menu ul li a:hover {
text-decoration: underline;
text-underline-offset:0.3em;
}

.hanbargericon {
display:none;
}


.slider_wrapper {
position:relative;
width: 100%;
padding-top:130px;
padding-bottom:10px;
overflow:hidden;
}

/*--------口座開設はこちら-----------------*/
.link_koza {
position:relative;
width:30%;
max-width:360px;
margin:20px auto;
}

/*--------タイトル-----------------*/
.top_title {
width:80%;
max-width:840px;
margin:60px auto 30px auto;
}

/*--------3つのポイント-----------------*/
.point_header {
width:23%;
max-width:250px;
margin:0 auto 70px auto;
}
.point_flex {
position:relative;
width:90%;
max-width:1000px;
margin:0 auto;
display:flex;
justify-content: space-between;
}
.point_flex_col{
position:relative;
width:33.333%;
padding:0 3% 130px 3%;
box-sizing:border-box;
margin-bottom:-100px;
}
.point_border {
border-left:3px dotted #787878;
}
.point_kangen_border {
border-left:3px dotted #787878;
}
.point_no{
width:18%;
max-width:60px;
margin-bottom:20px;
}
.point_icon {
position:absolute;
width:100%;
top:0;
right:5%;
display:block;
}
.point_icon_1,
.point_icon_2,
.point_icon_3,
.point_icon_4 {
margin-right:auto;
display:flex;
align-items: center;
justify-content: flex-end;
font-size:min(1.3vw,16px);
font-weight:700;
line-height:1;
}
.point_icon_1 span {
margin-bottom:7px;
background:#6E8CC8;
padding:2% 3% 3% 3%;
text-align:right;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_2 span {
margin-bottom:7px;
background:#41AFD2;
padding:2% 3% 3% 3%;
text-align:right;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_3 span {
background:#41AFD2;
margin-bottom:7px;
padding:2% 3% 3% 3%;
text-align:right;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_4 span {
margin-bottom:7px;
background:#ffffff;
padding:2% 3% 3% 3%;
text-align:right;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #ffffff);
}
.point_img {
width:100%;
margin-bottom:10px;
}
.point_title {
font-size:min(2vw,22px);
color:#004098;
font-weight:700;
text-align:center;
margin-bottom:10px;
line-height:1.5;
}

.point_text {
font-size:min(1.2vw,14px);
}

.point_text_hina {
width:65%;
margin:0 auto;
font-size:min(1.2vw,14px);
}

/*--------クーポン-----------------*/
.coupon_title {
font-size:min(2.5vw,30px);
display:flex;
justify-content: center;
margin-bottom:30px;
}
.coupon_title p {
display:inline-block;
background:#A0828C;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:10px 30px 10px 30px;
}
.coupon_flex {
width:80%;
max-width:960px;
margin:0 auto;
display:flex;
justify-content: space-between;
}
.coupon_flex_col {
width:33%;
display:block;
}
.coupon_flex_col p img {
width:90%;
margin:0 auto 20px auto;
}
.coupon_flex_col p {
width:100%;
font-size:min(1.3vw,14px);
text-align:center;
line-height:1.7;
}
.coupon_midashi {
color:#004098;
font-size:min(3.5vw,25px);
font-weight:700;
text-align:center;
margin-top:80px;
margin-bottom:30px;
}
.coupon_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #FCF5C8 00%);
}
.coupon_text {
font-size:min(2vw,14px);
text-align:center;
line-height:1.5;
font-weight:500;
}
.coupon_chuki {
width:88%;
max-width:830px;
font-size:min(2vw,12px);
text-align:left;
line-height:1.3;
margin:0 auto;
}


/*-------テーブル-----------------*/
.coupon_table_840 {
width:90%;
max-width:840px;
margin:20px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(1.5vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table_740 {
width:90%;
max-width:740px;
margin:10px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(1.5vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table_640 {
width:90%;
max-width:640px;
margin:10px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(1.5vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table {
width:100%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(1.5vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
background:#ffffff;
}

.aco_table {
width:100%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(1.3vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
background:#ffffff;
}

.table_chuki {
font-size:min(1.5vw,12px);
line-height:1.5;
font-weight:400;
}

.coupon_table_840 table,
.coupon_table_740 table,
.coupon_table_640 table,
.coupon_table table,
.aco_table table{
width: 100%;
border-collapse: collapse;
margin: 0;
padding: 0;
border: 2.5px solid #9D9D9D;
box-sizing: border-box;
}

.coupon_table_840 table tbody tr td,
.coupon_table_740 table tbody tr td,
.coupon_table_640 table tbody tr td,
.coupon_table table tbody tr td,
.aco_table table tbody tr td{
margin: 0;
padding:7px 15px;
border-top: 1px solid #9D9D9D;
box-sizing: border-box;
}

.table_center_right p {
width:70%;
max-width:90px;
margin:0 auto;
text-align:right;
}

.coupon_table_subtitle {
font-size:min(2.2vw,20px);
line-height:1.3;
font-weight:700;
text-align: center;
}

.step_waku {
width:80%;
max-width:960px;
margin:7% auto 0 auto;
display:block;
background:#FCF5C8;
border-radius: 30px;
padding:4%;
box-sizing: border-box;
}

.step_title {
width:80%;
max-width:540px;
margin:0 auto 3% auto;
}

.step_text {
font-size:min(2vw,14px);
text-align:center;
line-height:1.5;
margin-bottom:3%;
}
.step_img {
width:90%;
margin:0 auto;
}


/*--------重要事項-----------------*/
.business_link {
font-size:min(2vw,18px);
text-align:center;
color:#004098;
font-weight:700;
}
.business_link a {
text-decoration: underline;
text-underline-offset:0.25em;
color:#004098;
}
.business_link a:hover {
text-decoration: none;
}
.business_header {
font-size:min(2vw,13px);
text-align:center;
font-weight:700;
margin-top:20px;
line-height:1.7;
}
.business_text {
font-size:min(2vw,12px);
text-align:center;
font-weight:500;
line-height:1.7;
}

/*------口座開設ボタン----------*/
#koza-link {
display:block;
width:150px;
height:171px;
z-index: 99;
position: fixed;
right:2.3%;
margin-bottom:80px;
}




/*------ページの先頭へ戻る----------*/
#page-top {
display:block;
width:170px;
height:44px;
z-index: 99;
position:fixed;
right:1.5%;
margin-bottom:20px;
}


/*--------フッター-----------------*/
footer {
position:relative;
background:#F2F7FA;
padding:30px 0 0 0;
color:#3C3C3C;
margin-top:50px;
}

.footer_flex {
position:relative;
width:90%;
max-width:960px;
margin:30px auto 50px auto;
display:flex;
justify-content: space-between;
align-items:flex-start;
flex-direction: row-reverse;
color:#3C3C3C;
}
.footer_left {
width:50%;
}
.footer_right {
width:50%;
}
.footer_saison_logo {
width:90%;
max-width:250px;
margin-bottom:30px;
}

.footer_saison_text {
font-size:min(1.4vw,14px);
line-height:1.7;
}
.footer_saison_text a {
color:#3C3C3C;
text-decoration: underline;
}
.footer_saison_text a:hover {
text-decoration: none;
}
.footer_saison_flex {
width:100%;
max-width:180px;
display:flex;
justify-content: space-between;
align-items: center;
margin-top:40px;
}

.footer_saison_flex_col_left {
width:45%;

}

.footer_saison_flex_col_right {
width:35%;
}

.copyright {
position:relative;
width:100%;
display:block;
text-align:center;
font-size:min(1.5vw,11px);
padding:13px 0;
border-top:1px solid #004098;
}




/*--------クレカ積立---------------*/
.point_icon_flex {
display:flex;
justify-content: center;
align-items: center;
}

.point_icon_flex_col_1,
.point_icon_flex_col_2,
.point_icon_flex_col_3,
.point_icon_flex_col_4{
display:flex;
align-items: center;
justify-content:center;
font-size:min(1.5vw,16px);
font-weight:600;
line-height:1;
margin:0 0.3%;
}

.point_icon_flex_col_1 span,
.point_icon_flex_col_2 span,
.point_icon_flex_col_3 span,
.point_icon_flex_col_4 span{
padding:10px 15px;
text-align:center;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
display:inline;
box-sizing:border-box;
}
.point_icon_flex_col_1 {
}
.point_icon_flex_col_1 span {
background:#6E8CC8;
}
.point_icon_flex_col_2 {
}
.point_icon_flex_col_2 span {
background:#41AFD2;
}
.point_icon_flex_col_3 {
}
.point_icon_flex_col_3 span {
background:#41AFD2;
}
.point_icon_flex_col_4 {
}
.point_icon_flex_col_4 span {
background:#D2A050;
}

.credit_title {
font-size:min(2.5vw,30px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.credit_title p {
display:inline-block;
background:#F08296;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:12px 20px 15px 20px;
text-align:center;
}

.credit_flex {
width:80%;
max-width:960px;
margin:0 auto 100px auto;
display:flex;
justify-content:center;
flex-wrap: wrap;
}
.credit_flex_col {
width:29.333%;
list-style: none;
margin:30px 2% 0 2%;
}

.credit_midashi {
font-size:min(1.7vw,20px);
font-weight:700;
text-align:center;
color:#004098;
line-height:1.4;
margin:5% 0 2% 0;
}

.credit_text {
font-size:min(1.2vw,14px);
font-weight:400;
text-align:center;
line-height:1.7;
}
.credit_chuki {
font-size:min(1.0vw,12px);
font-weight:400;
text-align:center;
line-height:1.5;
}

.credit_kangen_chuki {
font-size:min(1.0vw,12px);
font-weight:400;
text-align:center;
line-height:1.5;
}

.credit_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #FCE6EA 00%);
}

.credit_about_flex {
width:94%;
max-width:1200px;
margin:0 auto 70px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.credit_about_flex_col {
width:25%;
list-style: none;
}

.credit_about_flex_col img {
width:90%;
margin:0 auto;
display:block;
}

.credit_overview {
position:relative;
width:90%;
max-width:740px;
margin:0 auto 5px auto;
z-index:4;
}

.credit_overview p {
position:relative;
font-size:min(4vw,26px);
font-weight:700;
text-align:center;
vertical-align:top;
color:#004098;
z-index:3;
box-sizing:border-box;
}
.credit_overview p:before {
content:'';
position:absolute;
width:100%;
bottom:45%;
left:0;
border-top:3px solid #004098;
z-index:-1;
}

.credit_overview_span {
background:#ffffff;
padding:0 10px;
z-index:4;
}
.credit_overview_text {
width:90%;
max-width:740px;
font-size:min(1.5vw,14px);
font-weight:500;
line-height:1.5;
margin:0 auto 20px auto;
}

.credit_overview_flex {
width:30%;
display:flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.credit_overview_flex_left {
width:55%;
}
.credit_overview_flex_right {
width:35%;
}

.credit_overview_chuki {
position:relative;
width:90%;
max-width:740px;
margin:0 auto 0 auto;
font-size:min(1.3vw,12px);
}

.point_kangen_flex {
position:relative;
width:98%;
max-width:1200px;
margin:0 auto;
display:flex;
justify-content: space-between;
}
.point_kangen_flex_col{
position:relative;
width:33.333%;
padding:0 3% 0 3%;
box-sizing:border-box;
}

.point_kangen_point_sub {
font-weight:600;
font-size:min(1.7vw,18px);
text-align:center;
line-height:1.3;
}
.point_kangen_point {
font-weight:600;
font-size:min(2vw,22px);
text-align:center;
line-height:1.3;
}

.point_kangen_img {
width:80%;
margin:0 auto;
}

.point_kangen_chuki {
position:relative;
width:96%;
max-width:960px;
margin:20px auto;
padding:0 2%;
box-sizing:border-box;
font-size:min(1.5vw,12px);
}

.toshi_title {
font-size:min(2.5vw,30px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.toshi_title p {
display:inline-block;
background:#F08296;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:12px 30px 15px 30px;
text-align:center;
line-height:1.3;
}

.toshi_eikyuhumetsu {
width:40%;
margin-left:-2%;
}

.toshi_table_flex {
display:flex;
justify-content:flex-start;
align-items: center;
}

.toshi_point_flex {
width:100%;
display:flex;
justify-content:space-between;
align-items: center;
}
.toshi_point_flex_left {
width:7%;
display:block;
}

.toshi_point_flex_right {
width:92%;
display:block;
}

.toshi_pink_header {
border-left:4px solid #F0648C;
color:#F0648C;
background:#fef3f5;
padding:5px 15px 5px 12px;
font-weight:700;
display:inline-block;
margin:15px 0 5px 0;
}

.toshi_pink_fukidashi {
position:relative;
background:#fef3f5;
padding:12px 15px;
margin-top:2.5%;
margin:3% 1% 2% 1%;
box-sizing:border-box;
}
.toshi_pink_fukidashi:before {
content:'';
position:absolute;
top:-17px;
left:4%;
display: inline-block;
width: 24px;
height: 20px;
background: #fef3f5;
clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.toshi_overview_1200 {
position:relative;
width:90%;
max-width:1200px;
margin:0 auto 0 auto;
padding:0 1%;
box-sizing:border-box;
z-index:4;
}

.toshi_overview_1200 p {
position:relative;
font-size:min(4vw,26px);
font-weight:700;
text-align:center;
vertical-align:top;
color:#004098;
z-index:3;
box-sizing:border-box;
}
.toshi_overview_1200 p:before {
content:'';
position:absolute;
width:100%;
bottom:45%;
left:0;
border-top:3px solid #004098;
z-index:-1;
}

.toshi_point_flex_740 {
width:80%;
max-width:740px;
margin:10px auto 10px auto;
display:flex;
justify-content:center;
align-items:flex-start;
font-size:min(3vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.toshi_point_flex_1200 {
width:90%;
max-width:1200px;
margin:10px auto 100px auto;
display:flex;
justify-content:center;
align-items:flex-start;
font-size:min(3vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.toshi_point_flex_col {
width:48%;
margin:0 10px;
display:block;
}

.toshi_point_underline {
padding:0 5px 0px 5px;
background:linear-gradient(transparent 70%, #fbdae0 00%);
}

.toshi_chuki {
font-size:min(2vw,12px);
text-align:left;
line-height:1.3;
font-weight:400;
}

.toshi_yajirushi {
position:absolute;
top:-17px;
left:0;
right:0;
margin:auto;
width:25%;
}

.toshi_table_pink_back_color {
position:relative;
width:35%;
margin-top:10px;
margin-left:auto;
padding:15px 10px;
box-sizing:border-box;
font-size:min(1.3vw,14px);
text-align:center;
background:#FCE6EA;
color:#F0648C;
font-weight:700;
}

.toshi_table_pink_back {
background:#FDF2F4;
}

.toshi_present_title {
width:80%;
max-width:840px;
margin:0 auto 30px auto;
display:block;
}

.toshi_step {
position:relative;
width:80%;
max-width:840px;
margin:0 auto;
}

.toshi_step_flex {
position:relative;
width:100%;
display: flex;
justify-content:space-between;
align-items: center;
background:#F0F0F0;
box-sizing:border-box;
}

.toshi_step_flex:after {
content:'';
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
display: inline-block;
width: 55px;
height: 20px;
background: #3C3C3C;
clip-path: polygon(0 0, 100% 0%, 50% 100%);
z-index:9;
}
.toshi_step_flex_col_left  {
width:20%;
border-right:1px solid #3C3C3C;
margin:15px 10px;
box-sizing: border-box;
font-size:min(2vw,18px);
display: flex;
justify-content:center;
align-items: center;
font-weight:700;
}
.toshi_step_flex_col_right  {
width:77%;
margin:15px 10px;
box-sizing: border-box;
font-size:min(2.4vw,24px);
font-weight:700;
}

.toshi_step_present {
position:relative;
width:100%;
display: flex;
padding:15px 20px;
box-sizing: border-box;
background:#FDECEF;
}

.step_no {
font-size:200%;
padding-bottom:5px;
padding-left:10px;
}



.hina_title {
font-size:min(2.5vw,30px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.hina_title p {
display:inline-block;
background:#64B496;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:12px 30px 15px 30px;
text-align:center;
line-height:1.3;
}
.hina_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #E8F2ED 00%);
}






/*--------タブの設定-----------------*/

.tab {
position:relative;
}

.tab_in ul {
position:relative;
width:90%;
max-width:1000px;
margin:0 auto 0 auto;
z-index:2;
list-style: none;
display:flex;
align-items: flex-end;
justify-content:center;
box-sizing:border-box;
}

/*--------タブボタン-----------------*/
.tab_box .tab li {
position:relative;
z-index:3;
box-sizing: border-box;
width:15.666%;
text-align:center;
font-weight:600;
color:#ffffff;
border-radius: 0px 20px 0px 0px;
cursor: pointer;
list-style: none;
display:flex;
justify-content:center;
padding-bottom:-4px;
}

.tab_box .tab li a {
width:100%;
display:block;
text-align:center;
font-size:min(1.8vw,22px);
line-height:1.3;
padding:7% 1% 7% 1%;
box-sizing: border-box;
}



.tab_box .tab li a:hover {
padding-bottom:10%;
}
.tab_line {
position:-webkit-sticky;
position:sticky;
top: 5%;
width:100%;
z-index:8;
}


.tab_btn_1 {
background:#A0828C;
border-top:4px solid #A0828C;
border-left:4px solid #A0828C;
border-right:4px solid #A0828C;
box-sizing: border-box;
margin-left:8.8335%;
margin-right:8.8335%;
}

.tab_btn_2 {
background:#F08296;
border-top:4px solid #F08296;
border-left:4px solid #F08296;
border-right:4px solid #F08296;
box-sizing: border-box;
margin:0 0.1% 0 0.9%;

}

.tab_btn_3 {
background:#F08296;
border-top:4px solid #F08296;
border-left:4px solid #F08296;
border-right:4px solid #F08296;
box-sizing: border-box;
margin:0 0.7% 0 0.3%;
}

.tab_btn_4 {
background:#8ABCA5;
border-top:4px solid #8ABCA5;
border-left:4px solid #8ABCA5;
border-right:4px solid #8ABCA5;
box-sizing: border-box;
margin:0 0.1% 0 0.9%;
}

.tab_btn_5 {
background:#8ABCA5;
border-top:4px solid #8ABCA5;
border-left:4px solid #8ABCA5;
border-right:4px solid #8ABCA5;
box-sizing: border-box;
margin:0 0.7% 0 0.3%;
}

.tab_btn_1.active,
.tab_btn_2.active,
.tab_btn_3.active,
.tab_btn_4.active,
.tab_btn_5.active {
position:relative;
z-index:6;
width:15.666%;
border:none;
list-style: none;
box-sizing: border-box;
background:#ffffff;
padding:1% 0% 4px 0%;
display:flex;
justify-content:center;
align-items: center;
margin-bottom:-4px;
pointer-events: none;
}

.tab_btn_1.active {
border-top:4px solid #A0828C;
border-left:4px solid #A0828C;
border-right:4px solid #A0828C;
margin-left:8.833%;
margin-right:8.833%;
}

.tab_btn_2.active {
border-top:4px solid #F08296;
border-left:4px solid #F08296;
border-right:4px solid #F08296;
margin-left:0.8%;
margin-right:0.2%;
}

.tab_btn_3.active {
border-top:4px solid #F08296;
border-left:4px solid #F08296;
border-right:4px solid #F08296;
margin-left:0.3%;
margin-right:0.7%;
}

.tab_btn_4.active {
border-top:4px solid #8ABCA5;
border-left:4px solid #8ABCA5;
border-right:4px solid #8ABCA5;
margin-left:0.8%;
margin-right:0.2%;
}

.tab_btn_5.active {
border-top:4px solid #8ABCA5;
border-left:4px solid #8ABCA5;
border-right:4px solid #8ABCA5;
margin-left:0.3%;
margin-right:0.7%;
}

.tab_content {
position:relative;
background:#ffffff;
padding-top:70px;
z-index:7;
}
.tab_content_color_1 {
border-top:4px solid #A0828C;
}

.tab_content_color_2 {
border-top:4px solid #F08296;
}

.tab_content_color_3 {
border-top:4px solid #8ABCA5;
}

.panel {
width:100%;
z-index:1;
display: none;

}

#point_3_pc {
margin-top:-140px;
padding-top:140px;
}




/*--------アコーディオンボタンの中身-----------------*/
.aco_flex {
width:100%;
display:flex;
justify-content: flex-start;
align-items: center;
height:70px;
}


.aco_flex_col_left_p,
.aco_flex_col_left_c,
.aco_flex_col_left_ce {
position:relative;
width:40px;
height:40px;
display:flex;
justify-content: flex-start;
align-items: center;
margin-right:1%;
}

.aco .accordion_one .accordion_header:hover .aco_flex_col_left_p:after{
position:absolute;
content: '';
 background-image: url(../images/toshi_p_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:40px;
height:40px;
display: inline-block;
margin-right:1%;
}

.aco .accordion_one .accordion_header:hover .aco_flex_col_left_c:after{
position:absolute;
content: '';
 background-image: url(../images/toshi_caution_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:40px;
height:40px;
display: inline-block;
margin-right:1%;
}


.aco .accordion_one .accordion_header:hover .aco_flex_col_left_ce:after{
position:absolute;
content: '';
 background-image: url(../images/hina_check_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:40px;
height:40px;
display: inline-block;
margin-right:1%;
}



.aco_flex_col_right {
width:90%;
display:flex;
justify-content: flex-start;
align-items: center;
font-size:min(3.7vw,24px);
font-weight: 700;
}

/*--------アコーディオンの中身-----------------*/
.aco_in_flex {
width:100%;
display:flex;
justify-content: flex-start;
}

.aco_title {
position:relative;
width:100%;
z-index:1;
margin-bottom:15px;
}
.aco_title p {
position:relative;
font-size:min(3vw,24px);
border-bottom:3px solid #F08296;
display:inline-block;
padding-right:5px;
padding-bottom:5px;
z-index:2;
}

.aco_title:after {
content:'';
width:100%;
position:absolute;
bottom:0;
border-bottom:3px solid #B1B1B1;
display:block;
z-index:-1;
}

.aco_title_nomal {
position:relative;
width:100%;
z-index:1;
margin-bottom:15px;
font-size:min(3vw,24px);
}

.aco_use {
background:#D8D8D8;
padding:3px 10px;
border-radius: 99px;
font-size:55%;
vertical-align:25%;
display:inline;
}

.aco_pink_icon {
background:#F08296;
padding:5px 7px 7px 7px;
border-radius: 7px;
color:#ffffff;
line-height:1;
font-weight:600;
font-size:80%;
vertical-align:20%;
margin-right:5px;
display:inline-block;
}

.aco_pink_icon_mini {
background:#F08296;
padding:2px 7px 3px 7px;
border-radius: 3px;
color:#ffffff;
line-height:1;
font-weight:600;
font-size:80%;
vertical-align:20%;
margin-right:5px;
display:inline-block;
}

.aco_yajirushi {
font-weight:300;
color:#9D9D9D;
transform: scale(1.7, 1);
display:inline-block;
padding:0 7px;
}

.aco_in_numper {
margin-right:1%;
font-weight:700;
font-size:120%;
margin-top:-2px;
display:inline-block;
}

.aco_in_chuki {
font-size:min(2vw,12px);
}
.aco_text_nomal {
font-weight:400;
}
.aco_text_nomal p {
margin-bottom:12px;
}

.aco_gray_box {
width:100%;
background:#F0F0F0;
padding:3% 3% 2% 3%;
box-sizing:border-box;
margin-top:2%;
}

.aco_text_nomal h5 {
margin-bottom:5px;
}
.aco_left_space {
padding-left:1.7em;
box-sizing:border-box;
}

/*--------アコーディオン-----------------*/
.aco .accordion_one {
width:80%;
max-width:960px;
margin: 0 auto;
border:1.5px solid #3C3C3C;
border-radius: 10px;
box-sizing:border-box;
}

.aco .accordion_one .accordion_header {
background: #ffffff;
padding: 0 3%;
position: relative;
z-index: 1;
cursor: pointer;
transition-duration: 0.2s;
border-radius: 10px;
color: #3C3C3C;
}

.box_one h4 {
margin-top:30px;
}

/*--------開く・閉じるボタン-----------------*/
.aco .accordion_one .accordion_header .i_box .one_i {
width: 60px;
height: 60px;
position: absolute;
top: 1px;
right: 1px;
outline: initial;
}

.aco .accordion_one .accordion_header .i_box .one_i:after {
position: absolute;
content: '';
top: 55%;
left: 50%;
width: 10px;
height: 10px;
transform: translate(-50%, -40%) rotate(45deg);
border-top: 4px solid #000;
border-right: 4px solid #000;
transition: 0.3s ease;
}

.aco .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}
.aco .accordion_one .accordion_header.open .i_box .one_i:after {
top: 45%;
transform: translate(-50%, -30%) rotate(135deg);
}

.aco .accordion_one .accordion_header:hover .i_box .one_i:after {
position: absolute;
content: '';
top: 45%;
left: 50%;
width: 10px;
height: 10px;
transform: translate(-50%, -30%) rotate(135deg);
border-top: 4px solid #F0648C;
border-right: 4px solid #F0648C;
transition: 0.3s ease;
}



/*--------開いた中身-----------------*/
.aco .accordion_one .accordion_inner {
display: none;
padding: 10px 5%;
box-sizing: border-box;
}
.aco .accordion_one:nth-of-type(2) .accordion_inner {
}
.aco .accordion_one:nth-of-type(3) .accordion_inner {
}
.aco .accordion_one .accordion_inner .box_one {
font-size:min(1.7vw,14px);
line-height:1.7;
font-weight:500;
width:100%;
margin:0 auto;
color:#3C3C3C;
}

.aco .accordion_one .accordion_inner .closeArea {
width: 200px;
margin: 0 auto;
display: block;
}



/*--------下の閉じるボタン-----------------*/
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
width: 200px;
height: 40px;
position:relative;
margin:0 auto;
display: block;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::before,
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::after {
position: absolute;
content: "";
top: 55%;
left: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -40%) rotate(135deg);
border-top: 4px solid #000;
border-right: 4px solid #000;
transition: 0.3s ease;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a .close_btn:hover::before,
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover::after {
border-top: 4px solid #F0648C;
border-right: 4px solid #F0648C;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::before {
content: none;
}
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::after {
top: 60%;
transform: translate(-50%, -30%) rotate(-45deg);
}

#kangen {
margin-top:-70px;
padding-top:70px;
}
}









/*---------スマホ--------------------------------------------------*/
@media only screen and (max-width: 768px) {

.pc {
display:none;
}
.sp {
display:block;
}


.header {
position:fixed;
width:100%;
border-top:10px solid #004098;
z-index:99999;
background:#ffffff;
border-bottom:1px solid #dddddd;
}

h1 {
position:relative;
width:50%;
max-width:250px;
height:60px;
display:flex;
margin-left:2%;
align-items: center;
}
h1 img {
display:flex;
align-items: center;
width:100%;
}


.menu {
display:none;
}



/*--------------ハンバーガーメニュー---------------*/
.hanbargericon {
z-index:99999;
position: fixed;
top: 10px;
right:0;
width: 60px;
height: 60px;

}

.fullscreenmenu {
position:relative;
z-index:999;
}
.hanbarger span {
display: inline-block;
-webkit-transition:all .4s;
transition: all .4s;
box-sizing: border-box;
}
.hanbarger {
z-index:9999;
position: fixed;
top: 24px;
right:  5px;
width: 50px;
height: 45px;
background:none;
border:none;
color:#004098;
}
.hanbarger:before{
content:'';
position:absolute;
top:-13px;
right:-5px;
width:60px;
height:59px;
margin:auto;
display:block;
background:#ffffff;
}


.hanbarger span:nth-of-type(1) {
top:0;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#004098;
z-index: 10;
}
.hanbarger span:nth-of-type(2) {
top:10px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#004098;
z-index: 10;
}
.hanbarger span:nth-of-type(3) {
top: 20px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#004098;
z-index: 10;
}
.hanbarger span:nth-of-type(4):before {
content: 'メニュー';
z-index:10;
position:absolute;
width:100%;
bottom:5px;
right:0;
text-align:center;
font-size:9px;
color:#004098;
font-weight:700;
}





.hanbarger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(40deg);
transform: translateY(10px) rotate(40deg);
background:#004098;
}
.hanbarger.active span:nth-of-type(2) {
opacity: 0;
}
.hanbarger.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(-40deg);
transform: translateY(-10px) rotate(-40deg);
background:#004098;
}
.hanbarger.active span:nth-of-type(4) {
color:#004098;
}

.hanbarger.active span:nth-of-type(4):before {
content: '閉じる';
z-index:12;
position:absolute;
width:100%;
bottom:5px;
right:0;
text-align:center;
font-size:9px;
color:#004098;
font-weight:700;
}





#nav ul{
position: relative;
z-index:9999;
overflow-y:scroll; 
max-height:100vh;
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
scrollbar-width: none;
-ms-overflow-style: none;
border-bottom:1px solid #dddddd;
box-sizing: border-box;
}
#nav ul::-webkit-scrollbar {
display: none;
}
#nav ul li{
width:100%;
list-style-type: none;
display:block;
margin:0 auto;
border-top:1px solid #dddddd;
}
#nav ul li a{
position:relative;
display: block;
transition: all 0.2s ease-in-out;
margin:0 auto;
text-decoration: none;
color:#3C3C3C;
text-align:left;
line-height:1.5em;
box-sizing:border-box;
font-family: "Noto Sans JP", sans-serif;
font-size:min(4vw,18px);
font-weight: 700;
font-style: normal;
padding:20px 5%;

}
#nav ul li a:hover {
text-decoration:none;
background:#ffffff;
color:#3C3C3C;
opacity:1;
}
#nav ul li a:active {
text-decoration:none;
}
#nav ul li a:link {
text-decoration:none;
}
#nav ul li a:visited {
text-decoration:none;
}
.hanbargermenu {
width:100%;
padding:5px 0;
display:block;
}
.hanbargerspace {
margin-bottom:40px;
}



#nav {
position: fixed;
top:0;
right: 0;
z-index: 10;
width: 100%;
height: 100vh;
overflow:hidden;
transition: .3s;
background:#ffffff;
border-top:10px solid #004098;

/* スライドイン */
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transform: translateX(110%) translateZ(0);
-webkit-transition: -webkit-transform 500ms 0s ease;
transition: -webkit-transform 500ms 0s ease;
transition: transform 500ms 0s ease;
transition: transform 500ms 0s ease, -webkit-transform 500ms 0s ease;
-webkit-overflow-scrolling: touch;
}
#nav.active{
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
overflow-x: hidden;
}

.slider_wrapper {
position:relative;
width: 100%;
padding-top:90px;
padding-bottom:10px;
overflow:hidden;
}



/*--------口座開設はこちら-----------------*/
.link_koza {
position:relative;
width:65%;
max-width:360px;
margin:0px auto;
}

/*--------タイトル-----------------*/
.top_title {
width:92%;
max-width:640px;
margin:30px auto 0 auto;
}

/*--------3つのポイント-----------------*/
.point_header {
width:35%;
max-width:300px;
margin:20px auto 40px auto;
}
.point_flex {
position:relative;
width:96%;
margin:0 auto;
display:flex;
justify-content: space-between;
}
.point_flex_col{
position:relative;
width:33.333%;
padding:0 2% 120px 2%;
box-sizing:border-box;
margin-bottom:-100px;
}
.point_border {
border-left:2px dotted #787878;
}

.point_kangen_border {
border-top:2px dotted #787878;
margin:30px auto 0 auto;
padding:30px 0 0 0;
}
.point_no{
width:16%;
max-width:60px;
margin:0 auto 10px auto;
}
.point_icon {
position:relative;
width:100%;
display:block;
margin-bottom:10px;
}
.point_icon_1,
.point_icon_2,
.point_icon_3,
.point_icon_4 {
margin-right:auto;
display:flex;
align-items: center;
font-size:min(2.3vw,12px);
font-weight:700;
line-height:1;
}
.point_icon_1 span {
margin-bottom:5px;
background:#6E8CC8;
padding:2% 5% 3% 5%;
text-align:left;
color:#ffffff;
border-radius: 5px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_2 span {
margin-bottom:5px;
background:#41AFD2;
padding:2% 5% 3% 5%;
text-align:left;
color:#ffffff;
border-radius: 5px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_3 span {
margin-bottom:5px;
background:#41AFD2;
padding:2% 5% 3% 5%;
text-align:left;
color:#ffffff;
border-radius: 5px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
}
.point_icon_4 span {
margin-bottom:5px;
background:#ffffff;
padding:2% 5% 3% 5%;
text-align:left;
color:#ffffff;
border-radius: 5px;
filter: drop-shadow(3px 3px 0px #ffffff);
}
.point_img {
width:100%;
margin-bottom:10px;
}
.point_title {
font-size:min(3.2vw,20px);
color:#004098;
font-weight:700;
margin-bottom:10px;
line-height:1.5;
text-align:center;
}

.point_text {
font-size:min(2.5vw,14px);
}

.point_text_hina {
margin:0 auto;
font-size:min(2.5vw,14px);
}

/*--------クーポン-----------------*/
.coupon_title {
font-size:min(4.5vw,24px);
display:flex;
justify-content: center;
}
.coupon_title p {
display:inline-block;
background:#A0828C;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:7px 30px 9px 30px;
}
.coupon_flex {
width:90%;
max-width:480px;
margin:0 auto;
display:flex;
justify-content:center;
flex-wrap: wrap;
}
.coupon_flex_col {
width:44%;
list-style: none;
margin:30px 3% 0 3%;
}
.coupon_flex_col p img {
width:100%;
margin:0 auto 20px auto;
}
.coupon_flex_col p {
width:100%;
font-size:min(2.7vw,14px);
text-align:left;
line-height:1.8;
}
.coupon_midashi {
color:#004098;
font-size:min(5vw,24px);
font-weight:700;
text-align:center;
margin-top:80px;
margin-bottom:20px;
line-height:1.8;
}
.coupon_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #FCF5C8 00%);
}
.coupon_text {
width:90%;
margin:0 auto;
font-size:min(3vw,14px);
text-align:center;
line-height:1.5;
font-weight:500;
}
.coupon_chuki {
width:88%;
max-width:480px;
font-size:min(2.8vw,12px);
text-align:left;
line-height:1.5;
margin:0 auto;
}


/*-------テーブル-----------------*/
.coupon_table_840 {
width:90%;
max-width:480px;
margin:20px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(2.8vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table_740 {
width:90%;
max-width:480px;
margin:10px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(3vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table_640 {
width:90%;
max-width:480px;
margin:10px auto 10px auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(2.8vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.coupon_table {
width:100%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(2.5vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
background:#ffffff;
}

.aco_table {
width:100%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap: wrap;
font-size:min(3vw,12px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
background:#ffffff;
}

.table_chuki {
font-size:min(2.8vw,12px);
line-height:1.5;
font-weight:400;
}

.coupon_table_840 table,
.coupon_table_740 table,
.coupon_table_640 table,
.coupon_table table,
.aco_table table{
width: 100%;
border-collapse: collapse;
margin: 0;
padding: 0;
border: 2.5px solid #9D9D9D;
box-sizing: border-box;
}

.coupon_table_840 table tbody tr td,
.coupon_table_740 table tbody tr td,
.coupon_table_640 table tbody tr td,
.coupon_table table tbody tr td,
.aco_table table tbody tr td{
margin: 0;
padding:7px 8px;
border-top: 1px solid #9D9D9D;
box-sizing: border-box;
}

.table_center_right p {
width:90%;
max-width:90px;
margin:0 auto;
text-align:right;
}

.coupon_table_subtitle {
font-size:min(3.5vw,20px);
line-height:1.3;
font-weight:700;
text-align: center;
margin-bottom:10px;
}

.step_waku {
width:90%;
max-width:480px;
margin:7% auto 0 auto;
display:block;
background:#FCF5C8;
border-radius: 30px;
padding:6% 0;
box-sizing: border-box;
}

.step_title {
width:80%;
max-width:540px;
margin:0 auto 3% auto;
}

.step_text {
font-size:min(3vw,14px);
text-align:center;
line-height:1.5;
margin-bottom:3%;
}
.step_img {
width:90%;
margin:0 auto;
}


/*--------重要事項-----------------*/
.business_link {
width:90%;
max-width:480px;
margin:0 auto;
font-size:min(3.0vw,18px);
color:#004098;
font-weight:700;
}
.business_link a {
text-decoration: underline;
text-underline-offset:0.25em;
color:#004098;
}
.business_link a:hover {
text-decoration: none;
}
.business_header {
width:90%;
max-width:480px;
font-size:min(2.6vw,14px);
font-weight:700;
margin-top:20px;
line-height:1.7;
margin:2% auto 0 auto;
}
.business_text {
width:90%;
max-width:480px;
font-size:min(2.5vw,12px);
font-weight:500;
line-height:1.7;
margin:0 auto;
}

/*------口座開設ボタン----------*/
#koza-link {
display:block;
width:80px;
height:91px;
z-index: 99;
position: fixed;
right:2.3%;
margin-bottom:50px;
}




/*------ページの先頭へ戻る----------*/
#page-top {
display:block;
width:100px;
height:26px;
z-index: 99;
position:fixed;
right:2.5%;
margin-bottom:15px;
}


/*--------フッター-----------------*/
footer {
position:relative;
background:#F2F7FA;
padding:10px 0 0 0;
color:#3C3C3C;
margin-top:50px;
}

.footer_flex {
position:relative;
width:90%;
max-width:960px;
margin:30px auto 50px auto;
display:block;

color:#3C3C3C;
}
.footer_left {
width:90%;
margin:0 auto;
text-align:center;
}
.footer_right {
width:90%;
margin:0 auto;
text-align:center;
}
.footer_saison_logo {
width:90%;
max-width:250px;
margin:50px auto 30px auto
}

.footer_saison_text {
font-size:min(2.7vw,14px);
line-height:2;
}
.footer_saison_text a {
color:#3C3C3C;
text-decoration: underline;
}
.footer_saison_text a:hover {
text-decoration: none;
}
.footer_saison_flex {
width:100%;
max-width:180px;
display:flex;
margin:0 auto;
justify-content: space-between;
align-items: center;
margin-top:40px;
}

.footer_saison_flex_col_left {
width:42%;
}

.footer_saison_flex_col_right {
width:38%;
}

.copyright {
position:relative;
width:100%;
display:block;
text-align:center;
font-size:min(3vw,10px);
padding:5px 0;
border-top:1px solid #004098;
}




/*--------クレカ積立---------------*/
.point_icon_flex {
display:flex;
justify-content: center;
align-items: center;
}

.point_icon_flex_col_1,
.point_icon_flex_col_2,
.point_icon_flex_col_3,
.point_icon_flex_col_4{
display:flex;
align-items: center;
justify-content:center;
font-size:min(2.5vw,14px);
font-weight:600;
line-height:1;
margin:0 0.3%;
}

.point_icon_flex_col_1 span,
.point_icon_flex_col_2 span,
.point_icon_flex_col_3 span,
.point_icon_flex_col_4 span{
padding:7px 15px;
text-align:center;
color:#ffffff;
border-radius: 7px;
filter: drop-shadow(3px 3px 0px #FFF0A0);
display:inline;
box-sizing:border-box;
}
.point_icon_flex_col_1 {
}
.point_icon_flex_col_1 span {
background:#6E8CC8;
}
.point_icon_flex_col_2 {
}
.point_icon_flex_col_2 span {
background:#41AFD2;
}
.point_icon_flex_col_3 {
}
.point_icon_flex_col_3 span {
background:#41AFD2;
}
.point_icon_flex_col_4 {
}
.point_icon_flex_col_4 span {
background:#D2A050;
}

.credit_title {
font-size:min(4.5vw,24px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.credit_title p {
display:inline-block;
background:#F08296;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:7px 30px 9px 30px;
text-align:center;
line-height:1.3;
}

.credit_flex {
width:90%;
max-width:480px;
margin:0 auto 100px auto;
display:flex;
justify-content:center;
flex-wrap: wrap;
}
.credit_flex_col {
width:44%;
list-style: none;
margin:30px 3% 0 3%;
}

.credit_midashi {
font-size:min(3.1vw,16px);
font-weight:700;
text-align:center;
color:#004098;
line-height:1.6;
margin:5% 0 3% 0;
}

.credit_text {
font-size:min(2.7vw,14px);
font-weight:400;
line-height:1.8;
}
.credit_chuki {
font-size:min(2.8vw,12px);
font-weight:400;
line-height:1.7;
}
.credit_kangen_chuki {
font-size:min(2.8vw,12px);
font-weight:400;
line-height:1.7;
text-align:center;
}
.credit_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #FCE6EA 00%);
}

.credit_about_flex {
width:90%;
max-width:480px;
margin:0 auto 70px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.credit_about_flex_col {
width:44%;
list-style: none;
margin:20px 3% 0 3%;
}

.credit_about_flex_col img {
width:100%;
margin:0 auto;
display:block;
}

.credit_overview {
position:relative;
width:90%;
max-width:480px;
margin:0 auto 5px auto;
z-index:4;
}

.credit_overview p {
position:relative;
font-size:min(4vw,26px);
font-weight:700;
text-align:center;
vertical-align:top;
color:#004098;
z-index:3;
box-sizing:border-box;
}
.credit_overview p:before {
content:'';
position:absolute;
width:100%;
bottom:45%;
left:0;
border-top:3px solid #004098;
z-index:-1;
}

.credit_overview_span {
background:#ffffff;
padding:0 10px;
z-index:4;
}
.credit_overview_text {
width:90%;
max-width:480px;
font-size:min(3vw,14px);
font-weight:500;
line-height:1.7;
margin:0 auto 20px auto;
}

.credit_overview_flex {
width:50%;
display:flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.credit_overview_flex_left {
width:55%;
}
.credit_overview_flex_right {
width:35%;
}

.credit_overview_chuki {
position:relative;
width:90%;
max-width:480px;
margin:0 auto 0 auto;
font-size:min(2.8vw,12px);
}

.point_kangen_flex {
position:relative;
width:90%;
max-width:480px;
margin:0 auto;
display:block;
}
.point_kangen_flex_col{
position:relative;
width:100%;
box-sizing:border-box;
}

.point_kangen_point_sub {
font-weight:600;
font-size:min(4vw,18px);
text-align:center;
line-height:1.3;
}
.point_kangen_point {
font-weight:600;
font-size:min(5vw,24px);
text-align:center;
line-height:1.3;
}

.point_kangen_img {
width:90%;
margin:0 auto;
}

.point_kangen_chuki {
position:relative;
width:90%;
max-width:480px;
margin:20px auto;
box-sizing:border-box;
font-size:min(3vw,12px);
}

.toshi_title {
font-size:min(4.5vw,24px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.toshi_title p {
display:inline-block;
background:#F08296;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:7px 30px 9px 30px;
text-align:center;
line-height:1.3;
}

.toshi_eikyuhumetsu {
width:50%;
margin-left:-2%;
}

.toshi_table_flex {
display:flex;
justify-content:flex-start;
align-items: center;
}

.toshi_point_flex {
width:100%;
display:flex;
justify-content:space-between;
align-items: center;
}
.toshi_point_flex_left {
width:15%;
display:block;
}

.toshi_point_flex_right {
width:83%;
display:block;
}

.toshi_pink_header {
border-left:4px solid #F0648C;
color:#F0648C;
background:#fef3f5;
padding:5px 15px 5px 12px;
font-weight:700;
display:inline-block;
margin:15px 0 5px 2px;
}

.toshi_pink_fukidashi {
position:relative;
background:#fef3f5;
padding:12px 15px;
box-sizing:border-box;
margin:6% 2% 2% 2%;
}
.toshi_pink_fukidashi:before {
content:'';
position:absolute;
top:-17px;
left:8%;
display: inline-block;
width: 24px;
height: 20px;
background: #fef3f5;
clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.toshi_overview_1200 {
position:relative;
width:90%;
max-width:480px;
margin:0 auto 0 auto;
z-index:4;
}

.toshi_overview_1200 p {
position:relative;
font-size:min(4vw,26px);
font-weight:700;
text-align:center;
vertical-align:top;
color:#004098;
z-index:3;
box-sizing:border-box;
}
.toshi_overview_1200 p:before {
content:'';
position:absolute;
width:100%;
bottom:45%;
left:0;
border-top:3px solid #004098;
z-index:-1;
}

.toshi_point_flex_740 {
width:80%;
max-width:320px;
margin:0 auto 0 auto;
display:block;
font-size:min(3vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.toshi_point_flex_1200 {
width:90%;
max-width:480px;
margin:0 auto 50px auto;
display:block;
font-size:min(3vw,14px);
line-height:1.5;
box-sizing: border-box;
font-weight:500;
}

.toshi_point_flex_col {
width:100%;
margin-top:20px;
display:block;
}

.toshi_point_underline {
padding:0 5px 0px 5px;
background:linear-gradient(transparent 70%, #fbdae0 00%);
}

.toshi_chuki {
font-size:min(2.8vw,12px);
text-align:left;
line-height:1.3;
font-weight:400;
}

.toshi_yajirushi {
position:absolute;
top:-17px;
left:0;
right:0;
margin:auto;
width:25%;
}

.toshi_table_pink_back_color {
position:relative;
width:35%;
margin-top:10px;
margin-left:auto;
padding:15px 5px;
box-sizing:border-box;
font-size:min(2.7vw,13px);
text-align:center;
background:#FCE6EA;
color:#F0648C;
font-weight:700;
}

.toshi_table_pink_back {
background:#FDF2F4;
}

.toshi_present_title {
width:84%;
max-width:400px;
margin:0 auto 20px auto;
display:block;
}

.toshi_step {
position:relative;
width:90%;
max-width:480px;
margin:0 auto;
}

.toshi_step_flex {
position:relative;
width:100%;
display: flex;
justify-content:space-between;
align-items: center;
background:#F0F0F0;
box-sizing:border-box;
}

.toshi_step_flex:after {
content:'';
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
display: inline-block;
width: 55px;
height: 20px;
background: #3C3C3C;
clip-path: polygon(0 0, 100% 0%, 50% 100%);
z-index:9;
}
.toshi_step_flex_col_left  {
width:22%;
border-right:1px solid #3C3C3C;
margin:15px 10px;
box-sizing: border-box;
font-size:min(3vw,16px);
display: flex;
justify-content:center;
align-items: center;
font-weight:700;
}
.toshi_step_flex_col_right  {
width:75%;
margin:15px 10px;
box-sizing: border-box;
font-size:min(3.3vw,18px);
font-weight:700;
}

.toshi_step_present {
position:relative;
width:100%;
display: flex;
padding:15px 20px;
box-sizing: border-box;
background:#FDECEF;
}

.step_no {
font-size:200%;
padding-bottom:5px;
padding-left:5px;
}



.hina_title {
font-size:min(4.5vw,24px);
display:flex;
justify-content: center;
margin-top:15px;
text-align:center;
}
.hina_title p {
display:inline-block;
background:#64B496;
color:#ffffff;
font-weight:600;
border-radius: 99px;
padding:7px 30px 9px 30px;
text-align:center;
line-height:1.3;
}
.hina_underline {
padding:0 10px 5px 10px;
background:linear-gradient(transparent 65%, #E8F2ED 00%);
}






/*--------タブの設定-----------------*/

.tab {
position:relative;

}

.tab_in ul {
position:relative;
width:96%;
margin:0 auto;
z-index:2;
list-style: none;
display:flex;
align-items: flex-end;
justify-content:center;
box-sizing:border-box;
}

/*--------タブボタン-----------------*/
.tab_box .tab li {
position:relative;
z-index:3;
box-sizing: border-box;
width:16.666%;
text-align:center;
font-weight:600;
color:#ffffff;
border-radius: 0px 14px 0px 0px;
cursor: pointer;
list-style: none;
display:flex;
justify-content:center;
padding-bottom:-4px;
}

.tab_box .tab li a {
width:100%;
display:block;
text-align:center;
font-size:min(2.3vw,14px);
line-height:1.4;
padding:11% 0 10% 0;
box-sizing: border-box;
}




.tab_line {
position:-webkit-sticky;
position:sticky;
top: 5%;
width:100%;
z-index:8;
}


.tab_btn_1 {
background:#A0828C;
border-top:1px solid #A0828C;
border-left:1px solid #A0828C;
border-right:1px solid #A0828C;
box-sizing: border-box;
margin-left:8.333%;
margin-right:8.333%;
}

.tab_btn_2 {
background:#F08296;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
box-sizing: border-box;


}

.tab_btn_3 {
background:#F08296;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
box-sizing: border-box;

}

.tab_btn_4 {
background:#8ABCA5;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
box-sizing: border-box;

}

.tab_btn_5 {
background:#8ABCA5;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
box-sizing: border-box;
}


.tab_btn_1.active,
.tab_btn_2.active,
.tab_btn_3.active,
.tab_btn_4.active,
.tab_btn_5.active {
position:relative;
z-index:6;
width:15.666%;
border:none;
list-style: none;
box-sizing: border-box;
background:#ffffff;
padding:1% 0% 4px 0%;
display:flex;
justify-content:center;
align-items: center;
margin-bottom:-2px;
pointer-events: none;
}

.tab_btn_1.active {
border-top:2px solid #A0828C;
border-left:2px solid #A0828C;
border-right:2px solid #A0828C;
margin-left:8.333%;
margin-right:8.333%;
}

.tab_btn_2.active {
border-top:2px solid #F08296;
border-left:2px solid #F08296;
border-right:2px solid #F08296;
}

.tab_btn_3.active {
border-top:2px solid #F08296;
border-left:2px solid #F08296;
border-right:2px solid #F08296;
}

.tab_btn_4.active {
border-top:2px solid #8ABCA5;
border-left:2px solid #8ABCA5;
border-right:2px solid #8ABCA5;
}

.tab_btn_5.active {
border-top:2px solid #8ABCA5;
border-left:2px solid #8ABCA5;
border-right:2px solid #8ABCA5;
}

.tab_content {
position:relative;
background:#ffffff;
padding-top:40px;
z-index:7;
}
.tab_content_color_1 {
border-top:2px solid #A0828C;
}

.tab_content_color_2 {
border-top:2px solid #F08296;
}

.tab_content_color_3 {
border-top:2px solid #8ABCA5;
}
.panel {
width:100%;
z-index:1;
display: none;
}

#point_3 {
margin-top:-100px;
padding-top:100px;
}




/*--------アコーディオンボタンの中身-----------------*/
.aco_flex {
width:100%;
display:flex;
justify-content: flex-start;
align-items: center;
height:70px;
}


.aco_flex_col_left_p,
.aco_flex_col_left_c,
.aco_flex_col_left_ce {
position:relative;
width:30px;
height:30px;
display:flex;
justify-content: flex-start;
align-items: center;
margin-right:1%;
}

.aco .accordion_one .accordion_header:hover .aco_flex_col_left_p:after{
position:absolute;
content: '';
 background-image: url(../images/toshi_p_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:30px;
height:30px;
display: inline-block;
margin-right:1%;
}

.aco .accordion_one .accordion_header:hover .aco_flex_col_left_c:after{
position:absolute;
content: '';
 background-image: url(../images/toshi_caution_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:30px;
height:30px;
display: inline-block;
margin-right:1%;
}


.aco .accordion_one .accordion_header:hover .aco_flex_col_left_ce:after{
position:absolute;
content: '';
 background-image: url(../images/hina_check_mark_pink.svg);
  background-size: contain;
  vertical-align: middle;
width:30px;
height:30px;
display: inline-block;
margin-right:1%;
}


.aco_flex_col_right {
width:88%;
display:flex;
justify-content: flex-start;
align-items: center;
font-size:min(3.8vw,20px);
font-weight: 700;
}

/*--------アコーディオンの中身-----------------*/
.aco_in_flex {
width:100%;
display:flex;
justify-content: flex-start;
}

.aco_title {
position:relative;
width:100%;
z-index:1;
margin-bottom:15px;
}
.aco_title p {
position:relative;
font-size:min(3.5vw,18px);
border-bottom:3px solid #F08296;
display:inline-block;
padding-right:5px;
padding-bottom:5px;
z-index:2;
}

.aco_title:after {
content:'';
width:100%;
position:absolute;
bottom:0;
border-bottom:3px solid #B1B1B1;
display:block;
z-index:-1;
}

.aco_title_nomal {
position:relative;
width:100%;
z-index:1;
margin-bottom:7px;
font-size:min(4vw,20px);
}

.aco_use {
background:#D8D8D8;
padding:3px 10px;
border-radius: 99px;
font-size:75%;
vertical-align:15%;
display:inline;
}

.aco_pink_icon {
background:#F08296;
padding:5px 7px 7px 7px;
border-radius: 7px;
color:#ffffff;
line-height:1;
font-weight:600;
font-size:80%;
vertical-align:20%;
margin-right:5px;
display:inline-block;
}

.aco_pink_icon_mini {
background:#F08296;
padding:2px 7px 3px 7px;
border-radius: 3px;
color:#ffffff;
line-height:1;
font-weight:600;
font-size:80%;
vertical-align:20%;
margin-right:5px;
display:inline-block;
}

.aco_yajirushi {
font-weight:300;
color:#9D9D9D;
transform: scale(1.7, 1);
display:inline-block;
padding:0 7px;
}

.aco_in_numper {
margin-right:1%;
font-weight:700;
font-size:120%;
margin-top:-2px;
display:inline-block;
}

.aco_in_chuki {
font-size:min(2.7vw,12px);
}
.aco_text_nomal {
font-weight:400;
}
.aco_text_nomal p {
margin-bottom:12px;
}

.aco_gray_box {
width:100%;
background:#F0F0F0;
padding:4% 4% 4% 4%;
box-sizing:border-box;
margin-top:2%;
}

.aco_text_nomal h5 {
margin-bottom:5px;
}
.aco_left_space {
padding-left:1.7em;
box-sizing:border-box;
}

/*--------アコーディオン-----------------*/
.aco .accordion_one {
width:90%;
max-width:480px;
margin: 0 auto;
border:1.5px solid #3C3C3C;
border-radius: 10px;
box-sizing:border-box;
}

.aco .accordion_one .accordion_header {
background: #ffffff;
padding: 0 3%;
position: relative;
z-index: 1;
cursor: pointer;
transition-duration: 0.2s;
border-radius: 10px;
color: #3C3C3C;
}

.box_one h4 {
margin-top:10px;
}

/*--------開く・閉じるボタン-----------------*/
.aco .accordion_one .accordion_header .i_box .one_i {
width: 60px;
height: 60px;
position: absolute;
top: 1px;
right: 1px;
outline: initial;
}

.aco .accordion_one .accordion_header .i_box .one_i:after {
position: absolute;
content: '';
top: 55%;
left: 50%;
width: 10px;
height: 10px;
transform: translate(-50%, -40%) rotate(45deg);
border-top: 4px solid #000;
border-right: 4px solid #000;
transition: 0.3s ease;
}

.aco .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}
.aco .accordion_one .accordion_header.open .i_box .one_i:after {
top: 45%;
transform: translate(-50%, -30%) rotate(135deg);
}

.aco .accordion_one .accordion_header:hover .i_box .one_i:after {
position: absolute;
content: '';
top: 45%;
left: 50%;
width: 10px;
height: 10px;
transform: translate(-50%, -30%) rotate(135deg);
border-top: 4px solid #F0648C;
border-right: 4px solid #F0648C;
transition: 0.3s ease;
}



/*--------開いた中身-----------------*/
.aco .accordion_one .accordion_inner {
display: none;
padding: 10px 5%;
box-sizing: border-box;
}
.aco .accordion_one:nth-of-type(2) .accordion_inner {
}
.aco .accordion_one:nth-of-type(3) .accordion_inner {
}
.aco .accordion_one .accordion_inner .box_one {
font-size:min(3.3vw,14px);
line-height:1.8;
font-weight:500;
width:100%;
margin:0 auto;
color:#3C3C3C;
}

.aco .accordion_one .accordion_inner .closeArea {
width: 200px;
margin: 0 auto;
display: block;
}



/*--------下の閉じるボタン-----------------*/
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
width: 200px;
height: 40px;
position:relative;
margin:0 auto;
display: block;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::before,
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::after {
position: absolute;
content: "";
top: 55%;
left: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -40%) rotate(135deg);
border-top: 4px solid #000;
border-right: 4px solid #000;
transition: 0.3s ease;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a .close_btn:hover::before,
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover::after {
border-top: 4px solid #F0648C;
border-right: 4px solid #F0648C;
}

.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::before {
content: none;
}
.aco .accordion_one .accordion_inner .closeArea .close_box a.close_btn::after {
top: 60%;
transform: translate(-50%, -30%) rotate(-45deg);
}


.slider .slide {
max-width: 100%;
margin: 0 auto;
}

.slider .slide img {
width: 100%;
height: auto;
object-fit: cover;
}

.slick-list {
margin: 0 -10px;
overflow: visible;
}
.slick-slide {
margin: 0 auto;
}

.slider_button {
position: relative;
width:800px;
margin:0 auto 50px auto;
}



}












/*---------スライダー一時停止ボタン（タブレット・スマホ）----------------*/
@media only screen and (max-width: 767px) {
.slider_button {
position: relative;
width:100%;
margin:0 auto 50px auto;
}

#slick_pause_paly {
position:absolute;
top:-20px;
right:3%;
width:90px;
border:1px solid #3C3C3C;
padding:5px 0;
border-radius: 99px;
font-size:12px;
font-weight:500;
background:#ffffff;
box-sizing: border-box;
cursor: pointer;
z-index: 100;
}
#kangen {
margin-top:-50px;
padding-top:50px;
}
}



























/*-------マウスオーバー透明----------*/
.alpha a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.alpha a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=50)";
}


/*-------スペース調整----------*/
.space5px {
margin-top:5px;
display:block;
}
.space10px {
margin-top:10px;
display:block;
}
.space15px {
margin-top:15px;
display:block;
}
.space20px {
margin-top:20px;
display:block;
}
.space30px {
margin-top:30px;
display:block;
}
.space50px {
margin-top:50px;
display:block;
}

.space70px {
margin-top:70px;
display:block;
}
.space100px {
margin-top:100px;
display:block;
}

/*-------隠し----------*/
.hidden {
display:none;
}

/*-------インデント----------*/

.att07 {
padding-left: 0.7em;
text-indent: -0.7em;
}
.att1 {
padding-left: 1em;
text-indent: -1em;
}

.att12 {
padding-left: 1.2em;
text-indent: -1.2em;
}
.att13 {
padding-left: 1.3em;
text-indent: -1.3em;
}
.att15 {
padding-left: 1.5em;
text-indent: -1.5em;
}

.att2 {
padding-left: 2em;
text-indent: -2em;
}

.att25 {
padding-left: 2.5em;
text-indent: -2.5em;
}

/*-------文字サイズ調整----------*/
.font60 {
font-size:60%;
}
.font70 {
font-size:70%;
}
.font80 {
font-size:80%;
}
.font90 {
font-size:90%;
}
.font110 {
font-size:110%;
}
.font120 {
font-size:120%;
}
.font130 {
font-size:130%;
}
.font150 {
font-size:150%;
}
.font170 {
font-size:170%;
}
.font200 {
font-size:200%;
}
.bold_500 {
font-weight:500;
}
.bold_600 {
font-weight:600;
}
.bold_700 {
font-weight:700;
}

.center {
text-align:center;
}

.small_up{
font-size:60%;
vertical-align:top;
}

.pink_link a {
color:#F0648C;
text-decoration: underline;
text-underline-offset:0.25em;
}
.pink_link a:hover {
text-decoration: none;
}

.pink_font {
color:#F0648C;
}

.pink_icon {
color:#F0648C;
}

.light_blue {
background:#BEF0FF;
padding:0 5px 2px 5px;
box-sizing:border-box;
margin:0 3px;
border-radius: 5px;
color:#004098;
line-height:1;
}

.navy_blue {
background:#D2E6FF;
padding:0 5px 2px 5px;
box-sizing:border-box;
margin:0 3px;
border-radius: 5px;
color:#004098;
line-height:1;
}

.light_blue_2 {
background:#BEF0FF;
padding:2px 12px;
box-sizing:border-box;
margin:0 3px;
border-radius: 5px;
color:#004098;
}

.navy_blue_2 {
background:#D2E6FF;
padding:2px 12px;
box-sizing:border-box;
margin:0 3px;
border-radius: 5px;
color:#004098;
}

.white_back {
background:#ffffff;
padding:2px 12px;
box-sizing:border-box;
border-radius: 99px;
display:inline-block;
}

.border_bottom_none {
border-bottom-style: hidden;
}

.border_top_none {
border-top-style: hidden;
}

.border_none {
border-style: hidden;
}