/* @override http://scandpartners.myhost/common/styles/top.css */

@charset "utf-8";


/* 共通 */

section .title h1 {
 display: inline-block;
 text-align: center;
 line-height: 1.5;
 font-size: 14px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0;
 letter-spacing: 1px;
}

section .titleonimg h1 {
 display: inline-block;
 text-align: center;
 line-height: 1.5;
 font-size: 30px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0;
 color: black;
  text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0);
 font-weight: bold;
}

section .titleimg h1 {
 margin-bottom: 0;
}

section .title h1 span {
 display: block;
 font-size: 30px;
 border-bottom: 2px solid black;
 margin-bottom: 0.3em;
}

section h2 {
 font-size: 18px;
 margin-bottom: 0.5em;
}

section p:not(:last-child) {
 margin-bottom: 2em;
}

section figure {
 margin-bottom: 0;
}

.titleimg img, 
.title img {
 width: 100%;
 height: auto;
}

/* カバー画像部 */

header .container {
 position: relative;
}

header .container .text {
 position: absolute;
 top: 10%;
 left: 50%;
 width: 450px;
 padding-right: 0;
}

header .container .text p {
  text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0);
 letter-spacing: 2px;
 color: black;
 display: inline-block;
 line-height: 2;
 font-size: 29px;
 font-weight: bold;
}

/* titleblock */

.titleblock {
 margin-bottom: 90px;
}

.titleblock .container {
 position: relative;
}

.titleblock .container .imgover {
 position: absolute;
 left: 0;
 top: 30%;
}

.titleblock .title h1 {
 color: white;
 letter-spacing: 1px;
 text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
 font-size: 26px;
 font-weight: bold;
}

/* Section#seminar  */

#seminar #seminar-infoWrap {
 
}

#seminar .title h1 {
 color: black;
}

#seminar .title h1 span {
 border-bottom-color: black;
}

#seminar #seminar-infoWrap ul {
 padding: 0;
 margin-bottom: 50px;
}

#seminar #seminar-infoWrap ul li {
 list-style-type: none;
}

#seminar #seminar-infoWrap ul li.afterday,
#seminar #seminar-infoWrap ul li.afterday a {
 color: gray;
}

#seminar #seminar-infoWrap ul li:not(:last-child){
 margin-bottom: 1.8em;
}

#seminar #seminar-infoWrap ul li > span {
 display: block;
}

#seminar #seminar-infoWrap ul li span.date,
#seminar #seminar-infoWrap ul li span.place {
 margin-right: 10px;
}

#seminar #seminar-infoWrap ul li span.info {
 color: #ba3219;
}

#seminar #seminar-infoWrap ul li a {
 display: block;
 margin-left: 2em;
 text-indent: -0.8em;
 line-height: 1.5;
}

#seminar #seminar-infoWrap ul li a i {
 margin-right: 10px;
}

/* 事業案内 */

#businessmenu {
 
}

#businessmenu h1 {
 margin-top: 0;
}

/* 企業紹介 */

#company {
 
}

#company .container {
 position: relative;
}

#company .container .imgover {
 position: absolute;
 left: 0;
 top: 20%;
}

#company .container .imgover h1 {
 margin-bottom: 30px;
}

#company .container p {
 
}

/* 主な実績 */

#works {
 
}

#works h2 {
 text-align: center;
 font-size: 18px;
 margin-bottom: 20px;
}

#works .timeline {
 margin-bottom: 50px;
}

#works .timeline dl {
}

#works .timeline dl dt {
 float: left;
 width: 130px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 clear: left;
 line-height: 1.8;
}

#works .timeline dl dd {
 margin-left: 140px;
 margin-bottom: 0.7em;
 line-height: 1.8;
}

/* ブログ */

#blog {
 
}

#blog .container {
 position: relative;
}

#blog .container.titleonimg {
 margin-bottom: 5em;
}

#blog .container .imgover {
 position: absolute;
 left: 17%;
 top: 42%;
}

#blog #blog-postsWrap {
 
}

#blog #blog-postsWrap ul {
 padding: 0;
 width: 100%;
}

#blog #blog-postsWrap ul li {
 list-style-type: none;
 margin-bottom: 40px;
 clear: both;
 position: relative;
}

#blog #blog-postsWrap ul li .post-img {
 float: left;
 width: 105px;
 height: 105px;
 display: block;
}

#blog #blog-postsWrap ul li .post-img span{
 display: block;
height: 0;
width: 100%;
padding-bottom: 100%;
 overflow: hidden;
 position: relative;
}

#blog #blog-postsWrap ul li .post-img img {
width: 100%;
min-height: 105px;
object-fit: cover;
font-family: 'object-fit: contain;'
}

#blog #blog-postsWrap ul li .postdata {
 margin-left: 120px;
}

#blog #blog-postsWrap ul li .postdata p {
 margin-bottom: 0;
 font-size: 14px;
 line-height: 1.8;
}

#blog #blog-postsWrap ul li .postdata p.post-date {
 border-bottom: 2px solid #909090;
 display: inline-block;
 margin-bottom: 0.6em;
}

#blog #blog-postsWrap ul li .postdata p.post-ttl {
 font-size: 18px;
 line-height: 1.4;
 margin-bottom: 5px;
}

#blog #blog-postsWrap ul li .postdata p.post-ext {
 font-size: 15px;
 line-height: 1.5;
}


#blog #blog-postsWrap ul li .readmorebt {
 position: absolute;
 right: 0;
 bottom: 0;
 display: inline-block;
}

/* お問い合わせ */

#contact {
 
}

#contact #contactWrap  {
 background-color: #54c3f1;
 padding-bottom: 30px;
 color: white;
 padding-top: 30px;
}

#contact .container .imgover h1 {
 margin-bottom: 30px;
}

#contact .container .imgover h1 span {
 border-bottom-color: white;
}

/* プロフィール */

#profile {
 
}

#profile .row:first-child {
}

#profile p {
 margin-bottom: 0;
}

#profile p.companyttl {
 font-size: 14px;
}

#profile p.person {
 font-size: 24px;
 margin-bottom: 0.5em;
}

#profile p.person span {
 font-size: 12px;
 margin-right: 5px;
}

#profile p.exp {
 font-size: 14px;
}









/* スマートフォン */

@media screen and (min-width: 320px) and (max-width: 767px) {

/* 共通 */

section .title h1 {
 display: inline-block;
 text-align: center;
 line-height: 1.5;
 font-size: 12px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0;
}

section .titleimg h1 {
 margin-bottom: 0;
}

section .title h1 span {
 display: block;
 font-size: 18px;
 border-bottom: 2px solid black;
 margin-bottom: 0.3em;
}

section h2 {
 font-size: 14px;
 margin-bottom: 0.5em;
}

/* カバー画像部 */

header .container .text {
 position: absolute;
 left: 15px;
 display: inline-block;
 top: 68%;
 max-width: 300px;
}

header .container .text p {
 font: bold 18px/1.3 メイリオ, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 1.0);
 letter-spacing: 1px;
 color: white;
}

/* titleblock */

.titleblock {
 margin-bottom: 30px;
}

.titleblock .container {
 position: relative;
}

.titleblock .container .row > div {
 padding-right: 0;
 padding-left: 0;
}

.titleblock .container .imgover {
 position: absolute;
 left: 0;
 top: 20%;
}

.titleblock .title h1 {
 font-size: 18px;
 width: 100%;
}

section .titleonimg h1 {
 font-size: 21px;
}

/* Section#seminar  */

#seminar .title {
 margin-bottom: 30px;
}

#seminar .container .imgover {
 position: absolute;
 padding-top: 10px;
}

#seminar #seminar-infoWrap ul {
 margin-bottom: 20px;
}

#seminar #seminar-infoWrap ul li span.info {
 display: block;
}

/* ブログ */

#blog .container.titleonimg {
 margin-bottom: 40px;
}

#blog .container .imgover {
}

#blog #blog-postsWrap ul li .post-img {
 width: 90px;
 height: 90px;
}

#blog #blog-postsWrap ul li .post-img span{

}

#blog #blog-postsWrap ul li .post-img img {
min-height: 90px;
}

#blog #blog-postsWrap ul li .postdata {
 margin-left: 100px;
}

#blog #blog-postsWrap ul li .postdata p {
 margin-bottom: 0;
 font-size: 1.2rem;
 line-height: 1.6;
}

#blog #blog-postsWrap ul li .postdata p.post-date {
 border-bottom: 2px solid #909090;
 display: inline-block;
 margin-bottom: 0.6em;
}

#blog #blog-postsWrap ul li .postdata p.post-ttl {
 margin-bottom: 0.5em;
 font-size: 14px;
 line-height: 1.4;
}

#blog #blog-postsWrap ul li .postdata p.post-ext {
 margin-right: 0;
 font-size: 12px;
  line-height: 1.8;
}

#blog #blog-postsWrap ul li .readmorebt {
 position: relative;
 display: inline-block;
 margin-left: 100px;
 margin-top: 10px;
}

/* 企業紹介 */

#company {
 
}

#company .container {
 position: relative;
}

#company .container .imgover {
 position: relative;
 left: 0;
 top: 0;
 padding-top: 30px;
}

#company .container h1 + p {
 text-align: left;
}

#company .container p br {
 display: none;
}

/* 事業案内 */

#businessmenu {
 
}

#businessmenu h1 {
 margin-top: 0;
}

/* 主な実績 */

#works {
 
}

#works h2 {
 text-align: center;
 margin-bottom: 10px;
 font-size: 14px;
}

#works .timeline {
 margin-bottom: 30px;
}

#works .timeline dl {
 margin-bottom: 0.5em;
}

#works .timeline dl dt {
 float: left;
 width: 90px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

#works .timeline dl dd {
 margin-left: 90px;
}

/* プロフィール */

#profile figure#profile-img {
 margin-top: 15px;
 width: 100%;
}

#profile p {
 margin-bottom: 0;
}

#profile p.companyttl {
 font-size: 12px;
}

#profile p.person {
 font-size: 16px;
 margin-bottom: 0.5em;
}

#profile p.person span {
 font-size: 12px;
 margin-right: 5px;
}

#profile p.exp {
 font-size: 12px;
}
	
}


/* タブレット */ 	
@media screen and (min-width: 768px) and (max-width: 991px) {

/* カバー画像部 */

header .container .text {
 position: absolute;
 top: 10%;
 left: 45%;
 width: 380px;
}

header .container .text p {
 font: bold 24px/1.8 メイリオ, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0);
 letter-spacing: 1px;
}

/* Section#seminar  */

#seminar .container .imgover {
 position: absolute;
 left: 0;
 top: 0;
 padding-top: 20px;
}

#company .container .imgover {
 position: relative;
 left: 0;
 top: 0;
 padding-top: 30px;
}
	
}


/* PCサイズ */ 	
@media screen and (min-width: 992px) and (max-width: 1199px) {

#company .container .imgover {
 position: absolute;
 left: 0;
 top: 10%;
}
	
}

/* ワイドスクリーン */ 
@media only screen and (min-width : 1200px) {
	
}


/* タブレット以上 */ 
@media only screen and (min-width : 768px) {
 
}

/* PCサイズ以上 */ 
@media only screen and (min-width : 991px) {
 
}