@charset "utf-8";
/* --------------------
01.共通
02.トップ
03.記事共通
04.記事01
05.記事02
06.記事03,04,05,07
07.記事06
--------------------*/

/* ----------
01.共通
---------- */


body{
-webkit-font-smoothing: antialiased;
}

.pc{
display: block;
}

.sp{
display: none;
}

.tab960{
display: none;
}

.l_contents .l_contents_mainLayout{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
overflow:hidden;
padding: 0;
background: #fff;
}

.l_contents_mainLayout img{
width: 100%;
height: auto;
}

.contents_in{
max-width: 976px;
width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}

*{
box-sizing: border-box;
}

.l_contents .l_contents_footer{
width: 100%;
background: #52A2DE;
color: #fff;
padding: 66px 0 77px;
text-align: center;
position: relative;
}

.u_linkPagetopPc,.pagetop_sp{
bottom: 135px;
z-index: 4000000;
}

.u_linkPagetopPc a,.pagetop_sp a{
display: block;
width: 59px;
height: 59px;
border-radius: 50%;
box-sizing: border-box;
background: #0E2677;
position: relative;
}

.u_linkPagetopPc a img,.pagetop_sp a img{
width: 9px;
margin: 0 auto;
height: auto;
transform: translate(-50%,-50%) rotate(180deg);
position: absolute;
top: 50%;
left: 50%;
}

.u_linkPagetopPc span,.pagetop_sp span{
display: block;
line-height: 19px;
margin: 7px auto 0;
text-align: center;
font-size: 12px;
font-weight: 500;
color: #0E2677;
}

/*パンくずリスト*/

.u_breadcrumbs{
background:#f1f1f1;
/*min-width:970px;*/
color:#999;
font-size:12px;
border-top:1px solid #ddd;
border-bottom:1px solid #fff;
}

.u_breadcrumbs_wrap{
/*width:970px;*/
width:100%;
max-width: 970px;
padding:8px 10px;
margin:0 auto;
}

.u_breadcrumbs_wrap ul li{
float:left;
white-space:nowrap;
}

.u_breadcrumbs_wrap ul li span{
color:#666;
white-space:normal;
}

/* ----------
02.トップ
---------- */

#frontpage #l_mainvisual_area{
background: url(../img/bg_mainvisual.jpg) no-repeat left top;
background-size: 100% 100%;
padding: 22px 0 36px;
}

#frontpage #l_mainvisual_area .contents_in{
max-width: 1180px;
position: relative;
}

#frontpage #l_mainvisual_area .cnt_box{
display: flex;
align-items: start;
flex-wrap: wrap;
padding: 0 0 0 100px;
}

#frontpage #l_mainvisual_area .cnt_text{
max-width: 515px;
width: 49.62%;
color: #fff;
padding: 25px 0 0;
position: relative;
}

#frontpage #l_mainvisual_area .cnt_text h1{
padding: 0 0 15px;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text{
display: block;
font-weight: 700;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01{
font-size: 36px;
line-height: 46px;
letter-spacing: -0.03em;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01 .h1_small01{
font-size: 30px;
font-weight: 700;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01 .h1_letter_small{
letter-spacing: -0.3em;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02{
font-size: 53px;
line-height: 64px;
letter-spacing: -0.05em;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02 .h1_small01{
font-size: 46px;
font-weight: 700;
}

#frontpage #l_mainvisual_area .cnt_text p{
font-size: 14px;
line-height: 26px;
letter-spacing: -0.03em;
padding: 0 0 28px;
}

#frontpage #l_mainvisual_area .cnt_text .catchcopy{
font-weight: 700;
font-size: 20px;
line-height: 28px;
}

#frontpage #l_mainvisual_area .cnt_img{
max-width: 649px;
width: 52.52%;
margin: 0 0 0 -2.14%;
}

#frontpage #l_mainvisual_area .arrow{
max-width: 84px;
width: 100%;

border-radius: 50%;
background: #0F306A;
position: absolute;
bottom: -42px;
left: -4px;
}

#frontpage #l_mainvisual_area .arrow a{
display: block;
width: 100%;
height: 84px;
}

#frontpage #l_mainvisual_area .arrow span{
max-width: 12.5px;
width: 100%;
display: block;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all .4s;
}

#frontpage #l_mainvisual_area .arrow a:hover span{
top: 53%;
}

#frontpage #l_pagenav_area{
background: #F2F7FA;
padding: 30px 0 27px;
}

#frontpage #l_pagenav_area ul{
display: flex;
align-items: start;
justify-content: center;
flex-wrap: wrap;
}

#frontpage #l_pagenav_area li{
max-width: 210px;
width: 100%;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
border: 1px solid #56A7E2;
border-radius: 10px;
box-shadow: 0 6px 10px rgba(81,137,178,.16);
margin: 0 5px 12px;
}

#frontpage #l_pagenav_area li a{
width: 100%;
padding: 17px 30px 23px;
text-align: center;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #29ABE2;
position: relative;
display: flex;
align-items: center;
}

#frontpage #l_pagenav_area li a span{
display: inline-block;
width: 100%;
font-weight: 700;
}

#frontpage #l_pagenav_area li a svg{
display: block;
margin: 9px auto 0;
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
transition: all .3s;
}

#frontpage #l_pagenav_area li a:hover svg{
bottom: 2px;
}

#frontpage #l_pagenav_area .nolink{
border-color: #D0D0D0;
}

#frontpage #l_pagenav_area .nolink a{
pointer-events:none;
color: #D0D0D0;
}

#frontpage #l_pagenav_area .nolink a svg path{
fill: #D0D0D0;
}


#frontpage .l_article_area{
background: #fff;
position: relative;
}

#frontpage .l_article_area::before{
content: "";
display: block;
width: 31.7%;
height: 100%;
position: absolute;
top: 0;

opacity: 0.3;
}

#frontpage .l_article_area.article_ptn01::before{
background: rgb(44,181,255);
background: linear-gradient(90deg, rgba(44,181,255,1) 5%, rgba(44,181,255,1) 10%, rgba(217,251,255,1) 90%);
left: 0;
}

#frontpage .l_article_area.article_ptn02::before{
background: rgb(44,181,255);
background: linear-gradient(90deg, rgba(217,251,255,1) 10%, rgba(44,181,255,1) 80%, rgba(44,181,255,1) 95%);
right: 0;
}

#frontpage .l_article_area .contents_in{
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
}

#frontpage .l_article_area.article_ptn01 .contents_in{
flex-direction: row-reverse;
}

#frontpage .l_article_area .cnt_text{
max-width: 390px;
width: 39.96%;
}

#frontpage .l_article_area .cnt_text h2{
margin: 0 0 30px;
font-weight: 700;
font-size: 36px;
line-height: 43px;
color: #29ABE2;
}

#frontpage .l_article_area .cnt_text h2 span{
display: block;
margin: 0 0 10px;
font-size: 22px;
line-height: 30px;
font-weight: 700;
}

#frontpage .l_article_area .cnt_text p{
font-weight: 500;
font-size: 14px;
line-height: 25px;
margin: 0 0 20px;
}

#frontpage .l_article_area .cnt_text .next_btn{
max-width: 260px;
width: 100%;
}
.article_page #l_maincontents_area .common_btn {
max-width: 400px;
width: 90%;
margin: 50px auto;
}

#frontpage .l_article_area .cnt_text .next_btn a,
.article_page #l_maincontents_area .common_btn a{
display: inline-block;
width: 100%;
border-radius: 32px;
color: #fff;
background: rgb(18,57,129);
background: linear-gradient(90deg, rgba(18,57,129,1) 60%, rgba(15,47,105,1) 100%);
padding: 25px 0 25px 26px;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.08em;
position: relative;
}

#frontpage .l_article_area .cnt_text .next_btn a::before,
.article_page #l_maincontents_area .common_btn a::before{
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../img/arrow_right01.png) no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 51%;
left: 80px;
transform: translateY(-50%);
transition: all .4s;
}

#frontpage .l_article_area .cnt_text .next_btn a:hover::before,
.article_page #l_maincontents_area .common_btn a:hover::before{
left: 86px;
}


#frontpage #article01 .cnt_img{
max-width: 545px;
width: 55.85%;
margin: 0 0 0 -12px;
}

#frontpage #article01 .cnt_text{
padding: 54px 0 20px;
}

#frontpage #article02 .cnt_img,
#frontpage #article04 .cnt_img,
#frontpage #article06 .cnt_img{
max-width: 479px;
width: 49.74%;
margin: 30px -27px 0 0;
}
#frontpage #article04 .cnt_img,
#frontpage #article06 .cnt_img {
  max-width: 420px;
}

#frontpage #article02 .cnt_text,
#frontpage #article04 .cnt_text,
#frontpage #article06 .cnt_text{
padding: 50px 0 63px;
margin: 0 -30px 0 0;
max-width: 545px;
width: 55.85%;
position: relative;
z-index: 1;
}

#frontpage #article02 .cnt_text p,
#frontpage #article04 .cnt_text p,
#frontpage #article06 .cnt_text p{
max-width: 389px;
}

#frontpage #article03 .contents_in{
align-items: center;
}

#frontpage #article03 .cnt_img,
#frontpage #article05 .cnt_img,
#frontpage #article07 .cnt_img{
max-width: 499px;
width: 51.12%;
margin: 0 0 0 -12px;
}
#frontpage #article05 .cnt_img,
#frontpage #article07 .cnt_img {
max-width: 479px;
width: 49.74%;
}

#frontpage #article03 .cnt_text,
#frontpage #article05 .cnt_text,
#frontpage #article07 .cnt_text{
padding: 32px 0 72px;
}
#frontpage #article05 .cnt_text,
#frontpage #article07 .cnt_text {
max-width: 545px;
width: 50%;
}


#frontpage .l_comingsoon_area{
background: #F2F7FA;
padding: 58px 0 71px;
text-align: center;
}

#frontpage .l_comingsoon_area p{
font-weight: 500;
font-size: 14px;
line-height: 25px;
margin: 0 0 16px;
}

#frontpage .l_comingsoon_area .icon{
max-width: 66px;
margin: 0 auto 20px;
}

#frontpage .l_comingsoon_area .title{
font-weight: bold;
font-size: 37px;
line-height: 37px;
color: #9ED0FF;
}

#frontpage #l_subcontents_area{
padding: 29px 0 45px;
}

#frontpage #l_subcontents_area h3{
font-weight: bold;
font-size: 19px;
color: #29ABE2;
max-width: 885px;
width: 100%;
margin: 0 auto 9px;
}

#frontpage #l_subcontents_area .cnt_g{
max-width: 885px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
}

#frontpage #l_subcontents_area .cnt_box{
max-width: 283px;
width: 31.98%;
border: 1px solid #D5D7D5;
border-radius: 15px;

}

#frontpage #l_subcontents_area .cnt_box a{
display: flex;
align-items: center;
width: 100%;
padding: 17px 15px;
box-sizing: border-box;
word-break: break-all;
}

#frontpage #l_subcontents_area .cnt_box .cnt_img{
max-width: 99px;
width: 39.45%;
margin: 0 3.19% 0 0;
}

#frontpage #l_subcontents_area .cnt_box .cnt_img img{
border-radius: 8px;
}

#frontpage #l_subcontents_area .cnt_box .cnt_text{
font-size: 16px;
line-height: 19px;
width: 57.36%;
color: #333;
}



/* ----------
03.記事共通
---------- */

.article_page #l_mainvisual_area{
background: rgba(41,148,226,.78);
overflow: hidden;
color: #fff;
margin: 0 0 15px;
}

.article_page #l_mainvisual_area .cnt_box{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 13px 8px 0;
}

.article_page #l_mainvisual_area h1{
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: 0.02em;
}

.article_page #l_mainvisual_area h1 span{
font-size: 20px;
line-height: 32px;
letter-spacing: 0.04em;
display: block;
margin: 0 0 10px;
font-weight: 500;
}

.article_page #l_mainvisual_area .cnt_img{
max-width: 406px;
width: 100%;
margin: -3px 0 0;
}

.article_page #page_contents{
display: flex;
/* align-items: start; */
justify-content: space-between;
margin: 0 auto 32px;
}


.article_page #l_maincontents_area{
width: calc(100% - 254px);
margin: 0 25px 0 0;
}

.article_page #l_maincontents_area .h2_g{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.article_page #l_maincontents_area .h2_g h2{
color: #29ABE2;
font-weight: 700;
font-size: 36px;
line-height: 50px; /*改行の強調点の余白とるため*/
padding: 6px 0 0;
}

.article_page #l_maincontents_area .h2_g h2 span{
font-weight: 700;
}

.article_page #l_maincontents_area .h2_g h2 .h2_small{
font-size: 32px;
}

.article_page #l_maincontents_area .h2_g h2 .point_group {
display: inline-block;
font-weight: 700;
}
.article_page #l_maincontents_area .h2_g h2 .point{
position: relative;
}

.article_page #l_maincontents_area .h2_g h2 .point::before{
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
background: #000;
}

.article_page #l_maincontents_area .h2_g .icon{
max-width: 100px;
width: 100%;
}

.article_page #l_maincontents_area h3{
background: #DBEDFA;
border-radius: 5px;
padding: 20px;
color: #29ABE2;
font-weight: 700;
font-size: 22px;
line-height: 25px;
margin: 51px 0 28px;
}

.article_page #l_maincontents_area h3 .text_small {
  display: inline-block;
  padding-left: 10px;
}

.article_page #l_maincontents_area h4{
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin: 0 auto 20px;
}

.article_page #l_maincontents_area .sub_title{
font-weight: 700;
font-size: 14px;
line-height: 28px;
color: #58ABE8;
margin: 0 auto 25px;
}

.article_page #l_maincontents_area img{
border-radius: 10px;
}

.article_page #l_maincontents_area p{
font-size: 14px;
line-height: 28px;
font-weight: 500;
margin: 0 auto 26px;
}

.article_page #l_maincontents_area p a{
color: #58ABE8;
text-decoration: underline;
font-weight: 500;
}

#l_maincontents_area .attention_text p {
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 20px;
text-align: right;
}
#article07 #l_maincontents_area .attention_text p {
  margin-bottom: 26px;
}
#l_maincontents_area .attention_text p.is_left {
text-align: left;
}

.article_page #l_maincontents_area .text_small {
font-size: 12px;
line-height: 16px;
}


.article_page #l_maincontents_area .referenceLink { /* 参考リンク */
  margin-top: 26px;
}

.sticky_table table { /* スクロールするtable */
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.sticky_table .sticky_th {
position: -webkit-sticky;
position: sticky;
left: 0px;
}
.sticky_table .sticky_th2nd {
position: -webkit-sticky;
position: sticky;
left: 60px;
}
.sticky_table .sticky_th-corner {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 10;
}
.sticky_table.heignt400 table { /* 高さも固定 */
height: 400px;
overflow-y: auto;
}
.sticky_table.heignt400 .sticky_th-head {
position: -webkit-sticky;
position: sticky;
top: 0px;
}
.sticky_table.heignt400 .sticky_th-head2nd {
position: -webkit-sticky;
position: sticky;
top: 31px;
}

.article_page #l_maincontents_area .ls_s40{
letter-spacing: -0.04em;
}

.article_page #l_maincontents_area .important_text{
font-weight: 500;
background: linear-gradient(transparent 60%, #FCE481 60%);
}

.article_page #l_maincontents_area .box_ptn01{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 14px;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_text{
max-width: 358px;
width: 49.66%;
}
.article_page #l_maincontents_area .box_ptn01.smallImg .cnt_text {
max-width: 504px;
width: 68%;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_text p{
margin: 0;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_img{
max-width: 346px;
width: 47.99%;
}
.article_page #l_maincontents_area .box_ptn01.smallImg .cnt_img{
max-width: 200px;
width: 30%;
}

.article_page #l_maincontents_area .list_ptn01{
margin: 0 0 27px 1.2em;
}

.article_page #l_maincontents_area .list_ptn01 li{
list-style: disc;
font-weight: 500;
}

.article_page #l_maincontents_area .list_ptn02{
display: flex;
justify-content: space-between;
margin: 0 auto 34px;
}

.article_page #l_maincontents_area .list_ptn02 li{
max-width: 226px;
width: 31.35%;
border-radius: 5px;
background: #F5F5F5;
text-align: center;
padding: 32px 10px 29px;
position: relative;
}

.article_page #l_maincontents_area .list_ptn02 li .number{
display: block;
max-width: 22px;
width: 100%;
background: #FFD00A;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 11px;
padding: 2px 0 3px;
border-radius: 50%;
position: absolute;
top: -11px;
left: 50%;
transform: translateX(-50%);
}

.article_page #l_maincontents_area .list_ptn02 li .text{
font-weight: 700;
font-size: 16px;
color: #58ABE8;
display: block;
width: 100%;
}

.article_page #l_maincontents_area .dl_ptn01 dt{
font-weight: 700;
font-size: 14px;
line-height: 28px;
color: #58ABE8;
margin: 0 0 5px;
padding: 0 0 0 37px;
position: relative;
}

.article_page #l_maincontents_area .dl_ptn01 dt span{
display: inline-block;
max-width: 25px;
width: 100%;
background: #58ABE8;
color: #fff;
padding: 5px 0 6px;
text-align: center;
font-size: 14px;
line-height: 14px;
border-radius: 50%;
margin: 0 12px 0 0;
position: absolute;
top: 2px;
left: 0;
}

.article_page #l_maincontents_area .dl_ptn01 dd{
margin: 0 0 21px 37px;
font-weight: 500;
font-size: 14px;
line-height: 28px;
}

.article_page #l_maincontents_area .comment_area{
position: relative;
padding: 21px 20px 24px;
display: flex;
align-items: start;
margin: 0 auto 12px;
background: #F5F5F5;
}

.article_page #l_maincontents_area .comment_area::before{
content: "";
width: 100vw;
height: 100%;
/*background: #F5F5F5;サイドバーと干渉するためパーツに背景を設定変更*/
display: block;
position: absolute;
top: 0;
left: 67.7%;
transform: translateX(-50%);
}

/*複数コメント枠*/
.article_page #l_maincontents_area .comment_group .comment_area {
margin-bottom: 0;
}
.article_page #l_maincontents_area .comment_group {
position: relative;
margin: 0 auto 12px;
padding-bottom: 21px;
background: #F5F5F5;
}
.article_page #l_maincontents_area .comment_group h3 {
position: relative;
margin: 0;
padding: 20px 0 0 20px;
background: none;
background: #F5F5F5;
}
.article_page #l_maincontents_area .comment_group::before {
content: "";
width: 100vw;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 67.7%;
transform: translateX(-50%);
}
.article_page #l_maincontents_area .comment_group .comment_area {
padding: 21px 20px 0;
}
.article_page #l_maincontents_area .comment_group .comment_area::before {
content: none;
}

.article_page #l_maincontents_area .comment_box{
position: relative;
max-width: 629px;
width: 87.24%;
z-index: 1;
}

.article_page #l_maincontents_area .comment_box::after{
content: "";
display: block;
background: url(../img/fukidashi_parts01.png) no-repeat center center;
background-size: 100% auto;
width: 52px;
height: 35px;
position: absolute;
right: 0;
top: 70px;
}

.article_page #l_maincontents_area .comment_box .box_in{
background: #fff;
max-width: 584px;
width: 92.85%;
border-radius: 17px;
padding: 20px;
}

.article_page #l_maincontents_area .comment_box .title{
font-weight: bold;
font-size: 20px;
line-height: 25px;
color: #58ABE8;
margin: 0 0 15px;
}
.article_page #l_maincontents_area .comment_box .title .small{
font-weight: bold;
font-size: 16px;
}

.article_page #l_maincontents_area .comment_box p{
line-height: 25px;
margin: 0;
}

.article_page #l_maincontents_area .comment_box .inner_box{
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.article_page #l_maincontents_area .comment_box .inner_box .inner_img{
max-width: 180px;
width: 33.77%;
margin-top: 10px;
}

.article_page #l_maincontents_area .comment_box .inner_box p{
max-width: 336px;
width: 63.03%;
}

.article_page #l_maincontents_area .comment_img{
max-width: 76px;
width: 100%;
margin: 60px 0 0;
position: relative;
z-index: 1;
}

.article_page #l_maincontents_area .comment_img img{
width: 100%;
border-radius: 50%;
border: 4px solid #58ABE8;
}

.article_page #l_maincontents_area .comment_img span{
display: block;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-align: center;
margin: 8px 0 0;
}

.article_page #l_maincontents_area .attention_box{
border: 2px solid #58ABE8;
border-radius: 5px;
padding: 26px 31px 12px;
position: relative;
margin: 14px auto 0;
}

.article_page #l_maincontents_area .attention_box::before{
content: "!";
display: block;
width: 32px;
padding: 3px 0;
text-align: center;
box-sizing: border-box;
font-weight: 700;
font-size: 14px;
color: #58ABE8;
border: 2px solid #58ABE8;
background: #fff;
border-radius: 50%;
position: absolute;
top: -16px;
left: 31px;
}

.article_page #l_maincontents_area .l_pagenav_area{
max-width: 721px;
margin: 27px 0 49px;
}

.article_page #l_maincontents_area .l_pagenav_area.sticky{
position: fixed;
width: calc(100vw - 229px - 25px - 6%);
top: 0;
z-index: 4999999;
margin: 0;
background: rgba(219, 237, 250, 0.7);
padding: 15px 0 8px;
}

.article_page #l_maincontents_area .l_pagenav_area ul{
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

.article_page #l_maincontents_area .l_pagenav_area li{
max-width: 224px;
width: 31.07%;
}

.article_page #l_maincontents_area .l_pagenav_area li a{
display: inline-block;
width: 100%;
border: 1px solid #56A7E2;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(240,240,240,1) 100%);
border-radius: 5px;
padding: 13px 10px;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.05em;
color: #29ABE2;
position: relative;
}

.article_page #l_maincontents_area .l_pagenav_area li a::before{
content: "";
display: inline-block;
width: 13px;
height: 13px;
border-radius: 50%;
background: url(../img/arrow_bottom03.png) no-repeat center center;
background-size: 100% auto;
box-sizing: border-box;
vertical-align: top;
margin: 3px 16px 0 0;
}

.article_page #l_maincontents_area .l_pagenav_area ul li .br_sticky {
display: none;
}

.article_page #l_maincontents_area .l_pagenav_area.sticky + #cnt_area01{
margin: 122px auto 0px;
}

/*著者紹介*/
.article_page #l_maincontents_area .author_contents {
margin: 50px 0;
}
.article_page #l_maincontents_area .author_contents .author_notice {
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #919191;
}
.article_page #l_maincontents_area .author_contents .author_info {
display: flex;
}
.article_page #l_maincontents_area .author_contents .author_info .author_photo {
width: 70px;
height: 70px;
margin-right: 15px;
border-radius: 50%;
}
.article_page #l_maincontents_area .author_contents .author_info .author_name {
margin-bottom: 5px;
font-weight: 700;
}

.article_page #l_subcontents_area{
width: 229px;
z-index: 2;
}

.article_page #l_subcontents_area h3{
border-radius: 5px;
background: #58ABE8;
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.05em;
padding: 12px 11px 13px;
margin: 30px 0 12px;
}

.article_page #l_subcontents_area h3.link{
position: relative;
border-radius: 5px;
background: #58ABE8;
margin: 0 0 12px;
padding: 0;
}

.article_page #l_subcontents_area h3.link a{
position: relative;
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: 0;
padding: 12px 11px 13px;
display: block;
}

.article_page #l_subcontents_area h3.link a::after{
content: '';
display: block;
width: 12px;
height: 12px;
background: url("../img/arrow_right01.png") no-repeat center;
background-size: contain;
position: absolute;
bottom: 16px;
right: 14px;
transition: .2s ease;
}

.article_page #l_subcontents_area h3.link:hover a::after{
right: 10px;
}

.article_page #l_subcontents_area .cnt_g {
  background: #fff;
}
.article_page #l_subcontents_area .cnt_g .cnt_box{
padding: 20px 10px 23px;
border-bottom: 1px solid #CCCCCC;
}

.article_page #l_subcontents_area .cnt_g .cnt_box:last-child{
border-bottom: none;
}

.article_page #l_subcontents_area .cnt_g .cnt_box a{
display: flex;
align-items: start;
justify-content: space-between;
width: 100%;
}

.article_page #l_subcontents_area .cnt_g .cnt_box .cnt_img{
max-width: 76px;
width: 100%;
}

.article_page #l_subcontents_area .cnt_g .cnt_box .cnt_img img{
border-radius: 5px;
}

.article_page #l_subcontents_area .cnt_g .cnt_box .cnt_text{
max-width: 123px;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.05em;
color: #123981;
}

.article_page #l_subcontents_area .cnt_g .cnt_box.nolink a{
pointer-events:none;
}

.article_page #l_subcontents_area .cnt_g .cnt_box.nolink .cnt_text{
color: #B5B5B5;
}

.article_page #l_subcontents_area .cnt_g .cnt_box.nolink .cnt_img{
opacity: 0.7;
}

.article_page #l_subcontents_area .backnumber_g{
margin: 0 0 44px;
}

.article_page #l_subcontents_area .backnumber_g .cnt_g{
background: #F2F7FA;
}

.article_page .attention_last_text{
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #919191;
margin: 0 auto 46px;
}


/* ----------
04.記事01,04
---------- */

#article01 #l_mainvisual_area .cnt_img{
max-width: 406px;
width: 42.16%;
margin: -3px 0 0;
}

#article01 #l_maincontents_area #cnt_area01{
padding: 0 0 21px;
}

#article01 #l_maincontents_area #cnt_area01 .h2_g{
align-items: flex-end;
margin: 0 0 29px;
}

#article01 #l_maincontents_area #cnt_area01 .h2_g h2{
margin: 0 0 8px;
}

#article01 #l_maincontents_area #cnt_area01 .h2_g .icon{
max-width: 74px;
width: 100%;
}

#article01 #l_maincontents_area #cnt_area01 .figure,
#article04 #l_maincontents_area #cnt_area01 .figure,
#article05 #l_maincontents_area #cnt_area02 .figure,
#article07 #l_maincontents_area .figure{
margin: 40px auto 27px;
position: relative;
}
#article05 #l_maincontents_area #cnt_area02 .figure
 {
margin: 0 auto;
}
#article07 #l_maincontents_area .figure {
margin: 0 auto 28px;
}
#article04 #l_maincontents_area #cnt_area01 .figure,
#article05 #l_maincontents_area #cnt_area02 .figure,
#article07 #l_maincontents_area .figure {
padding-top: 10px;
border: solid 1px #ddd;
border-radius: 10px;
}

#article01 #l_maincontents_area #cnt_area01 .figure .title,
#article04 #l_maincontents_area #cnt_area01 .figure .title,
#article05 #l_maincontents_area #cnt_area02 .figure .title,
#article07 #l_maincontents_area .figure .title{
max-width: 193px;
width: 100%;
display: block;
background: #D2EAFC;
padding: 5px 0;
text-align: center;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #58ABE8;
position: absolute;
top: 0;
left: 0;
}
#article04 #l_maincontents_area #cnt_area01 .figure .title,
#article05 #l_maincontents_area #cnt_area02 .figure .title,
#article07 #l_maincontents_area .figure .title {
  max-width: 220px;
  border-radius: 10px 0 0 0;
  font-size: 16px;
  line-height: 22px;
}
#article07 #l_maincontents_area .figure .title {
  max-width: 300px;
}

#article01 #l_maincontents_area #cnt_area02{
/* margin: 0 auto 21px; */
}

#article01 #l_maincontents_area #cnt_area02 .h2_g{
margin: 0 0 9px;
align-items: flex-end;
padding: 0 36px 0 0;
}

#article01 #l_maincontents_area #cnt_area02 .h2_g h2{
margin: 0 0 45px;
}

#article01 #l_maincontents_area #cnt_area02 .h2_g .icon
{
max-width: 78px;
width: 100%;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g{
margin: 0 0 47px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 ul{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 17px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li{
border-radius: 5px;
background: #F5F5F5;
padding: 0 0 10px;
max-width: 227px;
width: 31.49%;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li img{
display: block;
width: 100%;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li img.sp{
display: none;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li span{
display: block;
width: 100%;
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 9px auto 0;
text-align: center;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .table_box{
border: 1px solid #707070;
border-radius: 5px;
margin: 0 auto 9px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 tr{
border-bottom: 1px solid #707070;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 tr:last-child{
border-bottom: none;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th{
width: 240px;
vertical-align: middle;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th img{
max-width: 40px;
display: block;
margin: 0 auto 5px;
border-radius: 0;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th span{
display: block;
text-align: center;
font-weight: 700;
font-size: 20px;
line-height: 28px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .tr01 th span{
color: #0921A8;
}
#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .tr01 th span span.small {
display: block;
font-size: 12px;
line-height: 16px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .tr02 th span{
color: #D54100;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .tr03 th span{
color: #9ED349;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 td{
padding: 25px 20px 25px 22px;
position: relative;
font-weight: 500;
font-size: 14px;
line-height: 28px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 td a {
color: #58ABE8;
text-decoration: underline;
font-weight: 500;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 td::before{
content: "";
display: block;
width: 1px;
height: 77%;
background: #707070;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .attention_box{
margin: 30px 0 0;
}


#article01 #l_maincontents_area #cnt_area03{
/* margin: 0 auto 21px; */
}

#article01 #l_maincontents_area #cnt_area03 .h2_g{
margin: 0 0 40px;
align-items: flex-end;
flex-direction: row-reverse;
padding: 0 51px 0 0;
}

#article01 #l_maincontents_area #cnt_area03 .h2_g h2{
}

#article01 #l_maincontents_area #cnt_area03 .h2_g .icon{
max-width: 125px;
width: 100%;
margin-top: 36px;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_box01{
margin: 0 auto 32px;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g01{
margin: 0 auto 39px;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g02{
margin: 0 auto 60px;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .block01{
padding: 0 0 22px;
border-bottom: 1px solid #707070;
margin: 0 0 37px;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01{
margin: 0;
flex-direction: row-reverse;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01 .cnt_text{
max-width: 460px;
width: 63.81%;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01 .cnt_img{
max-width: 239px;
width: 33.15%;
}


/* --------------------
05.記事02
--------------------*/
#article02 #l_mainvisual_area .cnt_box{
padding-bottom: 0;
}

#article02 #l_mainvisual_area .cnt_img{
margin: 0;
max-width: 316px;
}

#article02 #l_mainvisual_area .cnt_img img{
vertical-align: bottom;
}

#article02 #l_maincontents_area .l_pagenav_area ul{
justify-content: flex-start;
}

#article02 #l_maincontents_area .l_pagenav_area ul li{
margin-right: 19px;
}

#article02 #l_maincontents_area .h2_g h2{
line-height: 60px;
}

#article02 #l_maincontents_area #cnt_area01 .h2_g h2{
padding-bottom: 10px;
}

#article02 #l_maincontents_area #cnt_area01 .h2_g .icon01{
max-width: 147px;
margin-top: 10px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g{
display: block;
padding: 31px 0 0;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title{
display: block;
width: 100%;
font-size: 22px;
color: #58ABE8;
font-weight: 700;
border-bottom: 2px solid #58ABE8;
padding-left: 52px;
position: relative;
margin-bottom: 20px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title::before{
content: '';
display: block;
background: url("../img/article02/icon_crown.png") no-repeat center;
background-size: contain;
width: 36px;
height: 23px;
position: absolute;
top: 55%;
transform: translateY(-50%);
left: 8px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title .big{
font-size: 28px;
font-weight: 700;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title .small_black{
font-size: 18px;
font-weight: 700;
color: #4D4D4D;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn{
display: block;
width: 100%;
border: 1px solid #58ABE8;
border-radius: 5px;
background: #fff;
background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%);
margin-bottom: 10px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn a{
display: flex;
justify-content: flex-start;
align-items: stretch;
width: 100%;
position: relative;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn a::after{
content: '';
display: block;
background: url("../img/arrow_bottom03.png") no-repeat center;
background-size: contain;
width: 13px;
height: 13px;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
right: 16px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn a:hover{
text-decoration: none;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .num{
width: 34px;
background: #58ABE8;
border-radius: 5px 0 0 5px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-size: 18px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .name{
width: calc(100% - 154px);
color: #4d4d4d;
font-weight: 700;
font-size: 16px;
padding: 8px 10px 10px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn a:hover .name{
text-decoration: underline;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .name .small{
font-size: 12px;
font-weight: 700;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .evaluation{
width: 120px;
border-radius: 5px 0 0 5px;
display: flex;
align-items: center;
color: #EA9000;
font-weight: 700;
font-size: 18px;
}
#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .evaluation::before{
content: '';
display: inline-block;
background: url("../img/article02/icon_star.png") no-repeat center;
background-size: contain;
width: 19px;
height: 18px;
vertical-align: middle;
padding-right: 5px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .attention_text{
font-size: 12px;
text-align: right;
line-height: 16px;
}

#article02 #l_maincontents_area #cnt_area02 .h2_g {
padding-top: 32px;
align-items: flex-end;
}

#article02 #l_maincontents_area #cnt_area02 .h2_g .icon{
max-width: 77px;
padding-bottom: 10px;
}

#article02 #l_maincontents_area #cnt_area02 .sub_title{
font-size: 16px;
padding-top: 8px;
}

#article02 #l_maincontents_area #cnt_area02 .card_title,
#article04 #l_maincontents_area .card_title{
display: block;
width: 100%;
position: relative;
border-bottom: 1.5px solid #58ABE8;
margin: 38px 0 21px;
}

#article02 #l_maincontents_area #cnt_area02 .card_title h3,
#article04 #l_maincontents_area .card_title h3 {
background: none;
padding: 0 0 6px;
font-size: 22px;
line-height: 28px;
margin: 0;
display: block;
width: calc(100% - 135px);
}

#article02 #l_maincontents_area #cnt_area02 .card_title .fee,
#article04 #l_maincontents_area .card_title .fee{
display: block;
border: 1.5px solid #58ABE8;
border-bottom: none;
position: absolute;
bottom: -1px;
right: 0;
width: 135px;
font-size: 14px;
color: #58ABE8;
font-weight: 500;
padding: 5px 8px;
text-align: center;
}

#article02 #l_maincontents_area #cnt_area02 p.box{
display: block;
border: 1px solid #58ABE8;
padding: 26px 32px 27px 31px;
margin-top: 51px;
}

/* --------------------
06.記事03,04,05,07
--------------------*/
#article03 #l_mainvisual_area .cnt_box{
padding-bottom: 0;
}

#article03 #l_mainvisual_area .cnt_img,
#article04 #l_mainvisual_area .cnt_img,
#article05 #l_mainvisual_area .cnt_img{
margin: 0;
max-width: 269px;
}

#article03 #l_mainvisual_area .cnt_img img{
vertical-align: bottom;
}

#article03 #l_maincontents_area .l_pagenav_area{
margin-top: 37px;
}

#article03 #l_maincontents_area .l_pagenav_area.sticky{
margin-top: 0;
}

#article03 #l_maincontents_area #cnt_area01 .h2_g {
padding-bottom:15px;
}

#article03 #l_maincontents_area #cnt_area01 .h2_g .icon{
max-width: 98px;
}

#article03 #l_maincontents_area #cnt_area02 .h2_g,
#article04 #l_maincontents_area .h2_g,
#article05 #l_maincontents_area .h2_g,
#article06 #l_maincontents_area .h2_g,
#article07 #l_maincontents_area .h2_g {
padding: 42px 0 28px;
}
#article04 #l_maincontents_area .h2_g.no-bottom,
#article05 #l_maincontents_area .h2_g.no-bottom,
#article06 #l_maincontents_area .h2_g.no-bottom,
#article07 #l_maincontents_area .h2_g.no-bottom {
padding-bottom: 0;
}

#article03 #l_maincontents_area #cnt_area02 .h2_g .icon{
max-width: 124px;
}

#article03 #l_maincontents_area #cnt_area02 h5{
font-size: 20px;
color: #58ABE8;
font-weight: 500;
padding-bottom: 10px;
}

#article03 #l_maincontents_area #cnt_area02 .atm_li,
#article04 #l_maincontents_area .atm_li,
#article06 #l_maincontents_area .atm_li{
margin-bottom: 36px;
}
#article07 #l_maincontents_area .atm_li {
margin-bottom: 17px;
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl,
#article04 #l_maincontents_area .atm_li dl,
#article06 #l_maincontents_area .atm_li dl,
#article07 #l_maincontents_area .atm_li dl{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 8px;
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl dt,
#article04 #l_maincontents_area .atm_li dl dt,
#article06 #l_maincontents_area .atm_li dl dt,
#article07 #l_maincontents_area .atm_li dl dt{
display: flex;
align-items: center;
justify-content: center;
width: 164px;
background: #0F2F69;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
padding: 8px 0 10px; 
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl dd,
#article04 #l_maincontents_area .atm_li dl dd,
#article06 #l_maincontents_area .atm_li dl dd,
#article07 #l_maincontents_area .atm_li dl dd{
display: block;
width: calc(100% - 164px);
background: #62AFE8;
color: #fff;
text-align: left;
font-size: 16px;
padding: 10px 0 8px 29px; 
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl dd span,
#article04 #l_maincontents_area .atm_li dl dd span,
#article07 #l_maincontents_area .atm_li dl dd span{
font-size: 12px;
}

#article03 #l_maincontents_area #cnt_area02 .center_img,
#article04 #l_maincontents_area .center_img{
display: block;
max-width: 620px;
width: 90%;
position: relative;
margin: 0 auto 36px;
}

#article03 #l_maincontents_area #cnt_area02 .center_img span,
#article04 #l_maincontents_area .center_img span{
display: inline-block;
background: rgb(0 0 0 / 64%);
color: #D0D0D0;
font-size: 12px;
position: absolute;
bottom: 0;
right: 0;
padding: 4px 10px 3px;
border-radius: 0 0 10px 0;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g,
#l_maincontents_area .table_normalBox {
margin-bottom: 31px;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table,
#l_maincontents_area .table_normalBox table{
width: 100%;
margin-bottom: 9px;
border: 1px solid #CADFEF;
border-collapse: separate;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th,
#article03 #l_maincontents_area #cnt_area02 .fee_g table tr td,
#l_maincontents_area .table_normalBox table tr th,
#l_maincontents_area .table_normalBox table tr td{
border: 1px solid #CADFEF;
text-align: center;
vertical-align: middle;
}

#l_maincontents_area .table_normalBox table tr td.sentence {
text-align: left;
white-space: normal;
}
#l_maincontents_area .table_normalBox table tr td.sentence.nowrap {
white-space: nowrap;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th01,
#l_maincontents_area .table_normalBox table tr th.th01{
width: 20.6%;
background: #0F2F69;
color: #fff;
font-weight: 600;
font-size: 18px;
padding: 16px 0 15px;
}
#l_maincontents_area .table_normalBox table tr th.th01.wide {
width: 300px;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th01 span,
#l_maincontents_area .table_normalBox table tr th.th01 span{
font-size: 12px;
display: block;
font-weight: 600;
}

#l_maincontents_area .table_normalBox table tr th.th01 span.small {
font-weight: normal;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th02,
#l_maincontents_area .table_normalBox table tr th.th02{
width: 123px;
background: #58ABE8;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 20px;
height: 57px;
}
#l_maincontents_area .table_normalBox table tr th.th01,
#l_maincontents_area .table_normalBox table tr th.th02 {
padding: 5px;
font-size: 12px;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.gray,
#l_maincontents_area .table_normalBox table tr th.gray{
background: #CBCED5;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr td,
#l_maincontents_area .table_normalBox table tr td{
color: #0F2F69;
font-weight: 600;
font-size: 18px;
}
#l_maincontents_area .table_normalBox table tr td {
padding: 5px;
font-size: 12px;
font-weight: normal;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g .attention_text{
font-size: 12px;
text-align: right;
}

#article03 #l_maincontents_area #cnt_area03 .h2_g {
padding: 14px 0 10px;
align-items: flex-end;
}
#article03 #l_maincontents_area #cnt_area03 .h2_g h2{
padding: 6px 0 16px;
}

#article03 #l_maincontents_area #cnt_area03 .h2_g .icon{
max-width: 173px;
}
#article03 #l_maincontents_area #cnt_area03 .h4_g,
#article04 #l_maincontents_area .h4_g,
#article07 #l_maincontents_area .h4_g{
border-bottom: 1px solid #58ABE8;
margin-bottom: 17px;
}
#article03 #l_maincontents_area #cnt_area03 h4,
#article04 #l_maincontents_area h4,
#article07 #l_maincontents_area h4{
font-size: 22px;
color: #58ABE8;
padding: 29px 0 2px;
margin: 0 auto;
}
#article04 #l_maincontents_area h4,
#article07 #l_maincontents_area h4 {
font-size: 18px;
padding-top: 0;
}
#article04 #l_maincontents_area .comment_group .comment_box h4.title {
margin: 0;
font-size: 16px;
}

#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img,
#article04 #l_maincontents_area .box_ptn01 .link_img{
max-width: 346px;
width: 47.99%;
}

#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .cnt_img,
#article04 #l_maincontents_area .box_ptn01 .link_img .cnt_img{
display: block;
width: 100%;
position: relative;
margin: 0;
}

#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .cnt_img span,
#article04 #l_maincontents_area .box_ptn01 .link_img .cnt_img span{
display: inline-block;
background: rgb(0 0 0 / 64%);
color: #D0D0D0;
font-size: 12px;
position: absolute;
bottom: 20px;
right: 0;
padding: 4px 10px 3px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text,
#article04 #l_maincontents_area .box_ptn01 .link_img .link_text{
display: block;
margin: -20px 0 0;
background: #58ABE8;
height: 61px;
border-radius: 0 0 10px 10px;
position: relative;
z-index: 1;
}

#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a,
#article04 #l_maincontents_area .box_ptn01 .link_img .link_text a{
display: flex;
align-items: center;
height: 61px;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 8px 40px 8px 22px;
box-sizing: border-box;
position: relative;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a::after,
#article04 #l_maincontents_area .box_ptn01 .link_img .link_text a::after{
content: '';
display: block;
width: 12px;
height: 12px;
background: url(../img/arrow_right01.png) no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
transition: .2s ease;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a:hover::after,
#article04 #l_maincontents_area .box_ptn01 .link_img .link_text a:hover::after{
right: 20px
}
#article03 #l_maincontents_area #cnt_area03 p.box,
#article04 #l_maincontents_area p.blueLineBox,
#article05 #l_maincontents_area p.blueLineBox,
#article06 #l_maincontents_area p.blueLineBox,
#article07 #l_maincontents_area p.blueLineBox{
display: block;
border: 1px solid #58ABE8;
padding: 26px 32px 27px 31px;
margin-top: 51px;
}





/* --------------------
07.記事06
--------------------*/
#article06 #l_maincontents_area .sticky_table.heignt400 table .th01 {
min-width: 120px;
}
#article06 #l_maincontents_area .sticky_table.heignt400 table .th01.wide,
#article07 #l_maincontents_area .sticky_table table .th01.wide {
min-width: 200px;
}
#article06 #l_maincontents_area .table_normalBox .bgBlue {
background: #deebff;
color: #0158ca;
font-weight: bold;
}
#article06 #l_maincontents_area .table_normalBox .bgSky {
background:#e6fafb;
color: #29abe2;
font-weight: bold;
}
#article06 #l_maincontents_area .table_normalBox .bgRed {
background: #ffd7c4;
color: #ee4902;
font-weight: bold;
}





/* --------------------
08.記事07
--------------------*/
#article07 #l_maincontents_area .large_text {
color: #0F2F69;
font-size: 16px;
font-weight: 600;
}
#article07 #l_maincontents_area .large_text em {
font-size: 20px;
font-weight: 600;
}
#article07 #l_maincontents_area .gray_box {
margin-bottom: 26px;
padding: 10px;
background: #F5F5F5;
}
#article07 #l_maincontents_area .gray_box p {
margin-bottom: 0;
}
#article07 #l_maincontents_area .gray_box p + p {
margin-top: 26px;
}
#article07 #l_maincontents_area .gray_box p .sum_box {
display: block;
margin-top: 10px;
padding-top: 10px;
border-top: solid 2px #ddd;
font-weight: 500;
}
#article07 #l_maincontents_area .gray_box p .sum_box em {
font-size: 1.2em;
font-weight: 500;
}
#article07 #l_maincontents_area h4 .text_small {
padding-left: 10px;
font-weight: bold;
}