html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


.youtube {
    width: 100%;
    margin: 50px auto;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
img {
    height: auto;
}

    .top_nayami_box_block01 a {background: #FFFAA0;}
    .top_nayami_box_block02 a {background: #C4E9CA;}
    .top_nayami_box_block03 a {background: #BFE7F8;}
    .top_nayami_box_block04 a {background: #FCDFEF;}
    .top_nayami_box_block05 a {background: #EFDFFC;}
    .top_nayami_box_block06 a {background: #FAE8D2;}
    .top_nayami_box_block07 a {background: #FAD2D2;}

@media screen and (max-width:480px) {
.sp_none {display: none!important;}
    
    body {
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "Noto Sans JP";
}
/*header*/
.header_box {
    display: block;
    width: 98%;
    margin: 10px auto;
}
.header_left {
    display: block;
    margin: 0 auto;
}
.header_left h1 {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-family: "Noto Sans JP";
    font-size: 12px;
    text-align: center;
    line-height: 130%;
}
.header_left img {
    display: block;
    width: 95%;
    margin: 15px auto;
}
.header_right {
    display: none;
    width: 95%;;
    margin: 28px auto 0;
    overflow: hidden;
}
.header_right_box_left {
    display: block;
    width: 50%;
    margin: 0 auto;
    float: left;
}
.header_right_box_right {
    display: block;
    width: 50%;
    margin: 0 auto;
    float: right;
}
.header_right_box_right a {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: rgba(205,17,17,1.00);
}
.header_right p {
     font-family: "Noto Sans JP";
    text-align: center;
}
.header_right_box_left_p1 {
    font-size: 11px;
}
.header_right_box_left_p2 {
    font-size: 26px;
}
.header_right_box_left_p3 {
    font-size: 13px;
}
.header_right_box_right_p1 {
    font-size: 15px;
    line-height: 130%;
}
.header_right_box_right_p2 {
    font-size: 12px;
}
.header_img_pc {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url("../images/header_img_bg_pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:  auto 100%;
    z-index: -1;
}
.header_img1_pc {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto;
}

      nav {
          position: fixed;
          bottom: 0px;
        display: block;
        width: 100%;
        margin: 0 auto;
        background: #FFC049;
          z-index:999; 
    }
    nav ul {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
    }
    nav ul li {
        position: relative;
        display: block;
        width: 33.3333%;
        margin: 0 auto;
        float: left;
        border-left: rgba(255,255,255,1.00)  dashed 1px;
        box-sizing: border-box;
    }
    nav ul li:nth-child(1) {border-left:none;}
    nav ul li:nth-child(5) {border-left:none;}
    nav ul li:nth-child(3) {display: none;}
    nav ul li:nth-child(5) {width: 50%;background: #8ADCFF }
    nav ul li:nth-child(6) {width: 50%;background: #FFA3B2}
    nav ul li a {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 11px 0 8px;
        font-family: "Noto Sans JP";
        font-size: 14px;
        text-align: center;
        color: #453838;
        text-decoration: none;
    }
    nav ul li:nth-child(5) a {
        padding: 5px 0 5px;
        font-size: 12px;
    }
    nav ul li:nth-child(6) a {
        padding: 5px 0 5px;
        font-size: 12px;
    }
    nav ul li:nth-child(1) a::before {
        display: block;
        margin: 0 auto 2px;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f015";
        text-align: center;
    }
    nav ul li:nth-child(2) a::before {
        display: block;
        margin: 0 auto 2px;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f0b1";
        text-align: center;
    }
    nav ul li:nth-child(3) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f059";
    }
    nav ul li:nth-child(4) a::before {
        display: block;
        margin: 0 auto 2px;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f1ad";
        text-align: center;
    }
    nav ul li:nth-child(5) a::before {
        display: block;
        margin: 0 auto 2px;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f2a0";
        text-align: center;
    }
    nav ul li:nth-child(6) a::before {
        display: block;
        margin: 0 auto 2px;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 25px;
        content: "\f0e0";
        text-align: center;
    }
    nav ul li a:hover {
        opacity: .6;
    }
    
    .header_img {
        display: block;
        width: 90%;
        max-width: 1280px;
        margin: 0 auto;
    }
    .header_img a {
        display: block;
        width: 100%;
    }
    .header_img a img {
        display: block;
        width: 100%;
    }
/*トップ悩み*/
.top_nayami {
    margin: 0;
    padding: 0;
}
    .top_nayami_box {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        justify-content:space-between;
        width: 95%;
        margin: 0 auto;
    }
    .top_nayami_box_block {
        width: 100%;
        margin: 0;
    }
    .top_nayami_box_block a {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        color: rgba(20,20,20,1.00);
        border-radius: 10px;
        box-shadow: 3px 3px 0 #D1D1D1;
        transition: .3s;
    }
    .top_nayami_box_block01 a {background: #FFFAA0;}
    .top_nayami_box_block02 a {background: #C4E9CA;}
    .top_nayami_box_block03 a {background: #BFE7F8;}
    .top_nayami_box_block04 a {background: #FCDFEF;}
    .top_nayami_box_block a:hover {
        opacity: .7;
        box-shadow: none;
    }


/*トップ個人情報について*/
.top_personal_information {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 30px;
    background: #F1EFED;
}
.top_personal_information h2 {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 21px;
    text-align: center;
    line-height: 140%;
}
.top_personal_information p {
    display: block;
    width: 90%;
    margin: 50px  auto ;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: justify;
    color: rgba(30,30,30,1.00);
    line-height: 180%;
}
    .top_personal_information p br {display: none;}

/*制作実績*/
.top_jisseki {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0;
}
.top_jisseki h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
   .top_jisseki_list {
        display: block;
        width: 95%;
        margin: 50px auto 0;
    }
    .top_jisseki_block {
        display: block;
        width: 100%;
        margin: 0 auto 30px;
    }
    .top_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_jisseki_block a {
        display: block;
        width: 90%;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .top_jisseki_block a:hover {
        opacity: .6;
    }
    .top_jisseki_block h3 {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .top_jisseki_block p {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .top_jisseki_block span {
        display: block;
        width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
    .top_jisseki .btn {
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_jisseki .btn:hover {
        opacity: .6;
    }
    .jisseki_logo {
        display: block;
        width: 90%;
        max-width: 980px;
        margin: 100px auto;
    }
    .jisseki_logo ul {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin: 30px 0;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li {
        display: block;
        width: 48%;
        margin: 10px 1%;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

/* ブログ*/
.top_blog {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #F1EFED;
}
.top_blog h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
    .blog_ichiran {
        display: block;
        width: 90%;
        margin: 60px auto;
    }
    .blog_ichiran ul {
        display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
        margin: 0;
        padding: 0;
    }
    .blog_ichiran ul li {
        display: block;
        width: 95%;
        margin: 0 auto 30px;
        background: #fff;
        transition: .3s;
    }
    .blog_ichiran ul li:hover {
        opacity: .6;
    }
    .blog_ichiran ul li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-decoration: none;
        color: rgba(60,60,60,1.00);
    }
  
    .blog_img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 200px;
        overflow: hidden;
    }
    .blog_ichiran ul li a img {
        display: block;
        width: 100%!important;
        height: auto;
        margin: 0 auto;
    }
    .blog_date {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 12px 0 3px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        font-size: 12px;
        color: rgba(80,80,80,1.00);
    }
    .blog_title {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 5px 0 8px;
        font-family: "Noto Sans JP";
        font-size: 19px;
        color: rgba(80,80,80,1.00);
        line-height: 130%;
    }
    .blog_text {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 0px 0 20px;
        font-family: "Noto Sans JP";
        font-size: 13px;
        color: rgba(80,80,80,1.00);
        line-height: 160%;
    }
    .blog_text span {
        display: block;
        width: 90%;
        max-width: 170px;
        margin: 10px auto 0;
        padding: 3px 0;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        background: #dd0000;
        color: #fff;
        border-radius: 5px;
    }
    .top_blog .btn {
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_blog .btn:hover {
        opacity: .6;
    }
    
/*    TOP お問い合わせ　*/
    .top_contact a {
        display: block;
        width: 90%;
        max-width: 480px;
        margin: 50px auto 0;
        padding: 20px 0;
        font-weight: 900;
        font-family: "Noto Sans JP";
        font-size: 21px;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        color: #fff;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
        background: rgb(255,48,25); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
        border-radius: 9px;
        box-shadow: 0 3px 5px gray;
        transition:all .3s ease-out;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
    }
    .top_contact a:hover {
        margin: 55px auto -5px;
        box-shadow: none;
    }  
/*お問い合わせのポイント*/
.top_contact_manual_point {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #fff;
}
.top_contact_manual_point_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 0px;
}
.top_contact_manual_point_list {
    display: block;
    width: 95%;
    margin: 80px auto;
}
.top_contact_manual_point_block {
    display: block;
    width: 100%;
    margin: 0 auto 80px;
}
.top_contact_manual_point_block img {
    display: block;
    height: 220px;
    margin: 0 auto;
}
.top_contact_manual_point_block h3 {
    display: block;
    width: 90%;
    margin: 20px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
}
.top_contact_manual_point_block p {
    display: block;
    width: 90%;
    margin: 6px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(60,60,60,1.00);
    line-height: 180%;
}

/*発注までの流れ*/
.top_contact_manual_nagare {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 116px;
    background-image: url("../images/top_nagare_bg.jpg");
    background-position: center;
    background-size:  auto 100%;
    background-repeat: no-repeat;
    border-bottom: 16px solid  #E5A323;
}
.top_contact_manual_nagare_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_contact_manual_nagare_title p {
    display: block;
    width: 90%;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
.top_contact_manual_nagare_list {
    display: block;
    width: 95%;
    margin: 100px auto 0;
}
.top_contact_manual_nagare_block {
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 50px auto;
    background: #fff;
}
.top_contact_manual_nagare_block h3 {
    display: block;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
    text-align: center;
}
.top_contact_manual_nagare_block_h3_1 {
    padding: 70px 0;
    background-image: url("../images/nagare1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_2 {
    padding: 53px 0;
    line-height: 140%;
    background-image: url("../images/nagare2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_3 {
    padding: 70px 0;
    background-image: url("../images/nagare3.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block p {
    display: block;
    margin: 0 auto;
    padding: 20px 30px 25px;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}

/*はじめてのお問い合わせマニュアル*/
.top_contact_manual_method {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 80px;
    background: #FBDFD8;
}
    .top_contact_manual_method_title {
        display: block;
        width: 95%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 10px 0 170px;
        background-image: url("../images/manual1.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: 95%;
    }
.top_contact_manual_method_title h2 img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.top_contact_manual_method_title p {
    display: block;
    margin: 10px auto 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
    letter-spacing: -1px;
}
    .manual_dog1 {
        display: block;
        width:220px;
        margin: -140px 0 0 -6px;
    }
.top_contact_manual_method_mail {
    position: relative;
    display: block;
    width: 95%;
    margin: 50px auto 0;
    background: #FBEFEC;
}
.top_contact_manual_method_mail_block {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}
    .top_contact_manual_method_mail h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 40px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_mail h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 320px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_mail h3 strong {
        font-size: 31px;
    }
    .top_contact_manual_method_mail h3 span {
        display: block;
        margin: 30px 0 0;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 21px;
        text-align: center;
        letter-spacing: 4px;
    }
.top_contact_manual_method_mail_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_mail_block ul li {
    margin: 0px 0 40px;
    padding: 0 0 0 2.23em;
    text-indent: -2.23em;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
    
    .top_contact_manual_method_mail_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_mail_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_mail_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_mail_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 5px 0 0;
        padding: 3px 11px;
        font-size: 19px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_mail_block h4 {
    position: relative;
    display: block;
    margin: 50px 0;
    padding: 20px 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;
    text-align: center;
    background: #fff;
    border: #E56452 solid 2px;
    letter-spacing: -1px;
}
.top_contact_manual_method_mail_block h4::before,
.top_contact_manual_method_mail_block h4::after{
  content: "";
  position: absolute;
  right: 40%;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block h4::before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 40px 0 0;
}
.top_contact_manual_method_mail_block h4::after{
  bottom: -39px;
  border-style: solid;
border-color: #fff transparent transparent transparent;
  border-width: 39px 35px 0 0;
  z-index: 10;
}
.top_contact_manual_method_mail_block p {
    position: relative;
    display: block;
    margin: 80px 0;
    padding: 20px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    background: #fff;
    border: #E56452 solid 2px;
    line-height: 160%;
    letter-spacing: 1px;
}
.top_contact_manual_method_mail_block p:before,
.top_contact_manual_method_mail_block p:after{
  content: "";
  position: absolute;
  right: 0;
  left: 40%;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block p:before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 0 0 40px;
}
.top_contact_manual_method_mail_block p:after{
  bottom: -39px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 39px 0px 0 35px;
  z-index: 10;
}
.top_contact_manual_method_mail_block span {
    display: block;
    width: 95%;
    margin: 20px auto;
    padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel {
    position: relative;
    display: block;
    width: 95%;
    margin: 100px auto 0;
    padding: 100px 0;
    background: #FBEFEC;
}
.top_contact_manual_method_tel_block {
    display: block;
    width: 90%;
    margin: 0px auto 0;
}
    .top_contact_manual_method_tel h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 40px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_tel h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 300px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_tel h3 strong {
        font-size: 39px;
    }
    .top_contact_manual_method_tel h3 span {
        margin: 35px auto;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 19px;
        letter-spacing: -1px;
    }
.top_contact_manual_method_tel_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_tel_block ul li {
    margin:0px  0 40px;
    padding: 0 0 0 2.5em;
    text-indent: -2.5em;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
} 
    
    .top_contact_manual_method_tel_block ul li span {
        display: block;
        margin: 0 0 0 41px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: rgba(30,30,30,1.00);
    }
    .top_contact_manual_method_tel_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_tel_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_tel_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_tel_block ul li:nth-child(4)::before {content: '4';}
    .top_contact_manual_method_tel_block ul li:nth-child(5)::before {content: '5';}
    .top_contact_manual_method_tel_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 8px 0 0;
        padding: 3px 12px;
        font-size: 19px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_tel_img2 {
    display: block;
    width: 20px;
    margin: 0 auto;
    padding: 0;
}
.top_contact_manual_method_tel h4::before {
    content: '　';
    margin: 0 10px 0 0;
    padding: 0 4% 0 0;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4::after {
    content: '　';
    margin: 0 0 0 10px;
    padding: 0  0 0 4%;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4 {
    display: block;
    margin: 50px 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 21px;
    text-align: center;
}
.top_contact_manual_method_tel_faq_list {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.top_contact_manual_method_tel_faq_block {
    display: block;
    width: 100%;
    margin: 30px auto;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}
.top_contact_manual_method_tel_faq_block h5::before {
    content: '　';
    margin-right: 15px;
    padding: 20px;
    color: rgba(30,30,30,1.00);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
} 
.top_contact_manual_method_tel_faq_block1 h5::before {background-image: url("../images/q1.png");} 
.top_contact_manual_method_tel_faq_block2 h5::before {background-image: url("../images/q2.png");} 
.top_contact_manual_method_tel_faq_block3 h5::before {background-image: url("../images/q3.png");} 
.top_contact_manual_method_tel_faq_block4 h5::before {background-image: url("../images/q4.png");} 
.top_contact_manual_method_tel_faq_block5 h5::before {background-image: url("../images/q5.png");} 

.top_contact_manual_method_tel_faq_block h5 {
    margin: 15px 0 20px;
    padding-left: 3.9em;
    text-indent: -3.9em;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
    line-height: 140%;
}
.top_contact_manual_method_tel_faq_block  p {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel  span {
    display: block;
    width: 85%;
    margin: 20px auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 180%;
}
    .manual_dog2 { 
        position: relative;
        z-index: 2;
        display: block;
        width: 130px;
        margin: 20px auto;
    }

/*社内報ができるまで*/
.top_howto {
		display: block;
		margin: 100px auto 100px;
	}
.top_howto_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 23px;
    text-align: center;
    letter-spacing: 2px;
}
.top_howto_title p {
    display: block;
    width: 90%;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
	.top_howto_list {
		width: 90%;
		margin: 80px auto 0px;
	font-size: 20px;
    font-family: "Noto Sans JP";
	text-align: justify;
	line-height: 180%;
	}
		.top_howto_block h3 {
		width: 100%;
		height: 70px;
		margin: 50px auto 20px;
		padding-left: 10px;
		font-size: 21px;
            font-family: "Noto Sans JP";
		background: #EFEFEF;
		line-height: 70px;
	}
	.top_howto_block span {
        margin: 1%;
		padding: .3% 3.5%;
		border-radius: 50px;
		font-size: 27px;
		background:  #E5A323;
		color: #fff;
		-webkit-font-feature-settings:normal;
        font-feature-settings:normal;
	}
	.top_howto_block p {
		width: 90%;
		margin: 0 auto;
        font-size: 17px;
    font-family: "Noto Sans JP";
		font-weight: 500;
	line-height: 180%;
	}
	.top_howto img {
	display: block;
    width: 90%;
    margin: 40px auto;
}
	.golgooffice {
		display: block;
        width: 95%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
    .golgooffice img {
        display: block;
        width: 340px;
        margin: 0 auto;
        padding: 50px 0 0;
    }
    .golgooffice p {
        display: block;
        margin: 30px auto;
        font-size: 19px;
        font-family: 'ゴシックMB101 B';
        text-align: center;
        line-height: 150%;
        color: rgba(40,40,40,1.00);
        letter-spacing: 1px;
    }
	.golgooffice iframe {
		display: block;
        width: 95%;
		height: 400px;
		margin: 0 auto;
		padding:50px 0;
	}
	.golgooffice h2 {
		display: block;
	margin: 10 auto;
	padding: 50px 0 20px;
	font-size: 32px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
		letter-spacing: 2px;
	}
table.gaiyo {
    display: block;
    width: 100%;
	margin: 0 auto;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
table.gaiyo tbody {
    display: block;
    width: 100%;
}
table.gaiyo tr {
    display: block;
    width: 100%;
}
table.gaiyo th {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px #20aee5 solid;
    background-color: #7AC5E2;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
}
table.gaiyo td {
    display: block;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px #20aee5 solid;
    padding: 10px;
    box-sizing: border-box;
}
/*    リンク　*/
    .link {
        display: block;
        width: 95%;
        margin: 0 auto 100px;
        padding: 10px;
        border: solid 3px rgba(225,225,225,1.00);
        box-sizing: border-box;
    }
    .link h2::before {
        content: '';
        font-size: 30px;
    }
    .link h2 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 15px;
        font-size: 21px;
        font-family: "Noto Sans JP";
        background: rgba(236,236,236,1.00);
        box-sizing: border-box;
    }
    .link h3 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 6px 0 6px 5px;
        font-size: 21px;
        font-family: "Noto Sans JP";
        border-left: #E7A324 solid 5px;
        border-bottom: #C9C9C9 solid 1px;
    }
    .link p {
        display: block;
        width: 94%;
        margin: 10px auto 25px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        text-align: justify;
        color: rgba(60,60,60,1.00);
        line-height: 150%;
    }
    .link_box {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .link_box_left {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .link_box_right {
        display: block;
        width: 100%;
        margin: 10px auto 50px;
    }
    .link_box_right a {
        display: block;
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
        text-align: center;
    }
    .link_box_right img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
/*フッター*/
footer {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: rgba(41,40,37,1.00);
}
.sitemap {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}
.sitemap ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.sitemap ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.sitemap ul li a {
    font-size: 19px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #fff;
}

.sitemap ul li ul {
    margin: 0;
    padding: 0;
}
.sitemap ul li ul li {
    width: 100%;
    height: auto;
    margin: 8px 5px;
    padding: 0;
    float: inherit;
}
.sitemap ul li ul li a {
    font-size: 14px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #EDEDED;
}
.copy p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 120px;
    font-size: 13px;
    font-family: "Noto Sans JP";
    text-align: center;
    color: #fff;
    background:  #030200;
}

/*　お問い合わせバナー　*/
      .contact_banner {
          position: relative;
          display: block;
          width: 95%;
          max-width: 780px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp {
		display: block;
		width: 90%;
		margin: 50px auto;
	}
	.contact_banner_bg {
        display: none;
	}
	.contact_banner a {
        position: absolute;
        bottom: 12%;
        left: 0;
        right: 0;
        display: block;
        width: 75%;
        margin: 0 auto;
        padding: 4.5% 0;
        color: #fff;
        font-size: 5.1vw; 
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); 
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner a:hover {
		opacity: .7;
	}
    /*　お問い合わせバナー　2カラムの場合　*/
      .contact_banner_side {
          position: relative;
          display: block;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp_side {
		display: block!important;
		width: 100%!important;
		margin: 0px auto 5%!important;
	}
	.contact_banner_bg_side {
        display: none!important;
	}
	.contact_banner_side a {
        position: absolute;
        bottom: 8%;
        left: 0;
        right: 0;
        display: block;
        width: 86%;
        margin: 0 auto;
        padding: 4.5% 0;
        color: #fff;
        font-size: 4.8vw; 
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); 
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner_side a:hover {
		opacity: .7;
	}

/*2カラム共通*/
.other_header_img {
    position: relative;
    display: block;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
}
.other_header_img img {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0px auto;
}
.other_header_img p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 200px;
    line-height: 200px;
    margin: auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
    text-align: center;
}
.pankuzu {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.pankuzu a {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.pankuzu i {
    font-size: 11px;
}
.pankuzu span {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.content_all {
    display: block;
    width: 95%;
    margin: 50px auto 0;
}
.content_main {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content_side {
    display: block;
    width: 100%;
    margin: 0 auto 50px;
}
 .content_side_inner {
        display: block;
        width: 95%;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px 0 0;
        background: rgba(245,245,245,1.00);
        border-radius: 5px;
    }
    .side_jisseki {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
        border-top: dotted 2px rgba(120,120,120,1.00);
        border-bottom: dotted 2px rgba(120,120,120,1.00);
    }
    .side_jisseki h2 {
        font-size: 19px;
        font-family: "Noto Sans JP";
        text-align: center;
        color: #4E454A;
    }
    .side_jisseki_list  {
        display: block;
        margin: 10px auto 0;
    }
    .side_jisseki_list ul {
        display: block;
        margin: 0 auto;
    }
    .side_jisseki_list ul li {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
    .side_jisseki_list ul li a {
        display: block;
        padding-left: 1em;
        text-indent: -1em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 180%;
        color: #4E454A;
    }
    .side_nayami {
        display: block;
        width: 75%;
        margin: 0 auto;
    }
    .side_nayami h2 {
        color: rgba(245,245,245,1.00);
    }
    .side_nayami img {
        display: block;
        width: 95%;
        max-width: 200px;
        margin: 0 auto;
    }
    .side_nayami_list ul {
        margin: 0 auto;
    }
    .side_nayami_list ul li {
        margin: 8px auto;
        text-align: left;
    }
    .side_nayami_list ul li a {
        display: block;
        padding-left: 1em;
        text-indent: -1em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 140%;
        color: #4E454A;
    }
    .side_end  {
        display: block;
        width: 90%;
        margin: 150px auto 0;
    }
    .side_end img {
        display: block;
        width: 98%;
        margin: 0 auto;
    } 
    .content_side_banner {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 0;
    }
    .content_side_banner img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

/*悩み詳細*/
    .other_header_img_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/header_nayami.png");
        background-position: center;
        background-size: 100% auto;
    }
    .other_header_img_bg img {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        margin: auto;
    }
.nayami {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.nayami_title h2 {
    display: block;
    margin: 0 auto;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    background: rgba(222,222,222,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_mokuzi {
    display: block;
    width: 100%;
    max-width: 680px;
    margin: 30px auto 30px 0;
    padding: 20px ;
    border: rgba(212,212,212,1.00) solid 1px;
    border-radius: 2px;
    box-sizing: border-box;
}
.nayami_mokuzi p {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 23px;
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
    border-bottom: dotted rgba(212,212,212,1.00) 1px;
}
.nayami_mokuzi ul li a {
    display: block;
    width: 90%;
    margin: 10px auto 5px;
    font-size: 19px; 
    font-family: "Noto Sans JP";
    line-height: 140%;
    color:rgba(198,65,68,1.00);
}
.nayami_mokuzi ul li ul li a {
    display: block;
    width: 85%;
    margin: 15px auto;
    font-size: 15px; 
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
}
    .nayami_content {
        display: block;
        margin: 0 auto 50px;
    }
.nayami_content_block h2 {
    display: block;
    margin:80px auto 30px;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    line-height: 120%;
    color: rgba(30,30,30,1.00);
    background: rgba(244,244,244,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_content_block h3 {
    display: block;
    margin: 0 auto ;
    padding: 8px 8px; 
    border-left: #E5A323 solid 5px;
    border-bottom: rgba(212,212,212,1.00) solid 1px;
    font-size: 21px;
    font-family: "Noto Sans JP";
    line-height: 130%;
    color: rgba(30,30,30,1.00);
    box-sizing: border-box;
}
.nayami_content_block p {
    display: block;
    width: 91%;
    margin: 10px auto 50px;
    padding: 0; 
    font-size: 17px;
    font-family: "Noto Sans JP";
    line-height: 200%;
    color: rgba(60,60,60,1.00);
    box-sizing: border-box;
}
      /*実績一覧*/
       .jisseki_list {
        display:block;
        width: 100%;
        margin: 0 auto 0;
    }
    .jisseki_block {
        display: block;
        width: 95%;
        margin: 0 auto 50px;
        background: #F9F9F9;
        border: solid 1px #F2F2F2;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_block a {
        display: block;
        width: 100%;
        margin: 0px auto 0px;
        padding: 0 0 20px 0;
        text-decoration: none;
    }
    .jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_block h3 {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_block p {
        display: block;
        width: 80%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
        line-height: 140%;
    }
/*実績詳細*/
    .other_header_img_bg2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/header_jisseki.png");
        background-position: center;
        background-size: 100% auto;
    }
    .other_header_img_bg2 img {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 120px;
        margin: auto;
    }
    .jisseki_more {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_topimg {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_more_list {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_block {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
    }
    .jisseki_more_block_h2_1 h2::before{background-image: url("../images/jisseki_reason1.png")}
    .jisseki_more_block_h2_2 h2::before{background-image: url("../images/jisseki_reason2.png")}
    .jisseki_more_block_h2_3 h2::before{background-image: url("../images/jisseki_reason3.png")}
    .jisseki_more_block h2::before {
        content: '　';
        margin: 0 5px 0 0;
        padding: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-size:100%;
        vertical-align:super;
    }
    .jisseki_more_block h2 {
        display: block;
        margin: 12px auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
        line-height: 180%;
    }
    .jisseki_more_block h3 {
        display: block;
        margin: 20px auto;
        padding-left: 1em;
        text-indent: -1em;
    font-size: 27px;
    font-family: "Noto Sans JP";
        line-height: 140%;
    }
    .jisseki_more_block p {
        display: block;
        width: 95%;
        margin: 20px auto;
    font-size: 17px;
    font-family: "Noto Sans JP";
        line-height: 180%;
    }
    .jisseki_more_table {
        display: block;
        width: 100%;
        margin: 50px auto;
        padding: 20px 0;
        border-top: rgba(30,30,30,1.00) solid 1px;
        border-bottom: rgba(30,30,30,1.00) solid 1px;
        overflow: hidden
    }
    .jisseki_more_table_left {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .jisseki_more_table_left_block {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        border: rgba(30,30,30,1.00) solid 1px;
        box-sizing: border-box;
    }
    .jisseki_more_table_left img {
        display: block;
        margin: 8% auto 15px;  
    }
    .jisseki_more_table_left_block p {
    font-size: 15px;
    font-family: "Noto Sans JP";
        text-align: center;
        line-height: 140%;
    }
    .jisseki_more_table_right {
        display: block;
        width: 50%;
        margin: 30px auto;
    }
    .jisseki_more_table_right img {
        display: block;
        width: 100%;
        margin: 0 auto;
        box-shadow: 1px 1px 3px gray;
    }
    .jisseki_jisseki_list {
        display: block;
        width: 100%;
        margin: 50px auto;
        overflow: hidden;
    }
    .jisseki_jisseki_block {
        display: block;
        margin: 20px auto;
    }
    .jisseki_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_jisseki_block a {
        display: block;
        width: 90%;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_jisseki_block h3 {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 17px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_jisseki_block p {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .jisseki_jisseki_block span {
        display: block;
        width: 95%;
        max-width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
/*    社内報がもたらす効果  */
    .effect_header_img_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/effect_bg.jpg");
        background-position: center 77%;
        background-size: 100% auto;
    }
    .effect {
        margin: 0 auto 100px;
    }
    .effect h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
        line-height: 130%;
    }
    .effect p {
        display: block;
        width: 96%;
        margin: 0 auto 75px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }
/*    トップ固定　*/
    .top_fixed_contact {
        display: none;
    }
    .top_fixed_manual {
        position: fixed;
        left: 0px;
        bottom: 125px;
        display: block;
        width: 65px;
        margin: auto;
        background: #fff;
        box-shadow: 0px 0px 6px gray;
    }
    .top_fixed_manual img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_fixed_manual img:hover {
        opacity: .8;
    }

    .colna {
        display: block;
        width: 95%;
        margin: 20px auto;
        text-align: center;
        border: #3F97A0 2px solid;
        background:#fff;
    }
    .colna h2 {
        display: block;
        margin: 0 auto;
        padding: 20px 10px;
        font-size: 21px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        color: #fff;
        background: #3F97A0;
    }
    .colna p {
        display: block;
        width: 95%;
        margin: 0 auto;
        padding: 30px 0px 50px;
        font-size: 17px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        text-align: left;
        color: #3c3c3c;
        box-sizing: border-box;
        line-height: 150%;
    }
    .colna_list {
        display:block;
        width:95%;
        margin:0 auto;
    }
    .colna_list ul {
        display:block;
        width:100%;
        margin:0 auto;
    }
    .colna_list ul li {
        display:block;
        width:90%;
        margin:0 auto;
    }
    .colna_list ul li img {
        display:block;
        width:65%;
        margin:0 auto;
        background:#F0F8F9;
        border-radius: 50%;
    }
    .colna_list ul li p {
        display:block;
        width:90%;
        margin:0 auto
    }
/*    コンテンツお問い合わせボタン*/
    .contents_contact {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .contents_contact a {
        display: inline-block;
        margin: 0 auto;
        padding: 20px 25px;
        font-size: 19px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #dd0000;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #4A0000 solid 5px; 
    }
    .contents_contact a:hover {
        margin: 5px auto 0px;
        opacity: .6;
        border-bottom: none;
    }
    .contents_img01 {
        display: block;
        width: 230px;
        margin: 30px 0 30px auto;
    }
    .contents_img01 img{
        display: block;
        width: 100%;
        margin: 0;
    }
    .top_youtube {
        display: block;
        width: 90%;
        max-width: 980px;
        margin: 0 auto;
    }
    .top_youtube_block {
        position: relative;
        display: block;
        width: 100%;
        margin: 10px 0;
}
    .top_youtube_block::before {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        padding: 20px 40px;
        background-image: url("../images/youtube_logo.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .top_youtube_block a:hover {
        opacity: .7;
    }
    .top_youtube_block p {
        margin-top: 5px;
        font-size: 15px;
        text-align: center;
    }
    .top_youtube_block img {
  width: 100%;
  height: auto;
}
    .nayami_btn001 {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        padding: 15px 25px;
        font-size: 18px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #009F17;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #00580C solid 5px;
    }
    .nayami_btn002 {
        background: #FF7CD8!important;
        border-bottom: #770054 solid 5px!important;
    }
    .nayami_btn001:hover {
        opacity: .7;
    }
    .faq h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
    }
    .faq h3 {
        display: block;
        margin: 10px auto 10px;
        padding: 7px 10px 10px;
        font-size: 18px;
        font-family: "Noto Sans JP";
        background: #E5A323;
        color: #fff;
    }
    .faq p {
        display: block;
        width: 96%;
        margin: 0 auto 35px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }
}
@media screen and (min-width:481px) and (max-width:1199px) {
    .tb_none {display: none!important;}
    
body {
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "Noto Sans JP";
}
/*header*/
.header_box {
    display: block;
    width: 98%;
    margin: 10px auto;
}
.header_left {
    display: block;
    margin: 0 auto;
}
.header_left h1 {
    display: block;
    font-family: "Noto Sans JP";
    font-size: 12px;
    text-align: center;
    line-height: 130%;
}
.header_left img {
    display: block;
    width: 480px;
    margin: 10px auto;
}
.header_right {
    display: block;
    width: 440px;
    margin: 28px auto 0;
    overflow: hidden;
}
.header_right_box_left {
    display: block;
    width: 220px;
    margin: 0 auto;
    float: left;
}
.header_right_box_right {
    display: block;
    width: 220px;
    margin: 0 auto;
    float: right;
}
.header_right_box_right a {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: rgba(205,17,17,1.00);
}
.header_right p {
     font-family: "Noto Sans JP";
    text-align: center;
}
.header_right_box_left_p1 {
    font-size: 13px;
}
.header_right_box_left_p2 {
    font-size: 31px;
}
.header_right_box_left_p3 {
    font-size: 13px;
}
.header_right_box_right_p1 {
    font-size: 15px;
    line-height: 130%;
}
.header_right_box_right_p2 {
    font-size: 15px;
}
.header_img_pc {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background-image: url("../images/header_img_bg_pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1980px auto;
    z-index: -1;
}
.header_img1_pc {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 95%;
    height: auto;
    max-width: 1100px;
    margin: auto;
}

     nav {
        display: block;
        width: 100%;
        margin: 0 auto;
        border-top: rgba(230,230,230,1.00) solid 1px;
        
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5a323+0,e8bb29+47,e8bb29+53,e5a323+100 */
background: rgb(229,163,35); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,163,35,1) 0%, rgba(232,187,41,1) 47%, rgba(232,187,41,1) 53%, rgba(229,163,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,163,35,1) 0%,rgba(232,187,41,1) 47%,rgba(232,187,41,1) 53%,rgba(229,163,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,163,35,1) 0%,rgba(232,187,41,1) 47%,rgba(232,187,41,1) 53%,rgba(229,163,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a323', endColorstr='#e5a323',GradientType=0 ); /* IE6-9 */
        box-shadow: -3px -3px 5px #E9E9E9;
    }
    nav ul {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
    }
    nav ul li {
        position: relative;
        display: block;
        width: 50%;
        margin: 0 auto;
        float: left;
        border-left: rgba(220,220,220,1.00)  dashed 1px;
        border-bottom: rgba(220,220,220,1.00)  dashed 1px;
        box-sizing: border-box;
    }
    nav ul li:nth-child(5) {
        display: none;
    }
    nav ul li:nth-child(6) {
        width: 100%;
        border-right: rgba(220,220,220,1.00) dashed 1px;
    }
    nav ul li a {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 3px 0;
        font-family: "Noto Sans JP";
        font-size: 17px;
        text-align: center;
        line-height: 44px;
        color: #FFFFFF;
        text-decoration: none;
        text-shadow: 1px 1px 3px gray;
    }
    nav ul li:nth-child(3) a {
        line-height: 22px;
    }
    nav ul li a:hover {
        opacity: .6;
    }
    
    nav ul li:nth-child(1) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f015";
    }
    nav ul li:nth-child(2) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f0b1";
    }
    nav ul li:nth-child(3) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f059";
    }
    nav ul li:nth-child(4) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f1ad";
    }
    nav ul li:nth-child(6) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f0e0";
    }
    
    .header_img {
        display: block;
        width: 90%;
        max-width: 1280px;
        margin: 0 auto;
    }
    .header_img a {
        display: block;
        width: 100%;
    }
    .header_img a img {
        display: block;
        width: 100%;
    }
/*トップ悩み*/
.top_nayami {
    margin: 0;
    padding: 0;
}
    .top_nayami_box {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        justify-content:space-between;
        width: 100%;
        margin: 0 auto;
    }
    .top_nayami_box_block {
        width: 49%;
        margin: 0;
    }
    .top_nayami_box_block a {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        color: rgba(20,20,20,1.00);
        border-radius: 10px;
        box-shadow: 3px 3px 0 #D1D1D1;
        transition: .3s;
    }
    .top_nayami_box_block01 a {background: #FFFAA0;}
    .top_nayami_box_block02 a {background: #C4E9CA;}
    .top_nayami_box_block03 a {background: #BFE7F8;}
    .top_nayami_box_block04 a {background: #FCDFEF;}
    .top_nayami_box_block a:hover {
        opacity: .7;
        box-shadow: none;
    }

/*トップ個人情報について*/
.top_personal_information {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 80px;
    background: #F1EFED;
}
.top_personal_information h2 {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 25px;
    text-align: center;
    line-height: 140%;
}
.top_personal_information p {
    display: block;
    width: 95%;
    margin: 50px  auto ;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}

/*制作実績*/
.top_jisseki {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 50px;
}
.top_jisseki h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
   .top_jisseki_list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        justify-content:space-between;
        width: 95%;
        max-width: 980px;
        margin: 50px auto 0;
    }
    .top_jisseki_block {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .top_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_jisseki_block a {
        display: block;
        width: 90%;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .top_jisseki_block a:hover {
        opacity: .6;
    }
    .top_jisseki_block h3 {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .top_jisseki_block p {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .top_jisseki_block span {
        display: block;
        width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
    .top_jisseki .btn {
        display: block;
        width: 320px;
        margin: 50px auto 0;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_jisseki .btn:hover {
        opacity: .6;
    }
    .jisseki_logo {
        display: block;
        width: 90%;
        max-width: 980px;
        margin: 100px auto;
    }
    .jisseki_logo ul {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin: 30px 0;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li {
        display: block;
        width: 23%;
        margin: 10px 1%;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
/* ブログ*/
.top_blog {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #F1EFED;
}
.top_blog h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
    .blog_ichiran {
        display: block;
        width: 95%;
        margin: 60px auto;
    }
    .blog_ichiran ul {
        display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
        margin: 0;
        padding: 0;
    }
    .blog_ichiran ul li {
        display: block;
        width: 31%;
        margin: 0 1% 30px;
        background: #fff;
        transition: .3s;
    }
    .blog_ichiran ul li:hover {
        opacity: .6;
    }
    .blog_ichiran ul li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-decoration: none;
        color: rgba(60,60,60,1.00);
    }
  
    .blog_img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 200px;
        overflow: hidden;
    }
    .blog_ichiran ul li a img {
        display: block;
        width: 100%!important;
        height: auto;
        margin: 0 auto;
    }
    .blog_date {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 12px 0 3px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        font-size: 12px;
        color: rgba(80,80,80,1.00);
    }
    .blog_title {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 5px 0 8px;
        font-family: "Noto Sans JP";
        font-size: 19px;
        color: rgba(80,80,80,1.00);
        line-height: 130%;
    }
    .blog_text {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 0px 0 20px;
        font-family: "Noto Sans JP";
        font-size: 13px;
        color: rgba(80,80,80,1.00);
        line-height: 160%;
    }
    .blog_text span {
        display: block;
        width: 90%;
        max-width: 170px;
        margin: 10px auto 0;
        padding: 3px 0;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        background: #dd0000;
        color: #fff;
        border-radius: 5px;
    }
    .top_blog .btn {
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_blog .btn:hover {
        opacity: .6;
    }
  
/*    TOP お問い合わせ　*/
    .top_contact a {
        display: block;
        width: 90%;
        max-width: 480px;
        margin: 50px auto 0;
        padding: 20px 0;
        font-weight: 900;
        font-family: "Noto Sans JP";
        font-size: 23px;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        color: #fff;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
        background: rgb(255,48,25); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
        border-radius: 9px;
        box-shadow: 0 3px 5px gray;
        transition:all .3s ease-out;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
    }
    .top_contact a:hover {
        margin: 55px auto -5px;
        box-shadow: none;
    }  
/*お問い合わせのポイント*/
.top_contact_manual_point {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #fff;
}
.top_contact_manual_point_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_contact_manual_point_list {
    display: block;
    width: 95%;
    max-width: 480px;
    margin: 80px auto;
}
.top_contact_manual_point_block {
    display: block;
    width: 100%;
    margin: 0 auto 80px;
}
.top_contact_manual_point_block img {
    display: block;
    height: 220px;
    margin: 0 auto;
}
.top_contact_manual_point_block h3 {
    display: block;
    width: 90%;
    margin: 20px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
}
.top_contact_manual_point_block p {
    display: block;
    width: 90%;
    margin: 6px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(60,60,60,1.00);
    line-height: 180%;
}

/*発注までの流れ*/
.top_contact_manual_nagare {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 116px;
    background-image: url("../images/top_nagare_bg.jpg");
    background-position: center;
    background-size:  auto 100%;
    background-repeat: no-repeat;
    border-bottom: 16px solid  #E5A323;
}
.top_contact_manual_nagare_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_contact_manual_nagare_title p {
    display: block;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
.top_contact_manual_nagare_list {
    display: block;
    width: 95%;
    margin: 100px auto 0;
}
.top_contact_manual_nagare_block {
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 50px auto;
    background: #fff;
}
.top_contact_manual_nagare_block h3 {
    display: block;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
    text-align: center;
}
.top_contact_manual_nagare_block_h3_1 {
    padding: 70px 0;
    background-image: url("../images/nagare1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_2 {
    padding: 53px 0;
    line-height: 140%;
    background-image: url("../images/nagare2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_3 {
    padding: 70px 0;
    background-image: url("../images/nagare3.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block p {
    display: block;
    margin: 0 auto;
    padding: 15px 30px 15px;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}

/*はじめてのお問い合わせマニュアル*/
.top_contact_manual_method {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 80px;
    background: #FBDFD8;
}
    .top_contact_manual_method_title {
        display: block;
        width: 95%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 40px 0 170px;
        background-image: url("../images/manual1.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: 95%;
    }
.top_contact_manual_method_title h2 img {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.top_contact_manual_method_title p {
    display: block;
    margin: 30px auto 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
    .manual_dog1 {
        display: block;
        width:400px;
        margin: -100px 0 0 -6px;
    }
.top_contact_manual_method_mail {
    position: relative;
    display: block;
    width: 95%;
    margin: 50px auto 0;
    background: #FBEFEC;
}
.top_contact_manual_method_mail_block {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}
    .top_contact_manual_method_mail h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 60px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_mail h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 480px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_mail h3 strong {
        font-size: 49px;
    }
    .top_contact_manual_method_mail h3 span {
        display: block;
        margin: 30px 0 0;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 31px;
        text-align: center;
        letter-spacing: 4px;
    }
.top_contact_manual_method_mail_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_mail_block ul li {
    margin: 10px 0 40px;
    padding: 0 0 0 2.6em;
    text-indent: -2.6em;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
    
    .top_contact_manual_method_mail_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_mail_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_mail_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_mail_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
        padding: 3px 13px;
        font-size: 23px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_mail_block h4 {
    position: relative;
    display: block;
    margin: 50px 0;
    padding: 20px 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 31px;
    text-align: center;
    background: #fff;
    border: #E56452 solid 2px;
    letter-spacing: 2px;
}
.top_contact_manual_method_mail_block h4::before,
.top_contact_manual_method_mail_block h4::after{
  content: "";
  position: absolute;
  right: 40%;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block h4::before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 40px 0 0;
}
.top_contact_manual_method_mail_block h4::after{
  bottom: -39px;
  border-style: solid;
border-color: #fff transparent transparent transparent;
  border-width: 39px 35px 0 0;
  z-index: 10;
}
.top_contact_manual_method_mail_block p {
    position: relative;
    display: block;
    margin: 80px 0;
    padding: 20px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    background: #fff;
    border: #E56452 solid 2px;
    line-height: 200%;
}
.top_contact_manual_method_mail_block p:before,
.top_contact_manual_method_mail_block p:after{
  content: "";
  position: absolute;
  right: 0;
  left: 40%;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block p:before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 0 0 40px;
}
.top_contact_manual_method_mail_block p:after{
  bottom: -39px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 39px 0px 0 35px;
  z-index: 10;
}
.top_contact_manual_method_mail_block span {
    display: block;
    width: 95%;
    margin: 20px auto;
    padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel {
    position: relative;
    display: block;
    width: 95%;
    margin: 100px auto 0;
    padding: 100px 0;
    background: #FBEFEC;
}
.top_contact_manual_method_tel_block {
    display: block;
    width: 90%;
    margin: 0px auto 0;
}
    .top_contact_manual_method_tel h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 60px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_tel h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 400px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_tel h3 strong {
        font-size: 49px;
    }
    .top_contact_manual_method_tel h3 span {
        margin: 35px auto;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 23px;
        letter-spacing: 4px;
    }
.top_contact_manual_method_tel_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_tel_block ul li {
    margin:0px  0 40px;
    padding: 0 0 0 2.8em;
    text-indent: -2.8em;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
} 
    
    .top_contact_manual_method_tel_block ul li span {
        display: inline;
        margin: 0 0 0 10px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 41px;
    color: rgba(30,30,30,1.00);
    }
    .top_contact_manual_method_tel_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_tel_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_tel_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_tel_block ul li:nth-child(4)::before {content: '4';}
    .top_contact_manual_method_tel_block ul li:nth-child(5)::before {content: '5';}
    .top_contact_manual_method_tel_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
        padding: 3px 15px;
        font-size: 27px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_tel_img2 {
    display: block;
    width: 20px;
    margin: 0 auto;
    padding: 0;
}
.top_contact_manual_method_tel h4::before {
    content: '　';
    margin: 0 30px 0 0;
    padding: 0 15% 0 0;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4::after {
    content: '　';
    margin: 0 0 0 30px;
    padding: 0  0 0 15%;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4 {
    display: block;
    margin: 50px 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 21px;
    text-align: center;
}
.top_contact_manual_method_tel_faq_list {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.top_contact_manual_method_tel_faq_block {
    display: block;
    width: 100%;
    margin: 30px auto;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}
.top_contact_manual_method_tel_faq_block h5::before {
    content: '　';
    margin-right: 15px;
    padding: 20px;
    color: rgba(30,30,30,1.00);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
} 
.top_contact_manual_method_tel_faq_block1 h5::before {background-image: url("../images/q1.png");} 
.top_contact_manual_method_tel_faq_block2 h5::before {background-image: url("../images/q2.png");} 
.top_contact_manual_method_tel_faq_block3 h5::before {background-image: url("../images/q3.png");} 
.top_contact_manual_method_tel_faq_block4 h5::before {background-image: url("../images/q4.png");} 
.top_contact_manual_method_tel_faq_block5 h5::before {background-image: url("../images/q5.png");} 

.top_contact_manual_method_tel_faq_block h5 {
    margin: 15px 0 20px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
}
.top_contact_manual_method_tel_faq_block  p {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel  span {
    display: block;
    width: 85%;
    margin: 20px auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 180%;
}
    .manual_dog2 { 
        position: relative;
        z-index: 2;
        display: block;
        width: 130px;
        margin: 20px auto;
    }

/*社内報ができるまで*/
.top_howto {
		display: block;
		margin: 100px auto 100px;
	}
.top_howto_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_howto_title p {
    display: block;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
	.top_howto_list {
		width: 90%;
		margin: 80px auto 0px;
	font-size: 20px;
    font-family: "Noto Sans JP";
	text-align: justify;
	line-height: 180%;
	}
		.top_howto_block h3 {
		width: 100%;
		height: 70px;
		margin: 50px auto 20px;
		padding-left: 10px;
		font-size: 23px;
            font-family: "Noto Sans JP";
		background: #EFEFEF;
		line-height: 70px;
	}
	.top_howto_block span {
        margin: 1%;
		padding: .5% 1.7%;
		border-radius: 50px;
		font-size: 27px;
		background:  #E5A323;
		color: #fff;
		-webkit-font-feature-settings:normal;
        font-feature-settings:normal;
	}
	.top_howto_block p {
		width: 90%;
		margin: 0 auto;
        font-size: 17px;
    font-family: "Noto Sans JP";
		font-weight: 500;
	line-height: 180%;
	}
	.top_howto img {
	display: block;
    width: 90%;
    margin: 40px auto;
}
	.golgooffice {
		display: block;
        width: 95%;
		max-width: 880px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
    .golgooffice img {
        display: block;
        width: 340px;
        margin: 0 auto;
        padding: 50px 0 0;
    }
    .golgooffice p {
        display: block;
        margin: 30px auto;
        font-size: 27px;
        font-family: 'ゴシックMB101 B';
        text-align: center;
        line-height: 150%;
        color: rgba(40,40,40,1.00);
        letter-spacing: 1px;
    }
	.golgooffice iframe {
		display: block;
        width: 95%;
		max-width: 780px;
		height: 400px;
		margin: 0 auto;
		padding:50px 0;
	}
	.golgooffice h2 {
		display: block;
	margin: 10 auto;
	padding: 50px 0 20px;
	font-size: 32px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
		letter-spacing: 2px;
	}
table.gaiyo {
    width: 95%;
	max-width: 780px;
	margin: 0 auto;
    border: 1px #20aee5 solid;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    border-collapse: collapse;
}
table.gaiyo th {
    border-bottom: 1px #20aee5 solid;
    background-color: #7AC5E2;
    width: 150px;
    color: #ffffff;
    text-align: center;
}
table.gaiyo td {
    background: #fff;
    border: 1px #20aee5 solid;
    padding: 8px;
}
/*    リンク　*/
    .link {
        display: block;
        width: 90%;
        margin: 0 auto 100px;
        padding: 30px;
        border: solid 3px rgba(225,225,225,1.00);
        box-sizing: border-box;
    }
    .link h2::before {
        content: '';
        font-size: 30px;
    }
    .link h2 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 20px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        background: rgba(236,236,236,1.00);
        box-sizing: border-box;
    }
    .link h3 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 6px 0 6px 5px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: #E7A324 solid 5px;
        border-bottom: #C9C9C9 solid 1px;
    }
    .link p {
        display: block;
        width: 94%;
        margin: 10px auto 25px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        text-align: justify;
        color: rgba(60,60,60,1.00);
        line-height: 140%;
    }
    .link_box {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .link_box_left {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .link_box_right {
        display: block;
        width: 100%;
        margin: 10px auto 50px;
    }
    .link_box_right a {
        display: block;
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
        text-align: center;
    }
    .link_box_right img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
/*フッター*/
footer {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: rgba(41,40,37,1.00);
}
.sitemap {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}
.sitemap ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.sitemap ul li {
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}
.sitemap ul li a {
    font-size: 19px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #fff;
}

.sitemap ul li ul {
    margin: 0;
    padding: 0;
}
.sitemap ul li ul li {
    width: 100%;
    height: auto;
    margin: 8px 5px;
    padding: 0;
    float: inherit;
}
.sitemap ul li ul li a {
    font-size: 14px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #EDEDED;
}
.copy p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 13px;
    font-family: "Noto Sans JP";
    text-align: center;
    color: #fff;
    background:  #030200;
}

/*　お問い合わせバナー　*/
      .contact_banner {
          position: relative;
          display: block;
          width: 95%;
          max-width: 780px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp {
        display: none!important;
	}
	.contact_banner_bg {
		display: block!important;
		width: 90%!important;
		margin: 50px auto!important;
	}
	.contact_banner a {
        position: absolute;
        top: 70%;
        left: 10%;
        display: block;
        width: 45%;
        margin: 0 auto;
        padding: 2% 0;
        color: #fff;
        font-size: 2.1vw; 
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); 
        border-bottom: 7px solid rgba(136,13,0,1.00);
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner a:hover {
		opacity: .7;
        border: none;
	}
    /*　お問い合わせバナー　2カラムの場合　*/
      .contact_banner_side {
          position: relative;
          display: block;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp_side {
        display: none!important;
	}
	.contact_banner_bg_side {
		display: block!important;
		width: 100%!important;
        height: auto!important;
		margin: 0px auto 5%!important;
	}
	.contact_banner_side a {
        position: absolute;
        bottom: 16%;
        left: 6%;
        display: block;
        width: 50%;
        margin: 0 auto;
        padding: 2.5% 0;
        color: #fff;
        font-size: 2.5vw; 
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); 
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner_side a:hover {
		opacity: .7;
	}
    
/*2カラム共通*/
.other_header_img {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    background: rgba(240,240,240,1.00);
    overflow: hidden;
}
.other_header_img img {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0px auto;
}
.other_header_img p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 200px;
    line-height: 200px;
    margin: auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
    text-align: center;
}
.pankuzu {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.pankuzu a {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.pankuzu i {
    font-size: 11px;
}
.pankuzu span {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.content_all {
    display: block;
    width: 95%;
    margin: 50px auto 0;
}
.content_main {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.content_side {
    display: block;
    width: 80%;
    margin: 0 auto 50px;
}  
    .content_side_inner {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px 0 0;
        background: rgba(245,245,245,1.00);
        border-radius: 5px;
    }
    .side_jisseki {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
        border-top: dotted 2px rgba(120,120,120,1.00);;
        border-bottom: dotted 2px rgba(120,120,120,1.00);
    }
    .side_jisseki h2 {
        font-size: 19px;
        font-family: "Noto Sans JP";
        text-align: center;
        color: #4E454A;
    }
    .side_jisseki_list  {
        display: block;
        margin: 10px auto 0;
    }
    .side_jisseki_list ul {
        display: block;
        margin: 0 auto;
    }
    .side_jisseki_list ul li {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
    .side_jisseki_list ul li a {
        display: block;
        padding-left: 1em;
        text-indent: -1em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 180%;
        color: #4E454A;
    }
    .side_nayami {
        display: block;
        width: 75%;
        margin: 0 auto;
    }
    .side_nayami h2 {
        color: rgba(245,245,245,1.00);
    }
    .side_nayami img {
        display: block;
        width: 95%;
        max-width: 200px;
        margin: 0 auto;
    }
    .side_nayami_list ul {
        margin: 0 auto;
    }
    .side_nayami_list ul li {
        margin: 8px auto;
        text-align: left;
    }
    .side_nayami_list ul li a {
        display: block;
        padding-left: 1em;
        text-indent: -1em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 140%;
        color: #4E454A;
    }
    .side_end  {
        display: block;
        width: 90%;
        margin: 150px auto 0;
    }
    .side_end img {
        display: block;
        width: 98%;
        margin: 0 auto;
    }  
    .content_side_banner {
        display: block;
        width: 230px;
        margin: 0 auto;
        padding: 20px 0 0;
    }


/*悩み詳細*/
.nayami {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.nayami_title h2 {
    display: block;
    margin: 0 auto;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    background: rgba(222,222,222,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_mokuzi {
    display: block;
    width: 80%;
    max-width: 680px;
    margin: 30px auto 30px 0;
    padding: 20px ;
    border: rgba(212,212,212,1.00) solid 1px;
    border-radius: 2px;
    box-sizing: border-box;
}
.nayami_mokuzi p {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 23px;
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
    border-bottom: dotted rgba(212,212,212,1.00) 1px;
}
.nayami_mokuzi ul li a {
    display: block;
    width: 90%;
    margin: 10px auto 5px;
    font-size: 19px; 
    font-family: "Noto Sans JP";
    color:rgba(198,65,68,1.00);
}
.nayami_mokuzi ul li ul li a {
    display: block;
    width: 85%;
    margin: 15px auto;
    font-size: 15px; 
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
}
    .nayami_content {
        margin: 0 auto 50px;
    }
.nayami_content_block h2 {
    display: block;
    margin:80px auto 30px;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    background: rgba(244,244,244,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_content_block h3 {
    display: block;
    margin: 0 auto ;
    padding: 8px 8px; 
    border-left: #E5A323 solid 5px;
    border-bottom: rgba(212,212,212,1.00) solid 1px;
    font-size: 21px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    box-sizing: border-box;
}
.nayami_content_block p {
    display: block;
    width: 97%;
    margin: 10px auto 50px;
    padding: 0; 
    font-size: 17px;
    font-family: "Noto Sans JP";
    line-height: 200%;
    color: rgba(60,60,60,1.00);
    box-sizing: border-box;
}
    /*実績一覧*/
       .jisseki_list {
        display:flex;
           flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 0;
    }
    .jisseki_block {
        display: block;
        width: 45%;
        margin: 0 auto 50px;
        background: #F9F9F9;
        border: solid 1px #F2F2F2;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_block a {
        display: block;
        width: 100%;
        margin: 0px auto 0px;
        padding: 0 0 20px 0;
        text-decoration: none;
    }
    .jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_block h3 {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_block p {
        display: block;
        width: 80%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
        line-height: 140%;
    }
/*実績詳細*/
    .other_header_img_bg2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/header_jisseki.png");
        background-position: center;
        background-size: 100% auto;
    }
    .other_header_img_bg2 img {
        position: absolute;
        top: 10px;
        left: 10%;
        bottom: 0;
        width: 190px;
        margin: auto;
    }
    .other_header_img_bg img {
        position: inherit!important;
        display: block;
        width: auto;
        height: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .jisseki_more {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_topimg {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_more_list {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_block {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
    }
    .jisseki_more_block_h2_1 h2::before{background-image: url("../images/jisseki_reason1.png")}
    .jisseki_more_block_h2_2 h2::before{background-image: url("../images/jisseki_reason2.png")}
    .jisseki_more_block_h2_3 h2::before{background-image: url("../images/jisseki_reason3.png")}
    .jisseki_more_block h2::before {
        content: '　';
        margin: 0 5px 0 0;
        padding: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size:100%;
        vertical-align:text-top;
    }
    .jisseki_more_block h2 {
        display: block;
        margin: 12px auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
    }
    .jisseki_more_block h3 {
        display: block;
        margin: 20px auto;
        padding-left: 1em;
        text-indent: -1em;
    font-size: 27px;
    font-family: "Noto Sans JP";
        line-height: 140%;
    }
    .jisseki_more_block p {
        display: block;
        width: 95%;
        margin: 20px auto;
    font-size: 17px;
    font-family: "Noto Sans JP";
        line-height: 160%;
    }
    .jisseki_more_table {
        display: block;
        width: 100%;
        margin: 50px auto;
        padding: 20px 0;
        border-top: rgba(30,30,30,1.00) solid 1px;
        border-bottom: rgba(30,30,30,1.00) solid 1px;
        overflow: hidden
    }
    .jisseki_more_table_left {
        display: block;
        width: 60%;
        margin: 0 auto;
        float: left;
    }
    .jisseki_more_table_left_block {
        display: block;
        width: 60%;
        margin: 0 auto;
        padding: 15px 40px;
        border: rgba(30,30,30,1.00) solid 1px;
    }
    .jisseki_more_table_left img {
        display: block;
        margin: 8% auto 15px;  
    }
    .jisseki_more_table_left_block p {
    font-size: 15px;
    font-family: "Noto Sans JP";
        text-align: center;
        line-height: 140%;
    }
    .jisseki_more_table_right {
        display: block;
        width: 40%;
        margin: 0 auto;
        float: right;
    }
    .jisseki_more_table_right img {
        display: block;
        width: 60%;
        min-width: 180px;
        margin: 0 auto;
        box-shadow: 1px 1px 3px gray;
    }
    .jisseki_jisseki_list {
        display: block;
        width: 100%;
        margin: 50px auto;
        overflow: hidden;
    }
    .jisseki_jisseki_block {
        display: block;
        width: 33.3333%;
        margin: 0 auto;
        float: left;
    }
    .jisseki_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_jisseki_block a {
        display: block;
        width: 90%;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_jisseki_block h3 {
        display: block;
        width: 90%;
        height: 3em;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 17px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_jisseki_block p {
        display: block;
        width: 90%;
        height: 2em;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .jisseki_jisseki_block span {
        display: block;
        width: 95%;
        max-width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
/*    社内報がもたらす効果  */
    .effect_header_img_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/effect_bg.jpg");
        background-position: center 77%;
        background-size: 100% auto;
    }
    .effect {
        margin: 0 auto 100px;
    }
    .effect h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
    }
    .effect p {
        display: block;
        width: 96%;
        margin: 0 auto 35px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }
/*    トップ固定　*/
    .top_fixed_contact {
        position: fixed;
        right: 10px;
        bottom: 10px;
        display: block;
        width: 170px;
        margin: auto;
    }
    .top_fixed_contact img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_fixed_contact img:hover {
        opacity: .8;
    }

    .top_fixed_manual {
        position: fixed;
        left: 0px;
        bottom: 15px;
        display: block;
        width: 80px;
        margin: auto;
        background: #fff;
        box-shadow: 0px 0px 6px gray;
    }
    .top_fixed_manual img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_fixed_manual img:hover {
        opacity: .8;
    }
    .colna {
        display: block;
        width: 90%;
        margin: 20px auto;
        text-align: center;
        border: #3F97A0 2px solid;
        background:#fff;
    }
    .colna h2 {
        display: block;
        margin: 0 auto;
        padding: 20px 10px;
        font-size: 21px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        color: #fff;
        background: #3F97A0;
    }
    .colna p {
        display: inline-block;
        width: 90%;
        margin: 0 auto;
        padding: 30px 0px 50px;
        font-size: 17px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        text-align: left;
        color: #3c3c3c;
        box-sizing: border-box;
        line-height: 150%;
    }
    .colna_list {
        display:block;
        width:95%;
        margin:0 auto;
    }
    .colna_list ul {
        display:block;
        width:100%;
        margin:0 auto;
        overflow:hidden;
    }
    .colna_list ul li {
        display:block;
        width:33.3333%;
        margin:0 auto;
        float:left;
    }
    .colna_list ul li img {
        display:block;
        width:65%;
        margin:0 auto;
        background:#F0F8F9;
        border-radius: 50%;
    }
    .colna_list ul li p {
        display:block;
        width:90%;
        margin:0 auto
    }
/*    コンテンツお問い合わせボタン*/
    .contents_contact {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: right;
    }
    .contents_contact a {
        display: inline-block;
        margin: 0 auto;
        padding: 20px 25px;
        font-size: 21px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #dd0000;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #4A0000 solid 5px; 
    }
    .contents_contact a:hover {
        margin: 5px auto 0px;
        opacity: .6;
        border-bottom: none;
    }
    .contents_img01 {
        display: block;
        width: 230px;
        margin: 30px 0 30px auto;
    }
    .contents_img01 img{
        display: block;
        width: 100%;
        margin: 0;
    }
    .top_youtube {
        display: block;
        width: 90%;
        max-width: 980px;
        margin: 0 auto;
    }
    .top_youtube_block {
        position: relative;
        display: block;
        width: 48%;
        margin: 10px 1%;
}
    .top_youtube_block::before {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        padding: 30px 60px;
        background-image: url("../images/youtube_logo.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .top_youtube_block a:hover {
        opacity: .7;
    }
    .top_youtube_block p {
        margin-top: 5px;
        font-size: 15px;
        text-align: center;
    }
    .top_youtube_block img {
  width: 100%;
  height: auto;
}
    .nayami_btn001 {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        padding: 15px 25px;
        font-size: 21px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #009F17;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #00580C solid 5px;
    }
    .nayami_btn002 {
        background: #FF7CD8!important;
        border-bottom: #770054 solid 5px!important;
    }
    .nayami_btn001:hover {
        opacity: .7;
    }
    .faq h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
    }
    .faq h3 {
        display: block;
        margin: 10px auto 10px;
        padding: 7px 10px 10px;
        font-size: 18px;
        font-family: "Noto Sans JP";
        background: #E5A323;
        color: #fff;
    }
    .faq p {
        display: block;
        width: 96%;
        margin: 0 auto 35px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }

}
@media screen and (min-width:1200px) {
    .pc_none {display: none!important;}
    
body {
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "Noto Sans JP";
}
/*header*/
.header_box {
    display: block;
    width: 98%;
    max-width: 1080px;
    margin: 30px auto 10px;
    overflow: hidden;
}
.header_left {
    display: block;
    margin: 0 auto;
    float: left;
}
.header_left h1 {
    display: block;
    font-family: "Noto Sans JP";
    font-size: 12px;
    line-height: 130%;
}
.header_left img {
    display: block;
    width: 450px;
    margin: 5px auto;
}
.header_right {
    display: block;
    width: 440px;
    margin: 25px auto 0;
    float: right;
    overflow: hidden;
}
.header_right_box_left {
    display: block;
    width: 220px;
    margin: 0 auto;
    float: left;
}
.header_right_box_right {
    display: block;
    width: 220px;
    margin: 0 auto;
    float: right;
}
.header_right_box_right a {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: rgba(205,17,17,1.00);
        box-sizing: border-box;
}
    .header_right_box_right a:hover {
        margin: 0px auto -2px;
    background: #fff;
    color: rgba(205,17,17,1.00);
        border:solid 1px  rgba(205,17,17,1.00);
        box-sizing: border-box;
    }
.header_right p {
     font-family: "Noto Sans JP";
    text-align: center;
}
.header_right_box_left_p1 {
    font-size: 13px;
}
.header_right_box_left_p2 {
    font-size: 31px;
}
.header_right_box_left_p3 {
    font-size: 13px;
}
.header_right_box_right_p1 {
    font-size: 15px;
    line-height: 130%;
}
.header_right_box_right_p2 {
    font-size: 15px;
}
    nav {
        display: block;
        width: 100%;
        margin: 0 auto;
        border-top: rgba(230,230,230,1.00) solid 1px;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5a323+0,e8bb29+47,e8bb29+53,e5a323+100 */
background: rgb(229,163,35); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,163,35,1) 0%, rgba(232,187,41,1) 47%, rgba(232,187,41,1) 53%, rgba(229,163,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,163,35,1) 0%,rgba(232,187,41,1) 47%,rgba(232,187,41,1) 53%,rgba(229,163,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,163,35,1) 0%,rgba(232,187,41,1) 47%,rgba(232,187,41,1) 53%,rgba(229,163,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a323', endColorstr='#e5a323',GradientType=0 ); /* IE6-9 */
        box-shadow: -3px -3px 5px #E9E9E9;
    }
    nav ul {
        display: block;
        width: 1080px;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
    }
    nav ul li {
        position: relative;
        display: block;
        width: 20%;
        margin: 0 auto;
        float: left;
        border-left: rgba(220,220,220,1.00)  solid 1px;
        box-sizing: border-box;
    }
    nav ul li:nth-child(5) {
        display: none;
    }
    nav ul li:nth-child(6) {
        border-right: rgba(220,220,220,1.00) solid 1px;
    }
    nav ul li a {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 9px 0;
        font-family: "Noto Sans JP";
        font-size: 16px;
        text-align: center;
        line-height: 39px;
        color: #fff;
        text-decoration: none;
        text-shadow: 1px 1px 3px gray;
    }
    nav ul li a:hover {
        opacity: .6;
    }

    nav ul li:nth-child(1) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f015";
    }
    nav ul li:nth-child(2) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f0b1";
    }
    nav ul li:nth-child(3) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f059";
    }
    nav ul li:nth-child(4) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f1ad";
    }
    nav ul li:nth-child(6) a::before {
        margin:0 3px 0 0;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900;
        font-size: 19px;
        content: "\f0e0";
    }
    .header_img {
        display: block;
        width: 90%;
        max-width: 1080px;
        margin: 0 auto;
    }
    .header_img a {
        display: block;
        width: 100%;
    }
    .header_img a img {
        display: block;
        width: 100%;
    }
    
/*トップ悩み*/
.top_nayami {
    margin: 0;
    padding: 0;
}
    .top_nayami_box {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        justify-content:space-between;
        width: 100%;
        margin: 0 auto;
    }
    .top_nayami_box_block {
        width: 49%;
        margin: 0;
    }
    .top_nayami_box_block a {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        padding: 14px 0;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        color: rgba(20,20,20,1.00);
        border-radius: 10px;
        box-shadow: 3px 3px 0 #D1D1D1;
        transition: .3s;
    }
    .top_nayami_box_block a:hover {
        opacity: .7;
        box-shadow: none;
    }
.top_nayami h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_nayami h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_nayami h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_nayami_ito {
    display: block;
    width: 830px;
    margin: 0 auto;
}
.top_nayami_ito img {
    display: block;
    width: 600px;
    margin: 50px 0 -60px auto;
}
.top_nayami_box {
    display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    width: 980px;
    margin: 50px auto 0;
}
.top_nayami_block {
    display: block;
    width: 48%;
    margin: 0 auto 30px;
}
.top_nayami_block_h3 {
    display: block;
    position: relative;
    width: 25%;
    height: 25%;
    padding: 25%;
    border-radius: 50%;
    background: #DBEBC4;
    margin: 1em auto;
    box-sizing: border-box;
}
.top_nayami_block_h3 h3 {
    position: absolute;
    left: 0;
    top: 23%;
    margin: 0 auto;
    width: 100%;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 27px;
    text-align: center;
    line-height: 160%;
}
.top_nayami_block p {
    display: block;
    width: 85%;
    margin: 0 auto;
    font-family: "Noto Sans JP";
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 160%;
}
.top_nayami_circle {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 100%;
    color: #333;
}
.top_nayami_block p a {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
    color: #333;
}
.top_nayami_btn {
    display: block;
    width: 85%!important;
    height: auto!important;
    margin: 10px auto;
    padding: 14px 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 21px;
    text-align: center;
    text-decoration: none;
    background: #4E454A;
    color: #fff!important;
    transition: .3s;
}
    .top_nayami_block a:hover {
        opacity: .6;
    }

/*トップ個人情報について*/
.top_personal_information {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 80px;
    background: #F1EFED;
}
.top_personal_information h2 {
    display: block;
    width: 770px;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 25px;
    text-align: left;
    line-height: 140%;
}
.top_personal_information p {
    display: block;
    width: 770px;
    margin: 50px  auto ;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: left;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}

/*制作実績*/
.top_jisseki {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
}
.top_jisseki h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_jisseki h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
    .top_jisseki_list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        justify-content:space-between;
        width: 95%;
        max-width: 980px;
        margin: 50px auto 0;
    }
    .top_jisseki_block {
        display: block;
        width: 33.3333%;
        margin: 0 auto;
    }
    .top_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_jisseki_block a {
        display: block;
        width: 90%;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .top_jisseki_block a:hover {
        opacity: .6;
    }
    .top_jisseki_block h3 {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 17px;
        line-height: 140%;
        color: #222222;
    }
    .top_jisseki_block p {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .top_jisseki_block span {
        display: block;
        width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
    .top_jisseki .btn {
        display: block;
        width: 320px;
        margin: 50px auto 0;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_jisseki .btn:hover {
        opacity: .6;
    }
    .jisseki_logo {
        display: block;
        width: 90%;
        max-width: 980px;
        margin: 0 auto 100px;
    }
    .jisseki_logo ul {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin: 30px 0;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li {
        display: block;
        width: 23%;
        margin: 10px 1%;
        padding: 0;
        list-style: none;
    }
    .jisseki_logo ul li img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
/* ブログ*/
.top_blog {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #F1EFED;
}
.top_blog h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_blog h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
    .blog_ichiran {
        display: block;
        width: 980px;
        margin: 60px auto;
    }
    .blog_ichiran ul {
        display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
        margin: 0;
        padding: 0;
    }
    .blog_ichiran ul li {
        display: block;
        width: 31%;
        margin: 0 1% 30px;
        background: #fff;
        transition: .3s;
    }
    .blog_ichiran ul li:hover {
        opacity: .6;
    }
    .blog_ichiran ul li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-decoration: none;
        color: rgba(60,60,60,1.00);
    }
    .blog_img {
        position: relative;
        display: block;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .blog_ichiran ul li a img {
        display: block;
        width: 100%!important;
        max-width: 310px;
        height: auto;
        margin: 0 auto;
    }
    .blog_date {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 12px 0 3px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        font-size: 12px;
        color: rgba(80,80,80,1.00);
    }
    .blog_title {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 5px 0 8px;
        font-family: "Noto Sans JP";
        font-size: 19px;
        color: rgba(80,80,80,1.00);
        line-height: 130%;
    }
    .blog_text {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 0px 0 20px;
        font-family: "Noto Sans JP";
        font-size: 13px;
        color: rgba(80,80,80,1.00);
        line-height: 160%;
    }
    .blog_text span {
        display: block;
        width: 90%;
        max-width: 170px;
        margin: 10px auto 0;
        padding: 3px 0;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        background: #dd0000;
        color: #fff;
        border-radius: 5px;
    }
    .top_blog .btn {
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 20px 0;
        font-family: "Noto Sans JP";
        font-size: 23px;
        color: rgba(255,255,255,1.00);
        text-align: center;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        transition: .3s;
    }
    .top_blog .btn:hover {
        opacity: .6;
    }
/*    TOP お問い合わせ　*/
    .top_contact a {
        display: block;
        width: 480px;
        margin: 50px auto 0;
        padding: 20px 0;
        font-weight: 900;
        font-family: "Noto Sans JP";
        font-size: 23px;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        color: #fff;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
        background: rgb(255,48,25); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
        border-radius: 9px;
        box-shadow: 0 3px 5px gray;
        transition:all .3s ease-out;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
    }
    .top_contact a:hover {
        margin: 55px auto -5px;
        box-shadow: none;
    }
/*お問い合わせのポイント*/
.top_contact_manual_point {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    background: #fff;
}
.top_contact_manual_point_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_point_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_contact_manual_point_list {
    display: flex;
    width: 1080px;
    margin: 80px auto;
}
.top_contact_manual_point_block {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.top_contact_manual_point_block img {
    display: block;
    height: 220px;
    margin: 0 auto;
}
.top_contact_manual_point_block h3 {
    display: block;
    width: 90%;
    margin: 20px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
}
.top_contact_manual_point_block p {
    display: block;
    width: 90%;
    margin: 6px auto 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(60,60,60,1.00);
    line-height: 180%;
}

/*発注までの流れ*/
.top_contact_manual_nagare {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 116px;
    background-image: url("../images/top_nagare_bg.jpg");
    background-position: center;
    background-size: 100% auto;
    border-bottom: 16px solid  #E5A323;
}
.top_contact_manual_nagare_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_contact_manual_nagare_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_contact_manual_nagare_title p {
    display: block;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
.top_contact_manual_nagare_list {
    display: flex;
    width: 1080px;
    margin: 100px auto 0;
}
.top_contact_manual_nagare_block {
    display: block;
    width: 30%;
    margin: 0 auto;
    background: #fff;
}
.top_contact_manual_nagare_block h3 {
    display: block;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 19px;
    text-align: center;
}
.top_contact_manual_nagare_block_h3_1 {
    padding: 70px 0;
    background-image: url("../images/nagare1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_2 {
    padding: 53px 0;
    line-height: 140%;
    background-image: url("../images/nagare2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block_h3_3 {
    padding: 70px 0;
    background-image: url("../images/nagare3.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.top_contact_manual_nagare_block p {
    display: block;
    margin: 0 auto;
    padding: 10px 30px 15px;
    font-family: "Noto Sans JP";
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}

/*はじめてのお問い合わせマニュアル*/
.top_contact_manual_method {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 80px;
    background: #FBDFD8;
}
    .top_contact_manual_method_title {
        display: block;
        width: 95%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 80px 0 170px;
        background-image: url("../images/manual1.png");
        background-repeat: no-repeat;
        background-position: 10%;
        background-size: 95%;
    }
.top_contact_manual_method_title h2 img {
    display: block;
    width: 700px;
    margin: 0 auto;
}
.top_contact_manual_method_title p {
    display: block;
    margin: 50px auto 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
    .manual_dog1 {
        display: block;
        width:500px;
        margin: -100px 0 0 -6px;
    }
.top_contact_manual_method_mail {
    position: relative;
    display: block;
    width: 95%;
    max-width: 1200px;
    margin: 0px auto 0;
    background: #FBEFEC;
}
.top_contact_manual_method_mail_block {
    display: block;
    width: 780px;
    margin: 0 auto;
    padding: 100px 0;
}
    .top_contact_manual_method_mail h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 60px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_mail h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 95%;
    max-width: 900px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_mail h3 strong {
        font-size: 49px;
    }
    .top_contact_manual_method_mail h3 span {
        display: inline-block;
        margin: 0 0 0 50px;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 41px;
        letter-spacing: 4px;
    }
.top_contact_manual_method_mail_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_mail_block ul li {
    margin: 40px 0;
    padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
    
    .top_contact_manual_method_mail_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_mail_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_mail_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_mail_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
        padding: 3px 15px;
        font-size: 27px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_mail_block h4 {
    position: relative;
    display: block;
    margin: 50px 0;
    padding: 20px 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 37px;
    text-align: center;
    background: #fff;
    border: #E56452 solid 2px;
    letter-spacing: 2px;
}
.top_contact_manual_method_mail_block h4::before,
.top_contact_manual_method_mail_block h4::after{
  content: "";
  position: absolute;
  right: 500px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block h4::before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 40px 0 0;
}
.top_contact_manual_method_mail_block h4::after{
  bottom: -39px;
  border-style: solid;
border-color: #fff transparent transparent transparent;
  border-width: 39px 35px 0 0;
  z-index: 10;
}
.top_contact_manual_method_mail_block p {
    position: relative;
    display: block;
    margin: 80px 0;
    padding: 20px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    background: #fff;
    border: #E56452 solid 2px;
    line-height: 200%;
}
.top_contact_manual_method_mail_block p:before,
.top_contact_manual_method_mail_block p:after{
  content: "";
  position: absolute;
  right: 0;
  left: 500px;
  width: 0;
  height: 0;
  margin: auto;
}
.top_contact_manual_method_mail_block p:before{
  bottom: -45px;
  border-style: solid;
  border-color: #E56452 transparent transparent transparent ;
  border-width:  45px 0 0 40px;
}
.top_contact_manual_method_mail_block p:after{
  bottom: -39px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 39px 0px 0 35px;
  z-index: 10;
}
.top_contact_manual_method_mail_block span {
    display: block;
    width: 95%;
    margin: 20px auto;
    padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel {
    position: relative;
    display: block;
    width: 95%;
    max-width: 1200px;
    margin: 100px auto 0;
    padding: 100px 0;
    background: #FBEFEC;
}
.top_contact_manual_method_tel_block {
    display: block;
    width: 780px;
    margin: 0px auto 0;
}
    .top_contact_manual_method_tel h3::before {
        content: '';
        width: auto;
        height: auto;
        margin: 0 15px 0 0;
        padding: 60px;
        background-image: url("../images/manual4.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 80%;
    }
.top_contact_manual_method_tel h3 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: block;
    width: 95%;
    max-width: 900px;
    margin: 0px  auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    text-align: left;
    letter-spacing: 1px;
}
    .top_contact_manual_method_tel h3 strong {
        font-size: 49px;
    }
    .top_contact_manual_method_tel h3 span {
        display: inline;
        margin: 0 0 0 10px;
        padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 35px;
        letter-spacing: 4px;
    }
.top_contact_manual_method_tel_block ul {
    margin: 0;
    padding: 0;
}
.top_contact_manual_method_tel_block ul li {
    margin:40px  0;
    padding: 0;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
} 
    
    .top_contact_manual_method_tel_block ul li span {
        display: inline;
        margin: 0 0 0 10px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 41px;
    color: rgba(30,30,30,1.00);
    }
    .top_contact_manual_method_tel_block ul li:nth-child(1)::before {content: '1';}
    .top_contact_manual_method_tel_block ul li:nth-child(2)::before {content: '2';}
    .top_contact_manual_method_tel_block ul li:nth-child(3)::before {content: '3';}
    .top_contact_manual_method_tel_block ul li:nth-child(4)::before {content: '4';}
    .top_contact_manual_method_tel_block ul li:nth-child(5)::before {content: '5';}
    .top_contact_manual_method_tel_block ul li::before {
        width: auto;
        height: auto;
        margin: 0 10px 0 0;
        padding: 3px 15px;
        font-size: 27px;
        font-family: noto-sans-cjk-jp,sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        background: #000;
        border-radius: 100%;
    }
.top_contact_manual_method_tel_img2 {
    display: block;
    width: 20px;
    margin: 0 auto;
    padding: 0;
}
.top_contact_manual_method_tel h4::before {
    content: '　';
    margin: 0 30px 0 0;
    padding: 0 30% 0 0;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4::after {
    content: '　';
    margin: 0 0 0 30px;
    padding: 0  0 0 30%;
    background-image: url("../images/method6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.top_contact_manual_method_tel h4 {
    display: block;
    margin: 50px 0;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 21px;
    text-align: center;
}
.top_contact_manual_method_tel_faq_list {
    display: block;
    width: 980px;
    margin: 0 auto;
}
.top_contact_manual_method_tel_faq_block {
    display: block;
    width: 100%;
    margin: 30px auto;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}
.top_contact_manual_method_tel_faq_block h5::before {
    content: '　';
    margin-right: 15px;
    padding: 20px;
    color: rgba(30,30,30,1.00);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
} 
.top_contact_manual_method_tel_faq_block1 h5::before {background-image: url("../images/q1.png");} 
.top_contact_manual_method_tel_faq_block2 h5::before {background-image: url("../images/q2.png");} 
.top_contact_manual_method_tel_faq_block3 h5::before {background-image: url("../images/q3.png");} 
.top_contact_manual_method_tel_faq_block4 h5::before {background-image: url("../images/q4.png");} 
.top_contact_manual_method_tel_faq_block5 h5::before {background-image: url("../images/q5.png");} 

.top_contact_manual_method_tel_faq_block h5 {
    margin: 15px 0 20px;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
}
.top_contact_manual_method_tel_faq_block  p {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 200%;
}
.top_contact_manual_method_tel  span {
    display: block;
    width: 900px;
    margin: 20px auto;
    font-family: noto-sans-cjk-jp,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: rgba(30,30,30,1.00);
    line-height: 180%;
}
    .manual_dog2 { 
        position: relative;
        z-index: 2;
        display: block;
        width: 160px;
        margin: -300px 25px 0 auto;
    }

/*社内報ができるまで*/
.top_howto {
		display: block;
		margin: 100px auto 100px;
	}
.top_howto_title h2::before {
    margin-right: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2::after {
    margin-left: 10px;
    content: '■';
    font-size: 19px;
    color: #E5A323;
    vertical-align:middle;
}
.top_howto_title h2 {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-family: "Noto Sans JP";
    font-size: 29px;
    text-align: center;
    letter-spacing: 2px;
}
.top_howto_title p {
    display: block;
    margin: 30px auto;
    font-weight: 500;
    font-family: "Noto Sans JP";
    font-size: 17px;
    text-align: center;
    color: rgba(30,30,30,1.00);
    line-height: 150%;
}
	.top_howto_list {
		width: 940px;
		margin: 80px auto 0px;
	font-size: 20px;
    font-family: "Noto Sans JP";
	text-align: justify;
	line-height: 180%;
	}
		.top_howto_block h3 {
		width: 980px;
		height: 70px;
		margin: 50px auto 20px;
		padding-left: 10px;
		font-size: 23px;
            font-family: "Noto Sans JP";
		background: #EFEFEF;
		line-height: 70px;
	}
	.top_howto_block span {
        margin: 1%;
		padding: .5% 1.7%;
		border-radius: 50px;
		font-size: 27px;
		background:  #E5A323;
		color: #fff;
		-webkit-font-feature-settings:normal;
        font-feature-settings:normal;
	}
	.top_howto_block p {
		width: 870px;
		margin: 0 auto;
        font-size: 17px;
    font-family: "Noto Sans JP";
		font-weight: 500;
	line-height: 180%;
	}
	.top_howto img {
	display: block;
    width: 880px;
    margin: 40px auto;
}
	.golgooffice {
		display: block;
		width: 880px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
    .golgooffice img {
        display: block;
        width: 340px;
        margin: 0 auto;
        padding: 50px 0 0;
    }
    .golgooffice p {
        display: block;
        margin: 30px auto;
        font-size: 27px;
        font-family: 'ゴシックMB101 B';
        text-align: center;
        line-height: 150%;
        color: rgba(40,40,40,1.00);
        letter-spacing: 1px;
    }
	.golgooffice iframe {
		display: block;
		width: 780px;
		height: 400px;
		margin: 0 auto;
		padding:50px 0;
	}
	.golgooffice h2 {
		display: block;
	margin: 10 auto;
	padding: 50px 0 20px;
	font-size: 32px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
		letter-spacing: 2px;
	}
table.gaiyo {
	width: 780px;
	margin: 0 auto;
    border: 1px #20aee5 solid;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    border-collapse: collapse;
}
table.gaiyo th {
    border-bottom: 1px #20aee5 solid;
    background-color: #7AC5E2;
    width: 150px;
    color: #ffffff;
    text-align: center;
}
table.gaiyo td {
    background: #fff;
    border: 1px #20aee5 solid;
    padding: 8px;
}
/*    リンク　*/
    .link {
        display: block;
        width: 880px;
        margin: 0 auto 100px;
        padding: 30px;
        border: solid 3px rgba(225,225,225,1.00);
        box-sizing: border-box;
    }
    .link h2 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 20px;
        font-size: 27px;
        font-family: "Noto Sans JP";
        background: rgba(236,236,236,1.00);
        box-sizing: border-box;
    }
    .link h3 {
        display: block;
        width: 98%;
        margin: 0 auto;
        padding: 6px 0 6px 5px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: #E7A324 solid 5px;
        border-bottom: #C9C9C9 solid 1px;
    }
    .link p {
        display: block;
        width: 94%;
        margin: 10px auto 25px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        text-align: justify;
        color: rgba(60,60,60,1.00);
        line-height: 140%;
    }
    .link_box {
        display: block;
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }
    .link_box_left {
        display: block;
        width: 65%;
        margin: 0 auto;
        float: left;
    }
    .link_box_right {
        display: block;
        width: 35%;
        margin: 80px auto;
        float: right;
    }
    .link_box_right a {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .link_box_right img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
/*フッター*/
footer {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: rgba(41,40,37,1.00);
}
.sitemap {
    display: block;
    width: 1080px;
    margin: 0 auto;
    padding: 50px 0;
}
.sitemap ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.sitemap ul li {
    display: block;
    width: 33.3333%;
    margin: 0 0 30px;
    padding: 0;
    float: left;
}
.sitemap ul li a {
    font-size: 19px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #fff;
}

.sitemap ul li ul {
    margin: 0;
    padding: 0;
}
.sitemap ul li ul li {
    width: 100%;
    height: auto;
    margin: 8px 5px;
    padding: 0;
    float: inherit;
}
.sitemap ul li ul li a {
    font-size: 14px;
    font-family: "Noto Sans JP";
    text-decoration: none;
    color: #EDEDED;
}
.copy p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 13px;
    font-family: "Noto Sans JP";
    text-align: center;
    color: #fff;
    background:  #030200;
}
/*　お問い合わせバナー　*/
      .contact_banner {
          position: relative;
          display: block;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp {
        display: none!important;
	}
	.contact_banner_bg {
		display: block!important;
		width: 90%!important;
		margin: 50px auto!important;
	}
	.contact_banner a {
        position: absolute;
        top: 380px;
        left: 100px;
        display: block;
        width: 415px;
        height: 70px;
        line-height: 70px;
        margin: 0 auto;
        color: #fff;
        font-size: 27px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
        border-bottom: 7px solid rgba(136,13,0,1.00);
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner a:hover {
		opacity: .7;
        border:none;
	}
/*　お問い合わせバナー　2カラムの場合　*/
      .contact_banner_side {
          position: relative;
          display: block;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          overflow: hidden;
}
    .contact_banner_bg_sp_side {
        display: none!important;
	}
	.contact_banner_bg_side {
		display: block!important;
		width: 100%!important;
        height: auto!important;
		margin: 50px auto!important;
	}
	.contact_banner_side a {
        position: absolute;
        top: 345px;
        left: 50px;
        display: block;
        width: 415px;
        height: 70px;
        line-height: 70px;
        margin: 0 auto;
        color: #fff;
        font-size: 27px; 
        font-family: "Noto Sans JP";
        background: rgb(255,48,25); 
        background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); 
        background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); 
		text-align: center;
		border-radius: 12px;
		text-decoration: none;
	}
	.contact_banner_side a:hover {
		opacity: .7;
	}

/*2カラム共通*/
.other_header_img {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    background: rgba(240,240,240,1.00);
    overflow: hidden;
}
.other_header_img img {
    position: absolute;
    display: block;
    width: 100%;
    margin: -500px auto;
}
.other_header_img p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 1080px;
    height: 200px;
    line-height: 200px;
    margin: auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
}
.pankuzu {
    display: block;
    width: 1080px;
    margin: 0 auto;
}
.pankuzu a {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.pankuzu i {
    font-size: 11px;
}
.pankuzu span {
    font-size: 14px;
    font-family: "Noto Sans JP";
}
.content_all {
    display: block;
    width: 1080px;
    margin: 50px auto 0;
    overflow: hidden;
}
.content_main {
    display: block;
    width: 780px;
    margin: 0 auto;
    float: right;
}
.content_side {
    display: block;
    width: 300px;
    margin: 0 auto;
    float: left;
}
    .content_side_inner {
        display: block;
        width: 230px;
        margin: 0 auto;
        padding: 20px 0 0;
        background: rgba(245,245,245,1.00);
        border-radius: 5px;
    }
    .side_jisseki {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
        border-top: dotted 2px rgba(120,120,120,1.00);;
        border-bottom: dotted 2px rgba(120,120,120,1.00);
    }
    .side_jisseki h2 {
        font-size: 19px;
        font-family: "Noto Sans JP";
        text-align: center;
        color: #4E454A;
    }
    .side_jisseki_list  {
        display: block;
        margin: 10px auto 0;
    }
    .side_jisseki_list ul {
        display: block;
        margin: 0 auto;
    }
    .side_jisseki_list ul li {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
    .side_jisseki_list ul li a {
        display: block;
        padding-left: .5em;
        text-indent: -.5em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 180%;
        color: #4E454A;
    }
    .side_nayami {
        display: block;
        width: 75%;
        margin: 0 auto;
    }
    .side_nayami h2 {
        color: rgba(245,245,245,1.00);
    }
    .side_nayami img {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .side_nayami_list ul {
        margin: 0 auto;
    }
    .side_nayami_list ul li {
        margin: 8px auto;
        text-align: left;
    }
    .side_nayami_list ul li a {
        display: block;
        padding-left: .5em;
        text-indent: -.5em;
        font-size: 14px;
        font-family: "Noto Sans JP";
        line-height: 140%;
        color: #4E454A;
    }
    .side_end  {
        display: block;
        width: 90%;
        margin: 150px auto 0;
    }
    .side_end img {
        display: block;
        width: 98%;
        margin: 0 auto;
    }

    .content_side_banner {
        display: block;
        width: 230px;
        margin: 0 auto;
        padding: 20px 0 0;
    }
    .content_side_banner ul {
        margin: 0;
        padding: 0;
    }
    .content_side_banner ul li {
        margin: 10px auto;
    }
    .content_side_banner ul li a {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .content_side_banner ul li a img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .content_side_banner ul li a img:hover {
        opacity: .6;
    }

/*悩み詳細*/
    .other_header_img_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 1200px;
        margin: auto;
        background-image: url("../images/header_nayami.png");
        background-position: center;
        background-size: 100% auto;
    }
    .other_header_img_bg img {
        position: absolute;
        top: 30px;
        left: 0;
        right: 470px;
        bottom: 0;
        width: 400px;
        margin: auto;
    }
.nayami {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.nayami_title h2 {
    display: block;
    margin: 0 auto;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    background: rgba(222,222,222,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_mokuzi {
    display: block;
    width: 680px;
    margin: 30px auto 30px 0;
    padding: 20px ;
    border: rgba(212,212,212,1.00) solid 1px;
    border-radius: 2px;
    box-sizing: border-box;
}
.nayami_mokuzi p {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 3px;
    font-size: 23px;
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
    border-bottom: dotted rgba(212,212,212,1.00) 1px;
}
.nayami_mokuzi ul li a {
    display: block;
    width: 90%;
    margin: 10px auto 5px;
    font-size: 19px; 
    font-family: "Noto Sans JP";
    color:rgba(198,65,68,1.00);
}
.nayami_mokuzi ul li ul li a {
    display: block;
    width: 85%;
    margin: 15px auto;
    font-size: 15px; 
    font-family: "Noto Sans JP";
    color: rgba(60,60,60,1.00);
}
.nayami_content_block h2 {
    display: block;
    margin:80px auto 30px;
    padding: 20px ; 
    font-size: 27px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    background: rgba(244,244,244,1.00);
    box-sizing: border-box;
    border-radius: 5px;
}
.nayami_content_block h3 {
    display: block;
    margin: 0 auto ;
    padding: 8px 8px; 
    border-left: #E5A323 solid 5px;
    border-bottom: rgba(212,212,212,1.00) solid 1px;
    font-size: 21px;
    font-family: "Noto Sans JP";
    color: rgba(30,30,30,1.00);
    box-sizing: border-box;
}
.nayami_content_block p {
    display: block;
    width: 97%;
    margin: 10px auto 50px;
    padding: 0; 
    font-size: 17px;
    font-family: "Noto Sans JP";
    line-height: 160%;
    color: rgba(60,60,60,1.00);
    box-sizing: border-box;
}

/*実績一覧*/
       .jisseki_list {
        display:flex;
           flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 0;
    }
    .jisseki_block {
        display: block;
        width: 45%;
        margin: 0px auto 30px;
        background: #F9F9F9;
        border: solid 1px #F2F2F2;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_block a {
        display: block;
        width: 100%;
        margin: 0px auto 0px;
        padding: 0 0 20px 0;
        text-decoration: none;
    }
    .jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_block h3 {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_block p {
        display: block;
        width: 80%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
        line-height: 140%;
    }
/*実績詳細*/
    .other_header_img_bg2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 1200px;
        margin: auto;
        background-image: url("../images/header_jisseki.png");
        background-position: center;
        background-size: 100% auto;
    }
    .other_header_img_bg2 img {
        position: absolute;
        top: 10px;
        left: 0;
        right: 730px;
        bottom: 0;
        width: 190px;
        margin: auto;
    }
    .jisseki_more {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_topimg {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_more_list {
        display: block;
        margin: 0 auto;
    }
    .jisseki_more_block {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
    }
    .jisseki_more_block_h2_1 h2::before{background-image: url("../images/jisseki_reason1.png")}
    .jisseki_more_block_h2_2 h2::before{background-image: url("../images/jisseki_reason2.png")}
    .jisseki_more_block_h2_3 h2::before{background-image: url("../images/jisseki_reason3.png")}
    .jisseki_more_block h2::before {
        content: '　';
        margin: 0 5px 0 0;
        padding: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size:100%;
        vertical-align:text-top;
    }
    .jisseki_more_block h2 {
        display: block;
        margin: 12px auto;
    font-size: 21px;
    font-family: "Noto Sans JP";
    }
    .jisseki_more_block h3 {
        display: block;
        margin: 20px auto;
        padding-left: 1em;
        text-indent: -1em;
    font-size: 27px;
    font-family: "Noto Sans JP";
        line-height: 140%;
    }
    .jisseki_more_block p {
        display: block;
        width: 95%;
        margin: 20px auto;
    font-size: 17px;
    font-family: "Noto Sans JP";
        line-height: 160%;
    }
    .jisseki_more_table {
        display: block;
        width: 100%;
        margin: 50px auto;
        padding: 20px 0;
        border-top: rgba(30,30,30,1.00) solid 1px;
        border-bottom: rgba(30,30,30,1.00) solid 1px;
        overflow: hidden
    }
    .jisseki_more_table_left {
        display: block;
        width: 60%;
        margin: 0 auto;
        float: left;
    }
    .jisseki_more_table_left_block {
        display: block;
        width: 60%;
        margin: 0 0 0 auto;
        padding: 15px 40px;
        border: rgba(30,30,30,1.00) solid 1px;
    }
    .jisseki_more_table_left img {
        display: block;
        margin: 65px 35px 15px auto;  
    }
    .jisseki_more_table_left_block p {
    font-size: 15px;
    font-family: "Noto Sans JP";
        text-align: center;
        line-height: 140%;
    }
    .jisseki_more_table_right {
        display: block;
        width: 40%;
        margin: 0 auto;
        float: right;
    }
    .jisseki_more_table_right img {
        display: block;
        width: 60%;
        margin: 0 auto;
        box-shadow: 1px 1px 3px gray;
    }
    .jisseki_jisseki_list {
        display: block;
        width: 100%;
        margin: 50px auto 0;
        overflow: hidden;
    }
    .jisseki_jisseki_block {
        display: block;
        width: 33.3333%;
        margin: 0 auto;
        float: left;
    }
    .jisseki_jisseki_block img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .jisseki_jisseki_block a {
        display: block;
        width: 90%;
        height: 320px;
        margin: 10px auto 10px;
        text-decoration: none;
        border: solid 1px #F2F2F2;
        background: #F9F9F9;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .jisseki_jisseki_block a:hover {
        opacity: .6;
    }
    .jisseki_jisseki_block h3 {
        display: block;
        width: 90%;
        height: 3em;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 17px;
        line-height: 140%;
        color: #222222;
    }
    .jisseki_jisseki_block p {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
    }
    .jisseki_jisseki_block span {
        display: block;
        width: 160px;
        margin: 20px auto 20px;
        padding: 6px 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 15px;
        text-align: center;
        border-radius: 20px;
        color: #fff;
        background: #E5A323;
        box-shadow: 0 3px 3px rgba(218,218,218,1.00);
    }
/*お客様の声一覧*/
       .koe_list {
        display:flex;
           flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 0;
    }
    .koe_block {
        display: block;
        width: 45%;
        margin: 0px auto 30px;
        background: #F9F9F9;
        border: solid 1px #F2F2F2;
        box-shadow: 0px 1px 5px rgba(195,195,195,1.00);
    }
    .koe_block_img {
        position: relative;
        display: block;
        width: 100%;
        height: 230px;
        margin: 0 auto;
        overflow: hidden;
    }
    .koe_block img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .koe_block a {
        display: block;
        width: 100%;
        margin: 0px auto 0px;
        padding: 0 0 20px 0;
        text-decoration: none;
    }
    .koe_block a:hover {
        opacity: .6;
    }
    .koe_block h3 {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 0;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 21px;
        line-height: 140%;
        color: #222222;
    }
    .koe_block p {
        display: block;
        width: 80%;
        margin: 0 auto;
        font-weight: 500;
        font-family: "Noto Sans JP";
        font-size: 14px;
        color: #5C5C5C;
        line-height: 140%;
    }
/*    社内報がもたらす効果  */
    .effect_header_img_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: auto;
        background-image: url("../images/effect_bg.jpg");
        background-position: center 77%;
        background-size: 100% auto;
    }
    .effect {
        margin: 0 auto 100px;
    }
    .effect h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
    }
    .effect p {
        display: block;
        width: 96%;
        margin: 0 auto 35px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }
/*    トップ固定　*/
    .top_fixed_contact {
        position: fixed;
        right: 30px;
        bottom: 30px;
        display: block;
        width: 170px;
        margin: auto;
    }
    .top_fixed_contact img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_fixed_contact img:hover {
        opacity: .8;
    }
    .top_fixed_manual {
        position: fixed;
        left: 0px;
        bottom: 15px;
        display: block;
        width: 100px;
        margin: auto;
        background: #fff;
        box-shadow: 0px 0px 6px gray;
    }
    .top_fixed_manual img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .top_fixed_manual img:hover {
        opacity: .8;
    }
    .colna {
        display: block;
        width: 980px;
        margin: 20px auto;
        text-align: center;
        border: #3F97A0 2px solid;
        background:#fff;
    }
    .colna h2 {
        display: block;
        margin: 0 auto;
        padding: 20px 10px;
        font-size: 21px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        color: #fff;
        background: #3F97A0;
    }
    .colna p {
        display: inline-block;
        width: 90%;
        margin: 0 auto;
        padding: 30px 0px 50px;
        font-size: 17px;
        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        text-align: left;
        color: #3c3c3c;
        box-sizing: border-box;
        line-height: 150%;
    }
    .colna_list {
        display:block;
        width:95%;
        margin:0 auto;
    }
    .colna_list ul {
        display:block;
        width:100%;
        margin:0 auto;
        overflow:hidden;
    }
    .colna_list ul li {
        display:block;
        width:33.3333%;
        margin:0 auto;
        float:left;
    }
    .colna_list ul li img {
        display:block;
        width:65%;
        margin:0 auto;
        background:#F0F8F9;
        border-radius: 50%;
    }
    .colna_list ul li p {
        display:block;
        width:90%;
        margin:0 auto
    }
/*    コンテンツお問い合わせボタン*/
    .contents_contact {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: right;
    }
    .contents_contact a {
        display: inline-block;
        margin: 0 auto;
        padding: 20px 25px;
        font-size: 21px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #dd0000;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #4A0000 solid 5px; 
    }
    .contents_contact a:hover {
        margin: 5px auto 0px;
        opacity: .6;
        border-bottom: none;
    }
    .contents_img01 {
        display: block;
        width: 230px;
        margin: 30px 0 30px auto;
    }
    .contents_img01 img {
        display: block;
        width: 100%;
        margin: 0;
    }
    .top_youtube {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width: 90%;
        max-width: 980px;
        margin: 0 auto;
    }
    .top_youtube_block {
        position: relative;
        display: block;
        width: 48%;
        margin: 10px 1%;
}
    .top_youtube_block::before {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        padding: 30px 60px;
        background-image: url("../images/youtube_logo.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .top_youtube_block a:hover {
        opacity: .7;
    }
    .top_youtube_block p {
        margin-top: 5px;
        font-size: 15px;
        text-align: center;
    }
    .top_youtube_block img {
  width: 100%;
  height: auto;
}
    .nayami_btn001 {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        padding: 15px 25px;
        font-size: 21px;
        font-weight: 700;
        font-family: "Noto Sans JP";
        text-align: left;
        text-decoration: none;
        background: #009F17;
        color: #fff;
        line-height: 140%;
        border-radius: 10px;
        box-sizing: border-box;
        border-bottom: #00580C solid 5px;
    }
    .nayami_btn002 {
        background: #FF7CD8!important;
        border-bottom: #770054 solid 5px!important;
    }
    .nayami_btn001:hover {
        opacity: .7;
    }
    .faq h2 {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 0 4px 10px;
        font-size: 23px;
        font-family: "Noto Sans JP";
        border-left: 4px solid #E5A323;
        border-bottom: 1px solid #E0E0E0;
    }
    .faq h3 {
        display: block;
        margin: 10px auto 10px;
        padding: 7px 10px 10px;
        font-size: 18px;
        font-family: "Noto Sans JP";
        background: #E5A323;
        color: #fff;
    }
    .faq p {
        display: block;
        width: 96%;
        margin: 0 auto 35px;
        font-size: 17px;
        font-family: "Noto Sans JP";
        color: #3c3c3c;
        line-height: 150%;
    }
}