body {
    max-width: 1279px;
	background-color: #ffffff;
	color: #333333;
	font-family:'���C���I', Meiryo, '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	font-size: 90%;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;    
}

header {
	padding: 0;
	margin: 0 auto;
	/*margin-bottom: 2.5rem;*/
	max-width: 1279px;
}

a :hover{ 
	opacity:0.7;
	transition:0.3s;
}

section {
	padding: 0 30px 0 30px;
	margin: 0 auto;
	max-width: 1219px;
	margin-bottom: 30px;
	text-align: center;
}

article {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
.about-item img{
    padding: 12px 0 12px 0;
}
.gift{
	padding: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;	
}
.gift img{
    margin-top: 10px;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0 auto;
}

h3{
	border-bottom: 2px solid #333;
	color: #1D2088;
	margin-bottom: 3px;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.items li {
    display: inline;
	padding: 20px 0 20px 0;
	margin: 0;
	max-width: 600px;
}

.items img {
	padding: 0.8rem 0rem 1em 0rem;
	margin: 0;
	max-width: 33%;
}

.items_02 li {
    display: inline;
	margin: 0;
	max-width: 600px;
    vertical-align: -webkit-baseline-middle;
}

.btns li {
	display: inline;
	padding: 20px;
	margin: 0 auto;
	max-width: 700px;
}
.btns img {
	padding: 0.8rem 0rem 1em 0rem;
	margin: 0;
	max-width: 43%;
}

.waku {
	border: 1px solid #666666;
	padding: 20px 20px 0 20px;
	margin: 0 0 30px 0;
}
.waku-caution{
	border: 1px solid #666666;
	padding: 20px 20px 0 20px;
	margin: 0 0 30px 0;    
}

.sp {
	margin: 0 auto;
	padding: 0;
}

.lists {
	padding: 0 0 20px 0;
	margin: 0;
	text-align: left;
}

.steps{
    padding-top: 1.5rem;
}

.steps li {
    display: inline-block;
	margin: 0;
	max-width: 400px;
}
.steps li:nth-child(2){
    padding: 0 5rem 2rem;
}

.steps span {
	color: #1D2088;
	font-size: 120%;
    display: block;
	padding: 0;
	margin: 0;
	max-width: 300px;
	min-height: 40px;
	text-align: left;
}

.steps img {
	padding: 0;
	margin: 0;
	max-height: 500px;
}

.overview{
    padding-top: 1rem;
}
.gaiyo {
	padding: 0;
	margin: 0;
	width: 100%;
}

.l, .r {
    display: inline-block;
	padding: 0;
	margin: 0;
	width: 45%;
	vertical-align: top;
}

.c {
    display: inline-block;
	padding: 0;
	margin: 0;
	width: 7%;
}

.desc {
	padding: 0 10px 20px 10px;
	margin: 0;
	width:100%;
	text-align: left;
}

.desc li img {
	padding: 10px ;
	margin: 0;
	width: 90%;
}

footer {
	padding: 0 30px 0 30px;
	margin: 0 auto;
	max-width: 1219px;
	/*margin-bottom: 30px;*/
	text-align: center;
}
.footer_icon{
    margin-top: 2rem;
    margin-bottom: 8rem;
    
}


@media screen and (max-width:1280px) {
	body {
        font-size: 90%;
	}
    img{
        width: 100%;
    }
    
    .about-item img{
        padding: 0px;
    }    
    
	.items img {
		padding: 0.5rem 0 0.5rem 0;
		margin: 0;
		max-width: 48%;
	}
	.btns img{
		max-width: 90%;
	}
    section{
        padding: 0 10px 0 10px;
        margin-bottom: 10px;
    }

	.desc {
		padding: 0 10px 20px 10px;
		margin: 0;
		width:100%;
		max-width: 100%;
		text-align: left;
	}

	.desc li {
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.gaiyo span {
	    display: block;
		padding: 0;
		margin: 0;
		width: 97%;
	}

	.sp img {
		width: 100%;
	}

	.c {
	    display: inline-block;
		padding: 0;
		margin: 0;
		width: 0;
	}

	.steps {
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.steps li {
	    display: block;
		padding: 1rem 0;
		margin: 0 auto;
		width: 100%;
		max-width: 80%;
		text-align: center;
	}
    .steps li:nth-child(2){
        padding: 1rem 0;
    }    

	.steps span {
		font-size: 140%;
		padding: 0 0 20px 0;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
		text-align: left;
	}

	.steps img {
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 500px;
		max-height: 100%;
	}
    
    .items_02 li:nth-child(2) img{
        width: 72%;
    }
    .items_02 li:nth-child(3) img{
        width: 24%;
    }
    
    .waku-caution{
        padding-left: 0px;
    }
    
    footer{
        padding: 0.5rem;
    }
    .footer_icon{
        margin-top: 1rem;
        margin-bottom: 4rem;
    }
    
	.foot-items {
	    display: block;
		margin: 0 auto;
		margin-bottom: 50px;
		width: 100%;
	}
}


