@charset "utf-8";

/*---------------------------------------------
common style
---------------------------------------------*/
#top,
#top header		{ min-width: 1320px; }
#top h2				{ position: relative; margin-bottom: 50px; padding-bottom: 15px; font-family: 'Noto Sans JP', sans-serif; font-size: 3.2rem; font-weight: 500; text-align: center; }
#top h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 220px; margin-left: -110px; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(74, 204, 116, 1) 99px, rgba(255, 255, 255, 0) 100px, rgba(255, 255, 255, 0) 122px, rgba(51, 195, 128, 1) 123px, rgba(40, 191, 134, 1) 220px); }
#top h2:after	{ content: ""; position: absolute; left: 50%; bottom: -11px; width: 30px; height: 1px; margin-left: -15px; background: #3eb134; transform: rotate(45deg); }
#top h2 span	{ display: block; margin-top: 5px; font-size: 1.6rem; font-weight: 400; }
#top main			{ padding-bottom: 0; }
#top .more		{ margin-top: 10px; padding-bottom: 15px; text-align: center; }
#top .more a	{ display: inline-block; position: relative; width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.more a:after	{ content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

@media (max-width: 767px) {
#top,
#top header		{ min-width: initial; min-width: auto; }
#top header .upper-menu{ border-bottom: 0;}
#top h2				{ font-size: 2.6rem; margin-bottom: 40px; }
#top h2 span	{ font-size: 1.4rem; font-weight: 500; }
#top .more		{ margin-top: 20px; }
}

/*---------------------------------------------
original style
---------------------------------------------*/
#top header .impinfo	{ display: block; }

#top .mv							{ position: relative; min-height: 625px; margin-bottom: 0 !important; background: url("/assets/images/top/main.jpg") no-repeat center center; background-size: 100% auto; }
#top .mv .mv-inner		{ padding-top: 20px; }
#top .mv .inner:after	{ content: ""; display: block; clear: both; height: 0; }

#top .feature-menu																					{ position: absolute; top: 570px; left: 0; z-index: 2; width: 100%; }
#top .feature-menu .tabs																		{ font-family: 'Noto Sans JP', sans-serif; font-size: 2rem; font-weight: 500; text-align: center; line-height: 1.25; letter-spacing: -.4em; }
#top .feature-menu .tab_item_feature												{ display: inline-block; position: relative; width: 270px; margin-right: 30px; padding-bottom: 10px; background: #fff; text-align: left; letter-spacing: normal; vertical-align: top; cursor: pointer; box-shadow: 5px 10px 10px rgba(35, 24, 21, .15); }
#top .feature-menu .tab_item_feature:after									{ content: ""; position: absolute; bottom: 13px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(135deg); }
#top .feature-menu .tab_item_feature:last-of-type						{ margin-right: 0; }
#top .feature-menu .tab_item_feature span                   { display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; }
#top .feature-menu .tab_item_feature i                      { margin-top: 10px; }
#top .feature-menu .tab_item_feature strong                 { font-weight: 500; }
#top .feature-menu .tab_item_feature em                     { font-size: 1.6rem; font-weight: 500; }
#top .feature-menu .tabs input:checked + .tab_item_feature	{ background: #ececec; color: #3eb134; }
#top .feature-menu input[name="tab_item_feature"]						{ display: none; }
#top .feature-menu #tab-procedure:checked ~ #procedure_content,
#top .feature-menu #tab-infogather:checked ~ #infogather_content,
#top .feature-menu #tab-account:checked ~ #account_content,
#top .feature-menu #tab-loan:checked ~ #loan_content				{ visibility: visible !important; height: auto !important; }
#top .feature-menu .tab_item_feature i											{ display: inline-block; position: relative; margin-right: 15px; vertical-align: middle; }
#top .feature-menu .tab_item_feature:nth-of-type(1) i				{ top: -6px; width: 41px; height: 38px; }
#top .feature-menu .tab_item_feature:nth-of-type(2) i				{ top: -4px; width: 66px; height: 40px; }
#top .feature-menu .tab_item_feature:nth-of-type(3) i				{ top: -1px; width: 36px; height: 42px; }
#top .feature-menu .tab_item_feature:nth-of-type(4) i				{ top: -2px; width: 48px; height: 31px; }
#top .feature-menu .tab_item_feature i img									{ width: 100%; height: auto; }

#top .feature-menu .tab_content					  { visibility: hidden; height: 0; clear: both; position: absolute; z-index: 2; width: 100%; padding: 40px 0 50px; background: #ececec; text-align: left; letter-spacing: normal; overflow: hidden; box-shadow: 5px 10px 10px rgba(35, 24, 21, .15); }
#top .feature-menu .tab_content dt			  { color: #3eb134; font-family: 'Noto Sans JP', sans-serif; font-size: 2.6rem; font-weight: 500; }
#top .feature-menu .tab_content dt em	  	{ display: block; }
#top .feature-menu .tab_content .inner	  { position: relative; }
#top .feature-menu .tab_content .idx		  { margin-bottom: 35px; padding: 10px 20px; border-left: 5px solid #3eb134; font-family: 'Noto Sans JP', sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.5; }
#top .feature-menu .tab_content .idx span { margin-left: 10px; }
#top .feature-menu .tab_content .tag		  { display: inline-block; margin-bottom: 5px; padding: 0 20px 2px; background: #176d89; color: #fff; font-size: 1.6rem; }
#top .feature-menu .tab_content .conv								{ margin-top: 20px; letter-spacing: -.4em; }
#top .feature-menu .tab_content#procedure_content .conv			{ margin-top: 15px;}
#top .feature-menu .tab_content .conv li						{ display: inline-block; letter-spacing: normal; }
#top .feature-menu .tab_content .conv li:last-child	{ margin-right: 0; }
#top .feature-menu .tab_content .conv li a					{ display: block; position: relative; border-radius: 25px; color: #fff; font-weight: 500; line-height: 1.25; text-align: center; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .feature-menu .tab_content .conv li a:after		{ content: ""; position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
#top .feature-menu .tab_content .conv li.detail a		{ background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); }
#top .feature-menu .tab_content .conv li.entry a		{ background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); }
#top .feature-menu .tab_content .close							{ position: absolute; top: -4px; right: 0; color: #000; font-family: 'Noto Sans JP', sans-serif; font-size: 3.5rem; font-weight: 300; cursor: pointer; line-height: 1.5; }

#top .feature-menu #account_content												{ font-size: 1.6rem; font-weight: 400; line-height: 1.75; }
#top .feature-menu #account_content .list > li						{ margin-bottom: 20px; padding: 20px; background: #fff; }
#top .feature-menu #account_content .list > li:after			{ content: ""; display: block; clear: both; height: 0; }
#top .feature-menu #account_content .list > li:last-child	{ margin-bottom: 0; }
#top .feature-menu #account_content .list > li figure			{ width: 180px; float: left; margin-right: 40px; }
#top .feature-menu #account_content .list > li figure img	{ width: 100%; height: auto; }
#top .feature-menu #account_content .list > li dt					{ font-size: 2.6rem; }
#top .feature-menu #account_content .list > li dt .tag		{ float: right; }
#top .feature-menu #account_content .list > li .basic			{ color: #3eb134; letter-spacing: -.4em; }
#top .feature-menu #account_content .list > li .basic li	{ display: inline-block; position: relative; margin-right: 30px; padding-left: 15px; letter-spacing: normal; }
#top .feature-menu #account_content .list > li .basic li:last-child	{ margin-right: 0; }
#top .feature-menu #account_content .list > li .basic li:before			{ content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #3eb134; }
#top .feature-menu #account_content .list > li .conv li							{ margin-right: 45px; }
#top .feature-menu #account_content .list > li .conv li a						{ width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; font-size: 1.8rem; }
#top .feature-menu #account_content .list > li .conv li a:after			{ right: 20px; }

#top .feature-menu #loan_content														{ font-size: 1.4rem; font-weight: 400; line-height: 1.5; }
#top .feature-menu #loan_content .list:after								{ content: ""; display: block; clear: both; height: 0; }
#top .feature-menu #loan_content .list > li									{ float: left; width: calc((100% - 30px) / 2); margin: 30px 30px 0 0; padding: 20px; background: #fff; }
#top .feature-menu #loan_content .list > li:nth-of-type(1),
#top .feature-menu #loan_content .list > li:nth-of-type(2)	{ margin-top: 0; }
#top .feature-menu #loan_content .list > li:nth-of-type(2n)	{ margin-right: 0; }
#top .feature-menu #loan_content .list > li figure					{ width: 180px; float: left; margin-right: 20px; }
#top .feature-menu #loan_content .list > li figure img			{ width: 100%; height: auto; }
#top .feature-menu #loan_content .list > li dt							{ font-size: 2.2rem; }
#top .feature-menu #loan_content .list > li .conv						{ margin-top: 10px; text-align: center; }
#top .feature-menu #loan_content .list > li .conv li				{ margin-right: 10px; }
#top .feature-menu #loan_content .list > li .conv li a			{ width: 155px; height: 40px; padding: 9px 0; border-radius: 20px; font-size: 1.6rem; }
#top .feature-menu #loan_content .list > li .conv li a:after{ right: 10px; }
#top .feature-menu #loan_content .close-side-btn						{ position: absolute; top: 0; right: 60px; font-size: 1.6rem; }
#top .feature-menu #loan_content .close-side-btn a					{ display: block; position: relative; width: 220px; height: 50px; padding: 14px 0; border-radius: 25px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); color: #fff; font-weight: 500; line-height: 1.25; text-align: center; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .feature-menu #loan_content .close-side-btn a:after		{ content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

#top .loanbnr .swiper-box												{ position: relative; width: 1258px; margin: 0 auto; }
#top .loanbnr .swiper-loanbnr										{ width: 1170px; margin: 30px auto 0; text-align: center; }
#top .loanbnr .swiper-slide											{ margin-top: 0 !important; font-size: 1.7rem; text-align: left; }
#top .loanbnr .swiper-button-prev-loanbnr,
#top .loanbnr .swiper-button-next-loanbnr				{ position: absolute; top: 50%; z-index: 2; margin-top: -35px; cursor: pointer; }
#top .loanbnr .swiper-button-prev-loanbnr				{ right: auto; left: 0; }
#top .loanbnr .swiper-button-next-loanbnr				{ right: 0; left: auto; }
#top .loanbnr .swiper-button-prev-loanbnr:before,
#top .loanbnr .swiper-button-next-loanbnr:before{ content: ""; position: absolute; top: 0; z-index: 2; width: 20px; height: 20px; border-top: 2px solid #24b751; border-right: 2px solid #24b751; }
#top .loanbnr .swiper-button-prev-loanbnr:before{ left: 0; transform: rotate(225deg); }
#top .loanbnr .swiper-button-next-loanbnr:before{ right: 0; transform: rotate(45deg); }
#top .loanbnr .swiper-pagination-loanbnr				{ display: inline-block; width: auto; margin: 0 20px; vertical-align: middle; }
#top .loanbnr .swiper-pagination-bullets				{ margin-top: 30px; }
#top .loanbnr .swiper-pagination-bullet 				{ width: 12px; height: 12px; border: 2px solid #3eb134; background: #fff; opacity: 1; }
#top .loanbnr .swiper-pagination-bullet-active	{ background: #3eb134; }

#top .feature-menu #procedure_content												{ font-size: 1.6rem; font-weight: 400; line-height: 1.75; }
#top .feature-menu #procedure_content .list > li						{ margin-bottom: 20px; padding: 20px; background: #fff; }
#top .feature-menu #procedure_content .list > li:after			{ content: ""; display: block; clear: both; height: 0; }
#top .feature-menu #procedure_content .list > li:last-child	{ margin-bottom: 0; }
#top .feature-menu #procedure_content .list > li figure			{ width: 180px; float: left; margin-right: 40px; }
#top .feature-menu #procedure_content .list > li figure img	{ width: 100%; height: auto; }
#top .feature-menu #procedure_content .list > li dt					{ font-size: 2.6rem; }
#top .feature-menu #procedure_content .list > li dt .tag		{ float: right; }
#top .feature-menu #procedure_content .list > li .basic			{ letter-spacing: -.4em; }
#top .feature-menu #procedure_content .list > li .basic li	{display: inline-block;position: relative;padding-left: 15px;letter-spacing: normal;width: 280px}
#top .feature-menu #procedure_content .list > li .basic li:nth-child(1),	
#top .feature-menu #procedure_content .list > li .basic li:nth-child(4)	{width: 220px}
#top .feature-menu #procedure_content .list > li .basic li:last-child	{ margin-right: 0; }
#top .feature-menu #procedure_content .list > li .basic li:before			{ content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #3eb134; }
#top .feature-menu #procedure_content .list > li .conv li							{ margin-right: 45px; }
#top .feature-menu #procedure_content .list > li .conv li a						{ width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; font-size: 1.8rem; }
#top .feature-menu #procedure_content .list > li .conv li a:after			{ right: 20px; }

#top .feature-menu #procedure_content .list2:after	{ content: ""; display: block; clear: both; height: 0; }
#top .feature-menu #procedure_content .list2 > li em.tab_content_title { font-size: 1.8rem; }
#top .feature-menu #procedure_content .list2 > li .tab_content_txt ul { margin-top: 5px; }
#top .feature-menu #procedure_content .list2 > li .tab_content_txt ul li { position: relative; display: inline-block; padding-left: 15px; letter-spacing: normal; font-size: 1.5rem; font-weight: 400; margin-right:40px }
/*#top .feature-menu #procedure_content .list2 > li:nth-child(2) .tab_content_txt ul li {margin-right:0;width: 80px;}*/
#top .feature-menu #procedure_content .list2 > li .tab_content_txt ul li:before { content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -3px; border-radius: 50%; background: #3eb134; }
#top .feature-menu #procedure_content .list2 > li	{ float: left; width: calc((100% - 30px) / 2); margin: 30px 30px 0 0; padding: 20px; background: #fff; }
#top .feature-menu #procedure_content .list2 > li:nth-of-type(1),
#top .feature-menu #procedure_content .list2 > li:nth-of-type(2)    { margin-top: 0; }
#top .feature-menu #procedure_content .list2 > li:nth-of-type(2n)   { margin-right: 0; }
#top .feature-menu #procedure_content .list2 > li figure						{ width: 180px; float: left; margin-right: 20px; }
#top .feature-menu #procedure_content .list2 > li figure img				{ width: 100%; height: auto; }
#top .feature-menu #procedure_content .list2 > li dt								{ font-size: 2.2rem; }
#top .feature-menu #procedure_content .list2 > li dt strong         { color: #000; font-size: 1.6rem; font-weight: 700; }
#top .feature-menu #procedure_content .list2 > li .tag							{ line-height: 1.5; margin-top: 7px; margin-bottom: 10px; }
#top .feature-menu #procedure_content .list2 > li .conv li					{ margin-right: 10px; }
#top .feature-menu #procedure_content .list2 > li .conv li a				{ width: 180px; height: 40px; padding: 9px 0; border-radius: 20px; font-size: 1.6rem; }
#top .feature-menu #procedure_content .list2 > li .conv li a:after	{ right: 15px; }

#top .feature-menu #infogather_content .list:after{ content: ""; display: block; clear: both; height: 0; }
#top .feature-menu #infogather_content .list li		{ display: table; float: left; width: calc((100% - 120px) / 3); margin: 30px 40px 0 0; }
#top .feature-menu #infogather_content .list li:nth-of-type(1),
#top .feature-menu #infogather_content .list li:nth-of-type(2),
#top .feature-menu #infogather_content .list li:nth-of-type(3)		{ margin-top: 0; }
#top .feature-menu #infogather_content .list li:nth-of-type(3n)		{ margin-right: 0; }
#top .feature-menu #infogather_content .list li:nth-of-type(3n-2)	{ clear: both; }
#top .feature-menu #infogather_content .list li a	{ display: table-cell; position: relative; padding: 20px 40px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); color: #fff; vertical-align: middle; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .feature-menu #infogather_content .list li a:after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#top .feature-menu #infogather_content .list li i	{ display: inline-block; margin-right: 15px; vertical-align: middle; }

#top .mv .main-search                 { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -170px; left: 50%; z-index: 1; width: 1020px; transform: translateX(-50%); }
#top .mv #searchForm                  { letter-spacing: -.4em; }
#top .mv .main-search input[name="kw"]{ -webkit-appearance: none; width: 540px; height: 40px; padding: 0 30px; border: 0; border-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; vertical-align: middle; outline: 0; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .mv .main-search input[name="kw"]::placeholder           { color: #999; }
#top .mv .main-search input[name="kw"]:-ms-input-placeholder  { color: #999; }/* IE */
#top .mv .main-search input[name="kw"]::-ms-input-placeholder { color: #999; }/* Edge */

#top .mv .submit                    { -webkit-appearance: button; width: 100px; height: 40px; border: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); letter-spacing: normal; vertical-align: middle; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); cursor: pointer; }
#top .mv .submit i img              { width: 23px; height: 23px; }
/*#top .mv .main-search .paddington			{ position: absolute; top: -32px; right: 0; width: 128px; pointer-events: none; }
#top .mv .main-search .paddington	img	{ width: 100%; height: auto; }*/
#top .mv .main-search .ptbnr        { width: 340px; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); cursor: pointer; }
#top .mv .main-search .ptbnr img    { width: 100%; height: auto; }
#top .mv .main-search .note         { margin-top: 5px; padding-left: 30px; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; font-weight: 500; }
#top .mv .main-search .note a       { color: #fff; text-decoration: underline; }
#top .mv .main-search .note a:hover { text-decoration: none; opacity: 1; }

#modal01                    { max-height: calc(100vh - 160px); }
#modal01 .iziModal-content  { max-height: calc(100vh - 160px); overflow-y: auto; }
#modal01 .close-icon        { position: fixed; top: -34px; right: -4px; width: 36px; cursor: pointer; }
#modal01 .close-icon:before,
#modal01 .close-icon:after  { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; }
#modal01 .close-icon:before { transform: rotate(45deg); }
#modal01 .close-icon:after  { transform: rotate(-45deg); }
#modal01 .modal-title       { position: relative; margin-bottom: 40px; padding-bottom: 15px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.6rem; font-weight: 500; }
#modal01 .modal-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, rgba(108,219,98,1) 0%, rgba(40,191,136,1) 100%); }
#modal01 ul                 { display: flex; flex-wrap: wrap; }
#modal01 li                 { width: calc((100% - 60px) / 3); margin: 30px 30px 0 0; padding: 20px; background: #edf6ec; }
#modal01 li:nth-child(-n+3) { margin-top: 0; }
#modal01 li:nth-child(3n)   { margin-right: 0; }
#modal01 dt                 { margin-bottom: 20px; padding: 10px 20px; background: linear-gradient(90deg, rgba(108,219,98,1) 0%, rgba(40,191,136,1) 100%); color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; }
#modal01 dd                 { margin-bottom: 10px; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#modal01 dd:last-child      { margin-bottom: 0; }
#modal01 dd a               { display: flex; align-items: center; position: relative; padding: 15px 35px 15px 20px; background: #fff; }
#modal01 dd a:after         { content: ''; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }

#top .specific.pc				{ display: block; }
#top .specific.sp				{ display: none; }
#top .specific					{ position: fixed; right: 20px; bottom: 115px; z-index: 10; }
#top .specific li				{ position: relative; margin-top: 15px; border-radius: 5px; box-shadow: 5px 5px 10px rgba(35, 24, 21, .6); }
#top .specific li img		{ width: 190px; height: 76px; }
#top .specific li .close{ display: inline-block; position: absolute; top: -12px; right: -12px; width: 25px; height: 25px; border-radius: 50%; background: #1a1f25; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-style: normal; line-height: 25px; text-align: center; cursor: pointer; }

#top .mv .side-menu		{ float: right; width: 380px; margin-top: 30px; padding: 20px; background: rgba(1, 133, 97, .7); }

#top .mv .ib															{ padding: 10px 25px 15px; background: #fff; }
#top .mv .ib dt														{ position: relative; margin-bottom: 8px; padding-bottom: 5px; color: #54a50a; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; text-align: center; }
#top .mv .ib dt:before										{ content: ""; position: absolute; left: 50%; bottom: 0; width: 290px; margin-left: -145px; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(66, 202, 120, 1) 139px, rgba(0, 0, 0, 0) 140px, rgba(0, 0, 0, 0) 149px, rgba(57, 198, 125, 1) 150px, rgba(40, 191, 134, 1) 100%); }
#top .mv .ib dt:after											{ content: ""; position: absolute; left: 50%; bottom: -6px; width: 16px; height: 1px; margin-left: -8px; background: #42ca78; transform: rotate(45deg); }
#top .mv .ib dd														{ text-align: center; }
#top .mv .ib .login												{ margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.5rem; font-weight: 500; text-align: left; }
#top .mv .ib .login:after									{ content: ""; display: block; clear: both; height: 0; }
#top .mv .ib .login li										{ float: left; width: calc((100% - 10px) / 2); margin-right: 10px; }
#top .mv .ib .login li:last-child					{ margin-right: 0; }
#top .mv .ib .login li:only-child					{ float: none; width: auto; margin-right: 0; }
#top .mv .ib .login li a									{ display: block; height: 40px; padding: 9px 0; border-radius: 20px; background: #e0791d; color: #fff; text-align: center; line-height: 1.25; }
#top .mv .ib .login li a i								{ display: inline-block; margin-right: 5px; /*vertical-align: middle;*/ }
#top .mv .ib .login li:last-child a i img	{ width: 9px; height: 15px; }
#top .mv .ib .login li:first-child a i img{ width: 13px; height: 17px; }
#top .mv .ib .beginner										{ margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; font-weight: 300; text-align: left; }
#top .mv .ib .beginner:after							{ content: ""; display: block; clear: both; height: 0; }
#top .mv .ib .beginner li:not(:last-child){ margin-bottom: 3px; }
#top .mv .ib .beginner li a								{ display: block; position: relative; padding-left: 15px; }
#top .mv .ib .beginner li a:after					{ content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }
#top .mv .verification				{ margin-top: 15px; }
#top .mv .verification a			{ display: block; position: relative; padding: 6px 0 8px; background: #f4ffe8; color: #3eb134; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; text-align: center; line-height: 1.25; }
#top .mv .verification a:hover		{ opacity: 0.8; }
#top .mv .verification a:after{ content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }
#top .mv .verification span		{ display: block; color: #333; font-size: 1.2rem; }

#top .infobnr																		{ position: relative; margin-top: 15px; overflow: hidden; }
#top .infobnr .swiper-infobnr										{ text-align: center; overflow: visible; }
#top .infobnr .swiper-slide img									{ width: 100%; height: auto; }
#top .infobnr .swiper-button-prev-infobnr,
#top .infobnr .swiper-button-next-infobnr				{ display: inline-block; position: relative; vertical-align: middle; cursor: pointer; }
#top .infobnr .swiper-button-prev-infobnr:before,
#top .infobnr .swiper-button-next-infobnr:before{ content: ""; position: absolute; top: -3px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; }
#top .infobnr .swiper-button-prev-infobnr:before{ left: 0; transform: rotate(225deg); }
#top .infobnr .swiper-button-next-infobnr:before{ right: 0; transform: rotate(45deg); }
#top .infobnr .swiper-pagination-infobnr				{ display: inline-block; width: auto; margin: 0 20px; vertical-align: middle; }
#top .infobnr .swiper-pagination-bullet 				{ width: 8px; height: 8px; background: #fff; opacity: 1; }
#top .infobnr .swiper-pagination-bullet-active	{ background: #ffd015; }

#top .lifestyle-wrap			{ position: relative; padding-top: 200px; }
#top .lifestyle-wrap:before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 570px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); }
#top .lifestyle-wrap-inner{ background: url("/assets/images/top/bg_lifestyle.png") no-repeat; background-size: 80% auto; }
#top .lifestyle-wrap-block{ background: url("/assets/images/top/bg_lifestyle_inner.jpg") no-repeat right 0; }
#top .lifestyle						{ padding: 80px 0; }
#top .lifestyle .inner		{ padding: 50px; background: rgba(219, 237, 217, .5); }

#top .useful > ul      { display: flex; flex-wrap: wrap; }
#top .useful > ul > li { width: calc((100% - 40px) / 3); margin: 20px 20px 0 0; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .useful > ul > li:nth-child(1),
#top .useful > ul > li:nth-child(2),
#top .useful > ul > li:nth-child(3)	{ margin-top: 0; }
#top .useful > ul > li:nth-child(3n)	{ margin-right: 0; }
#top .useful > ul > li a       { display: flex; align-items: center; position: relative; padding: 15px 35px 15px 15px; background: #fff; }
#top .useful > ul > li a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }
#top .useful > ul > li figure  { margin-right: 15px; }
#top .useful > ul > li img     { width: 65px; height: auto; }

#top .useful .swiper-box           { position: relative; width: 1070px; margin: 20px auto 0; }
#top .useful .swiper-useful        { width: 1070px; margin: 0 auto; }
#top .useful .swiper-wrapper       { padding-bottom: 10px; }
#top .useful .swiper-slide         { width: calc((100% - 40px) / 3) !important; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .useful .swiper-slide a       { display: flex; align-items: center; position: relative; padding: 15px 35px 15px 15px; background: #fff; }
#top .useful .swiper-slide a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }
#top .useful .swiper-slide figure  { margin-right: 15px; }
#top .useful .swiper-slide img     { width: 65px; height: auto; }
#top .useful .swiper-button-prev-lifestyle        { background: none; left: 0; cursor: pointer; }
#top .useful .swiper-button-next-lifestyle        { background: none; right: 0; cursor: pointer; }
#top .useful .swiper-button-prev-lifestyle:before,
#top .useful .swiper-button-next-lifestyle:before { content: ""; position: absolute; top: 50%; width: 25px; height: 25px; margin-top: -18px; border-top: 2px solid #3eb134; border-right: 2px solid #3eb134; }
#top .useful .swiper-button-prev-lifestyle:before { transform: rotate(225deg); left: -30px; }
#top .useful .swiper-button-next-lifestyle:before { transform: rotate(45deg); right: -30px; }
#top .useful .swiper-button-prev-lifestyle.swiper-button-disabled,
#top .useful .swiper-button-next-lifestyle.swiper-button-disabled { opacity: 0; }
#top .useful .more                 { margin-top: 40px; }

#top .special-space                        { margin-bottom: 70px; padding-top: 20px; line-height: 1.75; }
#top .special-space .inner                 { padding: 0 0 50px; border-bottom: 1px solid #ccc; background: none; }
#top .special-space .box-area              { margin-top: 20px; padding: 40px 50px; border: 1px solid #78c871; background: rgba(255, 255, 255, .7); }
#top .special-space .box-area:first-of-type{ margin-top: 0; }
#top .special-space .main-title            { margin-bottom: 30px; font-size: 2.2rem; font-weight: bold; text-align: center; }
#top .special-space .sub-title             { margin-top: 30px; font-weight: bold; }
#top .special-space .link a                { display: block; position: relative; padding-left: 15px; }
#top .special-space .link a:before         { content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }

#top .special-space .bnr-area ul:after  { content: ""; display: block; clear: both; height: 0; }
#top .special-space .bnr-area li        { display: block; float: none; width: auto; min-height: initial; min-height: auto; margin: 0 !important; padding-top: 20px; text-align: center; box-shadow: none; }
#top .special-space .bnr-area li:after  { content: none; }
#top .special-space .bnr-area li.col-1  { clear: both; }
#top .special-space .bnr-area li.col-2  { float: left; width: calc((100% - 30px) / 2); margin-right: 30px !important; }
#top .special-space .bnr-area li.col-2 + li.col-2{ margin-right: 0 !important; }
#top .special-space .bnr-area li a      { /*display: block;*/ display: inline-block; min-height: initial; min-height: auto; padding: 0; background: none; line-height: 1.5; }
#top .special-space .bnr-area li img    { max-width: 100%; height: auto; }

#top #rec-att{ background: /*#24b751*/ url("/assets/images/top/bg_rec-att.png") no-repeat; background-size: 100% auto; }

#top .recommend								{ padding: 80px 0 50px; }
#top .recommend h2						{ color: #fff; }
#top .recommend h2:before			{ background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 99px, rgba(255, 255, 255, 0) 100px, rgba(255, 255, 255, 0) 122px, rgba(255, 255, 255, 1) 123px, rgba(255, 255, 255, 1) 220px); }
#top .recommend h2:after			{ background: #fff; }
#top .recommend .more					{ margin-top: 25px; margin-right: 10px; }
#top .recommend .more a				{ background: #fff; color: #3eb134; }
#top .recommend .more a:hover		{ opacity: 0.8; }
#top .recommend .more a:after	{ border-color: #3eb134; }

#top .recommend .swiper-box											{ position: relative; width: 1305px; margin: 0 auto; }
#top .recommend .swiper-recommend								{ width: 1170px; margin: 0 auto 0 80px; padding-right: 30px; padding-bottom: 75px; }
#top .recommend .swiper-slide										{ padding: 30px 30px 50px; background: #fff; box-shadow: 20px 30px 10px rgba(28, 126, 20, .35); }
#top .recommend .swiper-slide figure img				{ width: 100%; height: auto; }
#top .recommend .swiper-slide dt								{ margin-top: 20px; font-size: 1.8rem; font-weight: bold; }
#top .recommend .swiper-slide dd								{ margin-top: 15px; }
#top .recommend .swiper-slide .detail						{ position: absolute; bottom: -25px; left: 0; width: 100%; text-align: center; }
#top .recommend .swiper-slide .detail:before		{ box-sizing: border-box; content: ""; display: inline-block; position: absolute; top: 0; left: 50%; width: 200px; height: 50px; margin-left: -100px; padding: 13px 0; border-radius: 25px; background: #fff; }
#top .recommend .swiper-slide .detail a					{ display: inline-block; position: relative; width: 200px; height: 50px; padding: 13px 0; border-radius: 25px; background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
#top .recommend .swiper-slide .detail a:after		{ content: ""; position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#top .recommend .swiper-button-prev							{ background: none; left: 0; }
#top .recommend .swiper-button-next							{ background: none; right: 0; }
#top .recommend .swiper-button-prev:before,
#top .recommend .swiper-button-next:before			{ content: ""; position: absolute; top: 50%; left: 0; width: 25px; height: 25px; margin-top: -90px; border-top: 2px solid #fff; border-right: 2px solid #fff; }
#top .recommend .swiper-button-prev:before			{ transform: rotate(225deg); }
#top .recommend .swiper-button-next:before			{ transform: rotate(45deg); }
#top .recommend .swiper-pagination-bullets			{ bottom: 0; left: -18px; }
#top .recommend .swiper-pagination-bullet 			{ width: 12px; height: 12px; border: 2px solid #fff; background: none; opacity: 1; }
#top .recommend .swiper-pagination-bullet-active{ background: #fff; }

#top .campaign-bnr									{ padding: 50px 0; background: rgba(255, 255, 255, .7); }
#top .campaign-bnr .swiper-box			{ position: relative; width: 1305px; margin: 0 auto; }
#top .campaign-bnr .swiper-campaign,
#top .campaign-bnr .swiper-campaign-pc      { width: 1170px; margin: 0 auto; padding-right: 15px; }
#top .campaign-bnr .swiper-slide						{ font-size: 1.4rem; font-weight: bold; }
#top .campaign-bnr .swiper-slide a					{ display: block; }
#top .campaign-bnr .swiper-slide figure			{ margin-bottom: 15px; box-shadow: 5px 5px 10px rgba(28, 126, 20, .35); }
#top .campaign-bnr .swiper-slide figure img	{ width: 100%; height: auto; }
#top .campaign-bnr .swiper-button-prev-campaign,
#top .campaign-bnr .swiper-button-next-campaign				{ position: absolute; top: 50%; margin-top: -35px; cursor: pointer; }
#top .campaign-bnr .swiper-button-prev-campaign				{ right: auto; left: 0; }
#top .campaign-bnr .swiper-button-next-campaign				{ right: 0; left: auto; }
#top .campaign-bnr .swiper-button-prev-campaign:before,
#top .campaign-bnr .swiper-button-next-campaign:before{ content: ""; position: absolute; top: 0; width: 20px; height: 20px; border-top: 2px solid #24b751; border-right: 2px solid #24b751; }
#top .campaign-bnr .swiper-button-prev-campaign:before{ left: 0; transform: rotate(225deg); }
#top .campaign-bnr .swiper-button-next-campaign:before{ right: 0; transform: rotate(45deg); }
#top .campaign-bnr .swiper-pagination-campaign				{ text-align: center; }
#top .campaign-bnr .swiper-pagination-bullets					{ margin-top: 30px; }
#top .campaign-bnr .swiper-pagination-bullet 					{ width: 12px; height: 12px; border: 2px solid #3eb134; background: #fff; opacity: 1; }
#top .campaign-bnr .swiper-pagination-bullet-active		{ background: #3eb134; }
#top .campaign-bnr .onlyone                           { width: 24%; }

#top .attractive						{ margin-top: 80px; padding: 70px 0 100px; background: url("/assets/images/top/bg_attractive.png") no-repeat; background-size: 100% auto; font-weight: 300; }
#top .attractive li					{ transition: .3s; }
#top .attractive li:hover		{ opacity: 0.6; }
#top .attractive figure			{ position: absolute; }
#top .attractive figure img	{ width: 100%; height: auto; }
#top .attractive h3					{ margin: 0 0 15px; background: none; font-family: 'Noto Sans JP', sans-serif; font-size: 2.8rem; font-weight: 500; line-height: 1.25; }
#top .attractive a					{ display: block; }
#top .attractive a:hover		{ opacity: 1; }
#top .attractive a:after		{ content: ""; position: absolute; width: 20px; height: 20px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
#top .attractive .inner:after,
#top .attractive01:after,
#top .attractive02:after,
#top .attractive03:after		{ content: ""; display: block; clear: both; height: 0; }
#top .attractive01					{ margin-bottom: 20px; }
#top .attractive02					{ float: left; width: 500px; }
#top .attractive03					{ float: right; width: 646px; }

#top .assets						{ float: left; position: relative; width: 667px; height: 253px; color: #fff; }
#top .assets a					{ color: #fff; }
#top .assets a:after		{ top: 100px; left: 265px; }
#top .assets figure			{ bottom: 0; right: 0; width: 360px; height: 208px; }
#top .assets .exp				{ width: 604px; height: 228px; background: linear-gradient(to right, #4e70c6 0%, #7583d9 100%); }
#top .assets .exp-inner	{ width: 308px; padding-top: 50px; text-align: center; }

#top .trust							{ float: right; position: relative; width: 480px; height: 253px; color: #fff; }
#top .trust a						{ color: #fff; }
#top .trust a:after			{ top: 100px; left: 180px; }
#top .trust figure			{ top: 0; right: 0; width: 260px; height: 230px; }
#top .trust .exp				{ width: 427px; height: 256px; background: linear-gradient(to right, #3cba92 0%, #33bcb1 100%); }
#top .trust .exp-inner	{ width: 220px; padding-top: 70px; text-align: center; }

#top .store							{ position: relative; width: 500px; height: 483px; padding-top: 40px; color: #fff; }
#top .store a						{ color: #fff; }
#top .store a:after			{ top: 380px; right: 30px; }
#top .store figure			{ top: 0; left: 0; width: 477px; height: 318px; }
#top .store .exp				{ width: 500px; height: 444px; background: linear-gradient(to right, #3eb134 0%, #5dbf16 100%); }
#top .store .exp-inner	{ width: 500px; padding-top: 310px; text-align: center; }

#top .atm								{ position: relative; width: 500px; height: 217px; margin-top: 30px; padding: 20px 0 0 38px; color: #fff; }
#top .atm a							{ color: #fff; }
#top .atm a:after				{ top: 100px; right: 30px; }
#top .atm figure				{ top: 0; left: 0; width: 252px; height: 196px; }
#top .atm .exp					{ width: 463px; height: 196px; padding-top: 35px; background: linear-gradient(to right, #23a4b0 0%, #23b09e 100%); }
#top .atm .exp-inner		{ width: 210px; margin-left: 214px; text-align: center; }

#top .certification						{ position: relative; width: 646px; height: 235px; color: #fff; }
#top .certification a					{ color: #fff; }
#top .certification a:after		{ top: 100px; left: 245px; }
#top .certification figure		{ right: 0; bottom: 0; width: 360px; height: 208px; }
#top .certification .exp			{ width: 620px; height: 210px; background: linear-gradient(to right, #3cb0ba 0%, #3a9bc9 100%); }
#top .certification .exp-inner{ width: 265px; padding-top: 50px; text-align: center; }

#top .benefits						{ float: left; width: 285px; color: #3eb134; }
#top .benefits h3					{ color: #3eb134; }
#top .benefits a					{ position: relative; height: 494px; color: #3eb134; }
#top .benefits a:before		{ content: ""; position: absolute; bottom: 0; right: 0; width: 260px; height: 476px; background: linear-gradient(to right, #8dc80f 0%, #bdd307 100%); }
#top .benefits a:after		{ top: 240px; right: 50px; z-index: 3; border-color: #3eb134; }
#top .benefits figure			{ top: 260px; left: 0; z-index: 3; width: 260px; }
#top .benefits .exp				{ position: relative; z-index: 2; width: 260px; height: 476px; padding-top: 80px; background: #effbd5; }
#top .benefits .exp-inner	{ width: 260px; background: #effbd5; text-align: center; }

#top .present						{ position: relative; float: right; width: 334px; height: 441px; margin-top: 53px; padding-top: 30px; color: #fff; }
#top .present a					{ color: #fff; }
#top .present a:after		{ top: 315px; right: 30px; }
#top .present figure		{ top: 0; left: 0; width: 305px; height: 225px; }
#top .present .exp			{ width: 334px; height: 411px; background: linear-gradient(to right, #006fb6 0%, #0080b6 100%); }
#top .present .exp-inner{ width: 334px; padding-top: 220px; text-align: center; }

#top .various																		{ padding: 70px 0 80px; background: #d9f5d6 url("/assets/images/top/bg_various.png") no-repeat; background-size: 100% auto; }
#top .various .swiper-box												{ position: relative; width: 1260px; margin: 0 auto; }
#top .various .swiper-various										{ width: 1170px; margin: 0 auto 0 50px; padding-right: 15px; }
#top .various .swiper-slide { font-weight: bold; }
#top .various .swiper-slide a										{ display: block; }
#top .various .swiper-slide img                                                                 { width: 100%; height: auto; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); margin-bottom: 15px; }
#top .various .swiper-button-prev-various,
#top .various .swiper-button-next-various				{ position: absolute; top: 50%; margin-top: -35px; cursor: pointer; }
#top .various .swiper-button-prev-various				{ right: auto; left: 0; }
#top .various .swiper-button-next-various				{ right: 0; left: auto; }
#top .various .swiper-button-prev-various:before,
#top .various .swiper-button-next-various:before{ content: ""; position: absolute; top: 0; width: 20px; height: 20px; border-top: 2px solid #24b751; border-right: 2px solid #24b751; }
#top .various .swiper-button-prev-various:before{ left: 0; transform: rotate(225deg); }
#top .various .swiper-button-next-various:before{ right: 0; transform: rotate(45deg); }
#top .various .swiper-pagination-various				{ text-align: center; }
#top .various .swiper-pagination-bullets				{ margin-top: 30px; }
#top .various .swiper-pagination-bullet 				{ width: 12px; height: 12px; border: 2px solid #3eb134; background: #fff; opacity: 1; }
#top .various .swiper-pagination-bullet-active	{ background: #3eb134; }

#top .news								{ position: relative; padding: 70px 0 150px; background: url("/assets/images/top/bg_news.png") no-repeat,  url("/assets/images/top/bg_news.jpg") no-repeat 0 bottom; background-size: 100% auto; }
#top .news .tabs					{ width: 1170px; margin: 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; }
#top .news .tab_item_news	{ float: left; width: calc((100% - 30px) / 2); margin: 20px 0 0 10px; padding: 20px 0; border: 1px solid #ccc; border-bottom: 0; background: #fff; text-align: center; cursor: pointer; }
#top .news .tab_item_news:last-of-type					{ margin-right: 0; }
#top .news .tabs input:checked + .tab_item_news	{ position: relative; top: 1px; margin-top: 0; padding: 30px 0; border-color: #3eb134; color: #3eb134; }
#top .news input[name="tab_item_news"]					{ display: none; }
#top .news #tab-release:checked ~ #release_content,
#top .news #tab-information:checked ~ #information_content{ display: block; }

#top .news .tab_content												{ display: none; clear: both; padding-top: 10px; border-top: 1px solid #3eb134; font-size: 1.6rem; font-weight: 400; line-height: 1.5; overflow: hidden; }
#top .news .tab_content > ul > li							{ border-bottom: 1px solid #ccc; }
#top .news .tab_content > ul > li:last-of-type{ border-bottom: 0; }
#top .news .tab_content > ul > li a						{ display: block; position: relative; padding: 20px 70px 20px 0; }
#top .news .tab_content > ul > li a:after			{ content: ""; position: absolute; top: 50%; right: 35px; width: 8px; height: 8px; margin-top: -6px; border-top: 1px solid #24b751; border-right: 1px solid #24b751; transform: rotate(45deg); }
#top .news .tab_content > ul > li time				{ display: block; margin-bottom: 5px; color: #666; font-size: 1.4rem; }

#top .news .smallbnr				{ position: absolute; right: 0; bottom: 0; width: 185px; height: 80px; padding: 15px 20px; background: rgba(255, 255, 255, .7); }
#top .news .smallbnr a:hover{ opacity: 1; }
#top .news .smallbnr img		{ width: 145px; height: 50px; }

@media (max-width: 767px) {
  #top .mv									{ min-height: initial; min-height: auto; background: url("/assets/images/top/main_sp.jpg") no-repeat; background-size: 105% auto; }
  #top .mv .mv-inner				{ padding-top: 0; }
  #top .mv .mv-inner .inner	{ padding: 0; }
  
  #modal01                    { max-height: calc(100vh - 210px); }
  #modal01 .iziModal-content  { max-height: initial; padding: 20px !important; }
  #modal01 .close-icon        { position: absolute; top: 22px; right: 26px; z-index: 2; width: 20px; height: 20px; }
  #modal01 .close-icon:before,
  #modal01 .close-icon:after  { top: 12px; background: #000; }
  #modal01 .modal-title       { margin-bottom: 25px; padding-bottom: 10px; font-size: 2rem; }
  #modal01 .modal-title:after { height: 2px; }
  #modal01 ul                 { display: block; }
  #modal01 li                 { width: auto; margin: 20px 0 0; }
  #modal01 li:nth-child(-n+3) { margin-top: 20px; }
  #modal01 li:first-child     { margin-top: 0; }
  
  #top .feature-menu                                     { position: relative; top: 0; left: 0; z-index: 2; padding-top: 257px; }
  #top .feature-menu .tabs                               { position: relative; top: -11px; font-size: 1.5rem; }
  #top .feature-menu .tabs:after                         { content: ""; display: block; clear: both; height: 0; }
  #top .feature-menu .tab_item_feature                   { display: block; z-index: 3; float: left; width: calc((100% - 55px) / 2); margin: 15px 15px 0 0; }
  #top .feature-menu .tab_item_feature:after             { bottom: 8px; width: 6px; height: 6px; margin-left: -3px; }
  #top .feature-menu .tab_item_feature span              { height: 60px; }
  #top .feature-menu .tab_item_feature em                { font-size: 1.2rem; }
  #top .feature-menu .tab_item_feature:nth-of-type(1),
  #top .feature-menu .tab_item_feature:nth-of-type(2)    { margin-top: 0; }
  #top .feature-menu .tab_item_feature:nth-of-type(2n)   { margin-right: 0; }
  #top .feature-menu .tab_item_feature:nth-of-type(2n-1) { margin-left: 20px; }
  #top .feature-menu .tab_item_feature i                 { margin-right: 10px; }
  #top .feature-menu .tab_item_feature:nth-of-type(1) i  { top: -6px; width: 24px; height: 22px; }
  #top .feature-menu .tab_item_feature:nth-of-type(2) i  { top: -4px; width: 36px; height: 22px; }
  #top .feature-menu .tab_item_feature:nth-of-type(3) i  { top: -1px; width: 20px; height: 23px; }
  #top .feature-menu .tab_item_feature:nth-of-type(4) i  { top: -4px; width: 26px; height: 17px; }
  
  #top .feature-menu .tab_content											{ position: absolute; width: 100%; top: 155px; z-index: 10; padding: 20px 20px 30px; }
  #top .feature-menu .tab_content dt									{ font-size: 2.6rem; }
  #top .feature-menu .tab_content .idx								{ margin-bottom: 20px; padding: 5px 15px; border-width: 3px }
  #top .feature-menu .tab_content .idx span 					{ margin-left: 0; padding: 5px 10px; font-size: 1.2rem; text-align: center; }
  #top .feature-menu .tab_content .tag                { padding: 5px 10px; font-size: 1.2rem; text-align: center; }
  #top .feature-menu .tab_content .conv								{ margin-top: 15px; text-align: center; }
  #top .feature-menu .tab_content .conv li:last-child	{ margin-right: 0 !important; }
  #top .feature-menu .tab_content .conv li a					{ border-radius: 25px; }
  #top .feature-menu .tab_content .conv li a:after		{ width: 6px; height: 6px; margin-top: -4px; border-width: 1px; }
  #top .feature-menu .tab_content .close							{ font-size: 3rem; }
  
  #top .feature-menu #account_content												{ font-size: 1.4rem; line-height: 1.5; }
  #top .feature-menu #account_content .list > li						{ position: relative; }
  #top .feature-menu #account_content .list > li figure			{ float: none; width: 105px; margin: 0 20px 15px 0; }
  #top .feature-menu #account_content .list > li dt					{ font-size: 1.6rem; }
  #top .feature-menu #account_content .list > li dt .tag		{ position: absolute; top: 20px; right: 20px; float: none; }
  #top .feature-menu #account_content .list > li .basic						{ margin-top: 10px; }
  #top .feature-menu #account_content .list > li .conv li					{ width: calc((100% - 10px) / 2); margin-right: 10px; }
  #top .feature-menu #account_content .list > li .conv li a				{ width: 100%; padding: 16px 0; font-size: 1.4rem; }
  #top .feature-menu #account_content .list > li .conv li a:after	{ right: 10px; }
  
  #top .feature-menu #loan_content														{ padding-right: 0; padding-left: 0; }
  #top .feature-menu #loan_content .inner											{ padding: 0 20px; }
  #top .feature-menu #loan_content .list > li									{ position: relative; float: none; width: 100%; margin: 20px 0 0; }
  #top .feature-menu #loan_content .list > li:nth-of-type(2)	{ margin-top: 20px; }
  #top .feature-menu #loan_content .list > li figure					{ float: none; width: 105px; margin: 0 20px 15px 0; }
  #top .feature-menu #loan_content .list > li dt							{ font-size: 1.6rem; }
  #top .feature-menu #loan_content .list > li dt span					{ position: absolute; top: 20px; right: 20px; }
  #top .feature-menu #loan_content .list > li .conv li				{ width: calc((100% - 10px) / 2); max-width: 225px; }
  #top .feature-menu #loan_content .list > li .conv li a			{ width: 100%; height: 50px; padding: 15px 0; border-radius: 25px; font-size: 1.4rem; }
  #top .feature-menu #loan_content .list > li .conv li a:after{ right: 10px; }
  #top .feature-menu #loan_content .close											{ right: 20px; }
  #top .feature-menu #loan_content .close-side-btn						{ position: static; margin-bottom: 20px; font-size: 1.4rem; }
  #top .feature-menu #loan_content .close-side-btn a					{ width: 175px; padding: 16px 0; }
  #top .feature-menu #loan_content .close-side-btn a:after		{ right: 10px; width: 6px; height: 6px; margin-top: -4px; border-width: 1px; }
  
  #top .loanbnr .swiper-box												{ width: 100%; overflow: hidden; }
  #top .loanbnr .swiper-loanbnr										{/* width: 273.5%;*/ width: 181.5%; margin-top: 20px; padding-bottom: 35px; }
  #top .loanbnr .swiper-wrapper										{ margin-left: 53.7%; }
  #top .loanbnr .swiper-slide											{ font-size: 1.5rem; }
  #top .loanbnr .swiper-button-prev-loanbnr:before,
  #top .loanbnr .swiper-button-next-loanbnr:before{ top: 22px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; }
  #top .loanbnr .swiper-button-prev-loanbnr:before{ left: 12px; }
  #top .loanbnr .swiper-button-next-loanbnr:before{ right: 12px; }
  
  #top .loanbnr .swiper-button-prev-loanbnr:after,
  #top .loanbnr .swiper-button-next-loanbnr:after	{ content: ""; position: absolute; top: 50%; width: 30px; height: 60px; background: rgba(12, 156, 0, .5); }
  #top .loanbnr .swiper-button-prev-loanbnr:after	{ left: 0; }
  #top .loanbnr .swiper-button-next-loanbnr:after	{ right: 0; }
  
  #top .loanbnr .swiper-pagination-bullets	{ position: absolute; bottom: 0; left: 0; z-index: 10; margin-top: 10px; width: 50%; }
  #top .loanbnr .swiper-pagination-bullet 	{ width: 9px; height: 9px; border-width : 1px; }
  
  #top .feature-menu #procedure_content												{ font-size: 1.4rem; line-height: 1.5; }
  #top .feature-menu #procedure_content .list > li						{ position: relative; }
  #top .feature-menu #procedure_content .list > li figure			{ float: none; width: 105px; margin: 0 20px 15px 0; }
  #top .feature-menu #procedure_content .list > li dt					{ font-size: 1.6rem; }
  #top .feature-menu #procedure_content .list > li dt .tag		{ position: absolute; top: 20px; right: 20px; float: none; }
  #top .feature-menu #procedure_content .list > li .basic						{ margin-top: 10px; }
  #top .feature-menu #procedure_content .list > li .basic li					{width: 200px}
  #top .feature-menu #procedure_content .list > li .basic li:nth-child(1),	
  #top .feature-menu #procedure_content .list > li .basic li:nth-child(4)	{width: 200px}
  #top .feature-menu #procedure_content .list > li .conv li					{ width: calc((100% - 10px) / 2); margin-right: 10px; }
  #top .feature-menu #procedure_content .list > li .conv li a				{ width: 100%; padding: 16px 0; font-size: 1.4rem; }
  #top .feature-menu #procedure_content .list > li .conv li a:after	{ right: 10px; }
  
  #top .feature-menu #procedure_content .list2 > li                  { position: relative; float: none; width: 100%; margin: 20px 0 0; }
  #top .feature-menu #procedure_content .list2 > li:nth-of-type(2)   { margin-top: 20px; }
  #top .feature-menu #procedure_content .list2 > li figure           { float: none; width: 105px; margin: 0 20px 15px 0; }
  #top .feature-menu #procedure_content .list2 > li dt               { font-size: 1.6rem; }
  #top .feature-menu #procedure_content .list2 > li dt span          { position: absolute; top: 20px; right: 20px; }
  #top .feature-menu #procedure_content .list2 > li .conv li         { width: calc((100% - 10px) / 2); }
  #top .feature-menu #procedure_content .list2 > li .conv li a       { width: 100%; height: 50px; padding: 15px 0; border-radius: 25px; font-size: 1.4rem; }
  #top .feature-menu #procedure_content .list2 > li .conv li a:after { right: 10px; }
  
  #top .feature-menu #infogather_content .list li					{ display: block; float: none; width: 100%; margin: 15px 0 0; }
  #top .feature-menu #infogather_content .list li:nth-of-type(2),
  #top .feature-menu #infogather_content .list li:nth-of-type(3)	{ margin-top: 15px; }
  #top .feature-menu #infogather_content .list li a				{ display: block; padding: 15px 30px; }
  #top .feature-menu #infogather_content .list li a:after	{ right: 15px; width: 7px; height: 7px; margin-top: -4px; }
  #top .feature-menu #infogather_content .list li i				{ display: inline-block; min-width: 33px; margin-right: 15px; text-align: center; vertical-align: middle; }
  
  #top .mv .main-search                 { display: block; position: static; width: auto; margin-top: -45px; padding: 70px 20px 35px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); transform: translateX(0); }
  #top .mv .main-search input[name="kw"]{ width: calc(100% - 50px); height: 50px; padding: 0 30px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; font-size: 1.6rem; }
  #top .mv .submit											{ width: 50px; height: 50px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
  #top .mv .submit i img								{ width: 18px; height: 18px; }
  #top .mv .main-search .ptbnr          { width: auto; max-width: 450px; margin: 0 auto 20px; }
  #top .mv .main-search .ptbnr img      { max-width: 450px; }
  
  #top .specific.pc				{ display: none; }
  #top .specific.sp				{ display: block; }
  #top .specific					{ position: static; }
  #top .specific ul:after	{ content: ""; display: block; clear: both; height: 0; }
  #top .specific li				{ float: left; width: calc((100% - 15px) / 2); margin: 15px 15px 0 0; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
  #top .specific li:nth-of-type(1),
  #top .specific li:nth-of-type(2)	{ margin-top: 25px; }
  #top .specific li:nth-of-type(2n)	{ margin-right: 0; }
  #top .specific li img		{ width: 100%; height: auto; }
  
  #top .mv .side-menu	{ float: none; width: auto; margin-top: 0; padding: 40px 20px 20px; background: rgba(1, 133, 97, 1); }
  #top .mv .ib dt			{ margin-bottom: 15px; }
  
  #top .infobnr .swiper-button-prev-infobnr,
  #top .infobnr .swiper-button-next-infobnr,
  #top .infobnr .swiper-pagination-infobnr	{ margin-top: 15px; }
  
  #top .lifestyle-wrap			{ margin-top: -1px; padding-top: 30px; background: #018561; }
  #top .lifestyle						{ padding: 40px 20px 50px; background: #fff url("/assets/images/top/bg_lifestyle_sp.png") no-repeat; background-size: 100% auto; }
  #top .lifestyle .inner		{ padding: 30px; }
  
  #top .useful > ul      { display: block; }
  #top .useful > ul > li { width: 100%; margin: 20px 0 0; }
  #top .useful > ul > li:nth-child(2),
  #top .useful > ul > li:nth-child(3)	{ margin-top: 20px; }
  
  #top .useful .swiper-box         { width: 100%; }
  #top .useful .swiper-useful      { width: 100%; margin: 0 auto; }
  #top .useful .swiper-slide       { width: 100% !important; }
  #top .useful .swiper-button-next-lifestyle:before,
  #top .useful .swiper-button-prev-lifestyle:before { width: 12px; height: 12px; margin-top: -12px; }
  #top .useful .swiper-button-next-lifestyle:before { right: -18px; }
  #top .useful .swiper-button-prev-lifestyle:before { left: -18px; }
  #top .useful .more               { margin-top: 30px; }
  
  #top .special-space											{ margin-bottom: 50px; padding-top: 30px; line-height: 1.5; }
  #top .special-space .inner							{ padding: 0 0 35px; }
  #top .special-space .box-area						{ margin-top: 15px; padding: 20px; }
  #top .special-space .main-title					{ margin-bottom: 25px; font-size: 1.6rem; }
  #top .special-space .sub-title					{ margin-top: 20px; }
  #top .special-space .link a							{ padding-left: 15px; }
  #top .special-space .link a:before			{ top: 8px; width: 6px; height: 6px; }
  #top .special-space .bnr-area li				{ margin-top: 15px; }
  #top .special-space .bnr-area li.col-2	{ float: none; width: auto; margin-right: 0 !important; }
  
  #top #rec-att{ background: url("/assets/images/top/bg_rec-att_sp.jpg") no-repeat; background-size: 100% auto; }
  
  #top .recommend															{ padding: 60px 0 30px; }
  #top .recommend .more												{ margin-top: 20px; margin-right: 0; }
  #top .recommend .swiper-box									{ width: 100%; overflow: hidden; }
  #top .recommend .swiper-recommend						{ /*width: 217%;*/ width: 150%; margin: 0 auto; padding-bottom: 60px; }
  #top .recommend .swiper-wrapper							{ /*margin-left: 7.4%;*/ margin-left: 11%; }
  #top .recommend .swiper-slide								{ padding: 20px 20px 35px; }
  #top .recommend .swiper-slide dt						{ margin-top: 10px; font-size: 1.5rem; }
  #top .recommend .swiper-slide dd						{ margin-top: 5px; }
  #top .recommend .swiper-slide .detail:before{ content: none; }
  #top .recommend .swiper-button-prev,
  #top .recommend .swiper-button-next					{ display: none; }
  #top .recommend .swiper-pagination-bullets	{ left: 0; width: 66.5%; }
  #top .recommend .swiper-pagination-bullet 	{ width: 9px; height: 9px; border-width: 1px; }
  
  #top .campaign-bnr															{ padding: 30px 0; }
  #top .campaign-bnr .swiper-box									{ width: 100%; overflow: hidden; }
  #top .campaign-bnr .swiper-campaign,
  #top .campaign-bnr .swiper-campaign-sp					{ /*width: 217%;*/ width: 150%; overflow: visible; }
  #top .campaign-bnr .swiper-wrapper							{ /*margin-left: 7.4%;*/ margin-left: 11%; }
  #top .campaign-bnr .swiper-slide figure					{ margin-bottom: 10px; }
  #top .campaign-bnr .swiper-button-prev-campaign,
  #top .campaign-bnr .swiper-button-next-campaign	{ display: none; }
  #top .campaign-bnr .swiper-pagination-bullets		{ margin-top: 10px; width: 66.5%; }
  #top .campaign-bnr .swiper-pagination-bullet 		{ width: 9px; height: 9px; border-width : 1px; }
  #top .campaign-bnr .onlyone                     { width: 46%; }
  
  #top .attractive						{ margin-top: 50px; padding: 55px 0; background: url("/assets/images/top/bg_attractive_sp.png") no-repeat; background-size: 100% auto; }
  #top .attractive figure			{ position: relative; }
  #top .attractive figure img	{ width: 88%; height: auto; }
  #top .attractive h3					{ margin-bottom: 10px; font-size: 2.1rem; }
  #top .attractive a:after		{ width: 15px; height: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
  #top .attractive01					{ margin-bottom: 0; }
  #top .attractive02,
  #top .attractive03					{ float: none; width: auto; }
  
  #top .assets						{ float: none; width: auto; height: auto; }
  #top .assets a:after		{ top: auto; bottom: 50px; right: 17px; left: auto; }
  #top .assets figure			{ top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: auto; text-align: left; }
  #top .assets .exp				{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .assets .exp-inner	{ width: auto; padding-top: 0; padding: 0 33px; }
  
  #top .trust							{ float: none; width: auto; height: auto; margin-top: 25px; }
  #top .trust a:after			{ top: auto; bottom: 40px; right: 17px; left: auto; }
  #top .trust figure			{ top: 0; right: 0; width: 100%; height: auto; text-align: right; }
  #top .trust .exp				{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .trust .exp-inner	{ width: auto; padding-top: 0; padding: 0 33px; }
  
  #top .store							{ width: auto; height: auto; margin-top: 25px; padding-top: 0; }
  #top .store a:after			{ top: auto; bottom: 50px; right: 17px; left: auto; }
  #top .store figure			{ top: 0; left: 0; width: 100%; height: auto; text-align: left; }
  #top .store .exp				{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .store .exp-inner	{ width: auto; padding-top: 0; padding: 0 33px; }
  
  #top .atm								{ width: auto; height: auto; margin-top: 25px; padding: 0; }
  #top .atm a:after				{ top: auto; bottom: 50px; right: 17px; left: auto; }
  #top .atm figure				{ top: 0; left: 0; width: 100%; height: auto; text-align: right; }
  #top .atm .exp					{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .atm .exp-inner		{ width: auto; margin-left: 0; padding: 0 33px; }
  
  #top .certification						{ width: auto; height: auto; margin-top: 25px; }
  #top .certification a:after		{ top: auto; bottom: 50px; right: 17px; left: auto; }
  #top .certification figure		{ top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: auto; text-align: left; }
  #top .certification .exp			{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .certification .exp-inner{ width: auto; padding: 0 33px; }
  
  #top .benefits						{ float: none; width: auto; margin-top: 25px; }
  #top .benefits h3					{ color: #fff; }
  #top .benefits a					{ height: auto; color: #fff; }
  #top .benefits a:before		{ content: none; }
  #top .benefits a:after		{ top: auto; bottom: 50px; right: 17px; left: auto; z-index: 3; border-color: #fff; }
  #top .benefits figure			{ top: 0; left: 0; z-index: 3; width: 100%; text-align: right; }
  #top .benefits .exp				{ position: relative; z-index: 2; width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; background: linear-gradient(to right, #8dc80f 0%, #bdd307 100%); }
  #top .benefits .exp-inner	{ width: auto; padding: 0 33px; background: linear-gradient(to right, #8dc80f 0%, #bdd307 100%); }
  
  #top .present						{ float: none; width: auto; height: auto; margin-top: 25px; padding-top: 0; }
  #top .present a:after		{ top: auto; bottom: 65px; right: 17px; left: auto; }
  #top .present figure		{ top: 0; left: 0; width: 100%; height: auto; text-align: left; }
  #top .present .exp			{ width: auto; height: auto; margin-top: -125px; padding: 145px 0 20px; }
  #top .present .exp-inner{ width: auto; padding: 0 33px; }
  
  #top .various																{ padding: 50px 0; background: #d9f5d6 url("/assets/images/top/bg_various_sp.png") no-repeat; background-size: 100% auto; }
  #top .various .swiper-box										{ width: 100%; overflow: hidden; }
  #top .various .swiper-various								{ width: 129%; margin: 0 auto; overflow: visible; }
  #top .various .swiper-wrapper								{ margin-left: 7.4%; }
  #top .various .swiper-button-prev-various,
  #top .various .swiper-button-next-various		{ display: none; }
  #top .various .swiper-pagination-bullets		{ margin-top: 15px; width: 80%; }
  #top .various .swiper-pagination-bullet 		{ width: 9px; height: 9px; border-width: 1px; }
  
  #top .news																			{ padding: 50px 20px 100px; background: url("/assets/images/top/bg_news_sp.png") no-repeat,  url("/assets/images/top/bg_news_sp.jpg") no-repeat 0 bottom; background-size: 100% auto; }
  #top .news .tabs																{ width: 100%; font-size: 1.6rem; }
  #top .news .tab_item_news												{ float: left; width: calc((100% - 15px) / 2); margin: 10px 0 0 5px; padding: 10px 0; }
  #top .news .tabs input:checked + .tab_item_news	{ padding: 15px 0; }
  
  #top .news .tab_content										{ padding-top: 5px; font-size: 1.4rem; }
  #top .news .tab_content > ul > li a				{ display: block; position: relative; padding: 15px 28px 15px 0; }
  #top .news .tab_content > ul > li a:after	{ right: 15px; width: 6px; height: 6px; margin-top: -3px; }
  #top .news .tab_content > ul > li time		{ margin-bottom: 2px; font-size: 1.2rem; }
  
  #top .news .smallbnr	{ right: auto; left: 50%; margin-left: -92px; }
}