/* ==========================================================================
共通（天地空き）
========================================================================== */

.expand-60{
	padding: 60px 0;
}
.expand-80{
	padding: 80px 0;
}

/* ==========================================================================
メインビジュアル
========================================================================== */

.hero{
	padding: 0　0　60px　0;
	min-height: 240px;
}
.hero h1{
	margin: 80px 0 0px 0;
}
.hero p{
	color: #2e3038;
}
div.hero-content{
	padding-bottom: 140px;
}
section.comp{
	background: url(../../../img/hero-001cmp.jpg);
}
section.screenshots-intro {
    padding: 80px 0 0 0;
}

/* ==========================================================================
イントロダクション
========================================================================== */

p.subttl{
	font-size: 180%;
	font-weight: 600;
}
.features-slider{
	background: #8d99ae;
	padding: 11% 100px 10% 100px;
}

/* ==========================================================================
社長あいさつ
========================================================================== */

p.text-right{
	text-align: right!important;
}
div.message p{
	text-align: justify;
}

/* ==========================================================================
会社概要
========================================================================== */

dl.profile dt{
	height: auto;
	line-height: 1.8;
	float: left;
	width: 25%;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
dl.profile dd{
	line-height: 1.8;
	padding: 20px;
	margin: 0 0 0 25%;
	border-top: 1px solid #ccc;
	background: #eef2f4;
}

/* ==========================================================================
LINK関連
========================================================================== */

dl.profile dd a:link {color:#2e3038; font-weight: 600;} /*未訪問のリンクの色*/
dl.profile dd a:visited {color:#2e3038;} /*訪問済みのリンクの色*/
dl.profile dd a:hover {color:#d00036; text-decoration: underline;} /*カーソルが乗っているリンクの色*/
dl.profile dd a:active {color:#2e3038;} /*クリック中のリンクの色*/

h2{
	font-size: 240%;
	font-weight: 600;
}
ul.slides h1{
	font-weight: 600;
}

/* ==========================================================================
メディアクエリ
========================================================================== */

@media screen and (min-width:1400px){
    section.hero{
        min-height: initial!important;
    }
}
@media screen and (min-width:769px) and ( max-width:1199px) {
    /*　画面サイズが769pxから1024pxまではここを読み込む　*/
    section.comp{
    	min-height: 300px;
    	background-size: cover;
    }
}
@media screen and (max-width:768px) {
    /*　画面サイズが768pxからはここを読み込む　*/
    section.comp{
    	min-height: 300px;
    	background-size: cover;
    }
    .expand-80 {
    	padding: 30px 0;
    }
    section.screenshots-intro {
    	padding: 30px 0 0 0;
    }
}
@media screen and (max-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/
    section.comp{
    	min-height: 200px;
    	background-size: cover;
    }
    section.comp h1{
    	font-size: 30px;
    	margin-bottom: 10px;
    }
    section.comp p{
    	margin-top: 0;
    }
    p.subttl{
    	line-height: 1.6;
    	font-size: 160%;
    }
    h2{
    	font-size: 200%;
    }
    section.screenshots-intro {
    	padding: 30px 0 0 0;
    }
    .features-slider {
    	padding: 10%!important;
    }
    .features-slider .flickity-page-dots {
    	text-align: center;
    	margin-top: 20px;
    	position: static;
    }
    ul.slides h1 {
    	font-size: 130%;
    }
    .texture-overlay {
    	display: none;
    }
    .features-bg {
    	min-height: 200px;
    }
    .expand-80 {
    	padding: 30px 0;
    }
}