@charset "utf-8";
#sp-menu{
    display: none;
    position: fixed;
    z-index: 999;
    top: 70px;
    width: 100%;
    color: #ffffff;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    font-size: 18px;
}
#sp-menu ul{
    margin: 0;
    padding: 0;
}
#sp-menu li{
    list-style-type: none;
    margin: 15px 0;
}
#sp-menu a {
    color: #fff;
}
/*SP*/
@media screen and (max-width: 767px){
    /* common------------ */
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    body {
        margin: 68px 0 0;
        font-size: 18px;
        line-height: 1.8;
    }
    .main_wrap h2 {
        font-size: 30px;
    }
    
    
    /* 矢印アイコン付リンク */
    p.link-arrow {
        font-size: 20px;
    }
    
    /* テンプレートページ設定 */
    .page-header{

    }
    .page700 h3 {
        font-size: 30px;
    }
    .page700 h4 {
        font-size: 26px;
    }
    
    /* ヘッダーエリア*/
    .top-header{
        height: 70px;
        padding: 0;
    }
    .top-padding{
        height: 9.5vw;
    }
    .top-header .logo{
        float: left;
        width: auto;
        height: 60px;
        margin-left: 35%;
    }
    
/* TOP：ナビゲーションメニュー */
    .nav-sticky nav{
        border-bottom: none;
    }
    .nav-sticky nav:after{
        display: none;
    }
    .nav-sticky  nav ul{
        display: none;
    }
    .nav-logoArea {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }
    .nav-button {
        position: absolute;
        right: 0;
        width: 57%;
        align-items: flex-start;
    }
    .nav-button a {
        display: block;
        margin-top: 10px;
        background: url(../images/chevron-down.svg) no-repeat center bottom;
        background-size: 30px auto;
        padding-bottom: 20px;
    }
    .nav-button .link-contact{
        display: block;
        font-size: 14px;
        padding: 0 16px;
        width: auto;
        height: 50px;
        border-radius: unset;
        margin-left: 4px;
    }
    .nav-button .link-contact:last-child a {
        margin-right: 0 !important;
    } 
    .nav-button .link-contact:last-child a::before {
        -webkit-transform: translate(90%, -45%);
        -ms-transform: translate(90%, -45%);
        transform: translate(90%, -45%); 
    }
    
    /* フッター */
    footer{
        padding: 60px 15px 20px;
        display: block;
        font-size: 16px;
    }
    footer .left-box {
        padding-top: 0;
        width: 100%;
    }
    footer .right-box {
        width: 100%;
        line-height: 1.8;;
    }
    footer .right-box h3 {
        font-size: 20px;
    }
    footer .left-box ul {
        margin-bottom: 20px;
    }
    footer .left-box ul li {
        width: 46%;
    }
    footer p.copyright {
        margin-top: 40px;
        font-size: 10px;
    }
    /* commonここまで------------ */ 
    
    
    /* TOPページ------------*/
    /* TOP：メインビジュアル */
    header{
        background-image: none;
    }
    

    /* TOP：最新情報 */
    .top_intro{
        width: 100%;
    }
    .top-info {
        display: block;
        font-size: 20px;
        margin: 0 auto;
    }
/*
    .top-info div.whatsnew {
        max-height: 430px;
    }
*/
    .top_intro div.whatsnew dl dt {
        text-align: left;
        padding: 10px 0 0;
    }
    
    /* TOP：ブラインドライターズとは */
    .about-us{
        width: 96%;
        padding: 60px 2%;
        font-size: 20px;
    }
    .about-us .explain {
        font-size: 20px;
    }
    .about-us .text-links {
        width: 200px;
        padding: 15px 0;
    }
    .about-us .text-links a {
        font-size: 20px;
    }
    .about-us .note {
        width: 90%;
    }

    /* TOP：サービス */
    .top-services{
        width: 96%;
        padding: 60px 2%;
        font-size: 20px;
    }
    .top-services .comment-services {
        text-align: center;
        padding: 0;
    }
    .top-services .explain {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .top-services .text-links {
        width: 210px;
        padding: 15px 0; 
    }
    .top-services .text-links a {
        font-size: 20px;
    }
    
    /* TOP：実績 */
    .top-works:before {
        top: 80px;
    }
    .top-works .comment-works {
        width: 96%;
        font-size: 20px;
        text-align: center;
    }
    .top-works .comment-works-txt {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .top-works .explain {
        margin-bottom: 30px;
    }
    .top-works .text-links {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        width: 210px;
        padding: 15px 0; 
    }
    .top-works .text-links a {
        font-size: 20px;
    }
    .top-works .top-works-box {
        display: block;
        width: 70%;
    }
    .top-works .top-works-box figure {
        width: 70%;
        margin: 0 auto;
    }
    .top-works .top-works-box p {
        width: 100%;
        font-size: 20px;
        text-align: left;
    }

    /* TOP：リンクエリア */
    .top-link .link-section {
        display: block;
    }
    .top-link .link-section .button-area {
        width: 100%;
        display: block;
        margin-bottom: 60px;
    }
    .top-link .link-section .button-area .text-links {
        width: 96%;
        height: 100px;
        margin: 0 auto 10px;
    }
    .top-link .link-section .twitter-area {
        display: block;
        width: 96%;
        margin: 0 auto;
    }
    .top-link .link-section .to-sns {
        width: 30%;
        min-width: 180px;
    }
    /* TOPページここまで------------*/
    
    
    /* サービス */
    .services-wrap .services-section {
        width: 96%;
        margin: 0 auto 100px;
    }
    
    .services-wrap .services-section h3.icon-01,
    .services-wrap .services-section h3.icon-02,
    .services-wrap .services-section h3.icon-03,
    .services-wrap .services-section h3.icon-04 {
        background-size: contain;
    }
    .services-wrap .services-section h3.icon-01,
    .services-wrap .services-section h3.icon-02,
    .services-wrap .services-section h3.icon-03,
    .services-wrap .services-section h3.icon-04 {
        width: 100%;
        height: 60px;
        padding-left: 70px;
    }
    .services-wrap .services-section h3.icon-03 {
        line-height: 1.3;
    }
    
    .services-wrap #seminar>.wp-block-group__inner-container {
        display: block;

    }
    .services-wrap .seminar-left {
        width: 100%;
    }
    .services-wrap .seminar-right {
        width: 96%;
        margin: 0 auto;
    }
    .services-wrap .services-section:nth-of-type(5) {
        width: 100%;
        padding: 100px 2%;
        box-sizing: border-box;
    }
    .services-wrap .services-section:nth-of-type(5) h3 {
        line-height: 1.6;
    }
    .services-wrap .services-section:nth-of-type(5) h3::before {
        content: "";
        display: inline-block;
        position: relative;
        width: 13px;
        height: 46px;
        background: #2635C6;
        border-radius: 5px;
        vertical-align: bottom;
        margin-right: 20px;
    }
    .services-wrap .seminar-right h4 {
        font-size: 22px;
    }
    .services-wrap .services-section .services-section-inner h4 {
        font-size: 26px;
    }
    .services-wrap .services-section .services-section-inner h4.icon-05,
    .services-wrap .services-section .services-section-inner h4.icon-10 {
        background-size: 13%;
        background-position: initial;
    }
    .services-wrap .services-section .services-section-inner:last-child {
        margin-bottom: 0;
    }

    
    /* ブラインドライターズとは */
    .about-wrap {
        width: 94%;
    }
    
    .logo-balls::before{
        right: 55px;
    }
    .logo-balls::after{
        top: 114px;
        right: 221px;
    }
    

    
    /* フォーム切り替えボタン */
    .form-change {
        font-size: 16px;
        top: 0;
        padding: 10px 7px 10px 40px;
    }
    
    
    /* お問い合わせ */
    #contact-form {
        width: 100%;
        padding: 50px 8% 0 4%;
        box-sizing: border-box;
        margin: 0 auto;
        max-width: none;
    }
    
    #menu-icon{
        display: block;
    }
    .menu-icons{
        display: block;
        position: absolute;
        top: 24px;
        left: 2vw;
        font-size: 30px;
        color: #1A237E;
        z-index: 900;
/*        font-size: 10vw;*/
    }

    /* 実績 */
    .works-wrap{
        width: 95%;
    }
    .works-wrap h3 {
        line-height: 1.6;
    }
    .wrok-wrap
    .works-wrap .media-box div {
        display: block;
    }
    .works-wrap figure.media-box-left {
        width: 80%;
        margin: 0 auto;
    }
    .works-wrap .media-box-right {
        width: 100%;
    }
    .works-wrap .media-box-right figure {
        width: 50%;
    }

    /* ご発注 */
    .order-wrap iframe {
        height: 4000px;
    }
    
    /*会社案内*/
    .company-wrap .wp-block-group__inner-container {
        width: 100%;
        padding: 0 2%;
        box-sizing: border-box;
    }
    .company-wrap .wp-block-group.members-profile.items .wp-block-group__inner-container {
        display: block;
    }
    .company-wrap .wp-block-group.members-profile.box1 {
        width: 96%;
        padding: 40px 0;
    }
    .company-wrap .wp-block-group.members-profile.box1 .wp-block-group__inner-container {
        display: block;
    }
    .company-wrap .wp-block-group.members-profile.box1 h4 {
        text-align: center;
    }
    .company-wrap .wp-block-group.members-profile.box1 figure {
        text-align: center;
        margin-bottom: 20px;
    }
    .company-wrap .wp-block-group.members-profile.box1 figure+div {
        width: 100%;
    }
    .company-wrap .members-profile .box2 {
        width: 100%;
        padding: 40px 10px;
    }
    .company-wrap .wp-block-group.members-profile.items .wp-block-group__inner-container .wp-block-image {
        text-align: center;
    }
    
    /* お見積り */
    .estimate-wrap>div>div {
        width: 100%;
        padding: 0 4%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .estimate-wrap .estimate-box-inner {
        width: 100%;
    }
    .estimate-wrap .estimate-box table td.a1 strong,
    .estimate-wrap .estimate-box table td.b1 strong,
    .estimate-wrap .estimate-box table td.c1 strong {
        font-size: 14px;
    }
    .estimate-wrap .estimate-box table td.a2 strong,
    .estimate-wrap .estimate-box table td.b2 strong,
    .estimate-wrap .estimate-box table td.c2 strong {
        font-size: 28px;
    }
    .estimate-wrap .estimate-box table td.a3 strong {
        width: 93%;
        padding-left: 40%;
    }
    .estimate-wrap .estimate-box table td.b3 strong {
        width: 52%;
        padding-left: 4%;
    }
    .estimate-wrap .estimate-box table td.c3 strong {
        display: block;
        position: relative;
        background: #1A237E;
        text-align: center;
        color: #1A237E;
        height: 6em;
        width: 20%;
        line-height: 1.2;
        box-sizing: border-box;
        font-size: 14px;
    }
    .estimate-wrap .estimate-box table td.c3 strong::after {
        position: absolute;
        content: "納期1〜2日";
        top: 35px;
        left: 35px;
        width: 100px;
        font-size: 18px;
        font-weight: bold;
    }
    figure.wp-block-table.op .d1 strong {
        font-size: 18px;
    }
    .estimate-wrap div.estimate-others h3+div {
        padding-left: 0;
    }
    .estimate-wrap div.estimate-others p {
        font-size: 26px;
        background-size: auto 39px !important;
    }
    .estimate-wrap .text-links {
        width: 210px;
        padding: 15px 0;
    }
    /* お知らせ・最新情報 */
    .news-wrap div.whatsnew {
        width: 95%;
        padding: 20px 5%;
        box-sizing: border-box;
    }
    .news-wrap div.whatsnew dl dt {
        padding: 10px 0 0;
    }
    .news-wrap div.whatsnew a {
        padding: 0;
    }

    /* TOP：リンクエリア */
    
    .top-link .link-section .button-area .text-links {
        font-size: 25px;
    }
    .top-link .link-section .button-area .text-links a span {
        font-size: 20px;
    }
}