.wrapper {
    overflow: hidden;
}
.bg {
    background-image:url(../image/background.svg);
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom:165px;
    background-size: cover;
    }
  
/* header ヘッダー　*/
header {
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size:18px;

}
header a {
    text-decoration: none;
    color:black;
    letter-spacing: 0.1em;
    color:#28303D;
}
.header_logo{
    padding:22px 50px;
    height:26px;
}
header ul {
    list-style: none;
    display: flex;
    align-items: center;
    
}
header li {
    margin-right:40px;
}
header li:last-child {
    margin-right:52px;
}
.contact_img {
    margin-right:10px;
}
#header {
    width: 100%;
    transition: all 1s ease 0s;
    z-index:100;
} 
.headersp {
    display: none;
}
.NavMenu.active >.headersp {
    background:'unset';
}
#header.m_fixed {
	left: 0;
	position: fixed;
    top: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 28px rgba(187, 200, 248, 0.45);
    z-index:100;
}
.headersp.m_fixed {
	left: 0;
	position: fixed;
    top: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 28px rgba(187, 200, 248, 0.45);
    z-index:100;
}
.headersp.m_fixed1 {
	left: 0;
	position: fixed;
    top: 0;
    background: none;
    z-index:100;
    box-shadow:none;
}
#top,#service,#other,#company,#contact {
    position:relative;
    bottom:70px;
}
#about {
    position:relative;
    bottom:60px;
}
/* header ヘッダー　*/
/* ハンバーガー　*/

/*ナビのスタイル*/
nav.NavMenu{
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    background: linear-gradient(40deg, #d1e3ff, #ebd1ff);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 28s ease infinite;
    animation: AnimationName 28s ease infinite;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    }
    @-webkit-keyframes AnimationName {
        0%{background-position:0% 97%}
        50%{background-position:100% 4%}
        100%{background-position:0% 97%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:0% 97%}
        50%{background-position:100% 4%}
        100%{background-position:0% 97%}
    }
    @keyframes AnimationName {
        0%{background-position:0% 97%}
        50%{background-position:100% 4%}
        100%{background-position:0% 97%}
    }
    nav.NavMenu ul{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); 
    }
    
    nav.NavMenu ul li{
    font-size: 24px;
    list-style-type: none;
    width: 100%;
    padding-bottom: 40px;
    }
    
    nav.NavMenu ul li:last-child{
    padding-top: 21px;
    padding-bottom:0px;
    }
    
    nav.NavMenu ul li a{
    display: block;
    color:#FFFFFF;
    font-family: 'Josefin Sans';
    font-weight:700;
    font-size:22px;
    text-decoration: none;
    line-height:22px;
    letter-spacing: 0.1em;
    }
    .NavMenu img {
        width:20px;
        height:20px;
    }
    .hi {
        position: relative;
        top:3px;
        right:14px;
    }
    /*ボタンのスタイル*/
    .Toggle {
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 13;
    display: block;
    position: relative;
    }
    
    .Toggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 4px #28303D;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
    }
    
    .Toggle span:nth-child(1) {
    top: 0px;
    }
    
    .Toggle span:nth-child(2) {
    top: 8px;
    }
    
    .Toggle span:nth-child(3) {
    top: 16px;
    }
    
    .Toggle.active span:nth-child(1) {
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 3px #FFFFFF;
    }
    .Toggle.active span:nth-child(2),
    .Toggle.active span:nth-child(3) {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 3px #FFFFFF;
    }
 #bgg {
    background:initial;
    box-shadow:none;
   /* background-size: 400% 400%;
    -webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 28s ease infinite;
    animation: AnimationName 28s ease infinite; */
 }   
 .headersp {
    width: 100%;
    height:70px;
    display: flex;
    justify-content: space-between;
 }   
 .headersp svg{
    margin-top:22px;
    position: relative;
    z-index:15;
 }
 .nc-int-icon {
    display:flex;
 }
 .gr {
    background: linear-gradient(99.9deg, #D1E3FF -2.65%, #EBD1FF 103.52%);
 }
 .white {
    background: #FFFFFF;
 }

 #ss {
    position:relative;
    left:17px;
 }
 .Toggle svg {
    position: relative;
    right:19px;
 }
 #svgcolor.active{
    fill:#FAFAFA;
 }
 #svgcolor1.active{
    fill:#FAFAFA;
 }

 .Toggle svg {
    margin-top:27px;
 }
 .Toggle.active {
    margin-top:1px;
 }
.Toggle.active svg{
    margin-top:23px;
    right:16px;
    padding:5.64px;
}

/* 共通パーツ*/    
.category_group {
    color:#28303D;
    padding-top:100px;
    padding-bottom:48px;
    text-align: center;
}
.category_group h2{
    width: fit-content;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:500;
    font-size:48px;
    background-image: linear-gradient(135deg, #ED96AF 0%, #4151E3 100%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    padding-bottom:12px;
    margin:auto
}
.category_group p {
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    padding-top:12px;
}
.response {
    width:calc(100% - 96px);
    margin: auto;
    max-width:1180px;
}
.flex {
    display: flex;
}
/* top_image  トップ画面　*/
.top_space {
    padding:79px 0px 77.31px 7.29%;
}
.top_section {
    width:577.79px;
    font-family: 'Noto Sans JP', sans-serif;
    opacity: 1;
}
.top_picture {
    background-image: url("../image/bgpc.png");
    height:646px;
    background-size: cover;
    background-repeat: no-repeat;
}
.delivering {
    font-size:26px;
    font-family: 'Josefin Sans', sans-serif;
    color:#26303D;
    font-weight:400;
    line-height:26px;
    letter-spacing: -0.1px;
    background-image: linear-gradient(135deg, #ED96AF 0%, #4151E3 100%);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
    padding:20px 0px 12px 0px;
}
.underline {
    position: relative;
    top:-12px;
}
.top_image_p {
    width:578px;
    color:#26303D;
    margin:0;
    font-size:22px;
    line-height:33px;
    letter-spacing: 1px;
    margin-top:20px;
}
.top_image_p b {
    font-weight:400;
}
/* about アバウト　*/
.about {
    color:#28303D;
    padding-bottom:100px;
    text-align: center;
}
.ux {
    font-size:16px;
    text-align: center;
    line-height:27.2px;
    letter-spacing: 0.1em;
}
.ux b {
    font-weight:normal;
 }
 .wrap {
     border: 2px solid #FFFFFF;
     box-shadow: 0px 4px 28px rgba(187, 200, 248, 0.6);
     border-radius: 12px;
     width:100%;
 }
 .pb {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     padding:66px 10px 0px 10px;
     line-height: 100%;
 
 }
 .process {
     display: flex;
     justify-content: center;
     margin-top:36px;
 }
 .process_box br {
     display:none;
 }
 .process_box img {
     width:67px;
     height:67px;
 }
 .process_box:last-child{
     margin-right:0px;
 }
 .process_box p{
     font-size:12px;
     font-family: 'Noto Sans JP', sans-serif;
     color:#7E838A;
     margin-top:12px;
 
 }
 .yajirushi {
     height:100%;
     padding:24px 28px 0px 32px;
 }
 .prbx {
     display:flex;
     justify-content: center;
 }
 .line {
     background: #D4D6D8;
     height:1px;
 }
 .pb_down {
     width:calc(100% - 67px);
     margin:auto;
     max-width:1060px;
 }
 .pb_down p{
     font-size:14px;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight:400;
     line-height: 27.2px;
     letter-spacing: 1.7px;
     margin:40px auto 48px auto;
     border-top:1px solid #D4D6D8;
     padding-top:20px;
     color:#28303D;
     text-align: left;
 }
 .pb_down b {
     font-size:14px;
     font-weight:700;
     color:#28303D;
     line-height:23.8px;
 
 }
 /* service サービス　*/
 .service {
    font-family: 'Noto Sans JP', sans-serif;
    color:#28303D;
    background-color: #FAFAFA;
    padding-bottom:100px;
 }
 .service_wrap {
    border: 2px solid #FFFFFF;
    box-shadow: 0px 4px 28px rgba(187, 200, 248, 0.6);
    border-radius: 12px;
}
.service_box {
    padding:48px 48px 0px 48px;
}
.service_box40 {
    padding:40px 48px 0px 48px;
}
.service_box44 {
    padding:40px 48px 0px 48px;
}
.inner {
    border-bottom:1px solid #D4D6D8;
    display: flex;
    justify-content: space-between;
    padding-bottom:40px;
}
.inner_reverse {
    border-bottom:1px solid #D4D6D8;
    display: flex;
    justify-content: space-between;
    padding-bottom:40px;
    flex-direction: row-reverse;
}
.firstbox {
    width:536px;
}
.box {
    width:555px;
}
.service_message {
    color:#28303D;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
}
.service_message .up{
    font-size:18px;
    font-weight:400;
    margin-top:20.29px;
    line-height:170%;
}
.service_message .down {
    font-size:14px;
    margin-top:8px;
    line-height:170%;
}
#up2 {
    margin-top:20.35px;
}
#up3 {
    margin-top:18px;
}
#up4 {
    margin-top:17.73px;
}
#up5 {
    margin-top:20.46px;
}
#box04 {
    margin-top:16.27px;
}
#for {
    margin-bottom:19.5px;
}
.service_title {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.service_title p{
    width:148px;
    font-size:16px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:700;
    background-image: linear-gradient(135deg, #ED96AF 0%, #4151E3 100%);
    background-repeat: no-repeat;
    background-size: 148px 1px;
    background-position: bottom;
    padding-bottom:4px;
    letter-spacing: 0.4px;
    text-align:left;
}
.service_title h3 {
    font-size:28px;
    font-weight:700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top:10px;
    margin-bottom:0px;
    line-height:120%;
}
#service_title135 >.upblock {
    margin-left:74px;
}
#service_title135 #three {
    margin-bottom:52.85px;
}

#size16 h3,#size16 p{
    font-size:16px;
}
#size16 .down {
    font-size:14px;
}
#adjustment_reverse {
    margin-left:0px;
    margin-right:63.5px;
}
#ad {
    text-align: right;
}
#adjustment_r {
    margin-left:71px;
}
#adjustment_r h3{
    line-height: 100%;
}
#adjustment_r p{
    text-align: left;
    width: auto;
    background-image:none;
    padding-bottom:0px;
}
#adjustment p,#adjustment_reverse p  {
    width: auto;
    background-image:none;
    padding-bottom:0px;
}
#adjustment {
    margin-left:74px;
}
#sankaku {
    display:none;
}
#reverse {
    flex-direction: row-reverse;
} 
.upblock {
    position: absolute;
    margin-left:72.63px;
}
#one {
    margin-bottom:22px;
}
#two {
    margin-bottom:20px;
}
.sp_pic {
    display: none;
}
.sp_pic20 {
    display: none;
}
.pic_520 {
    width:520px;
    height:297.88px;
}
.pic_501 {
    width:501px;
    height:287.88px;
}
#last {
    border-bottom:none;
}
.instagram_message {
    margin-top:80px;
}
.instagram_message .br {
    display: none;
}
/* other　その他*/
.other {
    font-family: 'Noto Sans JP', sans-serif;
    color:#28303D;
    padding-bottom:52px;
}
.other_box img{
    width:570px;
    height:360px;
    border-radius: 30px;
}
.other_box p {
    color: #28303D;
    font-weight:400;
    font-size:20px;
    line-height:30px;
    font-family: 'Noto Sans JP', sans-serif;
    padding:28px 0px 48px 0px;
    text-align: center;

}
.other_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
}
#other_sp {
    display:none;
}
/* company 会社概要 */
.company {
    background-color: #FAFAFA;
    padding-bottom:100px;
}
.company table {
    width:100%;
    text-align: left;
}
.company table tr {
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height:24px;
    color:#28303D;
    background-image: linear-gradient(0deg,#D4D6D8 0%, #D4D6D8 100%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom;
}
tr td {
    padding-top:28px;
    padding-bottom:28px;
}

.company table tr:last-child{
    background-image: none;
}
.comp {
    padding-top:23px;
}
/* contact 　コンタクト */
.contact {
    padding-bottom:100px;
    background: linear-gradient(99.9deg, #D1E3FF -2.65%, #EBD1FF 103.52%);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 28s ease infinite;
    animation: AnimationName 28s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
.service .instagram {
    margin-top:80px;
}
.instagram_message {
    margin: auto;
    text-align: center;
    color:#28303D;
    width: calc(100% - 32px);
}
.instagram_message p{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    font-weight:400;
    margin-bottom:20px;
    letter-spacing: 0.1em;
    line-height:32px;
}
.im {
    position: relative;
    top:2px;
    right:10px;
    
}
#mail {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:20px;
    font-weight:400;
    letter-spacing: 0.1em;
    line-height:29.6px;
    margin-top:0px;
    margin-bottom:40px;
}
#mail  img {
    margin-right:10px;
    position: relative;
    top:2px;
}
#im  img {
    margin-right:10px;
    position: relative;
    top:2px;
}

.instagram_link {
    display:flex;
    justify-content: center;
    align-items: center;
}
.instagram_link img {
    width:23.33px;
    height:23.33px;
    margin-right:10.33px;
}
.instagram_link a{
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:700;
    font-size:20px;
    background: linear-gradient(116.72deg, #FDFDFD 2.95%, #FFFFFF 48.79%, #F7F7F7 89.23%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display:flex;

}
.insta_wrap {
    background: #28303D;
    box-shadow: 4px 8px 12px rgba(36, 36, 36, 0.18);
    border-radius: 40px;
    padding:15px 52px 15px 54px;
}
/*  footer フッター　*/
#footer_pc {
    background: #28303D;
    color:#FFFFFF;
    line-height:18.75px;
    padding:107px 3.6%;
    font-family: 'Noto Sans JP', sans-serif;
}
#footer_pc > .flex {
    align-items: center;
    margin:auto;
}
#footer_pc > .flex  p {
    background: #28303D;
    font-weight:400;
    font-size:clamp(13px,1vw,16px);
    color:#FFFFFF;
    font-family: 'Roboto';
    width: -webkit-fill-available;
    text-align: right;
}
#footer_pc > .flex > a {
    background: #28303D;
    font-size:clamp(14px,1vw,16px);
    font-weight:400;
    color:#FFFFFF;
    font-family: 'Roboto';
    line-height:18.75px;
    display: flex;
    align-items: center;
    margin-right:20px;
}
#footer_pc >.flex > a:first-child {
    margin-right:40px;
}
#ins {
    margin-right:0px;
    display: flex;
    color:#FFFFFF;
}
.fl {
    margin-left:22px;
    margin-right:6px;
    width:20px;
    height:20px;
}
#footer_sp {
    display:none;
}

@media screen and (max-width:1270px){
    .other_wrap{
        display:block ;
    }
    .other_box{
        margin:auto;

    }
    .other_lineup {
        text-align: center;
    }
    .firstbox {
        margin:auto;
    }
    .inner,.inner_reverse{
        display: block;
        text-align: center;
    }
    .box {
        margin:auto;
    }
    .service_wrap {
        max-width: 660px;
        margin:auto;
    }
    .pic_520 {
        padding-top:48px;
    }
    .pic_501 {
        padding-top:48px;
    }
    #reverse {
        flex-direction: row;
    }
    #sankaku {
        display: block;
    }
    #gyakusankaku {
        display: none;
    }
    #adjustment_reverse {
        margin-left:75px;

    }
    #ad {
        text-align: left;
    }
}
@media screen and (max-width:970px){
    
    #yj {
        display:none;
    }
    .prbx {
        width:500px;
    }
    .bg {
        background-image:  url(../image/backgroundsp.png);
        background-size: cover;
    }
}
@media screen and (max-width:900px){
    header {
        display: none;
    }
    .headersp {
        display: flex;
    }
}
@media screen and (min-width:901px){
    .headersp {
        display:none;
    }
}
@media screen and (max-width:770px) {
    .top_space {
        padding:60px 0px 40px 0px;
        height:137.82px;
    }
    .top_section {
        width:312px;
        margin:auto;
        height:136px;
    }
    .top_section img{
        width:100%;
    }
    .delivering {
        font-size:14px;
        line-height: 16px;
        padding:10.47px 0px 8px 0px;
        background-size: 100% 1px;
    }
    .top_image_p {
        width: 100%;
        font-size:13px;
        color:#28303D;
        line-height:20px;
        margin-top:10.39px;
        letter-spacing: 0px;
    }
    .top_image_p b {
        font-weight:700;
    }
    .top_picture {
        background-image: url(../image/bgpc.png);
        height:379px;
    }
}
@media screen and (max-width:760px){
    .category_group {
        text-align: center;
        padding-top:60px;
        padding-bottom:40px;
    }
    .category_group h2 {
        font-size:24px;
        padding-bottom:8px;

    }
    .category_group p {
        font-size:12px;
        padding-top:12px;
    }
    .bg {
        padding-bottom:60px;
    }
    .response {
        width: calc(100% - 32px);
        max-width:382px;
    }
    .service_wrap {
        max-width: unset;
    }   
    .ux {
        text-align: left;
        font-size:18px;
    }
    .ux br {
        display: none;
    }
    .ux b {
        font-weight:700;
    }
    .process_box img {
        width:49px;
        height:49px;
    }
    .process_box br {
        display: block;
    }
    .yajirushi {
        padding:23px 12px 0px 12px;
    }
    .yajirushi img {
        width:16px;
        height:10px;
    }
    #pb4 {
        margin-top:23.67px;
    }
    #pb5 {
        margin-top:22.69px;
    }
    .pb_down p {
        margin:28px 0px;
    }
    .service {
        padding-bottom:0px;
    }
    .service_box,.service_box40,.service_box44 {
        padding: 0px;
    }
    .inner{
        width: 311px;
        margin:auto;
        padding-top:28px;
    }
    .inner_reverse{
        width: 311px;
        margin:auto;
        padding-top:40px;
    }
    .firstbox,.box {
        width: auto;
    }
    .inner {
        padding-bottom:28px;
    }
    #one {
        width:60px;
        height:49px;
        margin-bottom:30px;
    }
    #two {
        width:80px;
        height:50px;
        margin-bottom:30px;
    }
    #three {
        width:80px;
        height:50px;
        margin-bottom:49.5px;
    }
    #for {
        width:80px;
        height:50px;
        margin-bottom:27.5px;
    }
    #five {
        width:77px;
        height:50px;
    }
    #up2 {
        font-size:18px;
        margin-top:20px;
    }
    #up3 {
        margin-top:20px;
    }
    #up4 {
        margin-top:28px;
    }
    #up5 {
        margin-top:28px;
    }
    .up b {
        font-weight:700;
    }
    #two #adjustment_reverse {
        position: relative;
        bottom:8px;
        margin-left:28px;
    }
    #adjustment {
        margin-left:27px;
    }
    #adjustment_reverse {
        margin-left:36px;
    }
    #adjustment_r {
        margin-left:26px;
    }
    .service_title span {
        display: none;
    }
    .service_title p {
        width:111px;
        font-size:12px;
        letter-spacing: 0px;
        background-image: none;
        padding-bottom:0px;
        text-align: left;
    }
    .service_title h3 {
        font-size:24px;
        margin-top:4px;
    }
    #service_title135 >.upblock {
        margin:auto;
    }
    #service_title135 > #adjustment {
        text-align: left;
        margin-left:26px;
    }
    .service_message .up {
        line-height: 170%;
        margin-top:20px;
    }
    .service_message .down {
        line-height:170%;
    }
    .sp_pic {
        display: block;
        width: 311px;
        height:178px;
        margin-top:28px;
    }
    .sp_pic20 {
        display: block;
        width: 311px;
        height:178px;
        margin-top:20px;
    }
    .pic_520,.pic_501 {
        display: none;
    }
    .upblock {
        margin-bottom:8px;
        margin-left:42px;
    }
    .service .instagram {
        margin-top:0px;
    }
    .instagram_message {
        padding:40px 0px 60px 0px;
    }
    .instagram_message .br{
        display: block;
    }
    .instagram_message p{
        font-size:18px;
        font-weight:700;
        line-height:170%;
    }
    .instagram_message span {
        font-weight:400;
        font-size:16px;
        display: block;
        text-align: left;
        margin-top:8px;
    }
    .insta_wrap {
        padding:14.33px 40px 14.33px 42.33px;
    }
    .instagram_link a {
        font-size:16px;
        align-items: center;
    }
    .other {
        padding-bottom:0px;
    }
    #other_pc {
        display: none;
    }
    #other_sp {
        display: block;
        width: 343px;
        height:240px;
        margin: auto;
    }
    .other_box {
        padding-top:0px;
    }
    .other_box p{
        margin-top:0px;
        font-size:18px;
        font-weight:700;
        padding:20px 0px 40px 0px;
    }
    .comp {
        padding-top:0px;
    }

    #ff {
        margin-top:12px;
        margin-bottom:0px;
        padding-top:0px;
        line-height:21px;
        font-size:14px;
    }
    .company {
        padding-bottom:0px;
    };
    .comp {
        padding-top:40px;
        line-height:24px;
    }
    .company table tr {
        font-size:14px;
        line-height:24px;
    }
    .company tr td:first-child {
        width:76px;
    }
    .tt {
        padding-bottom:60px;
    }
    .contact {
        padding:0px 0px 60px 0px;
    }
    .contact #mail {
        margin-bottom:0px;
    }
    .contact .instagram_message {
        padding:0px;
    }
    .contact > .category p{
        margin-top:0px;
    }
    .contact > .category p{
        margin-top:12px;
        font-size:14px;
    }
    .contact >.category h2 {
        padding-top:60px;
        font-size:24px;
        height:24px;
        padding-bottom:8px;
        background-size: 127px 2px;
    }
    .contact > .category p {
        font-size:14px;
        height:18px;
        margin-top:12px;
    }
    .contact > .instagram_message  {
        margin:48px auto auto auto;
    }
    .ww {
        padding-top:8px;
        line-height:170%;
    }
    .contact >.instagram_message p {
        margin-top:20px;
        line-height:170%;
    }
    #iw {
        margin-top:48px;
    }
    #im {
        font-size:20px;
        font-weight:400;
    }
    #footer_pc {
        display:none;
    }
    #footer_sp {
        display:block;
        color:#FFFFFF;
        background-color: #28303D;
        padding:30px 16px 40px 16px;
        font-family:'Roboto';
    }
    #footer_sp a {
        color:#FFFFFF;
        font-size:16px;

    }
    .fsl {
        margin-bottom:40px;
    }
    .fs {
        display: flex;
        flex-wrap: wrap;
    }
    .fs a {
        margin-top:10px;
        margin-right:17.5px;
    }
    .fs a:last-child {
        margin-right:0px;
    }
    .fl_sp {
        width: 20px;
        height:20px;
        position: relative;
        top:4px;
        margin-right:6px;
    } 
    .fi {
        margin:22px 0px 42px 0px;
        padding-left:2px;
    }
    #top,#service,#other,#company,#contact {
        position:relative;
        bottom:120px;
    }
    #about {
        position:relative;
        bottom:50px;
    }
}