@media (min-width: 1536px) {
.container {
    max-width: 100%;
}
}
@media (min-width: 768px) {
.container {
    max-width: 100%;
}
}

body {
    background-color: #fff;
}
.logo-image {
  padding: 0;
}
.logo img {
    width: 75%;
}
p {
    margin-bottom: 0;
}
.navi-in > ul li {
    width: 11.111%;
}
.navi-in a {
    font-size: 12px;
    font-weight: bold;
}
#navi-in {
    width: 1020px;
    margin: 0 auto;
}
ul {
   /* overflow: hidden; */
}
.wrap {
    width: 100%;
}
.entry-content {
    width: 1020px;
    margin: 0 auto;
}
.main {
    padding: 0;
    border: 0;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 0;
}
.article h1 {
    line-height: 2;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
}
.article h1 {
    text-shadow: -2px -2px 0 #000, -2px 0 0 #000, -2px 2px 0 #000, 0 -2px 0 #000, 0 2px 0 #000, 2px -2px 0 #000, 2px 0 0 #000, 2px 2px 0 #000;
}
.article h2 {
    font-size: 36px;
    padding: 3% 0 1%;
    margin-bottom: 0;
    color: #00024d;
    background-color: transparent;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 5%;
    background-image: linear-gradient(#ff6 0 10px, transparent 10px 4px);
    background-repeat: no-repeat;
    background-size: 5rem 0.4rem;
    background-position: center bottom;
    font-weight: bold;
    text-align: center;
}
.article h3 {
    color: #00024d;
    border: 0;
    padding: 10px 0;
}
ol, ul {
    padding-left: 0;
}
ul {
    list-style-type: none;
}
.content {
    margin-top: 0;
}
.content ul {
    overflow: hidden;
}
.article ul, .article ol {
    padding-left: 0;
}
.article ul li, .article ol li {
    margin: 0;
}
.breadcrumb {
    width: 1020px;
    margin: 0 auto;
}
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    padding: 10px 0;
    margin: 0 auto;
}
.breadcrumb.sbp-main-before + .content, .breadcrumb.pbp-main-before + .content {
    margin-top: 0;
}
.footer {
    background: #00024e;
    color: #fff;
}
.footer-bottom {
    margin-top: 0;
}

section {
    margin-bottom: 0px!important;
}
.p_service,
.p_work,
.p_flow,
.p_company {
    background: #fafafa;
}
.p_service h2,
.p_work h2 {

}
.p_service ul {
    margin: 5% 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;
}
.p_service li.service_box {
    width: 25%;
    float: left;
    padding: 2%;
}
.p_service li.service_box .service_box_img {
    margin: 0 auto 30px;
    text-align: center;
}
.p_flow h3 span::before {
    content: "step";
    border-radius: 10vh;
    background: #00024d;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
    display: block;
    float: left;
}
.p_flow ul li {
    width: 50%;
    float: left;
    padding: 3%;
}
.p_flow ul li.flow_box_right {
    float: right;
}

.new-entry-cards a {
    width: 50%;
    float: left;
    padding: 5%!important;
}
.widget-entry-cards figure {
    width: 100%;
}
.widget-entry-card-content {
    margin-left: 0;
}

.p_company h2 {
    text-align: center;
    padding-bottom: 0;
}  
.p_company p {
    text-align: center;
}
.p_company div {
    width: 750px;
    margin: 0 auto;
}
.p_company ul li {
    width: 70%;
    float: left;
    padding: 5%;
    border-bottom: 1px solid #cdcdcd;
    background: #fff;
}
.p_company ul li:nth-child(odd)  {
    width: 30%;
    background-color: #00024d;
    color: #fff;
    text-align: center;
}
.p_company 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;
}
.contact_box h2 {
    background-color: transparent;
    padding-bottom: 0;
}
.contact_box p {
    margin-bottom: 10px;
}
.contact_box input {
    color: #000;
}
.contact_box .contact_box_inner {
    padding: 5%;
    background: #f7f7f7;
}
.contact_box input[type='submit'] {
    background-color: #00024d;
    font-size: 20px;
    font-weight: bold;
}
.contact_box .wpcf7-submit {
    color: #fff;
}
.contact_title {
    width: 30%;
    float: left;
}
.contact_input {
    width: 70%;
    float: left;
}
.contact_box #terms {
    border: solid 1px #e1e1e1;
    padding: 30px;
    font-size: 14px;
    letter-spacing: 0.1em;
    height: 240px;
    overflow: scroll;
    background: #fff;
}
.contact_box .contact_agree {
    padding: 20px 0 50px;
    text-align: center;
}
.pc-none {
    display: none!important;
}

@media screen and (max-width: 1280px) {
#navi-in {
    width: 100%;
}
.wrap {
    width: 100%;
}
.breadcrumb {
    width: 100%;
}
.main {
    padding: 0!important;
}
.entry-content {
    width: 100%;
    padding: 3%;
}
}
@media screen and (max-width: 767px) {
.contact_title {
    width: 100%;
    float: unset;
}
.contact_input {
    width: 100%;
    float: unset;
}
#header .site-name-text {
    line-height: 1;
}
.logo-image {
    display: none;
}
.logo img {
    width: 50%;
}
.new-entry-cards a {
    width: 100%;
    float: left;
}
.article h1 {
    font-size: 24px;
}
.article h2, p.top_h2 {
    font-size: 24px;
    padding: 3% 0 0;
    line-height: 1.4; 
}
.p_service li.service_box {
    width: 80%;
    padding: 2%;
    margin: 0 10%;
}
.p_service li.service_box .service_box_img {
    margin: 0 auto 3%;
}
.p_flow ul li {
    width: 100%;
    float: unset;
    padding: 3%;
}
.p_company div {
    width: auto;
}

.header-in {
    display: block;
}
.mobile-header-menu-buttons {
    background-color: #00024d;
}
.has-logo-button .menu-button {
    width: 70px;
    color: #fff;
}
.sp-none {
    display: none!important;
}
.pc-none {
    display: block!important;
}
.toggle-button {
    padding: 5%!important;
}
.toggle-checkbox:checked ~ .toggle-content {
    padding: 5%!important;
}
}

.post_work ul li {
    width: 30%;
    padding: 0 3%;
    float: left;
}
.post_work ul li:nth-child(2n) {
    width: 70%;
}
.post_work_img {
    max-width: 980px;
}
.post_work_img ul li {
    float: left;
    margin-bottom: 4%;
}
.post_work_img ul li:nth-child(odd) {
    width: 48%;
    margin-right: 2%;
}
.post_work_img ul li:nth-child(even) {
    width: 48%;
    margin-left: 2%;
}

@media screen and (max-width: 767px) {
.article p {
    margin-bottom: 0;
}
.article ul {
    margin-bottom: 0;
}
.post_work ul {
    padding: 0 3%;
}
.post_work ul li,
.post_work ul li:nth-child(2n),
.post_work_img ul li:nth-child(odd),
.post_work_img ul li:nth-child(even) {
    /*width: 100%;
    float: unset;
    margin-left: 0;
    margin-right: 0;*/
}
.post_work_img ul li {
    margin-bottom: 5%!important;
}
.post_work_img {
    padding: 0 3%;
}
.article .post_work_img p {
    margin-bottom: 5%;
}
}

.menu-drawer li ul li {
    line-height: 2.8;
    border-bottom: 1px solid #cdcdcd;
}


.entry-content {
    width: 100%;
    margin: 0 auto;
}
.section_box {
    width: 1020px;
    margin: 0 auto;
    padding: 30px 0;
}
@media screen and (max-width: 1280px) {
.entry-content {
    width: 100%;
    padding: 3%;
}
.section_box {
    width: 100%;
    padding: 3%;
}
}

span.flow_step {
    display: block;
    color: #fff;
    border-radius: 100vh;
    padding: 5px 10px;
    font-size: 16px;
    background: #00024d;
    width: 80px;
    margin-bottom: 10px;
}

.footer {
    padding: 30px 0;
}
.footer_list {
    max-width: 1020px;
    margin: 0 auto;
}
.footer_list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.footer_list ul li {
    width: 14%;
    text-align: left;
}
.footer_list ul li a {
    font-size: 12px;
    text-decoration: none;
    padding: 1% 5%;
    display: block;
}

@media screen and (max-width: 767px) {
.footer_list ul li {
    width: 100%;
    border-bottom: 1px dashed #fff;
    padding: 2% 0;
}
}


.cv_area {
    margin-bottom: 0!important;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10000;
}
.footer {
    margin-bottom: 100px;
}

.cv_area {
    background: #292b2c;
    padding: 0px!important;
}
.cv_mail {
    float: left;
    width: 50%;
    text-align: center;
}
.cv_tel {
    float: left;
    width: 50%;
    text-align: center;
}

.cv_area {
    margin-bottom: 0!important;
}
.content ul {
    margin: 0;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
a.btn--radius {
   border-radius: 100vh;
    padding: 15px 30px!important;
    width: 450px;
    font-size: 20px;
}
.btn--green,
a.btn--green {
  color: #fff;
  background-color: #238700;
}
.btn--green:hover,
a.btn--green:hover {
  color: #fff;
  background: #4aff40;
}
.article-header {
    position: relative;
}
.date-tags {
    position: absolute;
    bottom: -40px;
    right: 0;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(n+7) {
    display: none;
}
.contact_area {
    height: 45px;
    min-height: auto;
}
.blogcard {
    display: none;
}


.p_hajjime {
    background: url(/wp-content/themes/cocoon-child-master/alert/img/hajjime_bg_pc0826.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    height: 540px;
    background-size: cover;
    margin-bottom: 0!important;
}
.p_hajjime h2 { 
    background-color: transparent;
}
.p_hajjime p {    
    margin-bottom: 0;
}
.p_hajjime div { 

}
.p_service {

}
.p_price {
    text-align: center;
}
.footer {
    margin-top: 0px;
}
section.insta {
    margin-bottom: 0px!important;
}
.body .article {
    margin-bottom: 0px!important;
}

p.top_h2 {
    background-color: transparent!important;
}
.article-header {
    background-size: cover!important;
}

.p_price {
    text-align: center;
    background: url(/wp-content/themes/cocoon-child-master/alert/img/p_price_bg0831_3.png) center center no-repeat;
    background-size: cover;
}


.p_flow .section_box ul li:last-child:after {
    display: block;
    content: "";
    color: #00024d;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 2em 6em;
    border-top-color: currentColor;
    border-bottom: 0;
    overflow: hidden;
    margin: 0 auto;
}
.p_flow .section_box ul:last-child li:last-child:after {
    display: none;
}
.cv_area ul {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
.p_hajjime {
    background-position: center left;
    height: auto;
}
.footer {
    margin-bottom: 80px;
}
.cv_area {
    padding: 0!important;
}
.cv_mail {
    margin-bottom: 1%;
}
.cv_tel {

}
a.btn--radius {
    width: 90%;
    padding: 3%!important;
    border-radius: 3vh;
    font-size: 12px;
    line-height: 3;
}
}

.slick {
  width: 100%;
  display: flex;
  max-width: 100%;
  margin: auto;
  padding: 50px 75px!important;
}

.slick li {
  height: auto;
  margin-right: 10px!important;
  margin-left: 10px!important;
}

.slick img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 46%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1000;
}
.slick .slick-prev:before, .slick .slick-next:before {
    font-family: FontAwesome;
    font-size: 70px;
    font-weight: normal;
    line-height: 1;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick .slick-prev:before {
    content: '\f104';
}
.slick .slick-next:before {
    content: '\f105';
}
.slick-prev {
    left: 25px;
}
.slick-next {
    right: 25px;
}
@media screen and (max-width: 768px) {
.slick {
    padding: 3% !important;
}
.slick .slick-prev:before, .slick .slick-next:before {
    font-size: 40px;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.p_flow .section_box ul li:last-child:after {
    margin: 20px auto 0;
}
}

section.insta {
    display: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #000000;
    max-width: 1020px;
    margin: 0 auto;
    padding: 2%;
    text-align: center;
    font-weight: bold;
    background: #ffb900;
}
.wpcf7-not-valid-tip {
    font-size: 1em;
    font-weight: normal;
    display: block;
    background: #dc3232;
    color: #fff;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 4%;
    font-size: 0.8em;
}
.toc {
    padding: 0;
    display: block;
}
.toc-title {
    background: #fafafa;
}
.toc-checkbox:checked~.toc-content {
    padding: 2% 5%;
    border-top: 1px dashed #ddd;
}

.construction_type_nav {
    min-width: 720px!important;
}
.construction_type_nav li {
    width: 120px!important;
    float: left;    
}

.navi {
    background: linear-gradient(to bottom, #000000, #173927);
}

body.public-page {
    --cocoon-text-color: #000;
}