/* 修正・追加用css */

.Box01 {
    margin-bottom: 20px;
}
.Box01:nth-child(4) {
    margin: 0;
}

#Contents.times {
    border-top: solid 10px #D41468;
}
#Contents.recruit {
    border-top: solid 10px #46548f;
}
#Contents.voice {
    border-top: solid 10px #e96b00;
}

/* header */

.globalNav__sns_pc {
    width: auto;
    margin: 9px 0 0 0;
    padding: 0 225px 0;
    float: none;
}

.globalNav__sns_pc li {
    position: relative;
    margin: 0 10px;
}

.globalNav__sns_pc li img {
    width: 54px;
}

nav ul {
    margin: 8px 0px 0px 0px;
}

.globalNav__sns_sp {
    display: none;
    margin: 0 auto 30px;
    text-align: center;
}

.globalNav__sns_sp li {
    position: relative;
    margin: 0 15px;
}

.globalNav__sns_sp li img {
    width: 50px;
}

/* footer */

#footer_sp {
    display: none;
}

/* infobox */
#InfoBox ul {
    width: 570px;
}

#InfoBox h2 {
    float: none;
    width: 210px;
}

.colorTitle__en {
    display: block;
    margin-right: 0;
}

#InfoBox #InfoBox1 {
    float: left;
}

#InfoBox #InfoBox1 p {
    text-align: center;   
    padding: 25px 0;
}
#InfoBox .indexLink {
    width: 320px;
    align-self: flex-start;
    padding: 0 0;
}

#InfoBox .indexLink img {
    width: 280px;
}

.indexInstagram img {
    width: 398px;
    padding-bottom: 30px;
}

#footer_sp {
    display: none;
}

/* youtube */
.youtube-variable{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  
  .youtube-variable iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* recruit footer */
#recruit-footer {
    z-index: 1000;
    position: fixed;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

#recruit-footer .Button p a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    width: 100%;
    padding: 5px 0;
    border: solid 2px #009de8;
    border-radius: 10px;
    background-color: #009de8;
    color: #ffffff;
}

#recruit-footer .Button p a:hover {
    background-color: #0090d2;
}
#recruit-footer .Button p a span {
    font-size: 20px;
    font-weight: bold;
}

#Contents #recruit-footer .Box2 {
    margin: 0 auto;
}
#recruit-footer .Box2 .Button:first-child p a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    width: 100%;
    padding: 5px 0;
    border: solid 2px #009de8;
    border-radius: 10px;
    background-color: #ffffff;
    color: #009de8;
}

/* icon */

#Contents.times h1 {
    background-image: url("/core/wp-content/themes/eigomura/images/icon_times.svg");
}

#Contents.recruit h1 {
    background-image: url("/core/wp-content/themes/eigomura/images/icon_recruit.svg");
}

/* times */

.homeNav__kurabuchiTimes {
    border-color: #D41468;
}

.homeNav__kurabuchiTimes .link {
    background: #D41468;
}
.contents-index {
    width: 800px;
    margin: 0 100px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#Contents .contents-index ul, #Contents .contents-index ol, #Contents .contents-index h2, #Contents .contents-index h3, #Contents .contents-index h4, #Contents .contents-index h5, #Contents .contents-index p {
    margin-left: 0;
    margin-right: 0;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
}

.flex-item-2 {
    width: 50%;
}

.flex-item-3 {
    width: 33%;
}

.flex-item-3-2 {
    width: 66%;
}

.flex-wrap img {
    width: 100%;
}

.flex-wrap.concept3 .flex-item-3 {
    text-align:center;
    margin-bottom:20px;
}
#Contents .flex-wrap.concept3 .flex-item-3 p {
    font-size: 110%;
}
.flex-wrap.concept3 .flex-item-3 img {
    width: 90%;
}

#Contents h4.header-green {
    color: #009638;
    border-bottom: none;
}

/* voice */
.voice-bg {
    background-size: cover;
    background-position:50%;
    position: relative;
    width: 800px;
    margin: 20px 100px;
}
.voice-bg::after {
    content: '';
    background-color: rgba(20,20,20,.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#Contents .voice-bg p {
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding: 60px 0;
    font-size: 18px;
}

/* voice */
.voice-bg2 {
    background-size: cover;
    background-position:50%;
    position: relative;
    width: 800px;
    margin: 20px 100px;
}
.voice-bg2::after {
    content: '';
    background-color: rgba(255,255,255,.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#Contents .voice-bg2 p {
    position: relative;
    z-index: 1;
    padding: 60px 0;
    font-size: 18px;
}

/*data*/
.flex-item-data {
    width: 48%;
    margin: 0px 1% 40px 1%;
}

.flex-item-data .Button {
    float: none;
    margin: 0px auto;
	text-align: center;
}

#Contents.forparents {
	border-top: solid 10px #917F67;
}
#Contents.forparents h1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHpJREFUeNrsnM9OE0EYwGfbNSA0UAxqCag1JprggZJ4hx694ROQnjzSNyA9emuPnkyfAI7esA9AWE00ciCuEQIqyEIqQizE+ZqvdbtMtzvtzOx2t18yadPOn86v37+Z3VmNKJLS6ss0fclgWaAlie/dxKDFoqWC742VwmtTxe/VJMOAiS/TskRLWlC3AGadljKFZPQNGAoDNCGPQNKS/1iAVKalSCFZgQSDprKK2pEkasVCLSqIMjVNoIas+ACEBagkQoO0HqEs0pc3CkymGxPLUTjvlIJBLVlFTQmyFNG8LOlg0JeseQi1QRGIXC94fY/GCQVgbATAl3Tje7I84V2LAJSu4GgRgcINR4sQFC44mgdHuxUiKHY4824OOdYhJK+FEArBOa3hHPnAYJ6SIeGVDM7RuylhRrtBoiFZVoastTGhrQCm+TKXD/PO7JhlSvkIQSE417yrxoQ4CnFHKZ3hcJVAqV1ekYOfJ+Q7LdXfFy3fJUaHyN3b4yRFix6PqYpSMPfcNY1B3/JFBRjr9Ixs7xyQ84u/rvWGh26QJ49SJDk2okprHjZ8TczhW6RDAS15/+lbRyggUAfqQhtFWpNnOd9l2SNXzy7qmsLSjBSaDrx3CrSBtgpkucWUcD20JXtU+PfBjJoOTo9RU5kikxOJlnqHx1UKY5/Ualf//05qTnOz91TAASdsxFRpCwBxQpmbvX8NCgh8Bt9BnXbtZWtNY+Ql2aMdUS2wy0zqFkmMDLWtD99BHbc+JEmdRQxzF+kJnTMkT09NdGzjrOPsQ1bCB0xifi0UveQninIY5gLTNzBBX3lD5rsgI6O9tEWURk5il6+7R9x9Qx/OdnHqoCVkyAu66KTu4/aep+hh7h52BYbV7uhXVXQoTwo1JUjCFIXUa6mA4AQwI1T/arVL35yC6LF9c/tBF6FgEqPDvk1E9NhCwfiYdwgfWw+C2sLG1IOZyfrKem//WNU2Q/DBPH083dxugI2p6tm5qvRfnfO1r4i9inMPRo/HpY/pBYzQOx8TI/xOcPfguCVzBo2RPWYHqe/HWH6b0o75o5mgQeZccywnfBALwFSC4Gf8TA4ZUhFuSiERQzgY1ma2inAvHAxefTP9BnNy+qfrRShvFOu08AcmjTi37rfuwnbC5gczCGa0bs9jygO30pRyEwzej2YOmNTNyHBmvkK0ZnzspvLZCByzzFoSFEUke7oeVw5G0JgWMmgFg1f5e3bCcKHsUfqOMigwltuFOx6na7+ryrm6LhAB541mUhP10kdi4dzZq2vMaUoRdLol5z2/rPV6MWIRyrT7lrZg0M5yEQKTY51nYu7w4H2vxQhAKbY7Bee29VUI+crbcDpcuwwOWbQR181SbJglAdjlEwwl2+ko4OAgVy9gQgJH/NG/EMDhPizKdUEGO57vs2hloKPl+s3cV6psDrkf8pyiF0fbsykxTGuRhPQRBj1tZLytbJrPF5/B5g5cLQP/MxwAX/IKoXzupaPBY1Jkg7EBGjxYx2N4HzyKyYOp9c3Du/4JMAAxndx5pkvPKwAAAABJRU5ErkJggg==);
}

#Contents form dl dt p {
    margin: 0 0;
}
#Contents form dl dd p {
    margin: 0 0;
}


@media only screen and (max-width: 767px) {
    .contents-index {
        width: auto;
        margin: 0 3%;
        padding: 0;
    }
    .flex-wrap {
        flex-direction: column;
    }
    .flex-item-2, .flex-item-3, .flex-item-3-2, .flex-item-data {
        width: 100%;
    }
    .flex-wrap.concept3 .flex-item-3 img {
        width: 60%;
    }
    .globalNav__sns_pc {
        display: none;
    }
    .globalNav__sns_sp {
        display: block;
    }
    /* footer */
    #PageTop {
        display: none;
    }
    #footer_sp {
        display: block;
        z-index: 1000;
        position: fixed;
        right: 20px;
        bottom: 20px;
    }
    #footer_sp ul {
        margin: 0 auto;
        text-align: center;
    }
    #footer_sp ul li {
        position: relative;
        display: inline-block;
    }
    #footer_sp ul li img {
        width: 50px;
    }

    /* voice */
    .voice-bg {
        width: 94%;
        margin: 0 3% 15px 3% !important;
    }
    .voice-bg2 {
        width: 94%;
        margin: 0 3% 15px 3% !important;
    }

    /* infobox */

    .colorTitle__en {
        display:inline;
        margin-right: 1em;
    }
    
    #InfoBox ul {
        width: 100%;
    }
    
       #InfoBox h2 {
        float: none;
        width: 100%;
    }

    #InfoBox #InfoBox1 {
        float: none;
    }

    #InfoBox .indexLink {
        width: 100%;
        padding: 40px 0 0 0;
        text-align: center;
    }

    #InfoBox .indexLink img {
        width: 100%;
    }

    .indexInstagram img {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* recruit footer */
    #recruit-footer {
        z-index: 1000;
        position: fixed;
        left: 0;
        bottom: 15px;
        width: 100%;
        text-align: center;
    }

    #recruit-footer .Button p a {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        display: block;
        width: 85%;
        padding: 5px 0;
        border: solid 2px #009de8;
        border-radius: 10px;
        background-color: #009de8;
        color: #ffffff;
    }

    #Contents #recruit-footer .Box2 .Button {
        float: left;
        width: 40%;
    }
    #recruit-footer .Button p a:hover {
        background-color: #0090d2;
    }
    #recruit-footer .Button p a span {
        font-weight: bold;
        font-size: 18px;
    }

}