@charset "UTF-8";
/* CSS Document */

/*
——————————G-ARM——————————
*/

.top img {
	width: 100%;
}

.garm_gallery { 
width: 100%;
}
	
	.garm_gallery .slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.garm_gallery .slide .slide1 {
		width: 25%;
	}


.contents1 {
	width: 100%;
	font-size: 24px;
	font-weight:900;
	text-align: center;
	line-height: 1.6em;
}

.copy1 {
	margin-bottom: 1em;
	margin-top: 0.6em;
}

.contents2 {
	width: 100%;
}

.contents2 .head {
	font-size: 25px;
	margin-bottom: 0.5em;
}

.contents2 .item1 {
	display: flex;
	border-bottom: solid #1F1F1F 1px ;
}

.contents2 .textbox {
	text-align: center;
}

.contents2 .textbox h3 {
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 0.6em;
}

.contents2 .textbox p {
	line-height: 1.8em;
}

.contents3 {
	display: flex;
	width: 100%;
	align-items: center;
	border-bottom: solid #1F1F1F 1px ;
	padding-bottom: 2em;
}

.contents3 .right {
	width: 40%;
	text-align: center;
}

.contents3 .right img{
	width: 70%!important;
}

.contents3 .right h3 {
	font-size: 20px;
}

.contents4 {
	margin-bottom: 2em;
}

.contents4 .clamp {
	display: flex;
	align-items: center;
	width: 100%;
}

.contents4 .clamp .left {
	width: 50%;
	text-align: center;
}

.contents4 .clamp .left h3 {
	font-size: 20px;
}

.contents4 h3 {
	font-size: 20px;
}

.contents5 {
	display: flex;
	margin-bottom: 2em;
}

.contents5 .right {
	width: 80%;
	text-align: center;
}

.contents5 .right h3 {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}

 
.spec1 {
	display: flex;
}

.spec1 .left img {
	width: 100%!important;
}

.spec1 .right {
	width: 70%;
}

.spec1 table {
border-collapse: collapse;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.spec1 h3 {
text-align: left;
}

.spec1 table th {
background-color: #eaeaea;
text-align: left;
font-size: 12px;
padding: 0.5em;
border: solid 1px #ccc;
}

.spec1 table td {
text-align: left;
font-size: 12px;
border: solid 1px #ccc;
}

ul li {
	list-style: none;
}

.company a{
	position: relative;
    display: inline-block;
    padding: 0.5em 0em;
	text-align: center;
    text-decoration: none;
    background: #ECECEC;
    transition: .4s;
	font-size: 16px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 1em;
}

.company a:hover {
	background: #67c5ff;
    color: white;
	text-decoration:none;
}

@media screen and (min-width:600px) and (max-width:1024px) {
    /*Tablet*/

.garm_gallery { 
width: 100%;
}
	
	.garm_gallery .slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.garm_gallery .slide .slide1 {
		width: 25%;
	}

.contents1 {
	font-size: 18px;
}


.contents2 .textbox {
	margin-bottom: 2em;
}

.contents3 {
	display: flex;
	width: 100%;
	align-items: center;
	border-bottom: solid #1F1F1F 1px ;
	padding-bottom: 2em;
}

.contents3 .right h3 {
	font-size: 20px;
}

.contents4 {
	margin-bottom: 2em;
}

.contents4 .clamp {
	display: flex;
	align-items: center;
	width: 100%;
}

.contents4 .clamp .left {
	width: 50%;
	text-align: center;
}

.contents4 .clamp .left h3 {
	font-size: 20px;
}

.contents4 h3 {
	font-size: 20px;
}

.contents5 {
	display: flex;
	margin-bottom: 2em;
}

.contents5 .right {
	width: 80%;
	text-align: center;
}

.contents5 .right h3 {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}

 
.spec1 {
	flex-wrap: wrap;
	justify-content: center;
}

.spec1 .left img {
	width: 100%!important;
}

.spec1 .right {
	width: 100%;
}
	
	
}

@media screen and (max-width:599px) {
    /*SmartPhone*/
.garm_gallery { 
width: 100%;
}
	
	.garm_gallery .slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.garm_gallery .slide .slide1 {
		width: 50%;
	}
	
	
.garm_gallery .copy1 {
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 15px 0;
line-height: 1.5;
}

.garm_gallery h3{ 
font-size:24px;
}


.contents1 {
	font-size: 17px;
}

.contents2 .head {
	font-size: 24px;
	text-align: center;
	margin-bottom: 0.5em;
}

.contents2 .item1 {
	flex-wrap: wrap;
	border-bottom: solid #1F1F1F 1px ;
	justify-content: center;
}

.contents2 .textbox {
	margin-bottom: 1em;
}

.contents3 {
	flex-wrap: wrap;
	
}

.contents3 .right {
	width: 100%;
	text-align: center;
}

.contents3 .right img{
	width: 100%!important;
}

.contents4 .clamp {
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.contents4 .clamp .left {
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

.contents4 h3 {
	text-align: center;
}

.contents5 {
	flex-wrap: wrap;
	justify-content: center;
}

.contents5 .right {
	width: 100%;
	text-align: center;
}

.contents5 .right h3 {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 0.6em;
}

 
.spec1 {
	flex-wrap: wrap;
}

.spec1 .left img {
	width: 100%!important;
}

.spec1 .right {
	width: 100%;
}


}