/*このスタイルシートを適応させているファイル*/





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



/*色*/
.white {
	color: white;
}
.red {
	color: red;
}
.blue {
	color: blue;
}

.green {
	color: #029945;
}

.black {
	color: black;
}

.pink {
	color: rgb(158, 24, 47);
}

.yellow {
	color: yellow;
}








    .sp360{
        display:block;
    }

    .br600-1024{
        display:none;
    }

    .br360-599{
        display:block;
    }

    .sp540{
        display:block;
    }

    .sp541-{
		display:none;
	}

    .sp541-{
        display:none;
    }

    .sp360-768{
        display:block;
    }

    .tb769-{
        display:none;
    }
    

    *{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin:0;
        padding:0;
    }

    .marugothic{
        font-family: 'M PLUS Rounded 1c';
    }

    body{
        width:100%;
    }

    .switchTablet{
        display:none;
    }

    .switchPc{
        display:none;
    }

    .switchPc2{
        display:none;
    }

    .switchSp{
        display:block;
    }

    .switchMobile2{
        display:flex;
        left:calc(10% - 30px);
    }

    .pc-only{
        display:none;
    }

    .sp-tablet{
        display:block;
    }

    .sp-only{
        display:block;
    }


    img{
        width:100%;
    }




    /*width*/
    .m_width20per{width:20% !important;}
    .m_width25per{width:25% !important;}
    .m_width30per{width:30% !important;}
    .m_width35per{width:35% !important;}
    .m_width40per{width:40% !important;}
    .m_width45per{width:45% !important;}
    .m_width50per{width:50% !important;}
    .m_width55per{width:55% !important;}
    .m_width60per{width:60% !important;}
    .m_width65per{width:65% !important;}
    .m_width70per{width:70% !important;}
    .m_width75per{width:75% !important;}
    .m_width80per{width:80% !important;}
    .m_width85per{width:85% !important;}
    .m_width90per{width:90% !important;}
    .m_width95per{width:95% !important;}
    .m_width1000per{width:100% !important;}

    .widtFit{width:fit-content !important;}

    .m_col1{
        width:calc(100% / 1 - 10px) !important;
    }


    .m_col2{
        width:calc(100% / 2 - 10px) !important;
    }

    .m_col2-2{
        width:calc(100% / 2 - 2vw);
    }
    
    .m_col3{
        width:calc(100% / 3 - 10px) !important;
    }
    
    .m_col4{
        width:calc(100% / 4 - 4.2vw) !important;
    }
    
    .m_col5{
        width:calc(100% / 5 - 10px) !important;
    }
    
    .m_col6{
        width:calc(100% / 6 - 10px) !important;
    }
    
    .m_col7{
        width:calc(100% / 7 - 10px) !important;
    }

    /*width*/


    /*height*/
    .m_height50px{height:50px !important;}
    .m_height100px{height:100px !important;}
    .m_height110px{height:110px !important;}
    .m_height120px{height:120px !important;}
    .m_height130px{height:130px !important;}
    .m_height140px{height:140px !important;}
    .m_height150px{height:150px !important;}
    .m_height200px{height:200px !important;}
    /*height*/







    /*font-size*/
    .m_fs08rem{ font-size:0.8rem !important; }
    .m_fs09rem{ font-size:0.9rem !important; }
    .m_fs10rem{ font-size:1rem !important; }
    .m_fs11rem{ font-size:1.1rem !important; }
    .m_fs12rem{ font-size:1.2rem !important; }
    .m_fs13rem{ font-size:1.3rem !important; }
    .m_fs14rem{ font-size:1.4rem !important; }
    .m_fs15rem{ font-size:1.5rem !important; }
    .m_fs16rem{ font-size:1.6rem !important; }
    .m_fs17rem{ font-size:1.7rem !important; }
    .m_fs18rem{ font-size:1.8rem !important; }
    .m_fs19rem{ font-size:1.9rem !important; }
    .m_fs20rem{ font-size:2.0rem !important; }
    .m_fs21rem{ font-size:2.1rem !important; }
    .m_fs22rem{ font-size:2.2rem !important; }
    .m_fs23rem{ font-size:2.3rem !important; }
    .m_fs24rem{ font-size:2.4rem !important; }
    .m_fs25rem{ font-size:2.5rem !important; }
    /*font-size*/
    

    /*font-weight*/
    .m_fw400{font-weight:400;}
    .m_fw500{font-weight:500;}
    .m_fw600{font-weight:600;}
    .m_fw900{font-weight:900;}

    /*font-weight*/


    /*line-height*/
    .m_lineHt18{line-height:1.8;}
    .m_lineHt19{line-height:1.9;}
    .m_lineHt20{line-height:2.0;}
    /*line-height*/

    /*word-break*/
    .wrdbrKA{word-break:keep-all;}
    /*wordbreak*/


    /*margin-top*/
    .m_mt05{ margin-top:5px !important;}
    .m_mt10{ margin-top:10px !important;}
    .m_mt15{ margin-top:15px !important;}
    .m_mt20{ margin-top:20px !important;}
    .m_mt25{ margin-top:25px !important;}
    .m_mt30{ margin-top:30px !important;}
    .m_mt35{ margin-top:35px !important;}
    .m_mt40{ margin-top:40px !important;}
    .m_mt45{ margin-top:45px !important;}
    .m_mt50{ margin-top:50px !important;}
    .m_mt55{ margin-top:55px !important;}
    .m_mt60{ margin-top:60px !important;}
    .m_mt65{ margin-top:65px !important;}
    .m_mt70{ margin-top:70px !important;}
    .m_mt80{ margin-top:80px !important;}
    .m_mt100{ margin-top:100px !important;}
    .m_mt200{ margin-top:200px !important;}
    /*margin-top*/

    /*margin-left*/
    .m_ml05{ margin-left:5px !important;}
    .m_ml10{ margin-left:10px !important;}
    .m_ml15{ margin-left:15px !important;}
    .m_ml20{ margin-left:20px !important;}
    .m_ml25{ margin-left:25px !important;}
    .m_ml30{ margin-left:30px !important;}
    .m_ml35{ margin-left:35px !important;}
    .m_ml40{ margin-left:40px !important;}
    .m_ml45{ margin-left:45px !important;}
    .m_ml50{ margin-left:50px !important;}
    .m_ml55{ margin-left:55px !important;}
    .m_ml60{ margin-left:60px !important;}
    .m_ml65{ margin-left:65px !important;}
    .m_ml70{ margin-left:70px !important;}
    .m_ml80{ margin-left:80px !important;}
    .m_ml100{ margin-left:100px !important;}
    /*margin-left*/



    /*margin-right*/
    .m_mr05{ margin-right:5px !important;}
    .m_mr10{ margin-right:10px !important;}
    .m_mr15{ margin-right:15px !important;}
    .m_mr20{ margin-right:20px !important;}
    .m_mr25{ margin-right:25px !important;}
    .m_mr30{ margin-right:30px !important;}
    .m_mr35{ margin-right:35px !important;}
    .m_mr40{ margin-right:40px !important;}
    .m_mr45{ margin-right:45px !important;}
    .m_mr50{ margin-right:50px !important;}
    .m_mr55{ margin-right:55px !important;}
    .m_mr60{ margin-right:60px !important;}
    .m_mr65{ margin-right:65px !important;}
    .m_mr70{ margin-right:70px !important;}
    .m_mr80{ margin-right:80px !important;}
    .m_mr100{ margin-right:100px !important;}
    /*margin-right*/




    /*margin-bottom*/
    .m_mb05{ margin-bottom:5px !important;}
    .m_mb10{ margin-bottom:10px !important;}
    .m_mb15{ margin-bottom:15px !important;}
    .m_mb20{ margin-bottom:20px !important;}
    .m_mb25{ margin-bottom:25px !important;}
    .m_mb30{ margin-bottom:30px !important;}
    .m_mb35{ margin-bottom:35px !important;}
    .m_mb40{ margin-bottom:40px !important;}
    .m_mb45{ margin-bottom:45px !important;}
    .m_mb50{ margin-bottom:50px !important;}
    .m_mb55{ margin-bottom:55px !important;}
    .m_mb60{ margin-bottom:60px !important;}
    .m_mb65{ margin-bottom:65px !important;}
    .m_mb70{ margin-bottom:70px !important;}
    .m_mb80{ margin-bottom:80px !important;}
    /*margin-bottom*/

    /*margin*/
    .m_m05{margin:5px !important;}
    .m_m10{margin:10px !important;}
    .m_m15{margin:15px !important;}
    .m_m20{margin:20px !important;}
    .m_m25{margin:25px !important;}
    .m_m30{margin:30px !important;}
    .m_m35{margin:35px !important;}
    .m_m40{margin:40px !important;}
    .m_m45{margin:45px !important;}
    /*margin*/

    /*margin-side*/
    .m_marginSide05per{margin:0 5% !important;}
    .m_marginSide10per{margin:0 10% !important;}
    .m_marginSide15per{margin:0 15% !important;}
    .m_marginSide20per{margin:0 20% !important;}
    .m_marginSide25per{margin:0 25% !important;}
    .m_marginSide30per{margin:0 30% !important;}
    .m_marginSide35per{margin:0 35% !important;}
    .m_marginSide40per{margin:0 40% !important;}
    .m_marginSide45per{margin:0 45% !important;}
    /*margin-side*/



    /*margin*/
    .m_m05{margin:5px !important;}
    .m_m10{margin:10px !important;}
    .m_m15{margin:15px !important;}
    .m_m20{margin:20px !important;}
    .m_m25{margin:25px !important;}
    .m_m30{margin:30px !important;}
    .m_m35{margin:35px !important;}
    .m_m40{margin:40px !important;}
    .m_m45{margin:45px !important;}
    /*margin*/




    /*padding*/
    .m_p10{padding:10px !important;}
    .m_p15{padding:15px !important;}
    .m_p20{padding:20px !important;}
    .m_p25{padding:25px !important;}
    .m_p30{padding:30px !important;}
    .m_p35{padding:35px !important;}
    .m_p40{padding:40px !important;}
    /*padding*/

    /*padding-left*/
    .m_pl10{padding-left:10px !important;}
    .m_pl15{padding-left:15px !important;}
    .m_pl20{padding-left:20px !important;}
    .m_pl25{padding-left:25px !important;}
    .m_pl30{padding-left:30px !important;}
    .m_pl35{padding-left:35px !important;}
    /*padding-left*/

    /*padding-top*/
    .m_pt10{padding-top:10px !important;}
    .m_pt15{padding-top:15px !important;}
    .m_pt20{padding-top:20px !important;}
    .m_pt25{padding-top:25px !important;}
    .m_pt30{padding-top:30px !important;}
    .m_pt35{padding-top:35px !important;}
    .m_pt40{padding-top:40px !important;}
    .m_pt45{padding-top:45px !important;}
    .m_pt50{padding-top:50px !important;}
    .m_pt55{padding-top:55px !important;}
    /*padding-top*/



    /*padding-bottom*/
    .m_pb10{padding-bottom:10px !important;}
    .m_pb15{padding-bottom:15px !important;}
    .m_pb20{padding-bottom:20px !important;}
    .m_pb25{padding-bottom:25px !important;}
    .m_pb30{padding-bottom:30px !important;}
    .m_pb35{padding-bottom:35px !important;}
    .m_pb40{padding-bottom:40px !important;}
    .m_pb45{padding-bottom:45px !important;}
    .m_pb50{padding-bottom:50px !important;}
    .m_pb55{padding-bottom:55px !important;}
    .m_pb60{padding-bottom:60px !important;}
    .m_pb65{padding-bottom:65px !important;}
    .m_pb70{padding-bottom:70px !important;}
    .m_pb75{padding-bottom:75px !important;}
    .m_pb80{padding-bottom:80px !important;}
    .m_pb85{padding-bottom:85px !important;}
    .m_pb90{padding-bottom:90px !important;}
    .m_pb95{padding-bottom:95px !important;}
    .m_pb100{padding-bottom:100px !important;}
    /*padding-bottom*/





    /*中央揃え*/
    .m_tc{text-align:center;}
    .m_marAuto{margin:0 auto;}
    /*中央揃え*/


    /*右揃え*/
    .m_tr{text-align:right;}

    /*左揃え*/
    .m_tl{text-align:left;}


    /*縦中央*/
    .m_alignItemsC{
        align-items: center;
    }




    /*横並び*/


    .m_displayFlex{
        width:100%;
        display:flex;
    }

    .m_displayblock{
        display:block;
    }



    .m_jstfyConBet{justify-content: space-between;}


    .m_jstfyConSar{justify-content: space-around;}

    .m_floatR{
        float:right;
    }
    .m_floatL{
        float:left;
    }

    .m_clearBoth{
        clear:both;
    }

    .m_fWrap{
        flex-wrap:wrap;
    }

    .m_clear{
        clear: both;
    }
    /*横並び*/

    /*インラインブロック*/
    .m_displayInlineBlock{
        display:inline-block;
    }






    /*リスト*/
    .ul01{
        margin:0 auto;
        width:90%;
    }



    .ol01{
        margin:0 auto;
        width:90%;
    }

    .ol01 li{
        line-height:1.7;
        margin-bottom:20px;
        list-style-position:inside;
        padding-left:0;
    }

    .ul02 li{
        margin-left:10px;
    }
    /*リスト*/

    /*ボーダー*/
    .bb01{
        border-bottom:1px solid #000;
    }

    .bt01{
        border-bottom:1px solid #000;
    }
    /*ボーダー*/


    /*テーブル*/
    table,tr,th,td{
        border:1px solid #000;
        border-collapse:collapse ;
    }


    /*テーブル*/

    /*レタースペーシング*/

    .letterSpace01{
        letter-spacing: 1rem;
    }
    /*レタースペーシング*/


    /*pタグ*/
    p{
        line-height:2;
    }
    /*pタグ*/

}