.sewing_line .sewing.sp { display: none; }
@media screen and (max-width: 640px) {
  .sewing_line .sewing.sp { display: block; }

}

.hiragino { font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", 'Noto Serif JP'; }
a { opacity: 1; transition: opacity 0.3s ease; }
#global_menu ul li a:hover, #global_menu > ul > li.active_menu > a { border-color:#CB8A8A!important; }

#copyright { background: #991717!important; }
h3.footer_headline { font-size: 20px; font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Noto Serif JP', 'serif', sans-serif; font-weight: normal; }
span.footer_rinen { font-family: 'Noto Serif JP'; }
.footer_widget .textwidget p { font-size: 14px; line-height: 1.8; }

#copyright_inner { height: 68px!important; }
#footer_menu { margin: 29px 0 0 0!important; }
#footer_menu ul { margin: 0 0 2em 0; }
#footer_menu li a { border: none!important; }
#copyright p { margin: 19px 0 0 0!important;}

#index_top_wrap { border-bottom: 13px solid #981717; }
.mv_relative { display: flex; align-items: center; flex-wrap: wrap; }
.mv_copy { background-color: unset; position: relative; width: auto; height: auto; top: auto; }
.mv_copy::before { content: ''; position: absolute; width: 467px; height: 467px; border-radius: 100%; background-color: rgba(0,0,0,0.35); top: 0; left: -122px; bottom: 0; margin: auto; }
.mv_copy p:nth-child(1) { position: relative; top: 0; left: 0; margin-bottom: 0; }
/*.mv_copy p:nth-child(1)::after { content: ''; position: absolute; background: url(img/top_mv_ito.svg) no-repeat; background-size: 100%; width: 673px; height: 13px; left: -50%; bottom: 0; }*/
.mv_copy p:nth-child(2) { position: relative; top: 0; left: 0; margin-bottom: 0; }
.mv_copy p:nth-child(3) { position: relative; top: 0; left: 0; margin-bottom: 0; }

#main_col { padding: 0px 0 0 0!important;}
.home .charm { background: #F6F4F2; padding: 100px 0; position: relative; overflow: hidden; }
.home .charm .btn1 { position: absolute; top: 370px; left: -85px;}
.kawano_table tr:last-child td { border-bottom: 1px solid #DBDBDB; }
p.kekka_bar { border-bottom: none; width: 1140px; margin: 0px auto 110px auto; text-align: right; padding: 0; }
.column { display: flex; justify-content: space-between; }
.column li { position: relative; float: none; margin: 0; width: 31%; }
.column li:nth-of-type(1) { top: 30px; }
.column li:nth-of-type(3) { top: -30px; width: 31%; }
.column li figure { position: relative; margin: 0; }
.column li figure img { position: relative; box-shadow: 10px -5px 15px rgba(0,0,0,0.16); }
.column li figure::before,
.column li figure::after { content: ""; display: block; width: 52px; height: 1px; border-bottom: 1px solid #707070; transform: rotate(
323deg); position: absolute; left: -47px; z-index: 0; }
.column li figure::before { top: 15px; }
.column li figure::after { bottom: -7px; }

.column li:nth-of-type(1) figure::before,
.column li:nth-of-type(1) figure::after { content: none; }




h3.midashi_top { text-align: left; width: 1140px; margin: 0px auto 110px auto!important; }
h3.midashi { text-align: left;}
h3.midashi::after { display: none; }
.needle { position: relative; text-indent: 30px; }
.needle::before { content: ''; display: block; position: absolute; background: url(img/h3_bg.svg) no-repeat; background-size: 100%; width: 440px; height: 65px; margin: auto; }
.midashi.center { text-align: center; }
.needle.center::before { left: 50%; transform: translate(-50%); }

.column2 li { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.column2 li p:nth-child(1) { border-bottom: 1px dashed #000000;}


.itop .down { position: relative; }
.itop .down .sewing { margin: 0; position: absolute; top: -128px; right: 30px; }
.itop .down h3 { background: #981717; padding: 50px 0 0px; margin: 0; font-size: 30px; font-family: YuMincho, "Yu Mincho", serif; color: #fff; text-align: center; position: relative; z-index: 10; }
.itop .down .inner { /*background: url(img/top-down-bg.png);*/ background-repeat: no-repeat; background-position: calc(50% + -160px) top; font-family: YuMincho, "Yu Mincho", serif; position: relative; }
.itop .down .inner .bg-left { position: absolute; top: 0; left: 0px; z-index: 0; }
.itop .down .inner .bg-right { position: absolute; top: 0; right: 0px; z-index: 0; }
.itop .down .inner::before { content: ""; display: block; width: 100%; height: 101px; background: url(img/top-down-head.svg) #fff; background-size: cover; margin-top: -25px; position: relative; z-index: 1; }
.itop .down .inner::after { content: ""; display: block; width: 100%; height: 92px; background: url(img/top-down-bottom.svg); background-size: cover; margin-bottom: 0; position: relative; z-index: 1; }
.itop .down .inner .wrap { max-width: 1074px; margin: 0 auto; position: relative; z-index: 5; }
.itop .down .inner h4 { font-size: 40px; margin-bottom: 20px; }
.itop .down .inner .block { width: 580px; position: relative; }
.itop .down .inner p { font-size: 16px; line-height: 1.6; }
.itop .down .inner p span { font-weight: bold; font-size: 120%; }
.itop .down .inner ul { margin-bottom: 50px; }
.itop .down .inner ul li { border: 1px dashed #922525; margin-bottom: 17px; font-size: 18px; text-align: center; padding: 11px 30px; outline: 1px dashed #922525; outline-offset: 3px; }
.itop .down .inner ul li span { font-size: 110%; font-weight: bold; }
.itop .down .inner p.txt2 { font-size: 20px!important; margin-bottom: 56px; }
.itop .down .inner .link { text-align: center; }
.itop .down .inner .link a { display: inline-flex; align-items: center; text-decoration: none; font-size: 20px; line-height: 1; background: #981717; border-radius: 30px; color: #fff;  padding: 11px 5px 11px 54px; }
.itop .down .inner .link a:hover { opacity: 0.6; }
.itop .down .inner .link a i { margin-left: 24px; }
.itop .down .inner .block-text { background: #fff; padding: 10px 50px; }
.itop .down .inner .block-text .box { width: 410px;}
.itop .down .inner .block-image { position: absolute; top: 90px; right: -510px; }
.itop .down .inner .block-image .block-image-inner { position: relative; }
.itop .down .inner .block-image p { position: absolute; top: 125px; right: 110px; font-size: 40px!important; text-align: center; color: #fff; line-height: 1.5; }
.itop .down .inner .block-image figure img { width: 584px;}


.wpcf7 { width: 99.6vw; }
.wpcf7 .page_w1140px { display: flex; flex-wrap: wrap; }
.wpcf7 .page_w1140px h3 { width: 100%; }
#main_col .wpcf7 p.ttl { font-size: 140%; margin-bottom: 25px!important; line-height: 2.15rem !important;}
#main_col .wpcf7 p { line-height: 1.95rem!important; }
.top_heart_l { float: none; width: 47%; }
.top_heart_l img { width: 100%; }
.top_heart_r { float: none; width: 52%; margin-bottom: 75px; }
.white_space { padding: 45px 30px; }
.wpcf7 .link { text-align: right; width: 100%; }
.wpcf7 .link a { display: inline-flex; align-items: center; text-decoration: none; font-size: 20px; line-height: 1; }
.wpcf7 .link a:hover { opacity: 0.6; color: #333; }
.wpcf7 .link a i { margin-left: 15px; }



.page_mv_size { border-bottom: 13px solid #981717; margin-bottom: 60px; }

.page_mv_size .w1140px { height: 100%; }
.page_mv_size .headline1 { background-color: unset; position: relative; width: auto; height: 100%; top: auto; z-index: 0; background-size: 100%; background-position: center 183px; display: flex; align-items: center; margin: 0; }
/*.headline1::before { content: ''; position: absolute; width: 467px; height: 467px; border-radius: 100%; background-color: rgba(0,0,0,0.35); top: 0; left: -122px; bottom: 0; margin: auto; }*/
.headline1::before { content: ''; position: absolute; width: 389px; /*height: 322px;*/ height: 100%; background: url(img/headline1_circle.svg) no-repeat; background-position: center bottom; left: -172px; bottom: 0; margin: auto; }
.headline1 span { background: none; position: relative; margin: 0!important; padding: 0!important; }
.center_35px { font-weight: bold; }

#main_slide ul li { filter: brightness(80%); transition: filter 0.3s ease; }
#main_slide ul li:hover { filter: brightness(100%); }

.wpcf7 input, .wpcf7 textarea { border-radius: 10px; border-color: #707070; }
.wpcf7 input.wpcf7-submit { background: #DBDBDB; width: 300px; height: 90px; border: 2px solid #fff!important; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.16); font-size: 20px; }
.wpcf7 input.wpcf7-submit:hover { background-color: #333333; }

.page-id-17 .wpcf7 { margin-bottom: 100px!important;}

.page-id-11 .center_2 { max-width: 800px; margin: 0 auto 1em auto!important; }

.source_space { position: relative; }
.sewing_line { position: relative; }
.sewing_line .sewing { margin: 0 40px 0 0; display: flex; justify-content: flex-end; }
.sewing_line .line_box { position: relative; }
.sewing_line .line_box::before { content: ""; display: block; width: 100%; height: 101px; background: url(img/top-down-head.svg); background-size: cover; margin-top: -25px; }

h3.midashi_2 {
    text-align: center;
    font-size: 35px!important;
    font-family: YuMincho, "Yu Mincho", serif;
	position:relative;
    margin: 0 0 130px 0!important;
    z-index: 0;
}
h3.midashi_2::after {
    border-bottom: 1px solid #707070!important;
    width: 100%;
    max-width: 1054px;
    top: 50%;
    z-index: -1;
}
h3.midashi_2 span { background: #fff; padding: 20px; }

.page-id-2 .page_mv_size { margin-bottom: 80px!important; }
.page-id-2 .charm { background: #F6F4F2; padding: 30px 0 60px; margin: 30px 0; position: relative; }
.page-id-2 .charm::before { content: "";
    display: block;
    width: 100%;
    height: 101px;
    background: url(img/charm-head.svg);
    background-size: cover;
    position: absolute;
    top: -101px;
}
.page-id-2 .charm::after { content: "";
    display: block;
    width: 100%;
    height: 101px;
    background: url(img/charm-head.svg);
    background-size: cover;
    position: absolute;
    bottom: -101px;
    transform: rotate(180deg);
}
.page-id-2 .charm .btn1 { position: absolute; top: -120px; left: -85px;}

.page-id-2 .charm_img_m1::before { content: none; }
.page-id-2 .charm_img_m2::before { content: none; }
.page-id-2 .charm_img_m3::before { content: none; }
.page-id-2 .charm .charm_img { box-shadow: 30px -15px 45px rgba(0, 0, 0, 0.16); height: 100%; }
.page-id-2 .charm .charm_img2 { box-shadow: 30px -15px 45px rgba(0, 0, 0, 0.16); }
.page-id-2 .charm .charm_img .charm_point b { font-weight: normal; position: relative; z-index: 2; }
.page-id-2 .charm .charm_img2 .charm_point b { font-weight: normal; position: relative; z-index: 2; }

.page-id-2 .charm .charm_img .charm_point b.txt1 { }
.page-id-2 .charm .charm_img .charm_point b.txt2 { padding-top: 2em; }
.page-id-2 .charm .charm_img .charm_point b.txt3 { padding-top: 5em;}
.page-id-2 .charm .charm_img2 .charm_point b.txt1 { }
.page-id-2 .charm .charm_img2 .charm_point b.txt2 { padding-top: 1em; }

.charm_point { 
    padding: 25px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 3.5rem;
    letter-spacing: .25rem;
    position: absolute;
    top: -50px;
    left: 20px;
    margin-left: -50px;
}
.charm_point p { position: relative; font-size: 35px!important; line-height: 1.6!important; }
.charm_point p::before { content: ''; position: absolute; top: -50px; right: -95px; bottom: 0; left: 0; width: 502px; height: 515px; z-index: 0; background-color: rgba(255, 255, 255, .65); border-radius: 100%; }
.charm_point p span {
    font-size: 35px!important;
    writing-mode: initial;
    line-height: 3rem;
    letter-spacing: .15rem;
}

.charm_point.red { top: -60px; left: 0; right: 0px; }
.charm_point.red p { color: #fff; }
.charm_point.red p::before { background-color: rgba(153, 23, 23, 0.35); top: -30px; right: -210px; width: 450px; height: 410px; }

.charm_point.gray { top: -10px; left: 40px; }
.charm_point.gray p { color: #fff; }
.charm_point.gray p::before { background-color: rgba(0, 0, 0, 0.35); top: -70px; right: -130px; width: 400px; height: 390px; }

.page-id-2 .charm_float:last-of-type { margin-bottom: 0px; }
.page-id-2 .page_f_mv_size { background-image:url(img/pride_foot_mv.jpg); }

.kawano_down { position: relative; overflow: hidden; }
.kawano_down::before { content: ''; display: block; background: url(img/down-bg-left.png) repeat-y; width: 100%; height: 2190px; position: absolute; top: 0; right: 820px; }
.kawano_down::after { content: ''; display: block; background: url(img/down-bg-right.png) repeat-y; width: 100%; height: 2190px; position: absolute; top: 0; left: 90vw; }
.kawano_down .inner { max-width: 812px; margin: 0 auto; }
.kawano_down h3.midashi_2 span { font-size: 22px!important; }
.kawano_down .inner .left_2 { font-size: 15.2px!important; }
.down-team { display: flex; justify-content: center; }
.page_w1026px { max-width: 1026px; margin: 0 auto; padding-right: 50px; }
.kawano_down_list { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 60px!important;}
.kawano_down_list li { list-style: none; display: inline-flex; justify-content: center; align-items: center; }
.kawano_down_list li figure { margin: 0; }
.kawano_down_list li:nth-of-type(1) { background: no-repeat; }
.kawano_down_list li:nth-of-type(2) { background: no-repeat; }
.kawano_down_list li:nth-of-type(3) { background: no-repeat; }
.kawano_down .midashi_2.part1 { max-width: 691px; margin: 0 auto 130px auto!important;}
.kawano_down .inner .contact_bnr { position: relative; margin: 40px auto 70px; }
.kawano_down .inner .contact_bnr a img { margin: 0; }
.kawano_down .inner .contact_bnr p { position: absolute; top: 0; right: 0; left: 0; }



@media screen and (max-width:1700px) {
    .headline1::before { width: 23vw; background-size: 100%; }
}

@media screen and (max-width:1370px) {
    
.kawano_down::after { left: 1012px; }

}

@media screen and (max-width:1000px) {
    .headline1::before { left: 0vw; }

}

@media screen and (max-width:640px) {
    .itop { background: transparent; padding-bottom: 50px; }
    .page_ito2 { background: transparent; }
    .mv_copy::before { content: none; }
    .mv_copy { background-color: transparent!important; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6); left: 20px; width: 100%; }
    .mv_copy p:nth-child(1) {  }
    #index_top_wrap { overflow: hidden; }
    h3.midashi_top { width: 100%; font-size: 29px!important; text-align: center; }
    .needle { text-indent: 0; text-align: center; }
    .needle::before { width: 88vw; height: 19vw; bottom: -10vw; left: 2vw; background-position: center center; }
    .home .charm .btn1 { top: 715px; left: -75px; }
    .home .charm .btn1 img { width: 80%; }
    #copyright_inner { height: auto!important;}
    .footer_widget { width: 100%!important; }

    .column { flex-wrap: wrap; }
    .column li { float: none!important; width: 100%; }
    .column li:nth-of-type(3) { width: 100%; }
    .column li figure { margin-bottom: 50px!important; }
    .column li:last-of-type figure { margin-bottom: 0px!important; }
    .column li figure::before, .column li figure::after { content: none; }
    .itop .down .sewing { top: -15vw; right: 10px; width: 30%; }
    .itop .down .sewing img { width: 100%; }
    .itop .down .inner { background-position: -750px center; }
    .itop .down .inner .wrap { padding: 0 20px 80px;  }
    .itop .down .inner .block-text { background: transparent; padding: 10px 0; }
    .itop .down .inner .block-text .box { width: 100%; }
    .itop .down .inner .block-image { display: none; }
    .itop .down .inner .bg-left { display: none; }
    .itop .down .inner .bg-right { right: -490px; }
    .itop .down .inner .block { width: 100%; }
    .itop .down h3 { font-size: 23px; padding: 40px 0 0px; }
    p.kekka_bar { width: 100%; text-align: left; border-bottom: 1px solid #707070; padding: 0 0 20px 20px; margin-bottom: 50px; }
    .itop .down .inner::before { background-repeat: no-repeat; height: 60px; margin-top: 0px; }
    .itop .down .inner::after { position: absolute; bottom: -20px; }
    .itop .down .inner ul li { padding: 10px 10px; background: #fff; font-size: 17px; }
    .itop .wpcf7 { padding-top: 80px!important; }
    .wpcf7 .page_w1140px h3 { text-align: center; }
    .top_heart_l { width: 100%; padding: 0 20px; }
    .top_heart_l img { margin: 0; }
    .top_heart_r { width: 100%; padding: 0 20px; }
    .white_space { padding: 20px; }
    .wpcf7 .link { text-align: center; }
    .page_ito2 .iframe_slide { margin-bottom: 100px; }

    .page_mv_size {  }
    .page_mv_size .headline1 { display: flex; justify-content: center;         text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6),0px 3px 5px rgba(0, 0, 0, 0.6); padding: 0 20px!important; }
    .headline1 span { font-weight: 400; }
    .page_w1026px { padding-right: 0; }
    .post ul { margin-left: 0px; }
    .source_img img { width: 100%;}
    .headline1::before { background: none; }
    .page-id-2 .page_mv_size { }
    .kawano_down_list { flex-wrap: wrap; justify-content: center; }
    .kawano_down_list li { position: relative; }
    .kawano_down_list li:nth-of-type(1) { margin-left: -90px; }
    .kawano_down_list li:nth-of-type(1)::before { content: none; }
    .kawano_down h3.midashi_2 { line-height: 2rem !important; width: 100%!important;}
    .kawano_down h3.midashi_2 span { font-size: 20px!important; padding: 0 0px; }
    .kawano_down h3.midashi_2 span::after { content: ''; display: block; width: 50%; margin: 10px auto 0; border-bottom: 1px solid #707070; }
    .kawano_down .inner .contact_bnr p { position: relative; }
    
    .kawano_down .inner .left_2 { padding: 0 20px; }
    .charm_float { height: auto!important; }
    .charm_float:nth-of-type(3) { overflow: hidden; }
    .charm_float:nth-of-type(2) .charm_img { position: relative; z-index: 1;}
    .charm_float:nth-of-type(2) p.charm_pp { width: 52%; position: relative; z-index: 2; float: right; padding-right: 20px; }
    .charm_point { height: 24em; top: 230px; }
    .charm_point p { font-size: 22px!important; }
    .charm_point p span { font-size: 130%!important; }
    .charm_point p::before { width: 338px; height: 338px; }
    .charm_point.red p::before { width: 274px; height: 274px; right: -130px; }
    .charm_point.gray p::before { width: 286px; height: 286px; right: -80px; }
    .page-id-2 .charm::before { top: -80px; }
    .page-id-2 .charm::after { bottom: -80px;}
    h3.midashi { text-align: center; }
    h3.midashi_2 { font-size: 28px!important; }
    h3.midashi_2::after { content: none!important; width: 100%!important; top: 50%!important; }
    h3.midashi_2 span { background-color: transparent;}
    .kawano_down .midashi_2.part1 { margin: 0 auto 50px auto!important; }

    .sewing_line .sewing { margin: 0; }
    .sewing_line .sewing.pc { display: none; }
    
    .sewing_line .sewing img { width: 100%; }
    .sewing_line .line_box::before { background: url(img/source-head.svg); background-repeat: no-repeat; background-size: 100%; height: 6vw; position: absolute; bottom: -4em; content: none; }
    .source_space { padding: 60px 0 60px; }
    #main_col .wpcf7 p { margin-bottom: 0; }
    .page-id-14 .page_mv_size { margin-bottom: 0; }
    .page-id-14 .post { padding: 0; }
    p.p_dai_copy { margin-bottom: 0; }
    .page-id-17 .main_slide_bg { margin-bottom: 90px; }
    .page-id-17 #main_slide_bg { margin-bottom: 90px; }

}