@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

#wrapper_1 {
	width:auto;
}

.index_pc {
	display:none !important;
}

.index_sp {
	display:block !important;
}

#wrapper_index01 {
	width:auto;
	padding:0 10px 50px;
}

.wrapper_index01_text01 {
	padding:0 5%;
	font-size:15px;
	line-height:27px;
}

.wrapper_index01_text01 br {
	display:none;
}

#wrapper_index02_big {
	border-top:none;
}

#wrapper_index02 {
	width:auto;
	padding: 0 20px;
}

.wrapper_index01_img01_t{
	margin-top:-20px;
	margin : 0 auto
	}

.wrapper_index01_img02{	
	margin:-60px auto 50px;
}
	
.wrapper_index01_img02_t{	
	margin:-45px auto 50px;
}

.wrapper_index02_title01_in {
	padding:30px 20px;
	border-radius: 0 0 0 0;
	position:relative;
	top:auto;
	left:auto;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.wrapper_index02_title01_in_ico {
	max-width:20%;
	bottom:-70px;
	left:40px;
}

.wrapper_index02_text01 {
	padding:0 5%;
	font-size:15px;
	line-height:27px;
}

.wrapper_index02_text01 br {
	display:none;
}

.wrapper_button01 {
	padding:0 0 50px;
}

.wrapper_button01_box01 {
	max-width:calc(100% - 100px);
	padding:30px 30px 20px;
}

#wrapper_index03_big {
}

#wrapper_index03 {
	width:auto;
	padding:0px;
}

.wrapper_index03_title{
	padding: 0;
}

.wrapper_index03_title_img {
	margin:0 auto 20px;
}

.wrapper_index03_text01 {
	display:inline-block;
	padding:0 5%;
	font-size:15px;
	line-height:27px;
}

.wrapper_index03_box01{
	margin-top: -15px;
	padding: 0 30px;
}

.wrapper_index03_box02{
	padding: 0 30px;
	font-size: 20px;
}

.wrapper_index03_box02_text span{
	display: inline;
}

.wrapper_index03_button{
	margin-bottom: 20px;
}

.wrapper_index03_text_box{
	display: inline-block;
	text-align: left;
}


.wrapper_index03_text{
	font-size: 20px;
}

.wrapper_index03_text span{
	display: block;
}


#wrapper_index04 {
	width:auto;
	padding-bottom: 0px;
}

.wrapper_index04_box01{
	padding: 0 20px;
}

.wrapper_index04_box01_sp{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 0 20px;
}

.wrapper_index04_box01_sp span{
	display: inline;
}

.wrapper_index04_box01_sp{
	margin-bottom: 20px;
}

#wrapper_3 {
	width:auto;
}

#wrapper_4 {
	width:auto;
}

.wrapper_index04_box02{
	padding: 0 20px;
	margin-bottom: 20px;
}

.wrapper_index04_box03{
	margin-top: 10px;
	margin-bottom: 30px;
}

.wrapper_index04_box03_t{
	margin-top: 70px;
	margin-bottom: 20px;
}

#wrapper_5 {
	width:auto;
}

#wrapper_index05{
	padding-bottom: 30px;
}

.wrapper_index05_box01{
	padding: 30px;
}


#wrapper_6 {
	width:auto;
}

#wrapper_7 {
	width:auto;
}

#wrapper_8 {
	width:auto;
	padding:15px 0;
}

.wrapper_8_copy {
	line-height:19px;
}

#slider1 {
	padding-bottom:0px;
}

.page-up {
	bottom:0px;
}
}
