@charset "utf-8";


@media all and (max-width:1220px) {
#mainVisual {
	height: 800px;
}
.fp-tableCell, .fp-section {
    height: auto !important;
}
}

@media all and (max-width:1024px) {
#mainVisual {
	height: 700px;
}
#section1 {
    padding: 70px 0%;
}
#section1 h3 {
    margin-bottom: 30px;
    font-size: 35px;
}

#section1 p {
    font-size: 1em;
}
#section2 {
    padding: 70px 0;
}
#section2 h3 {
    margin-bottom: 20px;
    font-size: 35px;
}
#section2 .area > div {
    width: 40%;
}
#section2 .area > div.section2_right {
    width: 60%;
}
#section2 .main-slider-nav {
    margin-top: 20px;
    width: 50%;
}
#section2 .main-slider-nav p {
    padding: 10px 10px 10px 20px;
    font-size: 1.1em;
}
#section2 .section2_right .pro p br {display:none;padding-right:15px;}
#section3 {
    padding: 70px 0;
}
#section3 h3 {
    margin-bottom: 20px;
    font-size: 35px;
}
#section4 {
    padding: 70px 0;
}
#section4 h3 {
    margin-bottom: 20px;
    font-size: 35px;
}
}

@media all and (max-width:950px) {
#mainVisual {
	height: 700px;
}
#mainVisual h2 {
	font-size: 35px;
}
#mainVisual p {
	font-size: 18px;
}
}

@media all and ( max-width: 800px ) {
	#headerInner {
    background: #fff;
}

#header .nav-open-btn .line {
    background-color: #333;
}
#mainVisual {
	height: 600px;
}
#mainVisual h2 {
	font-size: 25px;
	margin-bottom: 10px;
}
#mainVisual p {
	font-size: 14px;
}
#section1 .area_half {
    width: 70%;
}
	
#section1 {
    padding: 50px 0%;
}
#section1 h3 {
    margin-bottom: 20px;
    font-size: 25px;
}
#section1 .section1_flex p img {width:200px;height:auto;}
#section2 {
    padding: 50px 15px;
}
#section2 h3 {
    margin-bottom: 15px;
    font-size: 25px;
}
#section2 .section2_right .pro p:first-child {
    font-size: 25px;
    width: 100px;
}
#section2 .section2_right .pro {
    padding: 25px 0 25px 30px;
    margin-top: -25px;
}
#section3 {
    padding: 50px 0;
}
#section3 h3 {
    margin-bottom: 15px;
    font-size: 25px;
}
#section4 {
    padding: 50px 0;
}
#section4 h3 {
    margin-bottom: 15px;
    font-size: 25px;
}
}

@media all and (max-width:480px) {

#mainVisual h2 {
	font-size: 20px;
}
#mainVisual p {
	font-size: 12px;
}
#mainVisual .main-visual-item.active-item.item1 .main-visual-pc-img {
	background: url(../new_images/main_visual01_m.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item2 .main-visual-pc-img {
	background: url(../new_images/main_visual02_m.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item3 .main-visual-pc-img {
	background: url(../new_images/main_visual03_m.png) no-repeat center center;
	background-size: cover;
}	

#section2 .section2_right .pro:before {    width: 100%;}
	
#section1 {
    padding: 30px 0%;
}
#section1 h3 {
    margin-bottom: 10px;
    font-size: 18px;
	word-break:keep-all;
}
#section1 .section1_flex {margin-top: 20px;}
#section2 {
    padding: 30px 0;
}
#section2 h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
#section2 .area > div {
    width: 100%;
}
#section2 .area > div.section2_right {
    width: 100%;
}

#section2 .main-slider-nav p {font-size:1em;padding:5px;text-align:center;width:100px !important}
#section2 .main-slider-nav p.slick-current {background-image:none;}
#section2 .section2_right p span {
    padding: 15px 30px;
    font-size: 1.2em;
}
#section3 {
    padding: 30px 0;
}
#section3 h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
#section3 .product_flex {
    margin-top: 10px;
}
#section1 .section1_flex p {margin:0px;}
#section1 .section1_flex p img {
    width: 110px;
}
#section2 .section2_right {
    position:relative;
    right: auto;
    top: auto;
    transform: translateY(0%);
    width: 100%;
}
#section2 .main-slider-nav {
    margin-top: 30px;
    width: 100%;
}
#section2 .section2_right .pro {
     flex-wrap: wrap; 
}
#section2 .section2_right .pro p:first-child {
    font-size: 18px;
    width: 100%;
}
#section2 .section2_right .pro p {
    width: 100%;word-break:keep-all;
}
#section3 p span {
    bottom: 10px;
    right: 10px;
    font-size: 1em;
}
#section4 {
    padding: 30px 0;
}
#section4 h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
.anb-submit img {height:15px;width:auto;}
}