@charset "utf-8";



@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

@import url('http://fonts.googleapis.com/earlyaccess/notosansjp.css');



/* CSS Document */

#contents {
    margin-top: -8px;
}

.sns_area {

	float:right;

	overflow:hidden;

	margin-top:-30px;

	}



.sp{display:none;}







#body{

	width: 100%;

	background: url('../../../../pickup/mammut/img/main_bg_logo.svg') no-repeat,

url('../../../../pickup/mammut/img/main_bg_2.jpg') no-repeat;

	background-position: top 175px left 50%,top 175px left 50%;

	background-size: contain,contain;

}



.wrap{

	margin-bottom: 780px;

	color:#000;

}

.top-arrow{

	width: 31px;

	margin: 0 auto;

	margin-bottom: 20px;

}



.wrap-maincontents{

	width: 950px;

	margin: 0 auto;

	position: relative;

	top:670px;

	font-family: 'Poppins', 'Noto Sans JP',sans-serif;

}



.maincontents{

}



/*------ sec01 -----*/

.btn-lineup{

	background: url('../../../../pickup/mammut/img/btn-arrow.png') no-repeat,

	#E75504;

	background-position: top 50% left 22px;

	width: 210px;

	height: 43px;

	text-align: center;

	font-size: 0.9rem;

	float:right;

	margin-top: 15px;

	margin-right: 50px;

}

.btn-lineup a{

	color:#fff;

	width: 210px;

	height: 43px;

	display: flex;

	justify-content: center;

	align-items: center;

	text-decoration: none;

	padding-top:2px;

}



/*------ sec01 -----*/

.sec01{

	padding: 0 60px;

	padding-top: 58px;

}

.sec01 h2{

	margin-top: 38px;

	margin-bottom: 15px;

	line-height: 40px;

	font-weight: 600;

	font-size: 1.5rem;

}



.sec01 h2 span{

	letter-spacing: -0.5px;

}

.sec01 h2 span.ls_small{

	letter-spacing: -12px;

}

.sec01 p{

	font-size: 1rem;

	line-height: 1.9;

	letter-spacing: -0.2px;

	font-family:'Noto Sans JP',sans-serif;

}

.sec01 p span{

	letter-spacing: 1px;

}

.sec01 p span.ls{

	letter-spacing: 4px;

}



.sec01-1{

	width: 100%;

	margin-bottom: 70px;

}

.sec01-1 img.img_01-1{

	margin-bottom: 26px;

}

.sec01-2{

	margin-bottom: 80px;

	margin-top: -5px;

}

.sec01-2 .sec_left{

	width: 48%;

	margin-right: 2%;

	width: 100%;

}

.sec01-2 .sec_right{

	width: 48%;

	margin-left: 2%;

	text-align: right;

	float: right;

	margin-top: -535px;

}

.sec01-2 .sec_right p{

	text-align:left;

}



/*------ sec02 -----*/

.sec02{

	padding: 0 60px;

	background: #000;

	color:#fff;

	padding-top: 64px;

	padding-bottom: 40px;

}

.sec02 h3{

	font-size: 1.6rem;

	line-height: 1.3;

	letter-spacing: 2px;

	color:#EA5504;

	margin-bottom: 30px;

	font-weight: 600;

}

.sec02 h3 span{

	letter-spacing:-1px;

}

.sec02 p span.ls{

	letter-spacing:8px;

}

.sec02 p span.ls_2{

	letter-spacing:5px;

}



.sec02 .sec_left{

	width: 48%;

	margin-right: 2%;

}

.sec02 .sec_left p{

	font-size: 1rem;

	letter-spacing:0;

	line-height: 1.9;

	font-family:'Noto Sans JP',sans-serif;

	font-weight: 100;

}

.sec02 .sec_left p.small_cap{

	font-size: 0.76rem;

}

.sec02 .sec_left img{

	margin-top: 34px;

	width: 262px;

	height:43px;

}



.sec02 .sec_right{

	width: 48%;

	margin-left: 2%;

	float: right;

	margin-top: -443px;

	text-align: right;

	margin-bottom: 52px;

}

.wrap_flow ul{

	width: 100%;

	display: flex;

	flex-direction: row;

}

.wrap_flow ul li:nth-child(odd){

	width: 192.5px;

}

.wrap_flow ul li:nth-child(even){

	width: 20px;

	background: url('../../../../pickup/mammut/img/sec02_arrow.png') no-repeat center;

}

.wrap_flow h4{

	font-size: 1.05rem;

	line-height: 1.6;

	font-weight: 100;

	letter-spacing: 0.5px;

}

.wrap_flow p{

	font-size: 0.76rem;

	line-height: 1.6;

	font-weight: 100;

	letter-spacing: 0;

}

.wrap_flow img{

	margin-top:4px;

	margin-bottom: 9px;

	border: 1px solid #EA5504;

	width: 190px;

	height: 148px;

}

/*------ sec03 -----*/

.sec03{

	height: 658px;

	background: url('../../../../pickup/mammut/img/sec03-1.jpg') no-repeat center;

}



/*------ sec04 -----*/

.sec04{

	padding: 0 60px;

	padding-top:60px;

	padding-bottom: 110px;

}

.sec04 h3{

	font-size: 1.8rem;

	letter-spacing: 1px;

	margin-bottom: 18px;

	font-weight: 600;

	text-align: center;

	color:#000;

}

.tech_list h4{

	font-size: 0.85rem;

	letter-spacing: -0.5px;

	color:#EA5504;

	margin-bottom: 10px;

}

.tech_list ul{

	width: 100%;

	display: flex;

	flex-wrap: wrap;

}

.tech_list ul li{

	width: 48%;

	padding-bottom: 20px;

}

.tech_list ul li:nth-child(odd){

	margin-right: 2%;

}

.tech_list ul li:nth-child(even){

	margin-left: 2%;

}

.tech_list p{

	width:272px;

	font-size: 0.76rem;

	letter-spacing: -0.2px;

	line-height: 1.6;

	float:right;

}

.tech_list img{

		width:118px;

		height: 83px;

}

.fab_list h4{

	font-size: 0.95rem;

	letter-spacing: 0px;

	line-height:1.2;

	color:#EA5504;

	height: 40px;

	font-weight: 500;

}

.fab_ul{

	width: 100%;

	display: flex;

	flex-direction: row;

}

.fab_li{

	width: 48%;

	padding: 15px;

	height: 186px;

	background: #ECECEC;

}

.fab_li:nth-child(1){

	margin-right: 2%;

}

.fab_li:nth-child(2){

	margin-left: 2%;

}

.fab_list img{

		width:132px;

		height: 120px;

}

.fab_list p{

		width:240px;

		float: right;

		font-size: 0.76rem;

		letter-spacing: -0.1px;

		margin-top: -110px;

		padding-left: 10px;

}

.fab_list ul{

		width:232px;

		float: right;

		font-size: 0.76rem;

		letter-spacing: -0.6px;

		line-height: 1.5;

		margin-top: -2px;

}

.fab_li ul li{

	list-style-type: disc;

	padding-bottom: 2px;

}





/*------ sec05 -----*/

.sec05{

	width: 100%;

	margin: 0 auto;

	padding-bottom: 110px;

}



.sec05 h3{

	font-size: 1.7rem;

	letter-spacing: 1px;

	margin-bottom: 18px;

	font-weight: 600;

	text-align: center;

	color:#EA5504;

}

.sec05 h4{

	font-size: 0.95rem;

	letter-spacing: 0.5px;

	line-height:1.2;

	color:#EA5504;

	font-weight: 500;

	text-align: center;

	height: 50px;

}

.sec05 h5{

	font-size: 0.9rem;

}

.sec05 .orangeline{

	width: 100%;

	height: 10px;

	background: #EA5504;

}

.lineup_list{

	padding: 0 60px;

	text-align: center;

	margin-top: 25px;

}

.lineup_list img{

		width:168px;

		height: 228px;

}

.lineup_list ul{

	display: flex;

	flex-direction: row;

}

.lineup_list ul li{

	width: 33.333%;

}



.lineup_list p{

	font-size: 1.2rem;

	font-weight: 600;

	margin-top: -5px;

}



.shop_list{

	padding: 0 60px;

	margin-top: 38px;

}

.shop_list table{

	width: 100%;

	font-size: 0.76rem;

	letter-spacing: 0;

	margin-top: 10px;

}

.shop_list table tr{

	border-bottom:1px dotted #939393;

}

.shop_list table tr:first-child{

	border-top:1px dotted #939393;

}

.shop_list table tr td{

	padding: 10px 0 8px 0;

}



.shop_list table tr td.page a{

	font-size: 0.72rem;

	background: #BABABA;

	color:#000;

	text-decoration: none;

	padding: 4px 8px 2px 8px;

	margin-left: 20px;

}



.shop_list table tr td.page a:hover{

	opacity:0.8;

}