@charset "utf-8";

/*///////////////////////////////////////

会社概要ページのCSS

--中ページ共通のCSSに追記分のみ

///////////////////////////////////////*/


/* MAIN VISUAL & TITLE */
#page-main-visual .img-erea {background: url(../img/page-main-image.jpg)0 0 no-repeat; background-size: cover;}
@media screen and (max-width: 999px) {
    #page-main-visual {background: url(../img/page-main-image-sp.jpg)0 0 no-repeat; background-size: cover;}}

/* コンセプト */
p.concept {letter-spacing: 0.1em;line-height: 250%;font-size: 15px;}
p.concept span {display: block;font-size: 17px;margin-top: 0.5em;margin-bottom: 0.5em;}
@media (max-width: 767px) {p.concept {font-size: 14px;text-align: left;letter-spacing:0;line-height: 180%;}}

img.img-service {width: 100%;max-width: 800px; margin: 20px auto 60px auto;display: block;}
section.about--service h3 {text-align: center;line-height: 180%;font-size: 21px;font-weight: 700;margin-bottom: 25px;}
section.about--service h3 span{display: block;}
@media (max-width: 767px){
    section.about--service h3 {font-size: 16px;text-align: left;}
    section.about--service h3 span{display: inline;}}
section.about--service ul {width: 100%; max-width: 800px;margin: 0 auto;}
section.about--service ul li{color: #fff;display: inline-block;font-size: 14px; padding: 8px 15px;border-radius: 5px;margin-bottom: 5px;background: #F74F4C;}

/* 概要 */
ul.torihikisaki li {display: inline-block;margin-right: 5px;margin-bottom: 5px;}
ul.torihikisaki li:after {content: "/";margin-left: 5px;}

/*スタッフと機材*/
section.about--staff h3 {font-size: 25px;margin-bottom: 3px;}
section.about--staff h3 span {font-size: 13px;padding-left: 2px;letter-spacing: 0.2em;margin-top: 3px;margin-left: 1em;}
section.about--staff p span.katagaki {display: block;font-weight: 700;color: #F74F4C;}
section.about--staff div {margin-bottom: 45px;}
section.about--staff ul li, section.about--equipment ul li {padding-left: 2px;font-size: 14px; color:#131312; list-style:disc;list-style-position: inside;margin-bottom: 0.2em;}
section.about--staff ul li span,section.about--equipment ul li span {display: block;padding-left: 3em;font-size: 13px;}
@media (max-width: 767px){
    section.about--staff h3 {font-size: 21px;}
    section.about--staff ul li,section.about--equipment ul li {font-size: 13px;}
    section.about--staff ul li span,section.about--equipment ul li span {font-size: 12px;padding-left: 18px}
}

/* MAP */
.gmap {width: 100%;height: 450px;}
@media (max-width: 767px) {
    .gmap {height: 300px;}
}