@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.content { max-width: none; padding-right: 0; padding-left: 0; }

#yakuzaishiWarp { font-size: 62.5%; line-height: 1; color: #666666; font-weight: 500; }
#yakuzaishiWarp img { width: 100%; height: auto; vertical-align: top; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiMain 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.yakuzaishiMain { position: relative; max-width: 1000px; margin: 20px auto -25px; }
.yakuzaishiMain .mainTitle { background: url(../images/home_title1.png) no-repeat center top; background-size: cover; font-size: 0; line-height: 0; padding-top: calc( 508 / 1000 * 100% ); margin-right: calc( -100 / 1000 * 100% ); margin-left: calc( -100 / 1000 * 100% ); }

@media screen and (max-width: 767px) {
	.yakuzaishiMain { max-width: 500px; margin-top: 10px; margin-bottom: 15px; }
	.yakuzaishiMain .mainTitle { background-image: url(../images/home_title2.gif); padding-top: calc( 255 / 320 * 100% ); margin-right: 0; margin-left: 0; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiBand 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.yakuzaishiBand { background-color: #105786; padding: 30px calc( 50 / 1100 * 100% ); }
.yakuzaishiBand .bandInner { overflow: hidden; max-width: 1000px; border-right: solid 1px #ffffff; border-left: solid 1px #ffffff; margin-right: auto; margin-left: auto; }
.yakuzaishiBand .bandBlock { width: 50%; padding-right: 20px; padding-left: 20px; }
.yakuzaishiBand .bandBlock:nth-child(1) { float: left; border-right: solid 1px #ffffff; }
.yakuzaishiBand .bandBlock:nth-child(2) { float: right; }
.yakuzaishiBand .bandBlock .blockInner { display: table; margin-right: auto; margin-left: auto; }
.yakuzaishiBand .bandBlock .blockInner .blockImg { display: table-cell; width: 160px; vertical-align: middle; }
.yakuzaishiBand .bandBlock .blockInner .blockImg div { overflow: hidden; width: 140px; height: 140px; background-color: #d7dfe1; border-radius: 50%; padding: 12px; }
.yakuzaishiBand .bandBlock .blockInner .blockImg div img { overflow: hidden; display: block; width: 116px; height: 116px; border-radius: 50%; }
.yakuzaishiBand .bandBlock .blockInner .blockTxt { display: table-cell; width: calc( 100% - 160px ); color: #ffffff; font-weight: 700; vertical-align: middle; }
.yakuzaishiBand .bandBlock .blockInner .blockTxt dt { font-size: 1.3rem; line-height: 3.2rem; }
.yakuzaishiBand .bandBlock .blockInner .blockTxt dd { font-size: 2.3rem; line-height: 3.2rem; }
.yakuzaishiBand .bandBlock .blockInner .blockTxt dd span { display: inline-block; }

@media screen and (max-width: 767px) {
	.yakuzaishiBand { padding: 20px calc( 15 / 320 * 100% ); }
	.yakuzaishiBand .bandInner { max-width: 500px; }
	.yakuzaishiBand .bandBlock { padding-right: 10px; padding-left: 10px; }
	.yakuzaishiBand .bandBlock .blockInner { display: block; }
	.yakuzaishiBand .bandBlock .blockInner .blockImg { display: block; width: 100%; }
	.yakuzaishiBand .bandBlock .blockInner .blockImg div { width: 110px; height: 110px; padding: 10px; margin: 0 auto 10px; }
	.yakuzaishiBand .bandBlock .blockInner .blockImg div img { width: 90px; height: 90px; }
	.yakuzaishiBand .bandBlock .blockInner .blockTxt { display: block; width: 100%; text-align: center; }
	.yakuzaishiBand .bandBlock .blockInner .blockTxt dt { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 5px; }
	.yakuzaishiBand .bandBlock .blockInner .blockTxt dt span { display: block; }
	.yakuzaishiBand .bandBlock .blockInner .blockTxt dd { font-size: 1.8rem; line-height: 2.4rem; }
}






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiLead 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.yakuzaishiLead { font-size: 1.9rem; line-height: 3.5rem; color: #105786; text-align: center; font-weight: 700; padding: 25px calc( 50 / 1100 * 100% ) 50px; }
.yakuzaishiLead span { display: inline-block; }

@media screen and (max-width: 767px) {
	.yakuzaishiLead { font-size: 1.6rem; line-height: 2.4rem; font-feature-settings: "palt"; padding: 25px calc( 15 / 320 * 100% ) 50px; }
	.yakuzaishiLead span { display: block; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiArticle 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.yakuzaishiArticle { background-color: #eef6f6; padding-right: calc( 100 / 1100 * 100% ); padding-left: calc( 100 / 1100 * 100% ); }
.yakuzaishiArticle .articleInner1 { max-width: 900px; padding-top: 40px; margin-right: auto; margin-left: auto; }
.yakuzaishiArticle .articleInner2 { max-width: 900px; padding-top: 70px; padding-bottom: 100px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.yakuzaishiArticle { padding-right: calc( 15 / 320 * 100% ); padding-left: calc( 15 / 320 * 100% ); }
	.yakuzaishiArticle .articleInner1 { max-width: 500px; padding-top: 30px; }
	.yakuzaishiArticle .articleInner2 { max-width: 500px; padding-top: 30px; padding-bottom: 50px; }
}



/* ――――――――――――――――――――――――――――――
［ articleTitle ］
―――――――――――――――――――――――――――――― */

.articleTitle { display: table; }
.articleTitle .titleCategory { display: table-cell; width: 160px; vertical-align: middle; }
.articleTitle .titleCategory .categoryBlock { width: 135px; background-color: #64ba01; border-radius: 8px; font-size: 1.7rem; line-height: 2.6rem; color: #ffffff; font-weight: 700; text-align: center; padding: 40px 10px; }
.articleTitle .titleMain { display: table-cell; width: calc( 100% - 160px ); font-size: 4.3rem; line-height: 5.3rem; color: #105786; font-weight: 700; vertical-align: middle; }
.articleTitle .titleMain span { display: inline-block; }

@media screen and (max-width: 767px) {
	.articleTitle { display: block; padding-bottom: 20px; }
	.articleTitle .titleCategory { display: block; width: 100%; }
	.articleTitle .titleCategory .categoryBlock { width: 100%; padding: 6px 5px 5px; margin-bottom: 15px; }
	.articleTitle .titleCategory .categoryBlock br { display: none; }
	.articleTitle .titleMain { display: block; width: 100%; font-size: 2rem; line-height: 3rem; text-align: center; font-feature-settings: "palt"; }
}



/* ――――――――――――――――――――――――――――――
［ articleProfile ］
―――――――――――――――――――――――――――――― */

.articleProfile { min-height: 290px; background-color: #eef6f6; }
.articleProfile .profileInner { padding-right: calc( 100 / 1100 * 100% ); padding-left: calc( 100 / 1100 * 100% ); }
.articleProfile .profileInner .innerBlock { position: relative; max-width: 900px; margin-right: auto; margin-left: auto; }
.articleProfile .profileImg { position: absolute; top: 0; right: 0; overflow: hidden; width: calc( 290 / 900 * 100% ); border-radius: 50%; margin-right: calc( -50 / 1000 * 100% ); }
.articleProfile .profileName { padding-top: 35px; padding-bottom: 25px; border-bottom: solid 1px #105786; margin-bottom: 22px; }
.articleProfile .profileName dl { display: table; color: #105786; font-weight: 700; margin-right: auto; margin-left: auto; }
.articleProfile .profileName dl dt { display: table-cell; font-size: 1.8rem; line-height: 1; }
.articleProfile .profileName dl dd { display: table-cell; padding-left: 20px; }
.articleProfile .profileName dl dd span:nth-child(1) { font-size: 3.2rem; line-height: 1; }
.articleProfile .profileName dl dd span:nth-child(2) { font-size: 2.3rem; line-height: 1; }
.articleProfile .profileTxt { width: calc( 600 / 900 * 100% ); font-size: 1.7rem; line-height: 3.1rem; }
.articleProfile .profileTxt p { text-indent: 1em; }

@media screen and (max-width: 1100px) {
	.articleProfile .profileName dl { padding-right: calc( 100 / 1100 * 100% ); padding-left: calc( 100 / 1100 * 100% ); margin-right: 0; margin-left: 0; }
}

@media screen and (max-width: 767px) {
	.articleProfile .profileInner { padding-right: calc( 15 / 320 * 100% ); padding-left: calc( 15 / 320 * 100% ); }
	.articleProfile .profileImg { position: static; width: 220px; margin: 0 auto 20px; }
	.articleProfile .profileName { padding-top: 0; padding-bottom: 0; border-bottom: none; margin-bottom: 20px; }
	.articleProfile .profileName dl { display: block; text-align: center; }
	.articleProfile .profileName dl dt { display: block; font-size: 1.6rem; margin-bottom: 10px; }
	.articleProfile .profileName dl dd { display: block; padding-left: 0; }
	.articleProfile .profileName dl dd span:nth-child(1) { font-size: 2.4rem; }
	.articleProfile .profileName dl dd span:nth-child(2) { font-size: 1.6rem; }
	.articleProfile .profileTxt { max-width: 500px; width: 100%; font-size: 1.5rem; line-height: 2.8rem; margin-right: auto; margin-left: auto; }
}



/* ――――――――――――――――――――――――――――――
［ articleMenu ］
―――――――――――――――――――――――――――――― */

.articleMenu { background-color: #ffffff; padding-top: 7px; padding-bottom: 7px; margin-bottom: 100px; }
.articleMenu .menuInner { border-top: solid 1px #105786; border-bottom: solid 1px #105786; padding: 24px 0 34px 27px; }
.articleMenu .menuTitle { font-size: 1.7rem; line-height: 3.1rem; font-weight: 700; text-align: center; padding-right: 27px; margin-bottom: 25px; }
.articleMenu .menuTitle span:nth-child(1) { color: #00c0c4; }
.articleMenu .menuTitle span:nth-child(2) { color: #105786; }
.articleMenu .menuLink { overflow: hidden; }
.articleMenu .menuLink a { float: left; position: relative; display: block; width: 135px; min-height: 165px; border: solid 2px #105786; border-radius: 12px; padding-top: 13px; margin-right: 3px; margin-left: 3px; }
.articleMenu .menuLink a::before { position: absolute; bottom: 10px; right: 55px; display: block; width: 20px; height: 20px; background-color: #105786; border-radius: 50%; content: ""; margin-right: auto; margin-left: auto; }
.articleMenu .menuLink a::after { position: absolute; bottom: 16px; right: 63px; display: block; width: 8px; height: 8px; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; content: ""; transform: rotate(-45deg); }
.articleMenu .menuLink a dl { font-weight: 700; text-align: center; }
.articleMenu .menuLink a dl dt { display: inline-block; background-color: #105786; border-radius: 10px; font-size: 1.3rem; line-height: 1; color: #ffffff; padding: 4px 25px 3px; margin-bottom: 8px; }
.articleMenu .menuLink a dl dd { font-size: 1.6rem; line-height: 2.2rem; color: #105786; font-feature-settings: "palt"; }

@media screen and (min-width: 769px) {
	.articleMenu .menuLink a,
	.articleMenu .menuLink a::before,
	.articleMenu .menuLink a::after,
	.articleMenu .menuLink a dl dt,
	.articleMenu .menuLink a dl dd { transition: 0.3s ease; }
	.articleMenu .menuLink a:hover { background-color: #105786; }
	.articleMenu .menuLink a:hover::before { background-color: #ffffff; }
	.articleMenu .menuLink a:hover::after { border-color: #105786; }
	.articleMenu .menuLink a:hover dl dt { background-color: #ffffff; color: #105786; }
	.articleMenu .menuLink a:hover dl dd { color: #ffffff; }
}

@media screen and (max-width: 1100px) {
	.articleMenu .menuInner { text-align: center; padding-right: 27px; }
	.articleMenu .menuLink .linkInner { display: inline-block; }
}

@media screen and (max-width: 767px) {
	.articleMenu { margin-bottom: 60px; }
	.articleMenu .menuInner { padding: 15px calc( 15 / 290 * 100% ) 20px; }
	.articleMenu .menuTitle { font-size: 1.5rem; line-height: 2.7rem; font-feature-settings: "palt"; padding-right: 0; margin-bottom: 10px; }
	.articleMenu .menuLink .linkInner { display: block; }
	.articleMenu .menuLink .linkInner:not(:last-child) { margin-bottom: 10px; }
	.articleMenu .menuLink a { float: none; width: 100%; min-height: 38px; border-radius: 8px; padding: 8px 25px 8px 30px; margin-right: 0; margin-left: 0; }
	.articleMenu .menuLink a:not(:last-child) { margin-bottom: 10px; }
	.articleMenu .menuLink a::before { top: 0; bottom: 0; right: 0; width: 16px; height: 16px; margin: auto 5px auto 0; }
	.articleMenu .menuLink a::after { top: 0; bottom: 0; right: 0; width: 6px; height: 6px; margin: auto 11px auto 0; }
	.articleMenu .menuLink a dl { text-align: left; }
	.articleMenu .menuLink a dl dt { position: absolute; top: 0; bottom: 0; left: 0; display: block; border-radius: 50%; width: 16px; height: 16px; font-size: 1.1rem; line-height: 1.6rem; text-align: center; padding: 0; margin: auto 0 auto 8px; }
	.articleMenu .menuLink a dl dt span { display: none; }
	.articleMenu .menuLink a dl dd { width: calc( 100% - 20px ); font-size: 1.3rem; line-height: 1.8rem; }
	.articleMenu .menuLink a dl dd br { display: none; }
}



/* ――――――――――――――――――――――――――――――
［ articleContents ］
―――――――――――――――――――――――――――――― */

.articleContents { overflow: hidden; }
.articleContents:not(:last-child) { margin-bottom: 80px; }
.articleContents.contentsType1 .contentsImg { float: left; width: calc( 345 / 900 * 100% ); margin: 5px calc( 45 / 900 * 100% ) 30px 0; }
.articleContents.contentsType2 .contentsImg { float: left; width: calc( 320 / 900 * 100% ); margin: 5px calc( 45 / 900 * 100% ) 30px 0; }
.articleContents.contentsType3 .contentsImg { float: right; width: calc( 345 / 900 * 100% ); margin: 5px 0 30px calc( 45 / 900 * 100% ); }
.articleContents .contentsTitle { font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; margin-bottom: 30px; }
.articleContents .contentsTxt:not(:last-child) { margin-bottom: 25px; }
.articleContents .contentsTxt p { font-size: 1.7rem; line-height: 3.2rem; text-indent: 1em; }

@media screen and (max-width: 767px) {
	.articleContents { display: flex; flex-wrap: wrap; }
	.articleContents .contentsImg { order: 3; }
	.articleContents.contentsType1 .contentsImg { float: none; width: 250px; margin: 30px auto 0; }
	.articleContents.contentsType2 .contentsImg { float: none; width: 200px; margin: 30px auto 0; }
	.articleContents.contentsType3 .contentsImg { float: none; width: 250px; margin: 30px auto 0; }
	.articleContents .contentsTitle { order: 1; width: 100%; font-size: 2rem; line-height: 3rem; font-feature-settings: "palt"; text-align: center; margin-bottom: 20px; }
	.articleContents .contentsTxt { order: 2; }
	.articleContents .contentsTxt:not(:last-child) { margin-bottom: 15px; }
	.articleContents .contentsTxt p { font-size: 1.6rem; line-height: 2.8rem; }
	.articleContents .contentsTxt p:not(:last-child) { margin-bottom: 15px; }
}




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiColumn 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ columnTitle ］
―――――――――――――――――――――――――――――― */

.columnTitle { font-size: 4.6rem; line-height: 15rem; font-weight: 700; text-align: center; font-feature-settings: "palt"; padding-top: 25px; padding-bottom: 25px; }
.columnTitle .titleLogo { display: inline-block; width: 150px; margin-right: 30px; }
.columnTitle .titleColor1 { color: #00c0c4; }
.columnTitle .titleColor2 { color: #63ba00; }

@media screen and (max-width: 767px) {
	.columnTitle { font-size: 2.4rem; line-height: 3.4rem; }
	.columnTitle .titleLogo { display: block; width: 100px; margin: 0 auto 10px; }
}



/* ――――――――――――――――――――――――――――――
［ columnMain ］
―――――――――――――――――――――――――――――― */

.columnMain { position: relative; background-color: #eef6f6; padding-right: calc( 100 / 1100 * 100% ); padding-left: calc( 100 / 1100 * 100% ); }
.columnMain::after { position: absolute; top: 0; right: 0; left: 0; display: block; width: 1000px; background: url(../images/column_bg.gif) no-repeat; background-size: cover; content: ""; z-index: 0; padding-top: 420px; margin: 50px auto 0; }
.columnMain .mainInner { max-width: 970px; padding-top: 90px; padding-bottom: 95px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1190px) {
	.columnMain::after { width: calc( 1000 / 1190 * 100% ); padding-top: calc( 420 / 1190 * 100% ); margin-top: calc( 50 / 1190 * 100% ); }
	.columnMain .mainInner { padding-top: calc( 90 / 1190 * 100% ); }
}

@media screen and (max-width: 767px) {
	.columnMain { padding-right: calc( 15 / 320 * 100% ); padding-left: calc( 15 / 320 * 100% ); }
	.columnMain::after { display: none; }
	.columnMain .mainInner { max-width: 500px; padding-top: 35px; padding-bottom: 45px; }
}



/* mainBoard
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

.mainBoard { position: relative; background-color: #ffffff; padding: 50px calc( 35 / 970 * 100% ) 75px; margin-bottom: 85px; z-index: 1; }
.mainBoard::before { position: absolute; top: -33px; left: 0; display: block; width: 29px; height: 66px; background: url(../images/column_clip.png) no-repeat; background-size: cover; content: ""; margin-left: 215px; }
.mainBoard .bordTitle { border-top: dashed 1px #105687; border-bottom: dashed 1px #105687; margin-bottom: 40px; }
.mainBoard .bordTitle .titleNo { width: 70px; height: 70px; background-color: #105687; border-radius: 50%; font-size: 1.5rem; line-height: 7rem; color: #ffffff; font-weight: 700; text-align: center; margin: -35px auto 0; }
.mainBoard .bordTitle .titleMain { font-size: 4.2rem; line-height: 5.2rem; color: #105687; font-weight: 700; text-align: center; padding-top: 25px; padding-bottom: 60px; }
.mainBoard .bordTitle .titleMain span { display: inline-block; }
.mainBoard .boardTxt { font-size: 1.7rem; line-height: 3.1rem; }
.mainBoard .boardTxt h3 { font-size: 2rem; line-height: 3.1rem; color: #105687; text-align: center; margin-bottom: 20px; }
.mainBoard .boardTxt h3 span { display: inline-block; }
.mainBoard .boardTxt .txtImg { float: right; }
.mainBoard .boardTxt .txtImg.imgType1 { width: calc( 354 / 900 * 100% ); margin: 5px 20px 15px 20px; }
.mainBoard .boardTxt .txtImg.imgType2 { width: calc( 316 / 900 * 100% ); margin: 5px 30px 15px 40px; }
.mainBoard .boardTxt .txtImg.imgType3 { width: calc( 370 / 900 * 100% ); margin: 5px 0 15px 20px; }
.mainBoard .boardTxt .txtImg.imgType4 { width: calc( 316 / 900 * 100% ); margin: 5px 30px 15px 40px; }
.mainBoard .boardTxt .txtImg.imgType5 { width: calc( 355 / 900 * 100% ); margin: 5px 20px 15px 20px; }
.mainBoard .boardTxt .txtImg.imgType6 { width: calc( 305 / 900 * 100% ); margin: 5px 20px 15px 20px; }
.mainBoard .boardTxt p { text-indent: 1em; }
.mainBoard .boardTxt p span { font-weight: 700; }

@media screen and (max-width: 1190px) {
	.mainBoard::before { margin-left: calc( 215 / 1190 * 100% ); }
}

@media screen and (max-width: 767px) {
	.mainBoard { padding: 40px calc( 15 / 290 * 100% ) 45px; margin-bottom: 45px; }
	.mainBoard::before { top: -23px; width: 20px; height: 46px; margin-left: calc( 30 / 290 * 100% ); }
	.mainBoard .bordTitle { margin-bottom: 30px; }
	.mainBoard .bordTitle .titleNo { width: 50px; height: 50px; font-size: 1.5rem; line-height: 5rem; margin-top: -25px; }
	.mainBoard .bordTitle .titleMain { font-size: 2.4rem; line-height: 3.4rem; font-feature-settings: "palt"; padding-top: 15px; padding-bottom: 20px; }
	.mainBoard .boardTxt { font-size: 1.5rem; line-height: 2.5rem; }
	.mainBoard .boardTxt .txtImg { float: none; }
	.mainBoard .boardTxt .txtImg.imgType1,
	.mainBoard .boardTxt .txtImg.imgType2,
	.mainBoard .boardTxt .txtImg.imgType3,
	.mainBoard .boardTxt .txtImg.imgType4,
	.mainBoard .boardTxt .txtImg.imgType5,
	.mainBoard .boardTxt .txtImg.imgType6 { max-width: 300px; width: 100%; margin: 0 auto 25px; }
	.mainBoard .boardTxt p:not(:last-child) { margin-bottom: 10px; }
}



/* mainMore
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

.mainMore { max-width: 470px; margin: 0 auto; }
.mainMore .moreLead { font-size: 1.8rem; line-height: 3rem; font-weight: 700; text-align: center; margin-bottom: 20px; }
.mainMore a { position: relative; display: block; border: solid 3px #105687; border-radius: 50px; font-size: 2.4rem; line-height: 1; color: #105687; font-weight: 700; text-align: center; padding: 35px; margin-bottom: 20px; }
.mainMore a::after { position: absolute; top: 0; right: 65px; bottom: 0; display: block; width: 20px; height: 17px; background: url(../images/more_arrow.gif) no-repeat; background-size: cover; content: ""; margin-top: auto; margin-bottom: auto; }
.mainMore .moreAnn { font-size: 1.4rem; line-height: 3rem; text-align: center; }

@media screen and (max-width: 767px) {
	.mainMore a { border-width: 2px; border-radius: 28px; font-size: 2rem; padding: 16px; }
	.mainMore a::after { right: 25px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiLink 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiLink { overflow: hidden; padding-top: 100px; padding-bottom: 90px; }
#yakuzaishiLink .linkTitle1 { font-size: 4.5rem; line-height: 5.4rem; text-align: center; margin-bottom: 40px; }
#yakuzaishiLink .linkTitle1 .titleLogo { display: inline-block; width: 65px; margin-right: 40px; }
#yakuzaishiLink .linkTitle1 .titleColor1 { color: #00c0c4; }
#yakuzaishiLink .linkTitle1 .titleColor2 { color: #63ba00; }
#yakuzaishiLink .linkTitle2 { font-size: 4rem; line-height: 5rem; color: #105687; text-align: center; margin-bottom: 40px; }
#yakuzaishiLink .slider .linkPanel { overflow: hidden; width: 720px; border-radius: 15px; margin-right: 5px; margin-left: 5px; }
#yakuzaishiLink .slider .linkPanel.panelBlock1 { background-color: #d9ef5e; }
#yakuzaishiLink .slider .linkPanel.panelBlock2 { background-color: #baed77; }
#yakuzaishiLink .slider .linkPanel.panelBlock3 { background-color: #9aea8c; }
#yakuzaishiLink .slider .linkPanel.panelBlock4 { background-color: #7fe8a6; }
#yakuzaishiLink .slider .linkPanel.panelBlock5 { background-color: #5fe5c1; }
#yakuzaishiLink .slider .linkPanel.panelBlock6 { background-color: #3fe3dc; }
#yakuzaishiLink .slider .linkPanel a { position: relative; display: block; height: 340px; padding: 45px 30px 0 45px; }
#yakuzaishiLink .slider .linkPanel a .panelTxt { overflow: hidden; width: 390px; font-feature-settings: "palt"; }
#yakuzaishiLink .slider .linkPanel a .panelTxt div { float: left; width: 70px; height: 70px; background-color: #105687; border-radius: 50%; font-size: 1.5rem; line-height: 1; color: #ffffff; font-weight: 700; text-align: center; padding-top: 27px; }
#yakuzaishiLink .slider .linkPanel a .panelTxt dl { float: right; width: 300px; color: #105687; font-weight: 700; }
#yakuzaishiLink .slider .linkPanel a .panelTxt dl dt { font-size: 3.6rem; line-height: 4.8rem; margin-bottom: 20px; }
#yakuzaishiLink .slider .linkPanel a .panelTxt dl dd { font-size: 1.8rem; line-height: 3.4rem; }
#yakuzaishiLink .slider .linkPanel a .panelTxt dl span { display: inline-block; }
#yakuzaishiLink .slider .linkPanel a .panelImg { position: absolute; }
#yakuzaishiLink .slider .linkPanel.panelBlock1 a .panelImg { top: 45px; right: 45px; width: 245px; }
#yakuzaishiLink .slider .linkPanel.panelBlock2 a .panelImg { top: 45px; right: 45px; width: 245px; }
#yakuzaishiLink .slider .linkPanel.panelBlock3 a .panelImg { bottom: 20px; right: 45px; width: 320px; }
#yakuzaishiLink .slider .linkPanel.panelBlock4 a .panelImg { bottom: 0; right: 45px; width: 250px; }
#yakuzaishiLink .slider .linkPanel.panelBlock5 a .panelImg { bottom: 0; right: 25px; width: 280px; }
#yakuzaishiLink .slider .linkPanel.panelBlock6 a .panelImg { top: 55px; right: 45px; width: 240px; }
#yakuzaishiLink .linkBack { text-align: center; padding-top: 100px; }
#yakuzaishiLink .linkBack a { position: relative; display: inline-block; font-size: 3rem; line-height: 4.4rem; color: #105687; font-weight: 700; padding-right: 40px; }
#yakuzaishiLink .linkBack a::after { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 30px; height: 30px; background: url(../images/back_arrow.gif) no-repeat; background-size: cover; content: ""; margin-top: auto; margin-bottom: auto; }

@media screen and (min-width: 769px) {
	#yakuzaishiLink .linkBack a::before { position: absolute; bottom: 0; left: 0; opacity: 0; display: block; width: 100%; height: 3px; background-color: #105687; content: ""; transition: 0.3s ease; }
	#yakuzaishiLink .linkBack a:hover::before { opacity: 1; }
}

@media screen and (max-width: 767px) {
	#yakuzaishiLink { padding-top: 30px; padding-bottom: 30px; }
	#yakuzaishiLink .linkTitle1 { font-size: 2.4rem; line-height: 3.4rem; font-feature-settings: "palt"; margin-bottom: 20px; }
	#yakuzaishiLink .linkTitle1 .titleLogo { display: block; margin-right: auto; margin-left: auto; }
	#yakuzaishiLink .linkTitle2 { font-size: 2.4rem; line-height: 3.4rem; margin-bottom: 20px; }
	#yakuzaishiLink .slider .linkPanel { width: 280px; border-radius: 10px; }
	#yakuzaishiLink .slider .linkPanel a { height: 400px; padding: 20px 15px 0 15px; }
	#yakuzaishiLink .slider .linkPanel a .panelTxt { width: 100%; margin-bottom: 15px; }
	#yakuzaishiLink .slider .linkPanel a .panelTxt div { float: none; width: 80px; height: 30px; border-radius: 15px; padding-top: 8px; margin: 0 auto 10px; }
	#yakuzaishiLink .slider .linkPanel a .panelTxt dl { float: none; width: 100%; text-align: center; }
	#yakuzaishiLink .slider .linkPanel a .panelTxt dl dt { font-size: 2.2rem; line-height: 2.8rem; margin-bottom: 5px; }
	#yakuzaishiLink .slider .linkPanel a .panelTxt dl dd { font-size: 1.4rem; line-height: 2rem; }
	#yakuzaishiLink .slider .linkPanel a .panelImg { position: static; margin-right: auto; margin-left: auto; }
	#yakuzaishiLink .slider .linkPanel.panelBlock1 a .panelImg { width: 200px; }
	#yakuzaishiLink .slider .linkPanel.panelBlock2 a .panelImg { width: 200px; }
	#yakuzaishiLink .slider .linkPanel.panelBlock3 a .panelImg { width: 240px; }
	#yakuzaishiLink .slider .linkPanel.panelBlock4 a .panelImg { width: 200px; }
	#yakuzaishiLink .slider .linkPanel.panelBlock5 a .panelImg { width: 240px; }
	#yakuzaishiLink .slider .linkPanel.panelBlock6 a .panelImg { width: 200px; }
	#yakuzaishiLink .linkBack { padding-top: 10px; }
	#yakuzaishiLink .linkBack a { font-size: 2rem; line-height: 2.4rem; padding-right: 35px; }
	#yakuzaishiLink .linkBack a::after { display: block; width: 24px; height: 24px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiBanner 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.yakuzaishiBanner { background-color: #eef6f6; padding-top: 70px; padding-bottom: 70px; margin-bottom: 15px; }
.yakuzaishiBanner div { width: 400px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.yakuzaishiBanner { padding-top: 40px; padding-bottom: 40px; }
	.yakuzaishiBanner div { width: 290px; }
}