@media screen and (max-width:1280px){
	body{
		font-size:0.9em;
	}
	
	.sec2 .bg_middle{
		height: 67%;
	}
	
	.sec1 .top_bg{
		background-size:cover;
		background-position:center top;
		width:100%;
		max-width:100%;
		top:0;
		left:0;
		margin-left:0;
		height:50em;
	}
}

@media screen and (max-width:959px){
	body{
		font-size:0.8em;
	}
	
	.sec2 .bg_middle {
	    height: 71%;
	}
	
	.sec3 .bottom_white,
	.movie_sec .bottom_white{
	    width: 120%;
	    padding-top: 30%;
	    left: 50%;
	    margin-left: -60%;
	    bottom: -5em;
	}
	
	.form_normal table.three .contents div:nth-of-type(2),
	.form_normal table.three .contents div:nth-of-type(3){
		padding-top:0.3em;
	}
	
	.form_normal table.three div.contents div{
		height:2.5em;
	}
}

@media screen and (max-width:883px){
	footer .under .inner .right p{
		white-space:nowrap;
		font-size:1.3vw;
	}
}

@media screen and (max-width:810px){
	header{
		font-size:1.55vw;
	}
	
	header.fixed{
		font-size:1.3vw;
	}
	
	footer .under .inner .center p{
		font-size: 1.4vw;
	}
}

@media screen and (max-width:650px){
	header.fixed {
	    font-size: 0.68em;
	}
	
		footer .under .inner .left{
		float:none;
	}
	
	footer .under .inner .left{
		width:100%;
	}
	
	footer .under .inner .footer_logo{
		max-width:20em;
		margin:0 auto;
	}
	
	footer .under .inner .center{
		float:left;
		width: 55%;
		padding-top:1.5em;
	}
	
	footer .under .inner .right{
		float:right;
		width: 41%;
    	margin-top: 0.5em;
	}
	
	footer .blue_cloud{
		bottom:-5em;
	}
	
	footer .under .inner .center p{
		font-size:2vw;
	}
	
	footer .under .inner .right p{
		font-size:1.8vw;
	}
	
}

@media screen and (max-width:637px){
	.blue_back{
		font-size:2vw;
	}
	
	.sec3 .inner > p{
		padding: 0.7em 0 0 38%;
		font-size:2vw;
	}
}

@media screen and (max-width:599px){
	
	/*
	.mincho{
		font-family:'ipa';
	}
	*/
	
	.sp_inline{
		display:inline;
	}
	
	.pc_inline{
		display:none;
	}
	
	.pc_block{
		display:none !important;
	}
	
	.sp_block{
		display:block;
	}
	
	.slicknav_menu{
		display:block;
	}
	
	#main_nav{
		display:none;
	}
	
	.sec1,
	.sec2,
	.sec3,
	.sec4,
	.sec5,
	.sec6,
	.sec7{
		box-sizing:border-box;
		padding-left:1.5em;
		padding-right:1.5em;
	}
	
	header {
	    font-size: 2.3vw;
	    padding: 1em 1em;
	}
	
	header .far_right{
		display:none;
	}
	
	header h1 {
	    width: 15em;
	    padding-top: 0.6em;
	}
	
	header h1 img{
		width:15em;
	}
	
	.blue_bar{
		height:auto;
		padding:0 1em;
	}
	
	.iq133_sp{
		position:relative;
		top: -0.6em;
    	margin-bottom: -3.5em;
    	z-index:2;
	}
	
	.blue_bar img.iq133{
		position:relative;
		z-index:2;
		margin-bottom: -0.8em;
		left:auto;
		margin-left:0;
	}
	
	.sec1 .inner .upper h2{
		float:none;
		width:100%;
	}
	
	.sec1 .inner .under{
		margin-top:0.5%;
	}
	
	.sec1 .top_bg {
		height:30em;
	}
	
	.sec1 .inner .upper{
		padding-top:20em;
	}
	
	.blue_back {
	    background-size: cover;
	    padding: 2.5em 5em 0 5em;
	    height: 18em;
	    margin: 1.5em -4em 0 -4em;
	}
	
	.blue_back h3 img {
	    height: 2em;
	}
	
	.blue_back .img {
	    padding-top: 26%;
    }
    
    .blue_back div p.one,
    .blue_back div p.two,
    .blue_back div p.three{
	    font-size: 130%;
	}
	
	.sec2{
		margin-top:2em;
	}
	
	.sec2 .bg_middle {
	    top: 8%;
	}
	
	.sec2 .bg_top{
		top:0;
	}
	
	.sec2 .inner p {
		padding: 0 0 5em;
	}
	
	.sec2 .bg_middle {
	    height: 85%;
	}
	
	.sec3 .bottom_white,
	.movie_sec .bottom_white{
		bottom:-2em;
	}
	
	.sec4{
		margin-top:-1em;
	}
	
	.sec4 h2 {
	    padding-top: 16%;
	}
	
	.sec4 h2 .copel3 {
	    bottom:auto;
	    top: 1em;
    	width: 14vw;
	}
	
	.copel1 {
    	width: 14vw;
    	top:-1em;
    }
    
    .sec2 h2 {
    	padding: 4.5em 0 0 0;
    }
    
    .sec2 img.graph{
    	width: 126%;
    	position: relative;
    	left: -13%;
    }
    
    .copel2 {
	    right: 0;
	    bottom: 1em;
	    width: 19vw;
	}
	
	.sec3 .list {
	    padding: 2em 1em;
	}
	
	.sec5 .bg.top {
	    top: -3em;
	}
	
	.sec5 {
	    margin-top: 5em;
	}
	
	.sec5 .copel4 {
	    width: 14vw;
	    top: -5em;
	}
	
	.sec5 .bg.bottom {
	    bottom: -5em;
	}
	
	.sec6 h2 {
	    padding-top: 17em;
	}
	
	.copel5_wrap .copel5 {
		width: 14vw;
	}
	
	.copel5_wrap{
		max-width:100%;
		margin-left:-37%;
	}
	
	.sec6 table {
	    margin: 2em 3% 0 3%;
	}
	
	.sec6 .white_end{
		bottom:-4em;
	}
	
	.copel6_wrap{
		max-width:100%;
		margin-left:-57%;
		bottom:2.5em;
	}
	
	header.fixed{
		display:none;
	}
	
	.form_normal table.three div.contents span{
		display:none;
	}
	
	.sec7 .wrap3 {
	    height: 22vw;
	}
	
	input[type="image"]{
		padding:0.7em 8%;
	}
	
	footer .form_tel {
	    width: 55vw;
	    margin: 1em auto 1em auto;
	}
	
	.tel_tag.two{
		width:55vw;
	}
	
	.sec1 .cm_section{
		transition:0.4s;
		opacity:1;
		left:0em;
	}
	
	.blue_line_wrap .inner{
		float:left;
		width:calc(33.3333% - 0.4em);
		padding:0 0.2em;
		display:block;
	}
	
	.blue_line_wrap .inner .right{
		width:100%;
	}
	
	.blue_line_wrap .inner.one{
		margin-top:0;
		margin-bottom:0;
	}
	
	.blue_line_wrap .inner .left img.no1,
	.blue_line_wrap .inner .left img.no2,
	.blue_line_wrap .inner .left img.no3{
		z-index:1;
		max-width: 4.6em;
	    top: -2.5em;
	    right: auto;
	    left: -0.6em;
	}
	
	.blue_line_wrap .inner .left .img1,
	.blue_line_wrap .inner .left .img2,
	.blue_line_wrap .inner .left .img3{
		position:relative;
		width:100%;
		max-width:100%;
		z-index:2;
		left:0;
		top:0;
		right:auto;
		bottom:auto;
	}
	
	.blue_line_wrap .inner.one .left,
	.blue_line_wrap .inner.two .left,
	.blue_line_wrap .inner.three .left{
		width:100%;
		background-image:none;
	}
	
	.blue_line_wrap .middle{
		padding: 0 4vw;
	}
	
	.blue_line_wrap .inner .right h4 img {
	    height: 4em;
	}
	
	.blue_line_wrap .inner.three .right h4 img{
		height:4em;
	}
	
	.blue_line_wrap{
		font-size:2vw;
	}
	
	.copel6 {
		width: 15%;
	}
	
	.sec7 .wrap1 {
	    padding-top: 5em;
	}
	
	.form_normal table.three div.contents div:nth-of-type(1){
	    width:calc(59.3333% - 0.3em);
	}

	.form_normal table.three div.contents div:nth-of-type(2){
	    width:calc(20.3333% - 0.3em);
	}

	.form_normal table.three div.contents div:nth-of-type(3){
	    width:calc(20.3333% - 0.3em);
	}
	
	.ok .tel_tag_ok{
		text-decoration:underline;
	}
	
	.ok .tel_tag_ok:hover{
		text-decoration:none;
	}
	
	.form_normal .preferred_note{
		font-size:2.4vw
	}
	
	.sec7 .upper{
		padding-top:6.5em;
	}
}

@media screen and (max-width:499px){
	.sec4 h2 .copel3 {
	    left: 0.5em;
	}
	
	.form_normal table.three div.title{
		float:none;
		width:100%;
	}
	
	.form_normal table.three div.contents{
		float:none;
		width:100%;
		margin-bottom: 1em;
	}
	
	footer .tel_text {
	    font-size: 3vw;
	}
	
	.copel6_wrap{
		bottom:1.5em;
	}
	
	footer .upper .inner{
		top:-3.5vw;
	}
	
	.sec7 {
	    background-position: center 40%;
	}
}

@media screen and (max-width:475px){
	footer .under .inner .center {
	    float: none;
	    width: 100%;
	    max-width: 20em;
	    margin: 0 auto;
	}
	
	footer .under .inner .right {
	    float: none;
	    width: 100%;
	    max-width: 19em;
	    margin: 0.5em auto 0 auto;
	}
	
	footer .under .inner .right p,
	footer .under .inner .center p{
	    text-align: center;
	    font-size:2.6vw;
	}
	
}

@media screen and (max-width:464px){
	.form_normal table.three div.contents div:nth-of-type(1),
	.form_normal table.three div.contents div:nth-of-type(2),
	.form_normal table.three div.contents div:nth-of-type(3){
	    width:100%;
	    margin:0 0 0.3em 0;
	}
	
	.form_normal table.three div.contents{
		display:block;
	}
}

@media screen and (max-width:399px){
	.sec3 .list {
	    padding: 2em 0;
	}
	
	.blue_back{
		height:28em;
	}
	
	.blue_back .img{
		float:none;
		width:100%;
	}
	
	.blue_back div p {
		float:none;
		width:100%;
		margin-top:0.7em;
	}
	
	.blue_back div p.one, .blue_back div p.two{
		font-size:170%;
	}
	
	.blue_back div p.three{
		font-size:170%;
		line-height:1.5;
	}
	 
	.sec2{
		margin-top:0;
	}
	 
	.sec2 .bg_top {
		top: 1em;
	}
	
	.sec2 .bg_middle {
		top: 9%;
	}
	
	.sec6 table {
	    margin: 2em 1em 0 1em;
	    font-size:2.7vw;
	}
	
	/*header .right p{
		display:none;
	}*/
	
	/*header .tel_img{
		display:inline;
		max-width: 19em;
	}*/
	
	footer .under .inner{
		font-size:3.2vw;
	}
	
	.copel6_wrap{
		bottom:0.9em;
	}
	
	.pc_inline400{
		display:none;
	}
	
	.form_normal .preferred_note{
		text-align:left;
		padding:0.4em 1em 0.8em 1em;
	}
	
	.blue_bar img.iq133{
		margin-bottom:-0.5em;
	}
	
	.sec1 .free_reserve{
		padding: 1em 2em;
	}
}

@media screen and (max-width:360px){
	.form_normal table.one th,
	.form_normal table.two th,
	.form_normal table.three div.title p{
		font-size: 4.2vw;
	}
	
	.sec7 {
	    background-position: center 45%;
	}
}

@media screen and (min-width:600px){
	.b_f_button{
		display:none;
	}
	
	.tel_tag{
		pointer-events:none;
	}
}