html{scroll-behavior:smooth}
body
{
    font-family: Lato, "Noto Sans JP" , "jaf-facitweb" , "Hiragino Kaku Gothic ProN" , "メイリオ" , Meiryo, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-style: normal;
    color: #272727;
    overflow-x: hidden;
}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a:hover
{
    -webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;color:#3763eb
}
a:focus,a:hover{text-decoration:none}
button{cursor:pointer}
i,span,a{display:inline-block;text-decoration:none}
h1, h2, h3, h4, h5, h6
{
    color: #05143F;
    margin: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
p {
    margin-top: 0;
    margin-bottom:0;
}
@media(max-width:767px)
{
    h1{font-size:26px}
    h2{font-size:24px}
}
.img-bg-----------
{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
@media only screen and (min-width:480px) and (max-width:767px){
.container{width:100%}
}
ul,ol{margin:0;padding:0;list-style-type:none}
.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mt-205{margin-top:205px}.mt-210{margin-top:210px}.mt-215{margin-top:215px}.mt-220{margin-top:220px}.mt-225{margin-top:225px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.mb-205{margin-bottom:205px}.mb-210{margin-bottom:210px}.mb-215{margin-bottom:215px}.mb-220{margin-bottom:220px}.mb-225{margin-bottom:225px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-205{padding-top:205px}.pt-210{padding-top:210px}.pt-215{padding-top:215px}.pt-220{padding-top:220px}.pt-225{padding-top:225px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-205{padding-bottom:205px}.pb-210{padding-bottom:210px}.pb-215{padding-bottom:215px}.pb-220{padding-bottom:220px}.pb-225{padding-bottom:225px}
.mt-30-{
    margin-top: -30px;
}
.mt-40-{
    margin-top: -40px;
}
.mt-50-{
    margin-top: -50px;
}
.mt-60-{
    margin-top: -60px;
}
.w-5{width:5%;}.w-10{width:10%;}.w-20{width:20%;}.w-30{width:30%;}.w-32{width:32.4%;}.w-40{width:40%;}.w-48{width:48%;}.w-60{width:60%;}.w-70{width:70%;}.w-80{width:80%;}.w-85{width:85%;}.w-90{width:90%;}.w-95{width:95%;}
.w-75px{width:75px;}.w-40px{width:40px;}.w-50px{width:50px;}.w-100px{width:100px;}.w-150px{width:150px;}.w-200px{width:200px;}.w-250px{width:250px;}.w-300px{width:300px;}.w-400px{width:400px;}.w-500px{width:500px;}.w-600px{width:600px;}.w700px{width:700px;}.w-800px{width:800px;}

.px-6{padding-right: 6%; padding-left: 6%;}
.px-7{padding-right: 7%; padding-left: 7%;}
.px-8{padding-right: 8%; padding-left: 8%;}
.px-9{padding-right: 9%; padding-left: 9%;}
.px-10{padding-right: 10%; padding-left:10%;}
.px-15{padding-right: 15%; padding-left:15%;}
.px-20{padding-right: 20%; padding-left:20%;}
.px-25{padding-right: 25%; padding-left:25%;}
/**************************************/
.h-30px{height: 30px;}
.h-40px{height: 40px;}
.h-50px{height: 50px;}
.h-60px{height: 60px;}
.h-70px{height: 70px;}
.h-100px{height: 100px;}
.h-125px{height: 125px;}
.h-150px{height: 150px;}
.h-200px{height: 200px;}
.h-250px{height: 250px;}
.h-300px{height: 300px;}
.h-400px{height: 400px;}
.h-500px{height: 500px;}
.h-600px{height: 600px;}

.h-50vh{height: 50vh;}
.h-60vh{height: 60vh;}
.h-70vh{height: 70vh;}
.h-80vh{height: 80vh;}
.h-85vh{height: 85vh;}
.h-90vh{height: 90vh;}
.h-95vh{height: 95vh;}

.h-m-100{max-height: 100px;}
.h-m-150{max-height: 150px;}
.h-m-200{max-height: 200px;}
.h-m-250{max-height: 250px;}
.h-m-300{max-height: 300px;}
.h-max90aot{
	field-sizing: content;max-height: 90vh;
}
.h-max80aot{
	field-sizing: content;max-height: 80vh;
}
.h-max70aot{
	field-sizing: content;max-height: 70vh;
}
.h-max60aot{
	field-sizing: content;max-height: 60vh;
}
.h-max50aot{
	field-sizing: content;max-height: 50vh;
}
.h-max40aot{
	field-sizing: content;max-height: 40vh;
}
.h-max30aot{
	field-sizing: content;max-height: 30vh;
}
.h-max10aot{
	field-sizing: content;max-height: 10vh;
}
.scroll-v
{
overflow-y: auto;
}
/**************************************/
.fw-b
{
    font-weight: bold;
}
.fs-xxs{font-size: xx-small;}
.fs-xs{font-size: x-small;}
.fs-s{font-size: small;}
.fs-m{font-size: medium;}
.fs-l{font-size: large;}
.fs-xl
{
    font-size: x-large;
    font-weight: bold;
    vertical-align: middle;
}
.fs-xxl{font-size: xx-large;font-weight: bold;}
.fs-10{font-size:10px;}.fs-11{font-size:11px;}.fs-12{font-size:12px;}.fs-13{font-size:13px;}.fs-14{font-size:14px;}.fs-15{font-size:15px;}.fs-16{font-size:16px;}.fs-18{font-size:18px;}.fs-20{font-size:20px;}.fs-22{font-size:22px;}.fs-24{font-size:24px;}.fs-26{font-size:26px;}.fs-28{font-size:28px;}.fs-30{font-size:30px;}.fs-40{font-size:40px;}
/**************************************/
ul.line-height-li-3 li
{
    margin-bottom: 10px;
}
/**************************************/
.border-none
{
    border:0;
}
.scroll-top
{
    width: 45px;
    height: 45px;
    background: #3763eb;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    display: none;
}
.scroll-top:hover{background:rgba(55,99,235,.7);color:#fff}
.lain
{
    border: thin solid #FF0000;
}
/**************************************/
.c-red{color: #DF0B0B}
.c-brown{color: #993333}
.c-blue{color: #0C54CD}
.c-blue-dark{color: #1C52A4}
.c-gurey{color: #808080}
.c-gurey2{color: #999999}
.c-gurey-light{color: #E0E0E0}
.c-black{color: #000;}
.c-white{color: #ffffff;}
.c-black-light{color: #60666C}
.c-orengi
{
    color: #FD3A02;
}
.c-green
{
    color: #009300;
}
.c-dark-light{color: #7587A4}


.text-pre
{
	white-space: pre-wrap;
	tab-size:6;
}
.text-nowrap
{
	white-space: nowrap;
}
.t-dec
{
    text-decoration: line-through;
    text-decoration-style: double;
    text-decoration-color:#CC0000;
}
/****************************************
 * BG
*****************************************/
.bg-test
{
    background-color: #E5E5E5;
}
.bg-gray
{
    background-color: #E5E5E5;
}
.bg-gray-light
{
    background-color: #F4F4F4;
}
.bg-red
{
    background-color: #FF0000;
}
.bg-blue
{
    background-color: #225CF7;
}
.bg-blue-light
{
    background-color: #EAFBFF;
}
.bg-orange
{
    background-color: #FF7A22;
}
.bg-yellow
{
    background-color: #FDE302;
}
.bg-yellow-light
{
    background-color: #FFFDE6;
}
.bg-yellow-light-2
{
    background-color: #FFFEF0;
}
/*************************
* IAMGES
*************************/
.images-box-s
{
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 80px;
}
.images-box-s> img
{
    max-width: 120px;
    max-height: 80px;
}
/*************************
* SETING
*************************/
.clear-div
{
    clear: both;
}
.view-hide
{
    display: none;
}
.view-show
{
    display: block;
}
.vis-show
{
    visibility: visible;
}
.view-show-height-200
{
    height: 200px;
    display: block;
}
@media (max-width: 768px) 
{
    .view-hide
    {
        display: block;
    }
    .view-show
    {
        display: none;
    }
    .vis-show
    {
        visibility: hidden;
        display: none;
    }
    .view-show-height-200
    {
        display: none;
        height:0px;
    }
}
/********************************
  side-navi
*********************************/
.side-navi h3
{
    background: #0068B6;
    color: #fff;
    padding: 0.3em 0.5em;
    font-size: 18px;
}
.side-navi h3 a
{
    padding: 2px 0px 0px 5px;
    font-size: 18px;
    line-height: 17px;
    display: block;
}
.side-navi h3:hover
{
    background: #287DDB;
    color: #fff;
}
.side-navi h3 a:hover
{
    color: #fff;
}
.side-navi li div
{
    border-bottom-color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.side-navi li a {
    display: block;
}

.side-navi ul li div
{
    background-color: #F4F4F4;
    padding: 0.4em 0.5em 0.3em 0.5em;
}
.side-navi ul ul li div
{
    background-color: #FFFFFF;
    padding: 0.4em 0.5em 0.3em 1.8em;
}

.side-navi ul li div:hover
{
    background-color: #E3E9F4;
}
.side-navi ul li div.active a
{
    color: #CC3399;
}

*/
/********************************
  sidemenu
*********************************/
.sidemenu
{
    border-radius: 0.4em;
}
.sidemenu h3 {
    background: #0068B6;
    color: #fff;
    padding: 0.3em 0.5em;
    font-size: 18px;
}
.sidemenu h3:hover
{
    background: #0079D2;
    color: #FFFFFF;
}
.sidemenu h3 a:hover
{
    color: #FFFFFF;
}
.sidemenu li
{
    background-color: #F7F7F7;
    border-top-style: solid;
    border-width: thin;
    border-top-color: #C8C8C8;
}

.sidemenu li a:hover
{
    text-decoration: none;
    background-color: #DDDDDD;
}
.sidemenu li a.active {
    text-decoration: none;
    background-color: #DDDDDD;
}
.sidemenu li a {
    display: block;
    padding: 0.4em 0.7em;
}
/*
----------------------------------
*/
.sidemenu.li-link li:hover
{
    text-decoration: none;
    background-color: #DDDDDD;
}

.sidemenu.li-link li.active {
    text-decoration: none;
    background-color: #DDDDDD;
}
.sidemenu.li-link li a
{
    padding: 0px;
}
/*
----------------------------------
*/
.sidemenu ul.sidemenu-list li a
{
    margin-left: 18px;
}

.sidemenu .form-step
{
    text-align: left;
}
.sidemenu .form-step li
{
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    background-color: #F2F2F2;
}
.sidemenu .form-step li.lastli
{
    border-radius: 0.4em;
    border-bottom: 0px;
}
.sidemenu .form-step li.active
{
    background-color: #DDDDDD;
}
/********************************
   page navi
*********************************/

div.page ul {
	font-size: 0;
	text-align: center;
}
div.page.navi ul li {
	background-color: #0068B6;
	width: 28px;
	line-height: 30px;
	color: #fff;
	margin-left: 4px;
	border: 1px solid #6d6d6d;
}
div.page.navi ul li.now
{
    background-color: #0068B6;
    color: #FFFFFF;
}
div.page.navi ul li a {
	display: block;
	background-color: #ffffff;
	color: #6d6d6d;
}
div.page.navi ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(0, 104, 182, 0.5);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.page.navi ul li:first-child {
	margin-left: inherit;
}
div.page ul li {
	font-size: 14px;
	display: inline-block;
}
/********************************
  detail-navi
*********************************/
.detail-pagination
{
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin-top: 30px;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.detail-navi li
{
    vertical-align: middle;
    text-align: center;

}
.detail-navi li a
{
    margin: 6px 0px 6px 0px;
    padding: 0px;
    vertical-align: middle;
    font-size: 18px;
}

.detail-navi li .page-link
{
    border-style: none;
}
.detail-navi li a .fas
{
    font-size: 34px;
    line-height: 1px;
    vertical-align: middle;
}
.detail-navi li a:hover
{
    background-image: none;
    background-color: #FFFFFF;
    color: #666666;
}
.detail-navi li.prev .fas
{
    margin-right: 5px;
}
.detail-navi li.next .fas
{
    margin-left: 5px;
}
/********************************
  BODY
*********************************/
.inner-page h2
{
    margin-bottom: 15px;
}
/********************************
  TEST
*********************************/
.list-close {
    max-height: 22vh;
    overflow: hidden;
    position: relative;
}

.list-close::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.text-close {
    max-height: 11vh;
    overflow: hidden;
    position: relative;
}

.text-close::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
/********************************
  STEP
*********************************/
.step-navi
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 10px 0 30px 0;
    padding: 0;
    overflow: hidden;
}
.step-li {
    align-items: center;
    background-color: #dee2e6;
    color: #556370;
    display: flex;
    font-size: 100%;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    padding: 0 1em;
    position: relative;
    min-height: 46px;
    line-height: 1.2;
    width: 100%;
    z-index: 1
}
.step-li::before,.step-li::after {
    content: '';
    display: block;
    border-style: solid;
    border-width: 23px 0 23px 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: 0
}
.step-li::before {
    border-color: transparent transparent transparent #fff;
    left: 0;
    z-index: 2
}
.step-li::after {
    border-color: transparent transparent transparent #dee2e6;
    right: -10px;
    z-index: 3
}
.step-li:first-child::before {
    display: none
}
.step-li:last-child {
    margin-right: 0
}
.step-li:last-child::after {
    display: none
}
.step-li.active, .step-li.active
{
    background-color: #34A5A5;
    color: #fff;
}
.step-li.active::after,.step-li.active::after {
    border-left-color: #34A5A5;
}
@media (max-width: 991.98px) {
    .step-li {
        font-size:11px;
        padding-right: 0
    }
}
@media (max-width: 767.98px) {
    .step-li {
        font-size:10px;
        margin-right: 6px;
        min-height: 46px;
        padding-right: 0;
        padding-left: .5em
    }
    .step-li::before,.step-li::after {
        border-width: 23px 0 23px 6px
    }
    .step-li:after {
        right: -6px
    }
}