html {
  font-size: 10px;
  color: #333;
}

.detail{
	background: #efefef;
	font-feature-settings: "palt";
	line-break: strict;
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
	font-size: 1.6rem;
}

.detail main{
	width:calc(100% - 30px);
	max-width: 1000px;
	margin:20px auto;
	background: #fff;
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 2px;
	padding: 50px;
	box-sizing: border-box;
}

.detail main h1{
	font-size:4.0rem;
	line-height: 1.5;
	font-weight: bold;
	margin:40px auto 10px;
}

.detail main h2{
	font-size:3.0rem;
	line-height: 1.5;
	font-weight: bold;
	margin:60px auto 10px;	
}

.detail main h3{
	font-size:2.2rem;
	line-height: 1.5;
	font-weight: bold;
	margin:30px auto 10px;
}

.detail main .txt{
	padding: 20px;
	background: #efefef;
	border-radius: 4px;
	line-height: 1.5;
	font-size: 1.4rem;
	margin:20px auto;
}

.detail main .desc{
	padding: 20px;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 4px;
	line-height: 1.5;
	font-size: 1.4rem;
	margin:20px auto;	
}


.detail main .info{
	text-align: right;
    padding: 30px;
    margin: 30px auto;
    background-color: #efefef;
    border-radius: 4px;	
    font-size: 1.2rem;
    line-height: 1.5;
}

.info__btn{
    border: 1px solid #A88734;
    border-radius: 4px;
    margin: 20px auto;

    background: rgb(250,235,200);
    background: linear-gradient(180deg, rgba(250,235,200,1) 0%, rgba(244,210,128,1) 35%, rgba(240,194,79,1) 100%);
    color: #101112;
    text-align: center;
    padding: 15px 0;
    display: block;
    line-height: 1.0;
    position: relative;
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
}

.info__btn:hover{
	opacity: 0.9;
	background: rgb(214,167,48);
	background: linear-gradient(180deg, rgba(214,167,48,1) 0%, rgba(218,169,49,1) 67%, rgba(212,168,69,1) 100%);
}

.img{
	width: 100%;
	margin:20px auto;
	display: block;
	border-radius: 2px;
	overflow:hidden;
	border:1px dotted #efefef;
}

/* list */

.list{
	background: #000;
	color: #fff;
	font-feature-settings: "palt";
	line-break: strict;
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
	font-size: 1.6rem;
}

.list main{
	width:calc(100% - 30px);
	max-width: 1000px;
	margin:20px auto;
	padding: 50px;
	box-sizing: border-box;
}

.list h1{
	font-size: 3.2rem;
	margin:40px auto;
	line-height: 1.5;
	font-weight: normal;
}

.list .download__list{
	margin:150px auto;
}

.list .download__list li{
	margin: 20px auto;
}

.list .download__list li::before{
	content:"- ";
	color: #fff;
}

.list .download__list li a{
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.list .download__list li a:hover{
	background: #fff;
	color: #333;
	cursor: pointer;
	transition: 0.3s;
}

.boldTxt{
	font-weight: bold;
}

hr{
	margin: 30px;
	border:none;
	border-top:1px dotted #ccc;
}

h4{
	margin: 20px auto 0;
	font-size: 120%;
}

h5{
	margin: 10px auto 0;
}

@media screen and (max-width: 768px) {

}