/* カスタマイズ用CSS */
.ec-headPromotionRole__content .siteTitle {
    width: auto;
    height: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ec-headPromotionRole__content .siteTitle {
        width: auto;
        height: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .ec-headPromotionRole__content .siteTitle {
        width: auto;
        height: 50px;
    }
}

.ec-headPromotionRole__content .siteCatchcopy .title {
    text-shadow: -2px 2px 2px #000;
}

.ec-headPromotionRole__content .siteCatchcopy .text {
    text-shadow: -2px 2px 2px #000;
}

.ec-topColumnRole .ec-secHeading .ec-secHeading__maintitle:before {
    background-color: #fff;
    text-shadow: -2px 2px 2px #000;
}

.ec-topColumnRole .ec-secHeading .ec-secHeading__maintitle {
    color: #fff;
    text-shadow: -2px 2px 2px #000;

}

.ec-topColumnRole .postItem .content {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

.ec-instagramRole {
    width: 50%;
}

.ec-instagramRole .ec-instagramRole__list > * {
    width: calc((100% - 1px - 0px ) / 3);
}

/* 独自ページ共通 */

/*
#page_user_data {
    background: #f7f7f7;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
*/

#page_cm_blog_page_detail {
    background: #f7f7f7;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/* よくあるご質問 */
.faq .ec-helpRole {
    background: #ffffff;
}



/* アイデンティティー */
.identity .first_cont,
.identity .second_cont,
.identity .half_img {
    display: flex;
    justify-content: space-between;
}

.identity .left_cont {
    width: 50%;
    margin: 2% 2% 5% 5%;
}

.identity .right_cont {
    width: 50%;
    margin: 2% 5% 5% 2%;
}

.identity .first_cont h1 {
    margin: 0.3em 0;
    text-align: center;
    font-weight: normal;
}

.identity .first_cont h2 {
    font-size: 3.8vw;
    padding: 10vh 0 20vh;
    text-align: center;
    font-weight: normal;
    line-height: 0.8;
}

.identity .first_cont h2 span {
    font-size: 1.2vw;
}

.identity .first_cont .cont_logo {
    width: 25%;
    margin: 0 auto;
}

.identity .first_cont .right_cont .first_img {
    margin-bottom: 5vh;
}

.identity .first_cont .text_h3 {
    margin: 5vh 0 10vh;
}

.identity .first_cont h3,
.identity .vertical_writing h3 {
    font-size: 3.8vw;
}

.identity .first_cont .text,
.identity .second_cont .text {
    font-size: 1.3rem;
}

.identity .full_size_img {
    margin: 12vh 0 24vh;
}

.identity .vertical_writing {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 15vh auto 20vh;
}

.identity .wide_img,
.identity .half_img {
    margin: 5vh 5%;
}

.identity .half_img_child {
    width: 49%;
}





/* コンセプト */
.concept .second_cont,
.concept .third_cont,
.concept .fourth_cont {
    display: flex;
    justify-content: space-between;
}

.concept .white {
    background: #fff;
}

.concept .left_cont {
    width: 50%;
    margin: 2% 7% 5%;
}

.concept .right_cont {
    width: 50%;
    margin: 2% 7% 5% 2%;
}

.concept .second_cont .left_cont {
    padding: 3vh 7% 0 2%;
    margin: 3vh 0 0;
    border-right: 1px solid #000;
}

.concept .second_cont .right_cont {
    padding: 3vh 7% 0 2%;
    margin: 5vh 0 0;
}

.concept .first_cont h1 {
    margin: 10vh 0 0;
    text-align: center;
    font-weight: normal;
}

.concept .first_cont h2 {
    font-size: 50px;
    padding: 10vh 0 20vh;
    text-align: center;
    font-weight: normal;
    line-height: 0.8;
}

.concept .first_cont h2 span {
    font-size: 1.1rem;
}

.concept .first_cont .cont_logo {
    width: 165px;
    margin: 0 auto 20px;
}

.arrow {
    position: relative;
    width: 50%;
    height: 100px;
    border-right: 2px solid #000;
    box-sizing: border-box;
    margin: 0px 0 150px;
}

.arrow::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.1px 7px 0 7px;
    border-color: #000000 transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #ffffff #ffffff #ffffff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
    bottom: -10px;
    right: -8px;
}

.concept .second_cont .left_cont .first_img {
    margin-bottom: 10vh;
}

.concept .second_cont h3 {
    font-size: 40px;
}

.concept .second_cont .text_h3 {
    margin-bottom: 20vh;
}

.concept .second_cont .text span {
    font-size: 40px;
}

.concept .text {
    font-size: 1.3rem;
}

.concept .vertical_writing {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-bottom: 20vh;
    margin: 15vh auto 0;
}

.concept .vertical_writing h3 {
    font-size: 5vw;
}

.concept .third_cont .text {
    margin: 2vh 0 0;
}

.concept .third_cont .cont_img {
    margin: 15vh 0 0;
}

.concept .fourth_cont .right_cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.concept .full_size_img {
    margin: 5vh 0 25vh;
}

.concept .wide_img {
    margin: 5vh 16.3% 5vh 12.7%;
}





/* ブログ */
.ec-pageHeader {
    display: none;
}

.pluginCMBblog .post_meta {
    display: none;
}

.ec-off1Grid .cm_blog_main_image {
    display: none;
}

.pluginCMBblog h1 {
    text-align: center;
    font-size: 4vw;
    padding: 28vh 0;
    line-height: 0.8;
}

.pluginCMBblog .sub_title,
.pluginCMBblog p {
    font-size: 1.5vw;
}

.pluginCMBblog .sub_title {
    text-align: center;
}

.pluginCMBblog img {
    width: 100%;
}

.pluginCMBblog p span {
    font-size: 4vw;
}

.pluginCMBblog p .span_jp {
    letter-spacing: -0.5vw;
}

.pluginCMBblog .cont {
    display: flex;
    justify-content: space-between;
    margin: 10vh 0;
}

.pluginCMBblog .cont .left_cont,
.pluginCMBblog .cont .right_cont {
    width: 50%;
}

.pluginCMBblog .cont .left_cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pluginCMBblog .wide_img {
    margin: 10vh 0;
}





/* スマホ対応 */
@media screen and (min-width:1300px){
.identity .vertical_writing h3,
.concept .vertical_writing h3 {
    font-size: 60px;
}

.pluginCMBblog h1,
.pluginCMBblog p span {
    font-size: 52px;
}
.pluginCMBblog .sub_title, .pluginCMBblog p {
    font-size: 19.5px;
}
}

@media screen and (max-width:1000px){
.identity .vertical_writing h3 {
    font-size: 5.3vw;
}
.concept .vertical_writing h3 {
    font-size: 6vw;
}
}

@media screen and (max-width:767px){
.ec-instagramRole {
    width: 100%;
}



.identity .first_cont {
    flex-direction: column;
}

.identity .left_cont,
.identity .right_cont {
    width: 90%;
    margin: 2% 5%;
}

.identity .first_cont h1 {
    font-size: 6vw;
    margin: 10vh 0 0;
}

.identity .first_cont h2 {
    font-size: 8vw;
    padding: 10% 0 20%;
}

.identity .first_cont h2 span {
    font-size: 2.5vw;
}

.identity .first_cont .cont_logo {
    width: 33%;
}

.identity .first_cont h3,
.identity .vertical_writing h3 {
    font-size: 7.5vw;
}

.identity .first_cont .text,
.identity .second_cont .text {
    font-size: 3.5vw;
}

.identity .first_cont .right_cont .first_img {
    margin-bottom: 5%;
}

.identity .full_size_img {
    margin: 5% 5% 24%;
}

.identity .vertical_writing {
    margin: 15% auto 20%;
}

.identity .second_cont {
    flex-direction: column-reverse;
}

.identity .wide_img, .identity .half_img {
    margin: 5% 5%;
}





.concept .white {
    background: #f7f7f7;
}

.concept .left_cont,
.concept .right_cont {
    width: 90%;
    margin: 2% 5%;
}

.concept .second_cont .left_cont,
.concept .second_cont .right_cont {
    width: 90%;
    margin: 2% 5%;
    padding: 0 0;
    border-right: none;
}

.concept .first_cont h1 {
    font-size: 6vw;
    margin: 10vh 0 0;
}

.concept .first_cont h2 {
    font-size: 8vw;
    padding: 10% 0 20%;
}

.concept .first_cont h2 span {
    font-size: 2.5vw;
}

.concept .first_cont .cont_logo {
    width: 33%;
    margin-bottom: 20%;
}

.arrow {
    display: none;
}

.concept .second_cont {
    flex-direction: column;
}

.concept .third_cont,
.concept .fourth_cont {
    flex-direction: column;
}

.concept .second_cont .text_h3 {
    margin-bottom: 20%;
}

.concept .second_cont h3 {
    font-size: 6vw;
}

.concept .vertical_writing {
    padding-bottom: 0;
    margin: 15% auto 20%;
}

.concept .vertical_writing h3 {
    font-size: 7.5vw;
}

.concept .text {
    font-size: 3.5vw;
}

.concept .second_cont .left_cont .first_img {
    margin-bottom: 10%;
}
.concept .third_cont .cont_img {
    margin: 10% 0 15%;
}

.concept .fourth_cont .cont_img {
    margin-bottom: 15%;
}

.concept .full_size_img {
    margin: 12% 5% 24%;
}

.concept .fourth_cont {
    margin-bottom: 10%;
}

.concept .wide_img {
    margin: 0% 5% 5%;
}
}