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


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

	
/*contents01*/

.contents01{
}

.contents01 .box-in {
	width: 90%;
  justify-content: center;
	padding-bottom: 50px;
}

.contents01 .box-in .box01 {
	width: 100%;
}

.contents01 .box-in .box01 .box001 {
	padding: 40px 0px;
}

.contents01 .box-in .box02 {
	width: 100%;
	max-width: 320px;
}
	
.contents01 h3, .contents02 h3 {
	font-size: 22px;
	padding: 10px 0px;
	width: 90%;
	margin-bottom: 15px;
}

.contents01 h4, .contents02 h4 {
	font-size: 18px;
	margin-bottom: 15px;
}
	
	
.contents01 h6 {
	font-size: 25px;
}

.contents01 h6 span {
	font-size: 18px;
}

/*contents02*/

.contents02 {
	text-align: center;
	background-size: auto 400px;
	height: 400px;
	margin-bottom: 30px;
}
	
.contents02 p {
	padding: 0px 15px;
}

/*contents03*/

.contents03, .contents04, .contents05 {
	height: auto;
	margin-bottom: 30px;
	position: static;
	background-size: auto 100%;
	padding: 35px 0px;
}

.contents03 .box-in, .contents04 .box-in, .contents05 .box-in {
	position: static;
   -webkit-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
	width: 90%;
}

.contents03 .box {
	width: 100%;
}

.contents04 .box {
	width: 100%;
	float: none;
	padding: 20px;
}

.contents05 .box {
	width: 100%;
	float: none;
}

.contents03 h3 {
	font-size: 30px;
}

.contents03 h4 {
	font-size: 16px;
	margin-bottom: 20px;
}

.contents03 h5, .contents04 h6, .contents05 h4, .contents07 h4 {
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.contents03 h5 {
	font-size: 30px;
}

/*contents04*/

.contents04 h3 {
font-size: 18px;
}

.contents04 h4 {
font-size: 60px;
line-height: 1;
	margin-bottom: 15px;
}

.contents04 h5 {
font-size: 30px;
	margin-bottom: 15px;
}

.contents04 h6 {
font-size: 16px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
	
.contents04 h6 br {
display: none;
}


/*contents05*/

	
.contents05 .box {
	background-color: rgba(255,255,255,0.9);
	border-radius: 20px;
	padding: 20px;
}

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

.contents05 h4 {
font-size: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/*contents06*/

.contents06 {
	padding: 25px 15px;
}

.contents06 h3 {
font-size: 16px;
}

/*contents07*/

.contents07 {
	margin-bottom: 30px;
	padding: 10px 0px;
	display: block;
	background-size: 80% auto;
background-position: center top 20px;
}

.contents07 > div:first-child {
	width: 92%;
	margin: auto;
	padding-right: 0px;
	padding: 20px 0px;
}

.contents07 > div:first-child .box {
	width: 100%;
}

.contents07 > div:last-child {
	width: 100%;
}

.contents07 h3 {
font-size: 22px;
}

.contents07 h4 {
font-size: 26px;
}


    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}