@charset "utf-8";

/*---color---*/

:root {
    --base-color: #002f76;
    --sub-color: #7f98df;
	--light-color: #eeeefc;
    --cat-mhlw: #0051d5;
    --cat-rouki: #439c3e;
    --cat-mie: #ef873a;
    --cat-kantoku: #47a5a2;
	
	--text-black: #1c1c1c;
	--light-gray: #969696;
}

.globalNavSP ul li a i{color: var(--sub-color);}
.humbMenuTel i{color: var(--sub-color);}
.humbMenuFax i{color: var(--sub-color);}

footer{border-top: solid 4px var(--base-color);}
footer .footerAddressArea .footerTel i{color: var(--sub-color);}
footer .footerAddressArea .footerFax li i{color: var(--sub-color);}
footer nav.umnList ul li a i{color: var(--sub-color);}

.homeNewsList .homeSeminarInfoList{background-color: var(--light-color);}

.linkType02{color: var(--base-color) !important;}
.TitleType04::before{background-color: var(--sub-color);}

/*-----top-page,template-----*/
/*---base---*/

.bgGeometry{background-image: url("../../images/common/bg_city.png"); background-position: bottom; background-color: #fafafa; background-size: auto 100%;}

.reissueAddress{background-image: url("../../images/common/entryApplyBox_bg.jpg");}

.download-btn{min-width: 300px; width: fit-content; color: var(--white) !important; background-color: var(--sub-color) !important; padding: 10px 20px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; margin: 20px 0 30px; line-height: 1.4;}
.download-btn i{display: block; margin-left: 15px; padding-top: 4px;}
.read-btn{min-width: 300px; width: fit-content; color: var(--white) !important; background-color: var(--base-color) !important; padding: 10px 20px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; margin: 20px 0 30px;}
.read-btn i{display: block; margin-left: 15px; padding-top: 4px; line-height: 1.4;}
a.palt{font-feature-settings: 'palt';}
.excel-btn{width: fit-content; font-size: 17px; color: var(--white) !important; background-color: var(--cat-rouki) !important; padding: 10px 20px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;  line-height: 1.4;}
.excel-btn i{display: block; margin-left: 15px; padding-top: 4px;}
.pdf-btn{width: fit-content; font-size: 17px; color: var(--white) !important; background-color: var(--cat-mie) !important; padding: 10px 20px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;  line-height: 1.4;}
.pdf-btn i{display: block; margin-left: 15px; padding-top: 4px;}
.confirm-btn{min-width: 300px; width: fit-content; color: var(--white) !important; background-color: var(--sub-color) !important; padding: 15px 20px; font-weight: 500; display: flex; justify-content: center; align-items: center;}
.confirm-btn i{display: block; margin-left: 15px; padding-top: 4px;}
#contact-page .confirm-btn{margin: 40px auto 30px;}

.back-btn{min-width: 300px; width: fit-content; color: var(--white) !important; background-color: var(--light-gray) !important; padding: 15px 20px; font-weight: 500; display: flex; justify-content: center; align-items: center; line-height: 1.4;}
.news_area_reset a.back-btn{min-width: 200px; text-decoration: none !important; margin: 50px auto 0;}
#fin-page a.back-btn{min-width: 200px; margin: 0 auto;}
.back-btn i{display: block; margin-right: 15px; padding-top: 4px;}

/*---pc---*/
@media print, screen and (min-width: 1400px){.br-1400{display: none;}}
@media only screen and (min-width: 1000px) and (max-width: 1400px){.br-1400{display: block;}}

@media print, screen and (min-width: 769px){

.TitleType04, .TitleType03{font-weight: 500;}
	
header h1{top: 22px;}
header.is-fixed h1{top: 22px;}
header/*.is-fixed*/ h1{top: 22px;}
header/*.is-fixed*/ nav.globalNav ul li:nth-child(1){width: 17.5%;}
header/*.is-fixed*/ nav.globalNav ul li:nth-child(2){width: 17.5%;}
header/*.is-fixed*/ nav.globalNav ul li:nth-child(3){width: 22%;}
header/*.is-fixed*/ nav.globalNav ul li:nth-child(4){width: 25.5%;}
header/*.is-fixed*/ nav.globalNav ul li:nth-child(5){width: 17.5%;}
	
footer .footerAddressArea div{width: 405px;}
footer .footerAddressArea h2{width: 280px;}
	
.bnr_seminar_sp02{background-color: var(--cat-rouki);}
.bnr_seminar_sp02.on-scroll{background-color: rgba(67, 156, 62, 0.2);}
.bnr_seminar_sp02 a:hover{background-color: var(--cat-rouki);}
	
.mainImage ul li:first-child{background-position: 50% 73%;}
.mainImage h2{font-size: 55px; font-feature-settings: 'palt'; letter-spacing: 4px;}
	
.homeSaigaitoukeiBnr li{width: 400px; max-width: unset; margin: 0 10px;}
.homeSaigaitoukeiBnr li:first-child {margin-left: 0; margin-right: 10px;}
.homeSaigaitoukeiBnr li:last-child {margin-right: 0; margin-left: 10px;}
.homeSaigaitoukeiBnr li a, .homeSaigaitoukeiBnr li a:last-child{margin: 0; max-height: unset;}
	
.bgGeometry{border-top: 1px solid var(--gray);}
.homeAboutArea{padding: 70px 0 100px 0;}
.TitleType02{line-height: 1.3;}
	
.homeBnrArea section{max-width: 1110px;}
.FlexBoxL.Bnr-grid{grid-template-columns: repeat(4, 270px);}
.FlexBoxL.Bnr-grid li img{width: 100%;}
	
}

@media only screen and (min-width: 769px) and (max-width: 1300px){

.mainImage ul li:first-child{background-position: center;}

}

@media only screen and (min-width: 769px) and (max-width: 1000px){.br-1400{display: none;}}

@media only screen and (min-width: 820px) and (max-width: 1250px){

.homeBnrArea section{max-width: 550px;}
.FlexBoxL.Bnr-grid{grid-template-columns: repeat(2, 270px);}

}

@media only screen and (min-width: 640px) and (max-width: 1000px){

.mainImage h2{font-size: 225%;}

}

/*---sp---*/
@media print, screen and (max-width: 768px){
	
header h1{top: 21px;}
	
footer .footerAddressArea h2{width: 60%;}
	
.bnr_seminar_sp02{background-color: var(--cat-rouki);}
.bnr_seminar_sp02.on-scroll{background-color: rgba(67, 156, 62, 0.2);}
.bnr_seminar_sp02 a:hover{background-color: var(--cat-rouki);}
	
.download-btn{min-width: unset;}
	
.mainImage ul li:first-child{background-position: center;}
.mainImage h2{font-feature-settings: 'palt'; letter-spacing: 4px;}

.homeSaigaitoukeiBnr li{margin-bottom: 30px;}
.homeSaigaitoukeiBnr li:last-child {margin-bottom: 0;}
.homeSaigaitoukeiBnr li a{height: 100%; max-height: unset !important; margin-bottom: 0 !important;}
	
.bgGeometry{background-size: 150% auto; background-repeat: no-repeat; border-top: 1px solid var(--gray);}
.homeAboutArea{padding: 50px 0;}
	
.br-1400{display: none;}
	
}

@media print, screen and (min-width: 500px){.br-500{display: none;}}
@media print, screen and (max-width: 500px){.br-500{display: block;}}

/*-----下層ページ-----*/

@media print, screen and (min-width: 769px){
	
#about-page .ListNumber li{font-weight: 500;}
#about-page .ListNumber li p{font-weight: 500;}
#about-page .ListNumber li .ListDisc li{font-weight: 400;}
#about-page .ListNumber li .ListDisc li span{font-size: 15px;}

#reissue-page .reissueCase p{font-weight: 500;}
#reissue-page .ListNumber li{font-weight: 500; font-size: 20px;}
#reissue-page .reissueCase li,#reissue-page .ListNumber li ul li{font-weight: 400; font-size: 18px;}
#reissue-page p{font-size: 18px;}
.FlexBoxG{display: flex;}
.FlexBoxG .ttl{width: 75px; height: fit-content; text-align: center; color: var(--white); background-color: var(--cat-rouki); font-size: 17px; padding: 0 10px 1px; margin-right: 15px;}
.FlexBoxG p{}
.FlexBoxG span{display: block;}
.FlexBoxG .RedTxt{}

.paymentBox {width: fit-content; max-width: 500px; display: block; background-color:#fff; padding: 15px 25px; border:solid 1px #ccc; margin: 20px 0;}
.paymentFlex{}
.paymentBox .bold{font-weight: 500;}
#reissue-page .paymentBox p{font-size: 17px;}
#reissue-page .download-btn{margin: 10px 0 0;}

.bgGrey .reissueCase{background-color: var(--white);}
.bgGrey .reissueCase .bold{font-weight: 500; font-size: 20px; text-align: center;}
.bgGrey .reissueCase .FlexBoxB{margin: 20px 0;}
.bgGrey .FlexBoxB .excel-btn, .bgGrey .FlexBoxB .pdf-btn{width: 48%;}
.bgGrey .download-btn{margin: 30px auto 0;}
.memberRokiBlock .reissueCase{border: 1px solid var(--cat-other);}
.memberRokiBlock .reissueCase p{font-size: 17px;}
.memberRokiBlock .reissueCase .bold{text-align: start; font-weight: 700; font-size: 24px;}
.memberRokiBlock .FlexBox .rokiThumb{width: 48%;}
.memberRokiBlock .FlexBox .rokiThumb{display: block; background-color: var(--white);}
	
.news_area_reset a{margin: 0 15px 15px 0;}
	
.news_area_reset .span-small{font-size: 16px; color: var(--text-black);}
.news_area_reset .RedTxt.bold{font-size: 20px; font-weight: 600;}
	
.type-input tr:first-child td, .type-input tr:nth-child(6) td, .type-input tr:last-child td{line-height: 2;}

.entryFinBox{border: 10px solid var(--light-color);}	
.entryFinBox dt i{color: var(--sub-color);}	
	
.accessWay li .ListDisc li{width: calc(100% - 1.2rem);}
	
}

@media only screen and (min-width: 769px) and (max-width: 1200px){

.bgGrey .reissueCase .FlexBoxB{display: block;}
.bgGrey .FlexBoxB .excel-btn, .bgGrey .FlexBoxB .pdf-btn{width: 100%;}
.bgGrey .FlexBoxB .pdf-btn{margin-top: 15px;}

}

@media print, screen and (max-width: 768px){
	
#about-page .siteWidth.comPad p{text-align: justify;}
#about-page .ListNumber li{font-weight: 500;}
#about-page .ListNumber li p{font-weight: 500; text-align: justify;}
#about-page .ListNumber li .ListDisc li{font-weight: 400; text-align: justify;}
#about-page .ListNumber li .ListDisc li span{font-size: 15px;}
	
#reissue-page .reissueCase{padding: 20px;}
#reissue-page .reissueCase p{font-weight: 500;}
#reissue-page .ListNumber li{font-weight: 500; font-size: 20px;}
#reissue-page .reissueCase li,#reissue-page .ListNumber li ul li{font-weight: 400; font-size: 18px;}
#reissue-page p{font-size: 18px;}
.FlexBoxG .ttl{width: 75px; height: fit-content; text-align: center; color: var(--white); background-color: var(--cat-rouki); font-size: 17px; padding: 0 10px 1px; margin-bottom: 5px;}
.FlexBoxG p{}
.FlexBoxG span{display: block;}
.FlexBoxG .RedTxt{}

.paymentBox {width: fit-content; max-width: 500px; display: block; background-color:#fff; padding: 15px 25px; border:solid 1px #ccc; margin: 15px 0 20px;}
.paymentFlex{}
.paymentBox .bold{font-weight: 500;}
#reissue-page .paymentBox p{font-size: 17px;}
#reissue-page .download-btn{margin: 10px 0 0;}
	
.bgGrey .reissueCase{background-color: var(--white); padding: 20px;}
.bgGrey .reissueCase .bold{font-weight: 500; font-size: 20px; text-align: center;}
.bgGrey .reissueCase .FlexBoxB{margin: 20px 0;}
.bgGrey .FlexBoxB .excel-btn, .bgGrey .FlexBoxB .pdf-btn{width: 48%; font-size: 16px;}
.bgGrey .download-btn{margin: 30px auto 0;}
.memberRokiBlock .reissueCase{border: 1px solid var(--cat-other);}
.memberRokiBlock .reissueCase p{font-size: 17px;}
.memberRokiBlock .reissueCase .bold{text-align: start; font-weight: 700; font-size: 24px;}
.memberRokiBlock .FlexBox .rokiThumb{width: 48%;}
.memberRokiBlock .FlexBox .rokiThumb{display: block; background-color: var(--white);}
	
.news_area_reset a{display: block; margin: 10px 0 0 0;}
	
.news_area_reset .span-small{font-size: 16px; color: var(--text-black);}
.news_area_reset .RedTxt.bold{font-size: 20px; font-weight: 600;}

.contactTel dl div{padding-top: 10px;}
	
.entryFinBox{border: 10px solid var(--light-color);}
.entryFinBox dt i{color: var(--sub-color);}
	
.accessWay li .ListDisc li{width: calc(100% - 1.2rem);}
	
}

@media only screen and (max-width: 500px){

.bgGrey .reissueCase .FlexBoxB{display: block;}
.bgGrey .FlexBoxB .excel-btn, .bgGrey .FlexBoxB .pdf-btn{width: 100%;}
.bgGrey .FlexBoxB .pdf-btn{margin-top: 15px;}

}