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

/* MainVisual - Campaign
--------------------------*/
#main_visual {
	width: 100%;
	height: auto;
	/* none full size*/
	background-size: cover;
	padding: 3em 1em;
}
#index_movie {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	/* none full size*/
	max-width: 800px;
	box-shadow: 0 0 .5em .3em rgba(0,0,0,.15);
}
.move_iframe {
	width: 100%;
	max-width: 600px;
	margin: 10px auto;
}
#news_ticker {
	width: 100%;
	border-top: 3px #ff0 solid;
	border-bottom: 3px #ff0 solid;
	background: url(../images/bg_pattern_ylw.png) repeat;
	overflow: hidden;
}
#news_ticker a {
	display: block;
	width: 100%;
	height: 90px;
	background: url(../images/index_cmp_002.png) center center repeat-x;
	background-size: 1100px 90px;
	text-indent: -98765px;
	-webkit-animation: bgscroll 25s linear infinite;
     animation: bgscroll 25s linear infinite;
}
@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1100px 0;}
}
@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1100px 0;}
}

#recruit {
	width: 100%;
	background: #ff7b99;
}
#recruit img {
	max-width: 880px;
}



/* Section PickUp
--------------------------*/
#sec_exchange,
#sec_spot_rfm,
#sec_all_rfm,
#sec_ext_rfm,
#sec_repair {
	width: 100%;
	margin: 0 auto;
	padding: 5em 0 1em;
}
.index_ttl {
	width: 90%;
	max-width: 450px;
	margin: 0 auto;
	padding: 0;
}
.index_sub {
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.index_sub img {
	max-width: 60px;
}
.index_sub p {
	padding: 1em .5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}
.item_wrap {
	width: 90%;
	max-width: 960px;
	margin: 1em auto 3em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.item_wrap dt {
	display: block;
	width: 100%;
	margin: 0 auto 1em;
}
.item_wrap dt img {
	max-width: 450px;
}
.item_wrap dd.col2 {
	width: 49%;
	max-width: 472px;
}

.item_wrap dd.col2_1 {
	width: 49%;
	max-width: 490px;
}
.item_wrap dd.col3 {
	width: 33%;
	max-width: 310px;
}
.item_wrap dd.col4 {
	width: 24%;
	max-width: 230px;
}

.point_exchg {
	background: #e4801e;
}
.point_sprfm {
	background: #ff7b99;
}
.point_alrfm {
	background: #1eb9b4;
}
.point_extrfm {
	background: #3764b9;
}
.point_repair {
	background: #50d23c;
}
.point_wrap {
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
	padding: 2em 0;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.point_img {
	display: block;
	max-width: 240px;
}
.point_txt {
	width: auto;
	max-width: 640px;
	padding: 0 0 0 1em;
	color: #fff;
	text-align: left;
}
.point_txt dt {
	display: inline-block;
	margin: 0 0 .5em;
	font-size: 1.4em;
	text-decoration: underline;
}
.caution {
	width: 90%;
	margin: 0 auto 1em;
}


/* Information
--------------------------*/
#information {
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
	padding: 4em 0 0;
}
#information h2 {
	width: 90%;
	max-width: 330px;
	margin: 1em  auto;
}
#info_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
#info_news {
	width: 100%;
}
#info_news dl {
	border: 10px #dfdfdf solid;
	height: 260px;
	padding: 10px;
	overflow: auto;
	text-align: left;
}
#info_news dt {
	display: block;
	color: #000; /*005aff*/
}
#info_news dd {
	margin: 0 0 1em;
	padding: 0 0 .5em;
	border-bottom: 1px #808080 solid;
	line-height: 1.4;
}
#info_fair {
	width: 49%;
	max-width: 473px;
}

#info_fair_1 {
	width: 49%;
	max-width: 473px;
}

#info_fair_2 {
	width: 49%;
	max-width: 473px;
}


/* Works
--------------------------*/
#works {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0;
}
#works h2 {
	width: 90%;
	max-width: 450px;
	margin: 0 auto;
}
#works ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#works li {
	width: 16%;
	max-width: 190px;
	margin: 0 auto;
}


/* Access
--------------------------*/
#access {
	width: 100%;
	margin: 0 auto;
	padding: 4em 0 0;
}
#access h2 {
	width: 90%;
	max-width: 330px;
	margin: 1em auto;
}
#gmap {
	position: relative;
	width: 100%;
	min-height: 400px;
}



/* 768px以下 --------------------------------
------------------------------------------*/
@media only screen and (max-width: 768px) {

/* none full size
#main_visual {
	padding: 0;
}
#index_movie {
	box-shadow: none;
}
*/
.index_sub p {
	font-size: 1.1em;
}
.point_img {
	max-width: 200px;
}
.point_txt dt {
	font-size: 1.2em;
}

#works li {
	width: calc(32% - 1em);
	margin: 0 .5em 1em;
}

}



/* 480px以下 --------------------------------
------------------------------------------*/
@media only screen and (max-width: 480px) {

.item_wrap {
	justify-content: center;
}
.item_wrap dd.col2 {
	width: 96%;
	margin: 1em auto 0;
}
.item_wrap dd.col3 {
	width: 48%;
	margin: 1em auto 0;
}
.item_wrap dd.col4 {
	width: 48%;
	margin: 1em auto 0;
}
.point_wrap {
	flex-wrap: wrap;
}
.point_txt {
	width: 100%;
	padding: 1em 0 0;
}
#info_news {
	width: 100%;
	margin: 0 0 2em;
}
#info_fair {
	width: 100%;
}

#works li {
	width: calc(49% - 1em);
	margin: 0 .5em 1em;
}

}