@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');

/*-------------------------------------------

    0. anker--reset
    1. anker--class
    2. anker--keyvisual
    3. anker--about
    4. anker--contents
    5. anker--audio
    6. anker--company
    7. anker--contents

-------------------------------------------*/

/*　公開時OFF　*/
/*html:before {
    content: "非会員";
    background-color: #48484887;
    color: #FFF;
    display: block;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    font-size: 1rem;
    line-height: 2;
}*/


/* anker--reset
----------------------------------------------------------------*/
header abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,li,ol,ul{list-style:none}blockquote,q{quotes:none}a{display:inline-block;margin:0;padding:0;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}img{vertical-align:top;-webkit-backface-visibility:hidden;backface-visibility:hidden}strong{font-weight:700}body,html{width:100%}


html{
    height: 100%;
    color: #000;
    font-size: 62.5%;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
}
@media all and (-ms-high-contrast:none) {
    body {
        font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
}
@media screen and (max-width: 767px){ html{font-size: 2.2vw;} }
body { font-size: 1.6rem; letter-spacing: 1px;line-height: 1.8; }
body.notouch {
    position: relative;
    overflow-y: hidden;
}
@media and (orientation: landscape) { body { -webkit-text-size-adjust: 100%; } }

p {margin-bottom: 20px;}
@media screen and (max-width: 425px) {p {margin-bottom: 1.6rem;}}

a {
    color: #000;
    text-decoration: none;
}


.pcmode{}
.ipadmode{display: none !important;}
.spmode{display: none !important;}

a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
  color: #000;
}
a[href^="mailto:"] {
  text-decoration: underline;
  color: #000;
}

#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#wrapper.is-active {
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .pcmode{display: none !important;}
    .ipadmode{display: inline-block !important;}
}
@media screen and (min-width: 767px) and (max-width: 1080px) {
    .pcmode {display: inline-block !important;}
    .spmode {display: none !important;}
}
@media screen and (max-width: 767px){
    #container {margin-top: 0;}
    .ipadmode{display: none !important;}
    .spmode{display: inline-block !important;}

    a[href^="tel:"] {
        pointer-events: auto;
        text-decoration: underline;
    }

}




::selection {
    background:#EEE;
}
::-webkit-selection {
    background:#EEE;
}
::-moz-selection {
    background:#EEE;
}



/* anker--class
----------------------------------------------------------------*/


.object-fit {
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}

/* FLOATERS & CLEARERS */
.lefty{
    float: left;
}.righty{
    float: right;
}.clearme{
    clear: both;
}
.clearfix:after,
.photo-set:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

/*TEXT-ALIGN Class*/
.t_left {text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;}

/* font-size */
.f18 {font-size: 1.8rem !important;}
.f20 {font-size: 2rem !important;}
.f22 {font-size: 2.2rem !important;}
.f24 {font-size: 2.4rem !important;}
.f26 {font-size: 2.6rem !important;}
.f28 {font-size: 2.8rem !important;}
.f30 {font-size: 3.0rem !important;}
.f32 {font-size: 3.2rem !important;}
.f34 {font-size: 3.4rem !important;}

/*  margin padding */
.mb00 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
@media screen and (max-width: 767px) {
    .mb00 {margin-bottom: 5px !important;}
    .mb10 {margin-bottom: 5px !important;}
    .mb20 {margin-bottom: 10px !important;}
    .mb30 {margin-bottom: 15px !important;}
    .mb40 {margin-bottom: 20px !important;}
    .mb50 {margin-bottom: 25px !important;}
    .mb60 {margin-bottom: 30px !important;}
    .mb70 {margin-bottom: 35px !important;}
    .mb80 {margin-bottom: 40px !important;}
    .mb90 {margin-bottom: 45px !important;}
    .mb100 {margin-bottom: 50px !important;}
}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}


/* font-style */
.bold {font-weight: bold;}
.red{color: #D80000;}
.blue {color: #0073BE;}
.underline{text-decoration: underline;}
.no_border{border-bottom: none !important;}
.crimson {
    font-family: 'Crimson Text', serif;
}
.roboto {
    font-family: 'Roboto Condensed', sans-serif;
}
.mintyou{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,'Sawarabi Mincho',メイリオ,Meiryo,serif;
    font-weight: 400;
}
.lato {
    font-family: 'Lato', sans-serif;
}

/* edit-area */
.edit-area {
    position: relative;
    margin: 0 auto;
    /*font-feature-settings: "palt";
    -ms-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";*/
}
.inner {position: relative;margin: 0 auto;}
.wfull {width: 100%;}
.w1080 {max-width: 1080px;width: 90%;}
.w960 {max-width: 960px;width:90%;}
.w900 {max-width: 900px;width:90%;}
.w840 {max-width: 840px;width:90%;}




.video {
    text-align: center;
}
.video img {
    display: block;
    margin: 0 auto 10px;
    transition: all .3s;
}


.btn01 {
    max-width: 340px;
    width: 90%;
    margin: 0 auto;
}
.btn01 a {
    background-image: url(../img/asfalt-dark.png);
    background-color: #61281c;
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 4;

    transition: all .3s;
}


small {
    text-align: center;
    display: block;
    font-size: 1rem;
    color: #bbb;
    letter-spacing: .25rem;
}



/* hover */
@media screen and (min-width: 1024px) {
    .btn01 a:hover {
        filter: contrast(180%);
    }
    .video img:hover {
        opacity: .7;
    }

}
@media all and (-ms-high-contrast: none) {
    .btn01 a:hover {
        opacity: .6;
    }
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {}

/* ~sp */
@media screen and (max-width: 767px) {}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}





/* anker--keyvisual
----------------------------------------------------------------*/

.edit-area.keyvisual {
  position: relative;
  width: 100%;
  background: url(../img/keyvisual-bg.jpg) repeat-x 0% 60% / cover;
  margin-bottom: 20px;
}
.edit-area.keyvisual .inner {
  height: 630px;
}
.edit-area.keyvisual .inner2 {
  height: 380px;
}
.edit-area.keyvisual .logomark {
  position: absolute;
  top: 40px;
  left: 60px;
}
.edit-area.keyvisual .logomark img {
  width: 220px;
  height: auto;
}
.edit-area.keyvisual .thanks {
  position: absolute;
  bottom: 0;
  left: 450px;
  text-align: center;
}
.edit-area.keyvisual .thanks img {
  width: 100%;
  height: 100%;
}
.edit-area.keyvisual h1 {
    position: absolute;
    top: 110px;
    left: 60px;
}
.edit-area.keyvisual h1 img {
    width: 320px;
    height: auto;
}
.edit-area.keyvisual .akutu {
    position: absolute;
    bottom: 0;
    left: 180px;
    right: 0;
    text-align: center;
}
.edit-area.keyvisual .akutu img {
    width: auto;
    height: 560px;
}

/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.keyvisual {}
    .edit-area.keyvisual .inner {}
    .edit-area.keyvisual .inner2 {}
    .edit-area.keyvisual .logomark {}
    .edit-area.keyvisual .logomark img {}
    .edit-area.keyvisual .thanks {
      position: absolute;
      bottom: 0;
      left: 20px;
      text-align: center;
    }
    .edit-area.keyvisual .thanks img {
      width: 100%;
      height: 100%;
    }
    .edit-area.keyvisual h1 {}
    .edit-area.keyvisual h1 img {}
    .edit-area.keyvisual .akutu {}
    .edit-area.keyvisual .akutu img {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.keyvisual {}
    .edit-area.keyvisual .inner {
    height: 450px;
    }
    .edit-area.keyvisual .inner2 {
    height: 150px;
    }
    .edit-area.keyvisual .logomark {
    top: 20px;
    left: 0;
    }
    .edit-area.keyvisual .logomark img {
    width: 160px;
    }
    .edit-area.keyvisual .thanks {
    top: 20px;
    left: 0;
    }
    .edit-area.keyvisual .thanks img {
    width: 100%;
    height: 100%;
    }
    .edit-area.keyvisual h1 {
    top: 80px;
    left: 0;
    z-index: 1;
    }
    .edit-area.keyvisual h1 img {
    width: 200px;
    }
    .edit-area.keyvisual .akutu {
    left: 40px;
    }
    .edit-area.keyvisual .akutu img {
    height: 380px;
    margin-right: -90px;
    }
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}





/* anker--about
----------------------------------------------------------------*/

.edit-area.about {
    margin-bottom: 60px;
}
.edit-area.about .inner {}
.edit-area.about .inner h2 {
    font-size: 2.2rem;
    margin-bottom: 10px;
}
.edit-area.about .inner p {
    font-size: 1.6rem;
}
.edit-area.about .inner .video a {
    position: relative;
    display: block;
    max-width: 600px;
    margin: 0 auto;
}
.edit-area.about .inner .video a:before {
    content: "";
    display: block;
    width: 100%;
    max-width: 600px;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
    transition: all .1s;
}
.edit-area.about .inner .video a:after {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background: url(../img/audio-icon.png) no-repeat 50% 50% / 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .8;
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,.2));
}

.edit-area.about .inner .video a img {
    transition: all .3s;
}
.edit-area.about .inner .btn01 {}
.edit-area.about .inner .btn01 a {}
.edit-area.about .inner .t_center {
    font-size: 2rem;
}

/* hover */
@media screen and (min-width: 1024px) {
    .edit-area.about .inner .video a:hover:before {
        background-color: rgba(47, 23, 23, 0.1);
    }
    .edit-area.about .inner .video a:hover:after {
        background-image: url(../img/audio-icon-animation.gif);
    }

    .edit-area.about .inner .video a img:hover {
        opacity: 1;
    }
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.about {}
    .edit-area.about .inner {}
    .edit-area.about .inner h2 {}
    .edit-area.about .inner p {}
    .edit-area.about .inner .btn01 {}
    .edit-area.about .inner .btn01 a {}
    .edit-area.about .inner .t_center {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.about {}
    .edit-area.about .inner {}
    .edit-area.about .inner h2 {}
    .edit-area.about .inner p {}
    .edit-area.about .inner .video img {
        width: 80%;
    }
    .edit-area.about .inner .video span {}
    .edit-area.about .inner .btn01 {}
    .edit-area.about .inner .btn01 a {}
    .edit-area.about .inner .t_center {
    font-weight: bold;
}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}





/* anker--contents
----------------------------------------------------------------*/

.edit-area.contents {
    background-color: #F3F9F7;
    padding: 20px 0;
}
.edit-area.contents .inner {
    padding: 30px;
    box-sizing: border-box;
    background-color: #FFF;
}
.edit-area.contents .inner h2 {
    font-size: 4rem;
    margin-bottom: 16px;
    line-height: 1;
}
.edit-area.contents .inner ol {
}
.edit-area.contents .inner ol:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.edit-area.contents .inner ol li {
    position: relative;
    width: 29%;
    margin-right: 6%;
    margin-bottom: 3%;
    float: left;
    /* cursor: pointer; */
}


.edit-area.contents .inner ol li:nth-of-type(3n) {
    margin-right: 0;
}

.edit-area.contents .inner ol li .video {
    position: relative;
}
.edit-area.contents .inner ol li .video:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/video-cover.png) no-repeat 50% 50% / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .85;
}
.edit-area.contents .inner ol li .video img {
    width: 100%;
}

.edit-area.contents .inner ol li .video2 {
    position: relative;
}
.edit-area.contents .inner ol li .video2 a {
    position: relative;
    display: block;
    max-width: 600px;
    margin: 0 auto;
}
.edit-area.contents .inner ol li .video2 a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
    transition: all .1s;
}
.edit-area.contents .inner ol li .video2 a:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/audio-icon.png) no-repeat 50% 50% / 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .8;
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,.2));
}

.edit-area.contents .inner ol li .video2 a img {
    width: 100%;
    transition: all .3s;
}

.edit-area.contents .inner ol li span {
    text-align: left;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
}

/* hover */
@media screen and (min-width: 1024px) {

}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.contents {}
    .edit-area.contents .inner {}
    .edit-area.contents .inner h2 {}
    .edit-area.contents .inner ol {}
    .edit-area.contents .inner ol li {}
    .edit-area.contents .inner ol li .video {}
    .edit-area.contents .inner ol li .video img {}
    .edit-area.contents .inner ol li .video2 {}
    .edit-area.contents .inner ol li .video2 img {}
    .edit-area.contents .inner ol li span {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.contents {}
    .edit-area.contents .inner {
    padding: 20px 20px;
}
    .edit-area.contents .inner h2 {}
    .edit-area.contents .inner ol {}
    .edit-area.contents .inner ol li {
        width: 48%;
        margin-right: 3%;
        margin-bottom: 6%;
    }
    .edit-area.contents .inner ol li:nth-of-type(3n) {
        margin-right: 3%;
    }
    .edit-area.contents .inner ol li:nth-of-type(2n) {
        margin-right: 0%;
    }
    .edit-area.contents .inner ol li .video {}
    .edit-area.contents .inner ol li .video img {}
    .edit-area.contents .inner ol li .video2 {}
    .edit-area.contents .inner ol li .video2 img {}
    .edit-area.contents .inner ol li span {
    font-size: 1.3rem;
}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}






/* anker--scene
----------------------------------------------------------------*/

.edit-area.scene {
    padding: 40px 0 80px;
}
.edit-area.scene .inner {
    border-bottom: solid 2px #ECEDED;
    padding-bottom: 50px;
}
.edit-area.scene .inner h2 {
    font-size: 4rem;
    margin-bottom: 10px;
    line-height: 1.4;
}
.edit-area.scene .t_center {}
.edit-area.scene .t_center img {}
.edit-area.scene .inner p {}
.edit-area.scene .inner .btn01 {}
.edit-area.scene .inner .btn01 a {}
.edit-area.scene .inner .t_center {font-size: 2rem;}

/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.scene {}
    .edit-area.scene .inner {}
    .edit-area.scene .inner h2 {}
    .edit-area.scene .t_center {}
    .edit-area.scene .t_center img {
    width: 100%;
}
    .edit-area.scene .inner p {}
    .edit-area.scene .inner .btn01 {}
    .edit-area.scene .inner .btn01 a {}
    .edit-area.scene .inner .t_center {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.scene {
    padding: 40px 0;
}
    .edit-area.scene .inner {
    padding-bottom: 30px;
}
    .edit-area.scene .inner h2 {}
    .edit-area.scene .t_center {}
    .edit-area.scene .t_center img {}
    .edit-area.scene .inner p {
}
    .edit-area.scene .inner .btn01 {}
    .edit-area.scene .inner .btn01 a {}
    .edit-area.scene .inner .t_center {
    font-weight: bold;
}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}





/* anker--audio
----------------------------------------------------------------*/

.edit-area.audio {
    padding-bottom: 80px;
}
.edit-area.audio .inner {}
.edit-area.audio .inner .photo-set {}
.edit-area.audio .inner .photo-set .text {
    width: calc( 100% - 320px );
}
.edit-area.audio .inner .photo-set .text h2 {
    font-size: 4rem;
    font-weight: 400;
}
.edit-area.audio .inner .photo-set .text h3 {
    font-size: 2.8rem;
    margin-bottom: 20px;
    font-weight: 400;
}
.edit-area.audio .inner .photo-set .text p {}
.edit-area.audio .inner .photo-set .photo {}
.edit-area.audio .inner .photo-set .photo img {}

/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.audio {}
    .edit-area.audio .inner {}
    .edit-area.audio .inner .photo-set {}
    .edit-area.audio .inner .photo-set .text {}
    .edit-area.audio .inner .photo-set .text h2 {}
    .edit-area.audio .inner .photo-set .text h3 {
        font-size: 2.6rem;
    }
    .edit-area.audio .inner .photo-set .text p {}
    .edit-area.audio .inner .photo-set .photo {}
    .edit-area.audio .inner .photo-set .photo img {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.audio {
    padding-bottom: 40px;
}
    .edit-area.audio .inner {}
    .edit-area.audio .inner .photo-set {}
    .edit-area.audio .inner .photo-set .text {
    float: none;
    width: 100%;
}
    .edit-area.audio .inner .photo-set .text h2 {}
    .edit-area.audio .inner .photo-set .text h3 {}
    .edit-area.audio .inner .photo-set .text p {
}
    .edit-area.audio .inner .photo-set .photo {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
    .edit-area.audio .inner .photo-set .photo img {}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}





/* anker--company
----------------------------------------------------------------*/

.edit-area.company {
    padding-bottom: 30px;
}
.edit-area.company .inner {}
.edit-area.company .inner h2 {
    font-size: 4rem;
}
.edit-area.company .inner .clearfix {}
.edit-area.company .inner .righty {
    width: 49%;
    box-sizing: border-box;
    border-left: solid 1px #EEE;
    border-right: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
    background: url(../img/logomark02.jpg) no-repeat 90% 96%;
    padding-bottom: 30px;
}
.edit-area.company .inner .righty h3 {
    background-color: #2A874F;
    color: #FFF;
    text-align: center;
    line-height: 3;
}
.edit-area.company .inner .righty h4 {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    padding: 30px 5% 30px 44%;
    background: url(../img/logomark03.jpg) no-repeat 8% 50%;
    letter-spacing: 0;
}
.edit-area.company .inner .righty p {
    font-size: 1.2rem;
    padding: 0 5%;
}
.edit-area.company .inner .righty div {}
.edit-area.company .inner .righty div img {}

.edit-area.company .inner .lefty {
    width: 49%;
}
.edit-area.company .inner .lefty h3 {
    border-top: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    text-align: center;
    padding: 6px 0;
}
.edit-area.company .inner .lefty table {
    margin-bottom: 10px;
}
.edit-area.company .inner .lefty table tbody {}
.edit-area.company .inner .lefty table tbody tr {
    font-size: 1.2rem;
    border-bottom: solid 1px #DDD;
}
.edit-area.company .inner .lefty table tbody tr th {
    color: #2a874f;
    text-align: left;
    width: 35%;
    padding-left: 2%;
    letter-spacing: 0;
}
.edit-area.company .inner .lefty table tbody tr td {
    font-weight: bold;
    line-height: 1.6;
    padding: 10px 2% 10px 0;
}
.edit-area.company .inner .lefty table tbody tr td a {
    color: #B3B3B3;
    text-decoration: underline;
}
.edit-area.company .inner .lefty iframe {
    width: 100%;
    height: 200px;
}

/* hover */
@media screen and (min-width: 1024px) {
    .edit-area.company .inner .lefty table tbody tr td a:hover {
        color: blue;
    }
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.company {}
    .edit-area.company .inner {}
    .edit-area.company .inner h2 {}
    .edit-area.company .inner .clearfix {}
    .edit-area.company .inner .righty {}
    .edit-area.company .inner .righty h3 {}
    .edit-area.company .inner .righty h4 {
    padding: 100px 0 10px 0;
    background-position: 50% 20px;
}
    .edit-area.company .inner .righty p {
    line-height: 1.5;
}
    .edit-area.company .inner .righty div {}
    .edit-area.company .inner .righty div img {}

    .edit-area.company .inner .lefty {}
    .edit-area.company .inner .lefty h3 {}
    .edit-area.company .inner .lefty table {}
    .edit-area.company .inner .lefty table tbody {}
    .edit-area.company .inner .lefty table tbody tr {}
    .edit-area.company .inner .lefty table tbody tr th {}
    .edit-area.company .inner .lefty table tbody tr td {}
    .edit-area.company .inner .lefty iframe {}

}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.company {}
    .edit-area.company .inner {}
    .edit-area.company .inner h2 {}
    .edit-area.company .inner .clearfix {}
    .edit-area.company .inner .righty {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    padding-bottom: 50px;
}
    .edit-area.company .inner .righty h3 {}
    .edit-area.company .inner .righty h4 {
    font-size: 1.6rem;
}
    .edit-area.company .inner .righty p {
    font-size: 1.4rem;
    line-height: 1.6;
}
    .edit-area.company .inner .righty div {}
    .edit-area.company .inner .righty div img {}

    .edit-area.company .inner .lefty {
    width: 100%;
    float: none;
}
    .edit-area.company .inner .lefty h3 {
    font-size: 2.2rem;
}
    .edit-area.company .inner .lefty table {
    width: 100%;
}
    .edit-area.company .inner .lefty table tbody {}
    .edit-area.company .inner .lefty table tbody tr {
    font-size: 1.6rem;
}
    .edit-area.company .inner .lefty table tbody tr th {
    width: 100%;
    background-color: #2a874f;
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 2.6;
}
    .edit-area.company .inner .lefty table tbody tr td {
    display: block;
    padding: 10px 2%;
}
    .edit-area.company .inner .lefty iframe {}

}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}