@charset "UTF-8";

/*フッター画像1*/
@media screen and (min-width: 768px) {
    .sep_pnl_footer1_area {
        height:92px;
        width:51%;
        padding-left: 4%;
        padding-right: 4%;

    }
    .sep_pnl_footer1_area img{
    	width:100%;
	    height:100%;
	    object-fit:contain;
    }
}


@media screen and (min-width: 768px) {
    .FooterPrivacy {
        height:92px;
        max-width:60px;
        display: flex;
        align-items: center;
    }
    .FooterPrivacy .lazy img{
    	max-width:60px;
	    max-height:60px;
	    object-fit:contain;
    }
    .sep_pnl_footer1_area .logo.gakujo{
        margin-right: 0px!important;
    }
}

/*フッター画像2*/
@media screen and (min-width: 768px) {
    .sep_pnl_footer2_area {
	    height:14px;
	    width:95px;
    }
    .sep_pnl_footer2_area img{
    	width:100%;
	    height:100%;
	    object-fit:contain;
    }
}

/*フッター画像3*/
@media screen and (min-width: 768px) {
    .sep_pnl_footer3_area {
	    height:14px;
	    width:49px;
    }
    .sep_pnl_footer3_area a{
        display: inline-block;
    }
    .sep_pnl_footer3_area img{
    	width:100%;
	    height:100%;
	    object-fit:contain;
    }
}
@media screen and (max-width: 767px) {
    .sep_pnl_footer3_area  {
        display: none;
    }
}

/*フッター右のリンクリスト */
@media screen and (min-width: 768px) {
    .bottom_urllist .footer_logos-right  {
        display: flex;
    }
    .footer_logos-right li::after  {
    content: '|';
    color: #ABC3DC;
    padding: 0 .3em;
    }
    .footer_logos-right li::after:last-child{
        display: none;
    }
    .footer_infoaction .yuryoboshu{
        color:#17a462
    }
    .footer_not_image span {
        display: block;
    }
    .footer_not_image .last_infosentance .copyright {
    margin-left: 0px!important;
    }
    .last_infosentance{
        display: inline;
    }
    .Kyousankigyou{
        display: flex;
        position: absolute;
        right: 0px;
        bottom: 10%;
    }

}

/*PC画面時フッター画像領域幅指定 */
@media screen and (min-width: 768px) {
	.sep_img_secure_footer{
		width:19%;
        margin-left: 10px;
	}
}

/*SP画面時フッター画像領域幅指定 */
@media screen and (max-width: 767px) {
    .sep_img_secure_footer {
        text-align: center;
    }
}

/*PC画面時並列 */
@media screen and (min-width: 768px) {
    .sep_img_secure_flex_pc{
    display:flex;
        position:relative;
	}
}

    /*SPフッダー設定 */
@media screen and (max-width: 767px) {
    .last_infosentance .sep_img_secure_flex_sp.sep_img_secure_footer{
        width: 35%;
        display: flex;
    }
    .last_infosentance {
        display: flex;
        position: relative;
        margin: 20px;
    }
    /*SP学情ロゴ配置用エリア設定 */
    .last_infosentance .sep_pnl_footer1_area{
        width: 60%;
    }

    .last_infosentance .sep_img_secure_flex_sp.sep_img_secure_footer .sep_pnl_footer1_area .logo.gakujo{
         margin:0px!important;
    }

    .FooterPrivacy
    {
        width: 40%;
    }
        .FooterPrivacy img
    {
        max-width: 80%;
    }

    .copyrightinfo
    {
        width: 65%;
        position: absolute;
        bottom:0px;
        right:0px;
    }

    .copyright
    {
        font-size: 10px!important;
    }

    .bottom{
        line-height: 60px !important;
    }

    .bottom_urllist .footer_logos-right td
    {
        font-size: 85%;
        text-align: center;
        background: #fff;
        border: none;
        width:50%;
        padding: 2px 20px;
    }

    .bottom sep_img_secure_flex_pc .bottom_urllist{
        font-size:unset;
    }

    .bottom_urllist table{
        width:100%;
        table-layout: fixed;
        border: 0;
    }

    .sp.utility .bottom_urllist .footer_logos-right span{
        display: block;
        line-height: 1.5;
    }

    .sp.utility .bottom_urllist .footer_logos-right .footer_links-outer-item{
        text-align: center;
        align-items: center;
        height:38px;
        vertical-align: middle;
    }

    .questionbox{
        margin-top: 0px;
        background-color: #fff;
        font-size: 1.2rem;
        text-align: center;
        border-top: 1px solid #E1E4E7;
        border-bottom: 1px solid #E1E4E7;
        position: relative;
    }
    .sep-footer__wrapper .questionbox li
    {
        width:100%;
        position: relative;
        border-bottom: 1px solid #E1E4E7;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .sep-footer__wrapper .questionbox h3
    {
        padding:4px 22px;
    }
}

@media screen and (max-width: 767px) {
    .sp.bottom .footer_infoaction {
        text-align: center;
        align-items: center;
        height: 42px;
        vertical-align: middle;
    }

    .footer_infoaction .yuryoboshu{
        color:#17a462
    }
}