@charset "UTF-8";
/* Home */

#pageHome {}

/* トップヘッドライン */
#pageHome #video {
	width: 100%;
}
#pageHome #video.ios {
	background-image: url(../img/home/bg_headline_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: cover;
}
#pageHome #video .inner {
	height: 430px;
	position: relative;
}
#pageHome #video .inner .hli {
	max-width: 315px;
	position: absolute;
	left: 5px;
	top: 280px;
}
#pageHome #video .inner a {
	position: absolute;
	left: 5px;
	top: 350px;
}

/* お客様に支持されるには理由がある */
#pageHome #top_reason {
	padding-bottom: 20px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
}
#pageHome #top_reason .img {
	max-width: 810px;
}
#pageHome #top_reason .hl {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 0 10px 0;
}

/* ホームページ制作実績 */
#pageHome #top_works {
	background: url(../img/share/bg_grid.png) repeat;
}

#pageHome #top_works .inner {
	max-width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}

#pageHome .slick {
	border: 0px solid;
}
#pageHome .slick div {
	clear: none;
    line-height: 1.4em;
}
#pageHome .slick div figure {
	padding-left: 10px;
	padding-right: 10px;
	border: 0px solid red;
}
#pageHome .slick div figure img {
	display: block;
	margin: 0 auto;
}
#pageHome .slick div figure figcaption {
	text-align: center;
	padding-top: 15px;
}
#pageHome .slick div .btn_wht {
	margin: 10px 0;
}
/* 土地大臣 */
#pageHome .tochi_ttl strong{
	position: relative;
	font-feature-settings: 'palt';
	color:#ca373d;
}
#pageHome .tochi_ttl strong:after{
	content:"";
    background: #ca373d;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: -1;
	width:100%;
}
#pageHome .tochi_bnr a{
	display: flex;
	border:5px solid #000;	
	position: relative;
	border-radius:10px;
}
#pageHome .tochi_bnr a:hover{
	opacity: 0.8;
}
#pageHome .tochi_bnr a img{
	border-radius:5px !important;
}
#pageHome .tochi_bnr a:before{
	content:"";
	position: absolute;
	top:50%;
	left: 50%;
	margin:-25px 0 0 -37.5px;
	width: 75px;
	height:50px;
	background: url("../img/home/tochi_arrow.png") no-repeat;
	background-size:75px 50px;
	z-index: 2;
}
/* 最新セミナー情報 */
#pageHome #top_seminar .hl_top .eng,
#pageHome #top_seminar .hl_top .hl {
	color: #fff;
}
#pageHome #top_seminar .ttl {
	display: inline-block;
	background-color: #ca373d;
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 1.3;
	padding: 0.6em 1em;
}
#pageHome #top_seminar .ttl br.sbr {
	display: inline-block;
}
#pageHome #top_seminar .list_date {
	margin-top: 10px;
}
#pageHome #top_seminar .schedule {
	max-width: 14em;
	font-size: 18px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #fff;
}

#pageHome #top_seminar .time {
	font-size: 16px;
}

#pageHome #top_seminar .btn_wht {
	padding: 1em 4em 1em 5.5em;
	background-position: 3.5em 50%;
}

/* 副社長メッセージ */
#pageHome #top_vice_president .hl_top .eng,
#pageHome #top_vice_president .hl_top .hl {
	color: #ca373d;
}

/* ブログ */
#pageHome #top_blog {}

#pageHome #top_blog .blog_box .ttl {
	display: table;
	width: 100%;
}
#pageHome #top_blog .blog_box .ttl .hl_top2 {
	display: table-cell;
}
#pageHome #top_blog .blog_box .ttl .link {
	display: table-cell;
	width: 7em;
	text-align: right;
}
#pageHome #top_blog .blog_box .ttl .link a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #c3353b;
	padding-bottom: 7px;
}
#pageHome #top_blog .blog_box .ttl .link a:hover {
	color: #ca373d;
}
#pageHome #top_blog .blog_box .ttl .link a span {
	background-image: url(../img/share/arrow_link.png);
	background-repeat: no-repeat;
	background-position: right 0 top 0.2em;
	background-size: 6px;
	padding-right: 14px;
}

/* blog_a */
#pageHome #top_blog #blog_a li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../img/share/dot.png) repeat-x left bottom;
}
#pageHome #top_blog #blog_a li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#pageHome #top_blog #blog_a li .txt {
	padding-left: 2%;
}
#pageHome #top_blog #blog_a li .txt .date {
	font-size: 14px;
}
#pageHome #top_blog li .txt a {
	text-decoration: none;
}
#pageHome #top_blog li .txt a:hover {
	text-decoration: underline;
}
#pageHome #top_blog .subject {
	font-weight: bold;
	margin-top: 7px;
}
#pageHome #top_blog .summary {
	margin-top: 7px;
}

#pageHome #top_blog #blog_news {
	margin-bottom: 30px;
}


/* blog_b */
#pageHome #top_blog #blog_b ul li {

}
#pageHome #top_blog #blog_b ul li:nth-child(1) {
	padding-right: 2%;
} 
#pageHome #top_blog #blog_b ul li:nth-child(2) {
	padding-left: 2%;
}
#pageHome #top_blog #blog_b li .date {
	margin-top: 7px;
}

/* blog_c */
#pageHome #top_blog #blog_c ul li {

}
#pageHome #top_blog #blog_c ul li:nth-child(1) {
	padding-right: 2%;
} 
#pageHome #top_blog #blog_c ul li:nth-child(2) {
	padding-left: 2%;
}
#pageHome #top_blog #blog_c li .date {
	margin-top: 7px;
}


#pageHome #top_blog #blog_news {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e9e9e9;
}
#pageHome #top_blog #blog_blog03 {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e9e9e9;
}


#pageHome #top_blog #blog_blog02 .summary {
	display: none;
}
#pageHome #top_blog #blog_blog01 .summary {
	display: none;
}
#pageHome #top_blog #blog_blog03 .summary {
	display: none;
}
#pageHome #top_blog #blog_photographing .summary {
	display: none;
}


/* チタンについて */
#pageHome #top_about {
	background-image: url(../img/home/bg_top_about.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	z-index: 0;
}
#pageHome #top_about li {
	position: relative;
	z-index:1;
	margin-bottom: 30px;	
}
#pageHome #top_about li .ph img {
	width: 100%;
}
#pageHome #top_about li .eng {
	font-size: 34px;
	color: #ca373d;
	line-height: 1;
	margin-top: -0.4em;
	position: relative;
	z-index: 2;
}
#pageHome #top_about li .txt {
	font-size: 18px;
	line-height: 1.3;
}

#pageHome #top_about li a {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#pageHome #top_about li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);	
}
#pageHome #top_about li a:hover:after {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}


/* お客様の声 */
#pageHome #top_voices .inner {
	max-width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
#pageHome #top_voices .slick div figure figcaption {
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
}
#pageHome #top_voices .slick div figure figcaption span {
	display: block;
	font-weight: normal;
}

/* SNS */
 #pageHome #top_sns .enc {
 	max-width: 445px;
 	margin-left: auto;
 	margin-right: auto;
 }
#pageHome #top_sns .ttl {
	display: table;
}
#pageHome #top_sns .ttl div {
	display: table-cell;
	vertical-align: bottom;
}
#pageHome #top_sns .ttl .icn {
	width: 35px;
}
#pageHome #top_sns .ttl .eng {
	font-size: 36px;
	color: #ca373d;
	padding-left: 10px;
	line-height: 1;
}
#pageHome #top_sns .ttl .txt {
	font-size: 14px;
	padding-left: 12px;
}
#pageHome #top_sns .lside {
	margin-bottom: 30px;
}










@media handheld, print, screen and (max-width: 374px) {
#pageHome .tochi_ttl strong{
	font-size:6.6vw;
}
}
@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* トップヘッドライン */
#pageHome #video.ios {
	background-image: url(../img/home/bg_headline@2x.jpg);
	background-repeat: no-repeat;
	background-position: right 0 top 0;
	background-size: cover;
}
#pageHome #video .inner {
	height: 520px;
}
#pageHome #video .inner .hli {
	max-width: 548px;
	left: 20px;
	top: 260px;
}
#pageHome #video .inner a {
	left: 20px;
	top: 370px;
}
/* お客様に支持されるには理由がある */
#pageHome #top_reason {
	padding-bottom: 30px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#pageHome #top_reason .hl {
	font-size: 40px;
}

/* 土地大臣 */
#pageHome .tochi_ttl strong:after{
	content:"";
    height: 8px;
    bottom: -8px;
}
#pageHome .tochi_bnr a{
	border:10px solid #000;	
	border-radius:20px;
}
#pageHome .tochi_bnr a img{
	border-radius:10px !important;
}
#pageHome .tochi_bnr a:before{
	top:50%;
	margin:-50px 0 0 -75px;
	width: 150px;
	height:100px;
	background: url("../img/home/tochi_arrow.png") no-repeat;
	background-size:150px 100px; 
}
/* 最新セミナー情報 */
#pageHome #top_seminar .ttl {
	font-size: 22px;
	padding: 0.6em 1em;
}
#pageHome #top_seminar .ttl br.sbr {
	display:none;
}
#pageHome #top_seminar .schedule {
		max-width: 15em;
		font-size: 19px;
}
#pageHome #top_seminar .btn_wht {
	padding: 1em 5em 1em 6.5em;
	background-position: 4.5em 50%;
}

/* ホームページ制作実績 */
#pageHome #top_works .inner {
	max-width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}

#pageHome #top_blog #blog_blog02 .summary {
	display: block;
}
#pageHome #top_blog #blog_blog01 .summary {
	display: block;
}
#pageHome #top_blog #blog_blog03 .summary {
	display: block;
}
#pageHome #top_blog #blog_photographing .summary {
	display: block;
}

/* チタンについて */




/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* 最新セミナー情報 */
#pageHome #top_seminar .ttl {
	font-size: 25px;
	padding: 0.6em 1em;
}

#pageHome #top_seminar .schedule {
	font-size: 19px;
	max-width: 27em;
}
#pageHome #top_seminar .btn_wht {
	padding: 1em 5em 1em 6.5em;
	background-position: 4.5em 50%;
}

/* ブログ */
#pageHome #top_blog #blog_news {
	margin-bottom: 0px;
	border-bottom: none;
}
#pageHome #top_blog #blog_blog03 {
	margin-bottom: 0px;
	border-bottom: none;
}


/* チタンについて */
#pageHome #top_about li .eng {
	font-size: 40px;
}

#pageHome #top_sns .lside {
	margin-bottom: 0px;
}

/* end of media query(iPad) */	
}


@media handheld, print, screen and (min-width: 801px) {
/* pc */

/* トップヘッドライン */
#pageHome #video.ios {
	background-image: url(../img/home/bg_headline@2x.jpg);
}
#pageHome #video .inner {
	height: 650px;
}
#pageHome #video .inner .hli {
	max-width: 686px;
	left: 5px;
	top: 360px;
}
#pageHome #video .inner a {
	left: 5px;
	top: 490px;
}

/* お客様に支持されるには理由がある */
#pageHome #top_reason {
	padding-top: 32px;
	padding-bottom: 40px;
}
#pageHome #top_reason .hl {
	font-size: 50px;
}

/* 最新セミナー情報 */
#pageHome #top_seminar .ttl {
	font-size: 30px;
	padding: 0.6em 1em;
}

#pageHome #top_seminar .schedule {
	font-size: 20px;
	max-width: 27em;
}
#pageHome #top_seminar .btn_wht {
	padding: 1em 5em 1em 6.5em;
	background-position: 4.5em 50%;
}

/* ホームページ制作実績 */
#pageHome #top_works .inner {
	padding-right: 80px;
	padding-left: 30px;
}
/* お客様の声 */
#pageHome #top_voices .inner {
	padding-right: 80px;
	padding-left: 30px;
}

/* end of media query(pc) */
}


@media handheld, print, screen and (min-width: 1161px) {
/* pc */

#pageHome #video .inner {
	/*height: 850px;*/
}
/* ホームページ制作実績 */
#pageHome #top_works .inner {
	padding-right: 30px;
}
/* お客様の声 */
#pageHome #top_voices .inner {
	padding-right: 30px;
}


/* end of media query(pc) */
}