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

@media only screen and (max-width:1140px){
/* ----------
02.トップ
---------- */
#frontpage #l_mainvisual_area {
padding: 20px 0;
}

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

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01 {
font-size: 29px;
line-height: 45px;
}
#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01 .h1_small01 {
font-size: 24px;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02 {
font-size: 42px;
line-height: 52px;
}
#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02 .h1_small01 {
font-size: 36px;
}	
#frontpage #l_mainvisual_area .cnt_text .catchcopy {
font-size: 18px;
line-height: 26px;
}

#frontpage #l_mainvisual_area .cnt_text p {
padding: 0 0 20px;
}

}

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

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

.contents_in{
width: 94%;
}

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

#frontpage #l_mainvisual_area .cnt_box{
padding: 20px 0;
align-items: center;
justify-content: space-between;
}

#frontpage #l_mainvisual_area .cnt_text{
padding: 0;
}

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

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01{
font-size: 22px;
line-height: 32px;
}

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

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02{
font-size: 36px;
line-height: 43px;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02 .h1_small01{
font-size: 29px;

}

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

#frontpage #l_mainvisual_area .cnt_text .catchcopy{
font-size: 18px;
line-height: 26px;
}

#frontpage #l_mainvisual_area .cnt_img{
width: 52.52%;
}

#frontpage #l_mainvisual_area .arrow{
max-width: 54px;
height: 54px;
bottom: -8%;
}

#frontpage .l_article_area .cnt_text h2{
font-size: 26px;
line-height: 33px;
margin: 0 0 20px;
}

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

.article_page #l_mainvisual_area h1{
font-size: 20px;
line-height: 25px;
}

.article_page #l_mainvisual_area h1 span{
font-size: 14px;
line-height: 26px;
margin: 0 0 5px;
}

.article_page #l_maincontents_area .l_pagenav_area{
margin: 27px 0 39px;
}

.article_page #l_maincontents_area .l_pagenav_area ul{
flex-flow: nowrap;
}

.article_page #l_maincontents_area .l_pagenav_area li{
width: 100%;
margin: 0 auto 10px;
}




.article_page #l_maincontents_area .l_pagenav_area.sticky ul{
margin: 0 auto;
width: 100%;
/*overflow-y: hidden;
overflow-x: scroll;*/
display: flex;
align-items: start;
justify-content: center;
flex-flow: nowrap;
}

.article_page #l_maincontents_area .l_pagenav_area.sticky ul li{
margin: 0 1% 7px;
width: 32%;
}

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

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

.article_page #l_maincontents_area .l_pagenav_area.sticky li a {
padding: 6px 5px 8px;
font-size: 14px;
text-align: center;
}

.article_page #l_maincontents_area .l_pagenav_area.sticky li a::before{
content: none;
}

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





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

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

.article_page #l_maincontents_area h3{
font-size: 20px;
padding: 20px;
}

.article_page #l_maincontents_area .dl_ptn01 dt span{
top: 4px;
}





/*著者紹介*/
.article_page #l_maincontents_area .author_contents .author_info {
width: 90%;
margin: 0 auto;
}





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

#article01 #l_maincontents_area #cnt_area01 .h2_g h2 br.sp{
display: block;
}

#article01 #l_maincontents_area #cnt_area02 .h2_g h2 br.sp{
display: block;
}

#article01 #l_maincontents_area #cnt_area03 .h2_g h2 br.sp{
display: block;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 ul{
align-items: stretch;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li span{
font-size: 14px;
line-height: 24px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th{
width: 200px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th span{
font-size: 18px;
line-height: 26px;
}

#article01 #l_maincontents_area #cnt_area03 .h2_g{
display: block;
padding: 0;
position: relative;
margin: 30px auto 15px;
}

#article01 #l_maincontents_area #cnt_area03 .h2_g .icon{
position: absolute;
top: 0;
right: 0;
max-width: 120px;
width: 21%;
}


/* --------------------
05.記事02
--------------------*/

#article02 #l_maincontents_area .l_pagenav_area ul{
display: flex;
}

#article02 #l_maincontents_area .l_pagenav_area ul li{
width: 46%;
margin: 0 1% 7px;
}


#article02 #l_maincontents_area .l_pagenav_area.sticky ul{
display: flex;
}

#article02 #l_maincontents_area .l_pagenav_area.sticky ul li {
margin: 0 1% 7px;
width: 46%;
}

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

/* --------------------
06.記事03 1024
--------------------*/
#article03 #l_maincontents_area .l_pagenav_area.sticky li:first-of-type a{
padding: 15px 5px 17px;
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl dt{
font-size: 14px;
width: 144px;
}

#article03 #l_maincontents_area #cnt_area02 .atm_li dl dd{
width: calc(100% - 144px);
font-size: 14px;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th02{
font-size: 12px;
}
#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th01{
font-size: 14px;
}
#article03 #l_maincontents_area #cnt_area02 .fee_g table tr td{
font-size: 16px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a{
font-size: 13px;
padding: 8px 30px 8px 14px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a::after{
right: 14px;
}

#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a:hover::after{
right: 10px;
}


}

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

.tab960{
display: block;
}

.article_page #l_maincontents_area .l_pagenav_area ul{
display: block;
}

/* --------------------
05.記事02
--------------------*/

#article02 #l_maincontents_area #cnt_area01 .h2_g .icon01 {
max-width: 117px;
}





}






@media only screen and (max-width:768px){
/* ----------
01.共通
---------- */
.sticky_table { 
width: 90%;
margin: 0 auto;
}
/* ----------
02.トップ
---------- */
#frontpage #article01 .cnt_img {
width: 49.85%;
}
#frontpage .l_article_area .cnt_text {
width: 45.96%;
}
#frontpage .l_article_area .cnt_text h2 span {
margin: 0 0 5px;
font-size: 20px;
}


}


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

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

.pc{
display: none;
}

.sp{
display: block;
}


.contents_in{
width: 90%;
}

.l_contents .l_contents_footer{
padding: 90px 0 87px;
line-height: 21px;
}

.pagetop_sp{
position: absolute;
bottom: auto;
top: -19px;
left: 50%;
transform: translateX(-50%);
}

.pagetop_sp a{
width: 58px;
height: 58px;
}

/*パンくずリスト*/
.u_breadcrumbs{
font-family:Helvetica;
min-width: unset;
}

/*.u_breadcrumbs .article_title{
display:none;
}*/

.u_breadcrumbs_wrap{
width: auto;
box-sizing: border-box;
}

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

#frontpage #l_mainvisual_area .cnt_box{
padding: 43px 0 59px;
}

#frontpage #l_mainvisual_area .cnt_text{
max-width: none;
width: 100%;
}

#frontpage #l_mainvisual_area .cnt_img{
max-width: none;
width: 100%;
margin: 0 0 13px;
}

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

#frontpage #l_mainvisual_area {
padding: 0;
}
#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01{
font-size: 27px;
line-height: 37px;
}

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

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02{
margin: 0 0 2px;
font-size: 41px;
line-height: 45px;
}

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

#frontpage #l_mainvisual_area .cnt_text p{
padding: 0 0 13px;
}

#frontpage #l_mainvisual_area .cnt_text .catchcopy{
font-size: 16px;
}

#frontpage #l_mainvisual_area .arrow{
max-width: 49px;
height: 49px;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}

#frontpage #l_mainvisual_area .arrow span{
max-width: 7px;
}

#frontpage #l_pagenav_area{
padding: 25px 0 15px;
}

#frontpage #l_pagenav_area ul{
max-width: 520px;
margin: 0 auto;
justify-content: flex-start;
}

#frontpage #l_pagenav_area li{
max-width: none;
width: 48%;
margin: 0 2.5px 13px;
}

#frontpage #l_pagenav_area li:nth-child(even){
margin: 0 2.5px 13px;
}

#frontpage #l_pagenav_area li a{
font-size: 14px;
line-height: 18px;
padding: 12px 10px 18px;
}

#frontpage #l_pagenav_area li a svg{
margin: 6px auto 0;
bottom: 5px;
}

#frontpage .l_article_area.article_ptn01::before{
width: 100%;
height: 280px;
top: auto;
bottom: 0;
background: rgb(44,181,255);
background: linear-gradient(0deg, rgba(44,181,255,1) 30%, rgba(217,251,255,0) 90%);
}

#frontpage .l_article_area.article_ptn02::before{
width: 100%;
height: 280px;
top: auto;
bottom: 0;
background: rgb(44,181,255);
background: linear-gradient(0deg, rgba(44,181,255,1) 30%, rgba(217,251,255,0) 90%);
}

#frontpage .l_article_area .contents_in{
display: block;
}

#frontpage .l_article_area .cnt_text{
width: 100%;
max-width: none;
padding: 36px 0 41px;
}

#frontpage .l_article_area .cnt_text h2{
font-size: 28px;
line-height: 36px;
margin: 0 0 13px;
}

#frontpage .l_article_area .cnt_text h2 span {
margin: 0;
font-size: 19px;
line-height: 24px;
padding-bottom: 6px;
}

#frontpage .l_article_area .cnt_text p{
margin: 0 0 41px;
}

#frontpage .l_article_area .cnt_text .next_btn{
max-width: 240px;
margin: 0 auto;
}

#frontpage #article01 .cnt_text{
width: 100%;
max-width: none;
padding: 36px 0 41px;
}

#frontpage #article01 .cnt_img{
width: 79%;
padding: 0 26px 0 0;
margin: 0 auto 28px;
}

#frontpage #article02 .cnt_text,
#frontpage #article04 .cnt_text,
#frontpage #article06 .cnt_text{
width: 100%;
max-width: none;
padding: 36px 0 41px;
}

#frontpage #article02 .cnt_text p,
#frontpage #article04 .cnt_text p,
#frontpage #article06 .cnt_text p{
max-width: none;
margin-bottom: 10px;
}

#frontpage #article02 .cnt_img,
#frontpage #article04 .cnt_img,
#frontpage #article06 .cnt_img{
width: 84.8%;
padding: 0 0 0 12px;
margin: 0 auto 28px;
}

#frontpage #article03 .cnt_text,
#frontpage #article05 .cnt_text,
#frontpage #article07 .cnt_text{
width: 100%;
max-width: none;
padding: 36px 0 41px;
}

#frontpage #article03 .cnt_img,
#frontpage #article05 .cnt_img,
#frontpage #article07 .cnt_img{
width: 78%;
padding: 0;
margin: 0 auto 31px;
}

#frontpage #article03 .cnt_text p,
#frontpage #article05 .cnt_text p{
margin-bottom: 15px;
}



#frontpage .l_comingsoon_area{
padding: 62px 0 71px;
}


#frontpage #l_subcontents_area{
padding: 19px 0 65px;
}

#frontpage #l_subcontents_area .cnt_g{
max-width: none;
width: 100%;
overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

#frontpage #l_subcontents_area .cnt_box{
max-width: none;
/*width: 283px;*/
width: auto;
margin: 0 17px 0 0;
}

#frontpage #l_subcontents_area .cnt_box .cnt_img{
width: 75px;
margin: 0 8px 0 0;
}

#frontpage #l_subcontents_area .cnt_box .cnt_text{
width: calc(100% - 83px);
font-size: 14px;
box-sizing: border-box;
}


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

.article_page #l_mainvisual_area{
overflow: visible;
margin: 0 0 25px;
}

.article_page #l_mainvisual_area .cnt_box{
display: block;
position: relative;
padding: 21px 0 62px;
}

.article_page #l_mainvisual_area h1{
text-align: center;
}

.article_page #page_contents{
display: block;
width: 100%;
}

.article_page #l_maincontents_area {
width: 100%;
}

.article_page #l_maincontents_area .l_pagenav_area{
width: 100%;
margin: 25px auto 64px;
background: #fff;
}

.article_page #l_maincontents_area .l_pagenav_area.sticky{
width: 100%;
top: 0;
padding: 18px 0 5px;
}

.article_page #l_maincontents_area .l_pagenav_area ul{
width: 90%;
margin: 0 auto;
}

.article_page #l_maincontents_area .l_pagenav_area li{
margin: 0 auto 7px;
}

/*
.article_page #l_maincontents_area .l_pagenav_area li a{
padding: 12px 5px 14px;
text-align: center;
}
*/

.article_page #l_maincontents_area .l_pagenav_area.sticky li a {
font-size: 12px;
}


.article_page #l_maincontents_area .h2_g{
width: 90%;
margin: 0 auto;
}

.article_page #l_maincontents_area .h2_g h2{
font-size: 24px;
line-height: 36px;
padding: 0;
}

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

.article_page #l_maincontents_area .h2_g h2 .point::before{
width: 4px;
height: 4px;
top: 1px;
}

.article_page #l_maincontents_area h3{
border-radius: 0;
font-size: 18px;
line-height: 25px;
padding: 10px 20px;
margin: 44px 0 9px;
}

.article_page #l_maincontents_area h4{
width: 90%;
}

.article_page #l_maincontents_area p{
width: 90%;
}

.article_page #l_maincontents_area p a{
display: block;
}
#article07.article_page #l_maincontents_area p a {
display: inline;
}

.article_page #l_maincontents_area .referenceLink a { /* 参考リンク */
display: inline;
}

.article_page #l_maincontents_area .sub_title{
width: 90%;
margin: 0 auto 20px;
}

.article_page #l_maincontents_area .box_ptn01{
display: block;
width: 90%;
margin: 0 auto 26px;
}
.article_page #l_maincontents_area .box_ptn01.smallImg {
display: flex;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_text{
max-width: none;
width: 100%;
margin: 0 auto 20px;
}
.article_page #l_maincontents_area .box_ptn01.smallImg .cnt_text {
width: 68%;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_text p{
width: 100%;
}

.article_page #l_maincontents_area .box_ptn01 .cnt_img{
max-width: none;
width: 100%;
}
.article_page #l_maincontents_area .box_ptn01.smallImg .cnt_img{
width: 25%;
}

.article_page #l_maincontents_area .list_ptn01{
width: 90%;
margin: 0 auto 27px;
padding: 0 0 0 1.2em;
}

.article_page #l_maincontents_area .list_ptn02{
width: 90%;
display: block;
margin: 0 auto 23px;
}

.article_page #l_maincontents_area .list_ptn02 li{
/* max-width: 400px; */
max-width: none;
width: 100%;
margin: 0 0 8px;
padding: 13px 0 11px 13px;
display: flex;
align-items: center;
text-align: left;
}

.article_page #l_maincontents_area .list_ptn02 li .number{
position: static;
transform: translate(0,0);
margin: 0 12px 0 0;
}

.article_page #l_maincontents_area .comment_area::before,
.article_page #l_maincontents_area .comment_group::before{
left: 50%;
}

/*複数コメント枠*/
.article_page #l_maincontents_area .comment_group .comment_area::before {
left: 0;
}
.article_page #l_maincontents_area .comment_group h3 {
padding-left: 11px;
}

.article_page #l_maincontents_area .comment_area{
display: block;
padding: 21px 0 35px;
}
.article_page #l_maincontents_area .comment_group .comment_area {
margin-bottom: 12px;
}

.article_page #l_maincontents_area .comment_box{
width: 90%;
margin: 0 auto;
padding: 0 0 46px;
}

.article_page #l_maincontents_area .comment_box::after{
top: auto;
bottom: 0;
right: 45%;
background: url(../img/fukidashi_parts01_sp.png) no-repeat center center;
background-size: 100% auto;
width: 35px;
height: 52px;
}

.article_page #l_maincontents_area .comment_box .box_in{
width: 100%;
max-width: none;
padding: 20px 20px 44px;
}

.article_page #l_maincontents_area .comment_box .inner_box{
display: block;
}

.article_page #l_maincontents_area .comment_box .inner_box .inner_img{
width: 100%;
max-width: none;
margin: 0 auto 10px;
}

.article_page #l_maincontents_area .comment_box .inner_box p{
width: 100%;
max-width: none;
}

.article_page #l_maincontents_area .comment_img{
margin: 0;
position: absolute;
bottom: 18px;
right: 48px;
max-width: 128px;
}
.article_page #l_maincontents_area .comment_group .comment_img {
bottom: -18px;
}

.article_page #l_maincontents_area .comment_img img {
max-width: 76px;
margin: 0 auto;
display: block;
text-align: center;
}

.article_page #l_maincontents_area .comment_box .title{
width: 100%;
margin: 0 0 20px;
}

.article_page #l_maincontents_area .comment_box p{
width: 100%;
}

.article_page #l_maincontents_area .dl_ptn01{
width: 90%;
margin: 0 auto;
}

.article_page #l_maincontents_area .attention_box{
width: 90%;
margin: 0 auto;
padding: 26px 17px 32px 13px;
}

.article_page #l_maincontents_area .attention_box::before{
left: 50%;
transform: translateX(-50%);
}

.article_page #l_maincontents_area .attention_box p{
width: 100%;
margin: 0;
}



.article_page #l_subcontents_area {
max-width: none;
width: 100%;
background: #fff;
}

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

.article_page #l_subcontents_area h3.link{
background: none;
margin: 0 auto 9px;
width: 100%;
max-width: 885px;
}

.article_page #l_subcontents_area h3.link a{
font-weight: bold;
font-size:19px;
color: #29ABE2;
display: block;
}


.article_page #l_subcontents_area .cnt_g{
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
max-width: none;
width: 94%;
overflow-y: hidden;
overflow-x: scroll;
/*
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
*/
}

.article_page #l_subcontents_area .cnt_g .cnt_box {
border: 1px solid #D5D7D5;
border-radius: 15px;
max-width: unset;
width: 288px;
margin: 0 12px 0 0;
padding: 16px 10px 16px;
}

.article_page #l_subcontents_area .cnt_g .cnt_box:last-child {
border: 1px solid #D5D7D5;
}

.article_page #l_subcontents_area .cnt_g .cnt_box .cnt_img{
width: 76px;
}

.article_page #l_subcontents_area .cnt_g .cnt_box .cnt_text{
width: 128px;
padding-left: 5px;
max-width: unset;
}

.article_page #l_subcontents_area h3.link a::after{
background: url(../img/arrow_right02.png) no-repeat center;
background-size: contain;
display: inline-block;
vertical-align: middle;
position: static;
margin: 0 0 4px 6px;
}


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



#article01 #l_mainvisual_area .cnt_img{
width: 144px;
padding: 0;
margin: 0 auto;
position: absolute;
bottom: -11px;
left: 50%;
transform: translateX(-50%);
}

#article01 #l_maincontents_area #cnt_area01 .h2_g{
margin: 0 auto 13px;
}

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

#article01 #l_maincontents_area #cnt_area01 .h2_g .icon{
max-width: 51px;
}

#article01 #l_maincontents_area #cnt_area01 .figure,#article04 #l_maincontents_area #cnt_area01 .figure{
margin: 24px auto 18px;
}
#article05 #l_maincontents_area #cnt_area02 .figure {
margin: 24px auto 0;
}
#article04 #l_maincontents_area #cnt_area01 .figure,
#article05 #l_maincontents_area #cnt_area02 .figure,
#article07 #l_maincontents_area .figure {
padding-top: 0;
border: none;
}

#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{
position: static;
margin: 0 0 22px;
max-width: 188px;
padding: 2px 18px 2px 14px;
}
#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;
margin: 0;
border-radius: 0;
}
#article07 #l_maincontents_area .figure .title {
max-width: 300px;
}

#article04 #l_maincontents_area #cnt_area01 .figure img {
width: calc(100% - 20px);
margin: 0 10px;
}

#article01 #l_maincontents_area #cnt_area02 .h2_g{
padding: 0 26px 0 0;
margin: 0 auto 15px;
}

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

#article01 #l_maincontents_area #cnt_area02 .h2_g .icon{
max-width: 50px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 ul{
width: 90%;
display: block;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li{
max-width: 350px;
width: 100%;
margin: 0 auto 11px;
position: relative;
}

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

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li img.sp{
display: block;
max-width: 230px;
width: 100%;
margin: 0 0 0 auto;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g01 li span{
text-align: left;
font-size: 22px;
line-height: 30px;
position: absolute;
bottom: 30px;
left: 21px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 .table_box{
width: 90%;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 table{
display: block;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 tr{
display: block;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th{
display: block;
width: 100%;
padding: 25px 0 24px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 th img{
width: 100%;
margin: 0 auto 5px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 td{
display: block;
padding: 15px 12px 28px;
}

#article01 #l_maincontents_area #cnt_area02 .cnt_g03 td::before{
width: 89%;
height: 1px;
top: 0;
left: 50%;
transform: translate(-50%,0);
}

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

#article01 #l_maincontents_area #cnt_area03 .h2_g{
margin: 30px auto 15px;
width: 90%;
}

#article01 #l_maincontents_area #cnt_area03 .h2_g .icon{
max-width: 100px;
width: 25%;
margin: 0;
}

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

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

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .block01{
padding: 0;
margin: 0 auto 20px;
border-bottom: none;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01{
margin: 0 auto;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01 .cnt_text{
max-width: none;
width: 100%;
margin: 0;
}

#article01 #l_maincontents_area #cnt_area03 .cnt_g03 .box_ptn01 .cnt_img{
max-width: none;
width: 100%;
margin: 0 auto 19px;
}


/* --------------------
05.記事02
--------------------*/

#article02 #l_mainvisual_area{
position: relative;
height: 169px;
}

#article02 #l_mainvisual_area .cnt_img.pc{
display:none;
}

#article02 #l_mainvisual_area .cnt_img{
max-width: 122px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
}

#article02 #l_maincontents_area .l_pagenav_area ul{
justify-content: space-around;
display: block;
}

#article02 #l_maincontents_area .l_pagenav_area ul li{
margin: 0 auto 7px;
width: 100%;
}

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

#article02 #l_maincontents_area .box_ptn01 .cnt_img{
padding: 18px 0 24px;
}

#article02 #l_maincontents_area h3{
padding: 11px 20px 12px 20px;
}

#article02 #l_maincontents_area p a {
display: inline-block;
}

#article02 #l_maincontents_area .comment_box .title{
margin: 0 0 21px;
}

#article02 #l_maincontents_area #cnt_area01 .h2_g .icon01{
position: absolute;
bottom: 0;
right: 10px;
width: 94px;
}

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

#article02 #l_maincontents_area #cnt_area01 .lounge_g{
width: 90%;
margin: 0 auto 46px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title{
font-size: 18px;
padding: 0 0 6px 40px;
max-width: 296px;
margin: 0 auto 20px;
border-bottom: none;
position: relative;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title::after{
content: '';
display: block;
background: #58ABE8;
height: 2px;
width: 90vw;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

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

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title .small_black{
display: block;
font-size: 12px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title::before{
width: 31px;
height: 20px;
top: 20px;
left: 4px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .num{
width: 28px;
border-radius: 4px 0 0 4px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .name{
width: calc(100% - 95px);
font-size: 14px;
padding: 8px 2px 10px 6px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .evaluation{
width: 67px;
font-size: 14px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn .evaluation::before{
width: 12px;
height: 14px;
padding-right: 2px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .cnt_btn a::after{
right: 6px;
}

#article02 #l_maincontents_area #cnt_area01 .lounge_g .attention_text{
text-align: left;
width: 100%;
}

#article02 #l_maincontents_area #cnt_area02 .card_title h3,
#article04 #l_maincontents_area .card_title h3{
width: 90%;
margin: 0 auto;
}

#article02 #l_maincontents_area #cnt_area02 .card_title,
#article04 #l_maincontents_area .card_title{
margin: 38px 0 60px;
}

#article02 #l_maincontents_area #cnt_area02 .card_title .fee,
#article04 #l_maincontents_area .card_title .fee{
right: unset;
left: 5%;
bottom: -42px;
border: 2px solid #58ABE8;
padding: 3px 8px;
}

#article02 #l_maincontents_area #cnt_area02 p.box{
padding: 22px 25px 20px 24px;
margin-bottom: 52px;
}

/* --------------------
06.記事03,04 750
--------------------*/


#article03 #l_mainvisual_area .cnt_box,
#article04 #l_mainvisual_area .cnt_box {
display: block;
position: relative;
padding: 21px 0 67px;
}

#article03 #l_mainvisual_area .cnt_img,
#article04 #l_mainvisual_area .cnt_img {
width: 102px;
padding: 0;
margin: 0 auto;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}

#article03 #l_maincontents_area #cnt_area01 .h2_g .icon {
max-width: 84px;
}
#article03 #l_maincontents_area #cnt_area02 .h2_g,
#article04 #l_maincontents_area .h2_g {
padding: 22px 0 28px;
}
#article03 #l_maincontents_area #cnt_area02 .h2_g .icon{
max-width: 100px;
}

#article03 #l_maincontents_area .box_ptn01 .cnt_img{
margin-bottom: 12px;
}

#article03 #l_maincontents_area #cnt_area02 h5{
width: 90%;
margin: 0 auto;
}
#article03 #l_maincontents_area #cnt_area02 .atm_li{
width: 90%;
margin: 0 auto 28px;
}
#article03 #l_maincontents_area #cnt_area02 .atm_li dl dt{
font-size: 12px;
}
#article03 #l_maincontents_area #cnt_area02 .atm_li dl dd{
padding: 10px 0 8px 14px;
}
#article03 #l_maincontents_area #cnt_area02 .center_img{
margin: 0 auto 17px;
}
#article03 #l_maincontents_area #cnt_area02 .fee_g{
width: 90%;
margin: 0 auto 6px;
}
#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th02{
min-width: 70px;
line-height: 14px;
height: 52px;
}

#article03 #l_maincontents_area #cnt_area02 .fee_g table tr th.th01, 
#article03 #l_maincontents_area #cnt_area02 .fee_g table tr td{
font-size: 13px;
}

#article03 #l_maincontents_area #cnt_area03 .h2_g .icon {
max-width: 116px;
}
#article03 #l_maincontents_area #cnt_area03 .h2_g h2 {
padding: 6px 0 0;
}
#article03 #l_maincontents_area #cnt_area03 .h4_g{
margin-bottom: 38px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img,
#article04 #l_maincontents_area .box_ptn01 .link_img{
width: 100%;
margin: 0 auto 38px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a,
#article04 #l_maincontents_area .box_ptn01 .link_img .link_text a {
font-size: 14px;
padding: 8px 30px 8px 22px;
}
#article03 #l_maincontents_area p a {
display: inline;
}

/* --------------------
07.記事05,06,07 750
--------------------*/
#article05  #l_mainvisual_area,
#article06 #l_mainvisual_area,
#article07 #l_mainvisual_area {
margin-bottom: 50px;
}
#article05 #l_mainvisual_area .cnt_img,
#article06 #l_mainvisual_area .cnt_img,
#article07 #l_mainvisual_area .cnt_img {
width: 170px;
padding: 0;
margin: 0 auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
}

}


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

/* ----------
02.トップ
---------- */
#frontpage #l_mainvisual_area .cnt_text h1 .h1_text01{
font-size: 24px;
}

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

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02{
margin: 0 0 2px;
font-size: 34px;
line-height: 39px;
}

#frontpage #l_mainvisual_area .cnt_text h1 .h1_text02 .h1_small01{
font-size: 27px;
}
#frontpage #l_pagenav_area li a {
font-size: 13px;
padding: 12px 5px 18px;
}
#frontpage .l_article_area .cnt_text h2 span {
font-size: 18px;
}
#frontpage .l_article_area .cnt_text h2 {
font-size: 27px;
}

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

.article_page #l_mainvisual_area h1 {
font-size: 18px;
line-height: 25px;
}
.article_page #l_maincontents_area .h2_g h2 {
font-size: 22px;
line-height: 32px;
}



/* --------------------
05.記事02
--------------------*/

#article02 #l_maincontents_area #cnt_area01 .lounge_g .title{
font-size: 17px;
}

#article02 #l_maincontents_area .h2_g h2{
font-size: 21px;
}

/* --------------------
06.記事03 360
--------------------*/
#article03 #l_mainvisual_area h1 {
font-size: 17px;
}
#article03 #l_maincontents_area #cnt_area02 .atm_li dl dt{
width: 116px;
}
#article03 #l_maincontents_area #cnt_area02 .atm_li dl dd{
width: calc(100% - 116px);
font-size: 13px;
padding: 7px 0 6px 7px;
}
#article03 #l_maincontents_area #cnt_area03 .box_ptn01 .link_img .link_text a{
font-size: 12px;
}

}