/* ==========================================================================
エントリー
========================================================================== */

div.entry{
	padding-top: 30px;
	margin: 0 auto;
	width: 60%;
}
div.entry p{
	text-align: center;
}
div.entry p.call{
	font-size: 150%;
	font-weight: 600;
	line-height: 1.4;
}
div.entry p.call span{
	font-size: 80%;
	font-weight: 400;
}
div.entry a{
	display: block;
	margin: 0 auto;
    text-align: center;
    font-size: 140%;
    font-weight: 600;
    padding: 15px;
    border: 2px solid #d80032;
    border-radius: 6px;
}
div.entry a:hover {
    background: #d00036;
    color: #fff!important;
}
div.entry a:visited {
    color: #d00036;
}
div.entry a:link {
    color: #d00036;
    font-weight: 600;
}

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

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

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

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

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

div.needs{
	padding-bottom: 60px;
}
div.needs p.subttl{
	font-size: 240%;
	font-weight: 600;
	padding-bottom: 25px;
	border-bottom: 2px solid #ccc;
}

.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.cont{
    	min-height: 300px;
    	background-size: cover;
    }
}
@media screen and (max-width:768px) {
    /*　画面サイズが768pxからはここを読み込む　*/
    section.cont{
    	min-height: 300px;
    	background: url(../img/img-bg2.jpg);
    	background-size: cover;
    }
    section.cont p{
    	width: 50%;
    	margin-top: 0;
    }
    .expand-80 {
    	padding: 30px 0;
    }
    section.screenshots-intro {
    	padding: 30px 0 0 0;
    }
    div.entry {
    	padding-top: 20px;
    	margin: 0 auto;
    	width: 95%;
    }
}
@media screen and (max-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/
    section.cont{
    	min-height: 200px;
    	background: url(../img/img-bg3.jpg);
    	background-size: cover;
    }
    section.cont h1{
    	font-size: 30px;
    	margin-bottom: 10px;
    }
    section.cont p{
    	margin-top: 0;
    }
    p.subttl{
    	line-height: 1.6;
    	font-size: 160%;
    }
    h2{
    	font-size: 200%;
    }
    section.screenshots-intro {
    	padding: 0;
    }
    .expand-80 {
    	padding: 30px 0;
    }
    div.needs {
    	padding-bottom: 30px;
    }
    div.needs p.subttl {
    	font-size: 200%;
    	padding-bottom: 10px;
    }
    div.entry {
    	padding-top: 20px;
    	margin: 0 auto;
    	width: 95%;
    }
}