@media screen and (max-width: 428px) {
    .sp{ display: block;}
    .pc{ display: none;}
    .pc-t{display: none;}
    .flex{ display: block;}
    .spBlock{ display: block;}
        
    #bottomFixed{ display: block; width: 100%; background: #fdff57; position: fixed; bottom: 0; left: 0; z-index: 1; border-radius: 5px;}
    .bottomFixedArea{ width: 90%!important; text-align: center; padding: 13px 0 9px 0;margin: 0 auto;}
    .bottomFixedArea img{ max-width: 100%;}
        
    #header .header-logo{ width: 45%;}
    #header .header-logo img{ width: 90%;}
    #header .header-flex-top{ width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
    #header .header-flex{ width: 95%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
    #header dl{ display: none;}
    .sp_tel	{ width: 45%; }
    .sp_tel	img{ max-width: 90%;}
        
    #main-visual{ background: url("../images/main-visual-bg.png"); background-size: cover; }
    .main-visual-inner{ width: 100%; margin: 0 auto; position: relative; padding: 40px 0 45px 0;}
    .main-fukidashi{ width: 95%; position: absolute; z-index: 2; top: 53%; left: 12px;}
    .main-fukidashi img{ width: 15%;}
    .main-flex{ display: block; width: 100%;}
    .main-copy-box { width: 100%; margin: 0 auto;}
    .main-copy { width: 100%; margin: 0 auto; text-align: center;}
    .main-copy01 { width: 100%; margin: 0 auto; text-align: center;}
    .main-copy01 img{ width: 70%;}
    .main-copy02 { width: 100%; margin: 20px auto 20px auto; text-align: center;}
    .main-copy02 img{ width: 90%;}
    .main-copy03 { width: 100%; margin: 0 auto; text-align: center;}
    .main-copy03 img{ width: 90%;}
    
    .main-text{ max-width: 1280px; width: 100%; position: absolute; text-align: center; color: #ffF; font-size: 16px; margin: -80px auto 0 auto;}
    
        
    /* attention */
    .attention{ padding: 30px 0 20px 0;}
    .attention-text{ margin: 0 auto 30px auto;}
    .attention-text img{ width: 92%;}
    
    /* manga */	
    .manga{ padding: 0 0 40px 0;}
    .manga-fukidashi{ padding: 20px 0;}
    .manga-fukidashi:after{ bottom: -20px; border-width: 20px 20px 0 20px; }
    .manga-fukidashi img{ width: 90%;}
    .manga-img{ width: 95%; margin: 40px auto 30px auto;}
    .manga-img img{ width: 100%;}
    
    /* introduct-title */	
    .introduct-title{ padding: 40px 0;}
    .introduct-title h1{ text-align: center; padding: 0 0 30px 0;}
    .introduct-title h1 img{ width: 90%; margin: 0 auto;}
    .introduct-title h2{ text-align: center;}
    .introduct-title h2 img{ width: 90%; margin: 0 auto;}
    
    .introduct{ padding: 0 0 40px 0;}
    
    .introduct-mainvisual{ background: url("../images/secint-mainvisual-bg_sp.png"); background-size: 100% auto; padding: 60px 0 10px 0;}
    .introduct-mainvisual-name{ width: 65%; padding: 10px 0 10px 20px;}
        
    .introduct-name h1{ font-size: 6vw; font-weight: 300; margin: 10px auto 0 auto;}
    .introduct-name h1 span{ font-size: 1.6vw; letter-spacing: 0px;}
    .introduct-name h2{ width: 100%; color: #000; font-weight: 100; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
    .introduct-name h2 ul{ list-style: none;}
    .introduct-name h2 ul li{ font-size: 3vw; padding: 2px 0;}
        
    .introduct-mainvisual-flex{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0; filter: drop-shadow(2px 2px 2px rgb(0, 0, 0, 0.3));}
        
    .introduct-box { padding: 30px 0 10px 0;}
    
    .massage-text{ width: 88%; margin: 0 auto; padding: 10em 0 0 0; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100%); background-size: 100% 1.9em;}
    .massage-text p{ font-size: 18px; font-family: 春夏秋冬B; padding: 0; margin-bottom: 1.75em; line-height: 1.7;}
        
    .introduct-text{ width: 100%; padding: 20px 0; margin: 0 auto;}
    .introduct-text p{ font-size: 16px; padding: 15px 0;}
        
    .secint-right{margin: 0 auto 0 0;}
        
    .massage{ margin: 40px auto 0 auto; padding: 30px 0 20px 0; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));}
    .massage-h1 h1{ font-size: 20px; }
    .massage-text{ padding: 1.8em 0 0 0; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100%); background-size: 100% 1.7em; }
    .massage-text p{ font-size: 16px; font-family: 春夏秋冬B; padding: 0; margin-bottom: 1.73em; line-height: 1.7;}
    .right{ text-align: right; padding-top: 0.9em; font-size: 14px!important;}
    
    /* sec05 */
    .sec05-h1-area{ background: url(../images/sec05-h1-bg_sp.png) no-repeat; background-size: cover;}
    .sec05-h1-area{ padding: 20px 0; margin-bottom: 30px;} 
    .sec05-h1-area h1{ width: 100%; }
    .sec-inner { padding: 0;}
    .sec05-h1-area h1 img{ width: 94%; margin: 0 auto;}
    .sec05-srvc-box dl dd.image{ margin: 5px 0 5px 0}
        
    .form{ background: url("../images/form-bg.png"); background-size: cover; padding: 100px 0 30px 0;}
    .form-box{ width: 90%; margin: 0 auto; background: #fff; padding: 40px 0 20px 0;}
    .form-box-inner{ width: 90%; margin: 0 auto; }
    .form-img{ float: right; margin-top: -81px; margin-right: -4px;}
    .form-box-inner h2{ background: #ffff00; font-size: 18px; text-align: center; padding: 7px 0; margin: 10px 0;}
    .form-box-inner p{ font-size: 16px; text-align: center; line-height: 150%;}
    .form-box-inner p br.pc{ display: none;}
    
    /* メインコンテンツ　.form
    ------------------------------------------------------ */
    
    .formAttn{ max-width: 100%; margin: 0 auto;}
    .formAttn h2{ max-width: 88%; margin: 15px auto 5px auto; background:#fff; border-radius: 30px; padding: 6px 10px 3px 10px;}
    .formAttn img{ width: 70%!important;}
    .formAttn ul{ font-size: 12px; max-width: 84%; color: #fff; margin: 0 auto; padding: 5px 0; list-style-type: square; }
    .formTableArea{ width: 100%; margin: 0 auto 10px auto;}
    .formTd02{ max-width: 100%; padding: 10px 0 10px 0; text-align: center;}
    .formTd02 input{ padding: 0 0 0 10px; height: 60px; width: 97%; font-size: 24px; background: #dddddd; }
    
    .red{ font-size: 11px!important;}
    
    .formTextLink{ color: #c1272d; font-size: 12px; }
    .btn{ width: 80%; margin: 0 auto;}
    .btnSubmit{ width: 100%; margin: 0 auto;}
    .btnSubmit .btn{ width: 90%; margin: 0 auto;}
    .submit_btn{ background: url("../images/attention-btn_sp.png") no-repeat top left ; background-position: center; background-size:100% auto; border: none; width: 100%; height: 110px; margin: 0 auto; }
        
    #pageBottom{ padding-bottom: 95px;}	
    
    footer{ width: 100%; padding: 0;}	
    nav#menu2 { width: 90%; margin: 0 auto 20px auto;}
    .footerLogo{ width: 100%; margin: 0 auto; text-align: center;}
    .footerLogo img{ width: 90%;}
    .footerInfo ul{ margin: 40px 0; text-align: left; }
    .footerInfo ul li{ font-size: 14px; line-height: 175%; pointer-events: none;}
    #copyright{ font-size: 14px;}	
    .spBlock{ display: block;}
}