@charset "UTF-8";

/*
こちらのファイルに、各機種用のCSSを記載してください。
以下はサンプルのCSSとなりますのでそのまま使用せず、必要に応じて削除・編集を行ってください。
*/
.contents{
  position: relative;
  /*text-align:center;
  padding:40px 0;
  background-color:#f3f3f3;
  min-height: 60vh;*/
}
.machine_search{
  position:absolute;
  bottom:0;
  height: 40px;
  width:100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.machine_search p{
  display: inline-block;
  margin-right:1rem;
}

/* SMARTPHONE
----------------------------------------------------------- */
@media screen and (max-width: 768px){
    .contents{
        font-size: 1.6rem;
    }
}




/* CUSTOM
----------------------------------------------------------- */


header, footer {
    width: 100%;
    position: relative;
    min-width: 1300px;
}
@media screen and (max-width: 768px) {
    header, footer {
      min-width: inherit;
    }
}

li {
    list-style: none;
}

a {
	transition: .5s;
}
a:hover {
	opacity: 0.75;
	transition: .5s;
}


.pc {
    min-width: 1300px;
    background-color: #000;
    display: block;
}
.sp {
    display: none;
}
@media screen and (max-width: 768px){
	.pc {
	    display: none;
	}
	.sp {
	    display: block;
	}
}



/* PC nav
----------------------------------------------------------- */

#nav_pc {
	background: url(../img/common/pc/menu_bg.jpg) center center repeat-x;
	/* background-size: cover; */
	padding: 34px 0;
}
#nav_pc ul {
    width: 1300px;
	margin: 0 auto;
	line-height: 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#nav_pc ul li {
	margin: 0 -7px;
}


/* PC contents
----------------------------------------------------------- */

#contents_pc {
    max-width: 1730px;
	min-width: 1300px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#contents_pc:before {
    display: block;
    content: '';
    width: calc(100% + 10px);
    height: 100%;
    position: absolute;
    top: 0;
	left: -5px;
	box-shadow: -40px 0px 20px -20px rgba(0,0,0,1) inset ,40px 0px 20px -20px rgba(0,0,0,1) inset;
}
@media screen and (max-width: 1720px){
    #contents_pc:before {
	    display: none;
    }
}

.inner_pc {
    width: 1200px;
	height: 100%;
	margin: 0 auto;
	line-height: 0;
	position: relative;
	/*overflow: hidden;*/
}


/* PC TOP
----------------------------------------------------------- */

.top_box_pc {
    background: url(../img/top/pc/main_bg.jpg) center 0 no-repeat;
	background-size: 1730px 1011px;
	height: 1011px;
}

.pc .top_logo {
    position: absolute;
	bottom: -20px;
	left: 200px;
}
.pc .top_gz {
    position: absolute;
	top: 30px;
	left: 30px;
}
.pc .top_eco {
    position: absolute;
	top: 27px;
	left: 140px;
}
.pc .top_smapachi {
    position: absolute;
	bottom: 120px;
	right: 20px;
}
.pc .top_lt {
    position: absolute;
	bottom: 115px;
	right: 110px;
}
.pc .top_complete {
    position: absolute;
	bottom: 20px;
	right: 10px;
}
.pc .top_pv {
    position: absolute;
	top: 15px;
	right: 20px;
}
.pc .top_crash {
    position: absolute;
	top: 190px;
	right: 20px;
}


/* PC 特徴
----------------------------------------------------------- */

.feature_box01_pc {
    background: url(../img/feature/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 1730px 878px;
	height: 878px;
}
.pc .feature_01 {
    position: absolute;
	top: -130px;
	left: -100px;
}

.feature_box02_pc {
    background: url(../img/feature/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 1730px 1047px;
	height: 1047px;
}
.pc .feature_02 {
    position: absolute;
	top: -10px;
	left: -60px;
}

.feature_box03_pc {
    background: url(../img/feature/pc/main_bg-03.jpg) center 0 no-repeat;
	background-size: 1730px 775px;
	height: 775px;
}
.pc .feature_03 {
    position: absolute;
	top: 0px;
	left: -50px;
}

.feature_box04_pc {
    background: url(../img/feature/pc/main_bg-04.jpg) center 0 no-repeat;
	background-size: 1730px 2171px;
	height: 2171px;
}
.pc .feature_04 {
    position: absolute;
	top: 30px;
	left: 0px;
}
.pc .feature_04-2 {
    position: absolute;
	bottom: 20px;
	left: 30px;
}


/* PC スペック
----------------------------------------------------------- */

.spec_box01_pc {
    background: url(../img/spec/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 1730px 729px;
	height: 729px;
}
.pc .spec_01 {
    position: absolute;
	top: 130px;
	left: 10px;;
}

.spec_box02_pc {
    background: url(../img/spec/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 1730px 534px;
	height: 534px;
}
.pc .spec_02 {
    position: absolute;
	top: 110px;
	left: 0px;;
}


/* PC フローチャート
----------------------------------------------------------- */

.flow_box01_pc {
    background: url(../img/flow/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 1730px 822px;
	height: 822px;
}
.pc .flow_01 {
    position: absolute;
	top: 140px;
	left: -5px;;
}

.flow_box02_pc {
    background: url(../img/flow/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 1730px 804px;
	height: 804px;
}
.pc .flow_02 {
    position: absolute;
	bottom: 0px;
	left: -40px;;
}


/* PC RUSH
----------------------------------------------------------- */

.rush_box01_pc {
    background: url(../img/rush/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 1730px 837px;
	height: 837px;
}
.pc .rush_01 {
    position: absolute;
	top: 110px;
	left: -30px;
}

.rush_box02_pc {
    background: url(../img/rush/pc/main_bg-02.jpg) center 0 no-repeat;
	background-size: 1730px 860px;
	height: 860px;
}
.pc .rush_02 {
    position: absolute;
	top: 10px;
	left: -30px;
}


/* PC 通常モード
----------------------------------------------------------- */

.normal_box01_pc {
    background: url(../img/normal/pc/main_bg-01.jpg) center 0 no-repeat;
	background-size: 1730px 783px;
	height: 783px;
}
.pc .normal_01 {
    position: absolute;
	top: 160px;
	left: -10px;
}










/* SP nav
----------------------------------------------------------- */

#nav_sp {
	background: url(../img/common/sp/menu_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 8% 3% 8%;
}
#nav_sp ul {
    line-height: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#nav_sp li {
    width: 50%;
}


/* SP contents
----------------------------------------------------------- */

.sp img {
    width: 100%;
	height: auto;
}

.inner_sp {
    width: 100%;
	height: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden;
}


/* SP TOP
----------------------------------------------------------- */

.sp .top_logo {
    width: 100%;
    position: absolute;
	top: 35%;
	left: 0;
}
.sp .top_gz {
    width: 14%;
    position: absolute;
	top: 1.5%;
	right: 3%;
}
.sp .top_eco {
    width: 12%;
    position: absolute;
	top: 1.5%;
	right: 3%;
}
.sp .top_smapachi {
    width: 13%;
    position: absolute;
	top: 58%;
	right: 10%;
}
.sp .top_lt {
    width: 18%;
    position: absolute;
	top: 58%;
	right: 23%;
}
.sp .top_complete {
    width: 45%;
    position: absolute;
	top: 58%;
	left: 10%;
}
.sp .top_pv {
    width: 98%;
    position: absolute;
	bottom: 17.5%;
	left: 1%;
}
.sp .top_crash {
    width: 100%;
    position: absolute;
	bottom: 0.1%;
	left: 0;
}

.sp .toB_btn_sp {
	bottom: 10%;
}

/* SP コンテンツ紹介
----------------------------------------------------------- */

.sp .intro_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}


/* SP 特徴
----------------------------------------------------------- */

.sp .feature_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .feature_02 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .feature_03 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .feature_04 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}


/* SP スペック
----------------------------------------------------------- */

.sp .spec_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .spec_02 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}


/* SP フローチャート
----------------------------------------------------------- */

.sp .flow_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .flow_02 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}


/* SP RUSH
----------------------------------------------------------- */

.sp .rush_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}
.sp .rush_02 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}


/* SP 通常モード
----------------------------------------------------------- */

.sp .normal_01 {
    width: 100%;
    position: absolute;
	top: 0;
	left: 0;
}