@charset "utf-8";

@media screen and (max-width: 767px) {
    body{
        min-width: 100%;
    }
 
    .l-container,.l-inner{
        width: 90%;
        max-width: 100%;
    }
   
    .l-mv{
        width: 100%;
        min-width: 100%;
        overflow: hidden;
        height: 100vh;
    }

    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
	.sp_br{
		display:inline;
	}
  
    /*header------------------------------------*/
    .header_nav{
        display: block;
    }
    .header_nav{
        white-space: inherit;
        margin-top: 40px;
    }
    .toggleWrap{
        position: relative;
    }
    .toggle{
        position: fixed;
        right: 20px;
        top: 20px;
        width: 30px;
        z-index: 1000;
    }
    .humburgerIcon{
        background: #fff;
        position: absolute;
        width: 30px;
        height: 3px;
        border-radius: 50px;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    .humburgerIcon:nth-of-type(2){
        top: 10px;
    }
    .humburgerIcon:nth-of-type(3){
        top: 20px;
    }
    .toggle.active .humburgerIcon:nth-child(1){
        top: 15px;
        border-color: #064082;
        left: 0px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .toggle.active .humburgerIcon:nth-child(2), .toggle.active .humburgerIcon:nth-child(3){
        top: 15px;
        border-color: #064082;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .l-header{
        display: none;
    }
    .l-header.active{
        display: block;
        top: 0;
        border-radius: 0;
        background: #15437e;
        height: 100vh;
        position: fixed;
        overflow: hidden;
        transition: all .3s;
    }
    .header__linkItem{
        color: #fff;
        width: 100%;
        display: inline-block;
        padding: 10px;
        margin-right: 0;
    }
    .p-header__btn{
        width: 100%;
        display: inline-block;
    }
    .p-header__navLink{
        margin-bottom: 30px;
    }
    /*font--------------------------------------*/
    .boxTtl{
        font-size: 1.8rem;
    }
    /*main------------------------------------*/
    .c-boxItem__txtWrap,.status_ehime__df,.status_special,.p-activityWrap,.p-form_ttl,.p-form_imputWrap,.company_info,.header__linkItem{
        display: block;
    }
    .c-boxItem__img img,.special__img img{
        width: 100%;
        height: auto;
    }
    .c-boxItem__txt,.special__txt,.special__img,.p-activity__box2,.p-form_ttl,.p-form_imputWrap,.c-btn,.p-company_info__ttl,.l-header,.header__linkItem,.header_nav{
        width: 100%;
    }
    .status__illust-01,.status__illust-03,.status__illust-05,.status__illust-06{
        right: 0;
        width: 35%;
    }
    .pet_photo{
        min-height: 290px;
        height: 290px;
        background-position: center;
        background: url(../images/sp_pet-photo.jpg);
        background-size: cover;
        z-index: 1;
        position: relative;
        margin-bottom: 60px;
    }
    .p-event__ttl:before, .p-event__ttl:after{
        width: 11%;
    }
    .p-form_ttl{
        padding-bottom: 0;
    }
    .p-news__ttl{
        width: 68%;
    }
    .header_logo{
        display: none;
    }
    .l-mv{
        background-image: url('../images/sp_mv.jpg');
        background-position: center top;
        background-size: 115%;
    }
    .p-mv_txt{
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 50px;
        width: 90%;
    }
    .p-mv_txt img{
        width: 100%;
    }
    .p-concept__txt{
        text-align: left;
    }
    .c-boxItem__txtWrap{
        padding: 30px 20px 35px;
    }
    .c-boxItem__num{
        width: 60px;
    }
    .status__illust-05{
        right: -18px;
        width: 25%;
    }
    .status__illust-04{
        width: 19%;
        left: 0;
    }
    .status__illust-06{
        width: 20%;
    }
    .status_special{
        padding: 40px 20px;
    }
    .special__point{
        width: 20%;
        left: -16px;
        top: -25px;
    }
    .p-activity__boxTtl{
        padding: 21px 20px 15px;
    }
    .p-activity__txt{
        margin-bottom: 20px;
    }
    .p-activity__box2{
        margin-bottom: 60px;
    }
    .l-section{
        padding-bottom: 60px;
        padding-top: 60px;
        margin-top: -60px;
    }
    .p-concept{
        padding: 80px 0 100px 0;
        background: url('../images/sp_concpetBg.png');
        background-size: cover;
    }
    .bg_fixed{
        background:  url(../images/sp_bg.jpg);
        background-color: #003054;
        position: relative;
        min-height: auto;
        background-size: 100%;
        background-position: center;
    }
 

    .fb_iframe_widget span,.fb_iframe_widget iframe{
        width: 300px!important;
    }
    .modal__content{
        width: 90%;
    }
    .js-modal-close{
        right: -10px;
        top: -45px;
    }
    .js-modal-open img,.modal__content iframe{
        height: auto;
    }
}