@media screen and (max-width: 768px) {	
    body{ box-sizing : border-box; overflow: hidden;}	
    html{ overflow:auto;}
    .sp{ display: none;}
    .pc-t{display: none;}
    br{ display: none;}	
    img{ max-width: 100%;}
    .spBlock{ display: block;}
    .flex{ display: flex; justify-content: space-between;}
    .highlight { background: -webkit-linear-gradient(transparent 60%, #ffde00 50%); background: -o-linear-gradient(transparent 60%, #ffde00 50%); background: linear-gradient(transparent 60%, #ffde00 50%); font-weight: 600;}
    
    #bottomFixed{ display: none;}
        
    #header{ padding: 15px 0 13px 0; box-shadow: 0 0 5px #999;}
    #header .header-flex-top { width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-content: center;}
    #header .header-flex { width: 85%; margin: 0 150px 0 20px; display: flex; justify-content: space-between; align-content: center;}
    #header dl{ display: none;}
    
    
    /* main-visual */
    #main-visual{ background: url("../images/main-visual-bg.png"); background-size: cover; }
    .main-visual-inner{ width: 100%; margin: 0 auto; position: relative; padding: 60px 0 70px 0;}
    .main-fukidashi{ width: 90%; position: absolute; z-index: 2; top: 58%; left: 8px;}
    .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: 40px auto 40px auto; text-align: center;}
    .main-copy02 img{ width: 88%;}
    .main-copy03 { width: 100%; margin: 0 auto; text-align: center;}
    .main-copy03 img{ width: 85%;}
    
    .main-text{ max-width: 1280px; width: 100%; position: absolute; text-align: center; color: #ffF; font-size: 16px; margin: -80px auto 0 auto;}
        
        
    /* attention */
    .attention{ background: url("../images/attention-bg.png"); background-size: cover; padding: 40px 0;}
    .attention-text{ width: 100%; margin: 0 auto 35px auto; text-align: center;}
    .attention-text img{ width: 80%;}
    .btn { width: 70%; margin: 0 auto; text-align: center;}
    .btn img{ width: 100%;}
    
        
    /* manga */
    .manga{ background: URL("../images/manga-bg.png"); background-size: cover; padding: 0 0 50px 0;}
    .manga-fukidashi{ background: #fff; text-align: center; padding: 30px 0; border-top: 3px solid #008e67; border-bottom: 3px solid #008e67; position: relative;}
    .manga-fukidashi:after{ content: ""; position: absolute; right: 0; bottom: -30px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #008e67 transparent transparent transparent; border-width: 30px 30px 0 30px; }
    .manga-fukidashi img{ width: 70%;}
    .manga-img{ width: 80%; margin: 30px auto 0 auto;}
    .manga-img img{ width: 100%;}
    
    .introduct{ background: url("../images/secint-bg.png"); background-size: cover; background-attachment: fixed; padding: 0 0 80px 0;}
    .introduct p{ font-size: 20px; line-height: 175%; padding: 15px 0;}
    .introduct-box{ max-width: 960px; width: 90%; margin: 0 auto; padding: 20px 0;}
    .introduct-title{ background: url("../images/sec-int-bg.png"); background-size: cover; padding: 40px 0;}
    .introduct-title h1{ text-align: center; padding: 0 0 30px 0; margin: 0 auto;}
    .introduct-title h1 img{ max-width: 960px; width: 90%;}
    .introduct-title h2{ text-align: center;}
    .introduct-title h2 img{ max-width: 960px; width: 80%;}
        
    .introduct-mainvisual{ width: 100%; background: url("../images/secint-mainvisual-bg.png"); background-size: cover; padding: 40px 0 35px 0;}
    .introduct-mainvisual-content{ width: 100%;}
    .introduct-mainvisual-flex{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0;}
    .introduct-logo01{ width: 30%;}
    .introduct-logo01 img{ width: 100%;}
    .introduct-logo02{ width: 30%;}
    .introduct-logo02 img{ width: 100%;}
    .introduct-logo03{ width: 30%;}
    .introduct-logo03 img{ width: 100%;}
    .introduct-mainvisual-name{ width: 50%; background: url("../images/name-bg.png"); background-size: cover; padding: 20px 0 20px 20px;}
    .introduct-name{ width: 100%;}
        
    .secint-right{margin: 0 0 0 auto;}
        
    .introduct-name h1{ width: 100%; font-size: 2.8vw; color: #000; font-weight: 300; letter-spacing: 3px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin: 30px 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: 1.2vw; padding: 3px 0;}
    
    .introduct-movie{ max-width: 960px; width: 100%; margin-top: 30px;}
    .introduct-movie-h1{ text-align: center;}
    .introduct-movie-h1 img{ max-width: 960px; width: 100%;}
        
    .video-frame { position: relative; width: 100%; padding-top: 56.25%;}
    .video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #242424; box-shadow: 10px 10px 0px #242424;}
        
    .introduct-text{ max-width: 960px; width: 90%; padding: 30px 0; margin: 0 auto;}
    .introduct-text p{ font-size: 18px; padding: 10px 0;}
        
    .line{width: 10%; border-bottom: 3px solid #000; margin: 25px 0;}
        
    @font-face
    {
    font-family: 春夏秋冬;
    src: url('https://cdn.leafscape.be/shunka/shunka2_web.woff2')
         format("woff2");
    }
        
    @font-face
    {
    font-family: 春夏秋冬B;
    src: url('https://cdn.leafscape.be/shunka/shunka2B_web.woff2')
         format("woff2");
    }
        
    @font-face
    {
    font-family: 春夏秋冬BB;
    src: url('https://cdn.leafscape.be/shunka/shunka2BB_web.woff2')
         format("woff2");
    }
        
    .massage{ background: #F5F0DD; margin: 70px auto 0 auto; padding: 40px 30px 20px 30px; filter: drop-shadow(2px 2px 2px #000);}
    .massage-h1{ text-align: center; }
    .massage-h1 h1{ font-size: 28px; color: #c1272d; font-family: 春夏秋冬BB; padding: 0; margin: 0 auto;}
    .massage-text{ padding: 1.9em 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;}
    .right{ text-align: right; padding-top: 1em; font-size: 18px!important;}
        
    .line{width: 10%; border-bottom: 3px solid #000; margin: 25px 0;}
    
    
    
    /* sec05 
    ------------------------------------------------------ */
    .sec05{ background: url(../images/gray-bg.png) repeat; background-size: auto; background-position: center; text-align: center; padding: 0 0 50px 0; }
    .sec05-h1-area{ background: url(../images/sec05-h1-bg.png) no-repeat; background-size: cover; background-position: center; text-align: center; padding: 40px 0 50px 0; } 
    .sec05-h1-area h1{ width: 100%; margin: 0 auto;}
    .sec05-h1-area h1 img{ width: 90%;}
    .sec-inner{ width: 90%; margin: 0 auto; padding: 60px 0;}
    .sec05 .flex{ width: 100%; margin: 0 auto 30px auto; display: block;}
    .sec05-srvc-box{ margin-bottom: 25px;}
    .sec05-srvc-box img{ width: 100%;}
    .sec05-srvc-box dl dd.text{ text-align: left; width: 100%; padding: 10px 0; background: #fff;}
    .sec05-srvc-box dl dd.text .dd-inner{ width: 90%; margin: 0 auto;}
    .sec05-srvc-box dl dd.text ul{ margin-left: 17px;}
    .sec05-srvc-box dl dd.text ul li{ font-size: 1.0em; padding: 5px 0; line-height: 150%;}
    .sec05-srvc-box dl dd.text p{ font-size: 1.0em; padding: 15px 0; line-height: 150%;} 
    
    
    /* メインコンテンツ　.form
    ------------------------------------------------------ */
    
    .form{ background: url("../images/form-bg.png"); background-size: cover; padding: 140px 0 60px 0;}
    .form-box{max-width: 1080px; width: 90%; margin: 0 auto; background: #fff; padding: 80px 0 40px 0; position: relative;}
    .form-box-inner{ width: 90%; margin: 0 auto; }
    .form-img{
         /* float: right;
         margin-top: -380px;
         margin-right: -100px; */
         position: absolute;
         top: -8vw;
         right: -4vw;
         width: min(35vw, 180px);
     }
    .form-box-inner h2{ background: #ffff00; font-size: 32px; text-align: center; padding: 10px 0; margin: 20px 0 15px 0;}
    .form-box-inner p{ font-size: 16px; text-align: center;}
    
    
    /*table
    ---------------------------*/
    .formTable{ width: 90%; padding: 30px 0; margin: 0 auto;}	
    .formTable table{
         width: 100%;
         margin-bottom: 30px;
         /* border: 1px solid #b4b2ae; */
         border-collapse: collapse;
     }
    .formTable table th{ display: none;}
    .formTable table tr{ width: 100%; background: #f6f6f6;}
    .formTable table td{ display: block; font-size: 15px; }
    
    .formTable table tr .formTableTd01-g{ width: 100%; background: #eeeeee; padding: 15px 0; text-align: center; color: #fff; font-size: 18px;}
    .formTable table tr .formTableTd01-r{ width: 100%; background: #c0272d; padding: 15px 0; text-align: center; color: #fff; font-size: 18px;}
    .formTable table tr .formTableTd02{ width: 100%; height: 90%;}
    .formTable table tr .formTableTd03{ width: 100%; height: 90%;}
    .formTable table tr .formTableTd04{ width: 100%; height: 90%;}
        
    .formTable table tr dl{
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
         /* border-bottom: 1px solid #b4b2ae; */
     } 
    .formTable table tr dt{ width: 40%; height: 100%; padding: 10px 0; text-align: center; }
    .formTable table tr dd{ width: 60%; height: 100%; padding: 15px 15px; border-left: 1px solid #b4b2ae; background: #fff;}
    .formTableTd04 dd{text-align: left;}
    
    .formTextLink{ color: #c1272d;; font-size: 15px; }
    .btnSubmit{ width: 90%; margin: 0 auto;}
    .submit_btn{ background: url("../images/attention-btn.png") no-repeat top left ; background-position: center; background-size:100% auto; border: none; width: 100%; height: 120px; margin: 0 auto; }
    
    
    /*formAttn
    ---------------------------*/
    .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: 60%!important;}
    .formAttn ul{ font-size: 12px; max-width: 84%; color: #fff; margin: 0 auto; padding: 5px 0; list-style-type: square; }
    .formAttn ul li{ padding: 5px 0; }
    .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;
         border: none;
         border-radius: 10px;
     }
    
    
    /* footer
    ---------------------------*/
    footer{ width: 100%;}	
    #pageBottom{ padding: 0; background: #1b1b1b;}
    nav#menu2 { width: 90%; margin: 0 auto 20px auto;}
    nav#menu2 ul { padding: 10px 0; margin: 0 auto; text-align: left; list-style: none;}
    nav#menu2 ul li {width: auto; padding: 20px 0; border-right: 0; line-height: 18px; text-align: left; border-left: 0; border-top: 1px dotted #bbb;}
    nav#menu2 ul li .home {	border-left: 0;}
    nav#menu2 ul li a { color: #fff; padding: 0;font-size: 16px!important; font-weight: 600;text-decoration: none; display: block;}
    nav#menu2 ul li:first-child {border-top: 0px dotted #bbb;}
    nav#menu2 ul li:hover {	background: #FFF;}
    nav#menu2 ul li a:hover {color: #999!important;}
    .footerArea{ width: 90%; margin: 0 auto; text-align: center;}
    .footerLogo{ width: 90%; margin: 0 auto; text-align: center;}
    .footerLogo img{ width: 50%;}
    .footerInfo ul{ list-style: none; margin: 20px 0 40px 0;}
    .footerInfo ul li{ color: #fff; font-size: 15px; line-height: 175%;}
    #copyright{ color: #fff; font-size: 15px;}	
}