@charset "UTF-8";
@media screen and (max-width: 1200px) {
    .information {
        position: inherit;
        right: 0;
        top: 0;
        float: right;
        width: 25%;
        margin: 5px 10px 10px 0;
    }
    .catch .inner {
        padding: 5px 1rem 5px 1rem;
    }
    #gnavi {
        background: none;
        display: block;
        width: 100%;
        clear: inherit;
    }
    nav {
        position: relative;
        top: -70px;
    }
    nav ul li {
        width: 25%;
    }
    nav ul li:first-child {
        color: #f00;
        font-weight: bold;
        display: block;
        float: none;
        width: 30%;
        clear: both;
        border-right: none;
        border-top: none;
    }
    nav ul li a{
        font-size: 2vw;
        height: 63px;
        padding: 17px 12px 11px 10px;
    }
    nav ul li a:hover {
        background-position: 50% 54px;
    }
    nav ul li:last-child{
        display: none;
    }
    .current-menu-item {
        background-position: 50% 54px,bottom;
    }
    #wrap{
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        top: -10rem;
    }
}
@media screen and (max-width: 1024px) {
  .pc {
    display: none;}
  .sp {
    display: block;}
    .inner,#footer{
    width: 100%;
    }


    .information img,
    .subEntry img{
        width: 100%;
        height: auto;
    }

    #merit ul li{
        width: 100%;
    }
    .merit_img {
        margin-bottom: 0px;
        float: left;
        width: 45%;
    }
    #merit ul li p{
        float: right;
        width: 54%;
    padding: 3rem 10px;
    }
    #main_campaign ul li{
        width: 100%;
    }
    #main_campaign li:nth-child(2) .campaign_txt {
        border-top: none;
    }
    #main_campaign .campaign_txt{
        width: 74%
    }
    #main_campaign .campaign_img {
        width: 19%;
        border: none;
    }

    #main_campaign li:nth-child(2) .campaign_txt{
        border-top: none;
    }
    .info_list ul li {
        padding: 5px 5% 10px;
    }
    #about,
    #attention p,
    .f_menu ul,
    .f_about .inner{
        padding: 0 5%;
    }
    #faq_cate li{
        padding: 5px 5%;
    }
    .copyright{
        padding: 10px 5%;
    }
    #about >div {
        width: 100%;
        text-align: center;
        border-bottom: 1px dashed #ddd;
    }
    #about >p {
        width: 100%;
        margin: 10px auto;
        border-left: none;
        padding: 0;
    }
    .bx-wrapper .bx-controls-direction a{
       top: 31%
    }
    .searchbox{
        width: 100%;
        margin-bottom: 30px;
    }
    .searchbox h3{
        width: 100%;
    }
    .faq_new h4 a{
        padding: 0;
    }
    .broker_txt {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }
    #main_campaign .now .campaign_img,
    #main_campaign .now .campaign_txt{
        width: 100%;
	}
	figure{
		margin:0;
	}
}
@media screen and (max-width:667px){
    #wrap{
        padding: 0;
        top: -8rem;
    }
    #partner ul,
    #main_campaign ul,
    aside ul,
    .side_partner_box{
        padding: 0 5%;
    }
    #mail_maga a,
    #twitter_bnr a{
        padding: 0 5%;
        display: block;
    }
    #about{
        margin: 0 5%;
    }
    .subEntry #sub_point .alignleft,
    .subEntry #sub_point .alignright{
        margin: 0;
    }
    main,aside{
        width: 100%;
    }
    nav {
        top: -60px;
    }
    nav ul{
        border-bottom: 1px solid #eee;
    }
    nav ul li {
        width: 50%;
        border-right: 1px solid #eee;
        border-top: 1px solid #eee;
    }
    nav ul li:first-child a{
        font-size: 7vw;
        height: 53px;
    }
    nav ul li:first-child a:hover {
        background-position: 50% 46px;
    }
    nav ul li a{
        height: 48px;
        font-size: 1.2rem;
        line-height: 1.2;
        padding: 13px 12px 11px 10px;
    }
    nav ul li a:hover {
        background-position: 50% 39px;
    }
    nav ul li:first-child,.information {
        width: 45%;
        margin-bottom: 10px;
        background: none;
    }
    section >h2{
        padding: 8px 5%;
    }
    .copyright .logo{
    float: none;
        }
    .page_top {
        bottom: 45px;
    }
    .bx-wrapper .bx-pager{
				/*text-align: center; 20250708 */
				display:none;
    }
    .subEntry{
        padding: 0 0;
    }
    .merit_read p{
        width: 100%;
    }
    #contents {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .single_faq .faq_box h1{
        text-align: left;
        font-size: 2.4rem;
    }
    .faq_a{
        text-align: left;
    }
    .under_cate li {
        padding: 0;
        width: 100%;
    }
    .result >div {
        padding: 20px;
    }
    .popularity h4 a{
    font-size: 1.6rem
    }
    .faq_new ul{
        padding: 22px 10px 115px 5px;
    }
    #campaign .subEntry{
        padding: 0;
    }
    .size-full {
        width: 100%;
        height: auto;
	}
	
	#post .post-item a{
		display:block;
	}
	#post .post-item img{
		max-width:100%;
		width: 100%;
	}
	
}
@media screen and (max-width:480px){
    .merit_img,
    #merit ul li p,
    #main_campaign ul li,
    .f_about dt,
    #testSearchInput, .input_1, #faqSearchInput{
        width: 100%;
    }
    #merit ul li p{
        padding: 10px;
    }
    #main_campaign .campaign_img{
    border: none;
    }
    #main_campaign .campaign_img img{
        border: 1px solid #ddd;
    }
    #partner ul li{
        width: 49%;
    }
    section#merit h2{
        font-size: 1.8rem;
        padding: 20px 0px;
    }
    section#main_campaign h2{
        padding: 10px 20px;
    }
    .f_menu li{
        width: 100%;
        margin: 0 3% 15px 0;
    }
    .f_about dd {
        float: none;
        width: 100%;
        border-bottom: 1px solid #838383;
        padding: 0 0 0 10px;
        margin-bottom: 5px;
    }
    .f_about dd::before {
        content: '';
        margin: 0
    }
    footer .logo{
        padding: 14px 15px 0 0;
    }
    .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .formtable th,
    .formtable td{
        width: 100%;
        display: block;
    }
    .formtable th{
        border-right: none;
    }
    .formtable td > input, .firstname, .lastname, .message,
    .faq_a,.single_faq .faq_box h1{
        width: 100%;
    }
    .info_list ul li .date{
    float: none;
    }
    #about .about_ttl .logo{
        padding: 40px 0px 0px 0;
    }
    .subEntry .merit_ttl h2 {
        font-size: 6vw;
    }
    main .sub h1{
        font-size: 2.2rem;
    }
    .namearea div {
        margin: 0 0px 8px;
    }
    .single_faq .faq_box > img{
        display: none;
    }
    .single_faq .faq_box h1:after{
        right: 0;
        border-left: 14px solid transparent;
    }
    .faq_a{
        padding: 15px;
    }
    .subEntry table th,.subEntry table td{
       width: 100%;
        /*display: block;*/
    }
    #main_campaign .campaign_img{
        width: 24%;
        margin: 5px 5px 5px 0;
    }
    section h2 .top_campaign {
        display: block;
        float: none;
        padding: 7px;
        text-align: center;
        margin: 10px 0;
    }

}