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


@media handheld, only screen and (min-width:320px) {
.F_min { font-size: 1.0rem !important }
.F_ab { width: 100%!important;}
.en_left {text-align: left!important;}
.F_3title {
	font-size:1rem!important;
	letter-spacing: 0!important;
	top: -30px!important;
}

.F_snuv {
    width: 96%!important;
	padding: 1px 0;
}

.ECO_cicle,
.BD_cicle,
.JP_cicle {
    height: 120px!important;
    width: 120px;
}

.JP_cicle p, .BD_cicle p,.ECO_cicle p { line-height: 1.2!important;}
.BD_3cont ul li:first-child .BD_en { padding-top: 35px!important}
.BD_3cont ul li .BD_en  { padding-top: 25px!important}
.foldable_Pic_en {
    width: 100%;
    background: url(/custom/img/f_img/f_img03_en.png) no-repeat;
    height: 292px;
    background-size: cover;
    background-position: 89%;
}
#F_JP_content_en {
    width: 100%;
    background: url(/custom/img/f_img/f_img08_en.jpg) no-repeat;
    /* padding-top: 50%; */
    height: 250px;
    background-size: 180%;
    position: relative;
    margin-top: 10%;
    background-position: center;
}
.JP_pic_main_title_en {
    width: 90%;
    position: absolute;
    text-align: center;
	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%); /* Safari用 */
 	transform: translate(-50%, -50%);
}
.F_snuv {
    font-size: 8px!important;
    line-height: 1.1;
    padding: 2px 0 !important;}
.F_caption { top: 65%!important;}
.F_item_sub { text-align: left;}
.F_item_sub {
    margin: 10px auto 20px;
}
.F_sp_KVarea_en {
    width: 100%;
    background: url(/custom/img/f_img/F_sp_kv_en.png) no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 116%;
    background-position: 40%;
}
.nandemo_OFF,
.nandemo { text-align: left;}

}
@media handheld, only screen and (min-width:420px) {


}

@media handheld, only screen and (min-width:480px) {
    .F_min { font-size: 1.6rem !important }
.ECO_cicle {     width: 25%!important;
    height: 85%!important;}
.BD_cicle {
    width: 25%!important;
    height: 60%!important;
}
.JP_cicle {
    width: 30%!important;
    height: 55%!important;
}
.F_snuv { font-size: 12px!important; width: 70%!important;}
.JP_pic_main_title_en { width: 60%;}
.F_ab { width: 70%!important;}
.F_3title {
    font-size: 1.2rem!important;
    letter-spacing: 0!important;
    top: -20px!important;
    width: 400px;
}
.foldable_Pic_en {
    height: auto;
    background-size: 100%;
    background-position: center;
    padding-top: 39.92857%;
}
#F_JP_content_en {
    padding-top: 50%;
    height: auto;
    background-size: 100%;
}
.BD_3cont ul li:first-child .BD_en {
    padding-top: 45px!important;
}
.BD_3cont ul li:nth-child(2) .BD_en {
	 padding-top: 50px!important;
}
.nandemo_OFF,
.nandemo { text-align: center;}
.FJPBOX { padding: 50px!important;}
}
@media handheld, only screen and (min-width:680px) {
.ECO_cicle p, .JP_cicle p, .BD_cicle p { font-size: 18px!Important;}
.F_caption {top: 63%!important;}
}
@media handheld, only screen and (min-width:768px) {
	.F_caption { top: 70%;!important}

@media handheld, only screen and (min-width:1500px) {
.foldable_Pic img { height: 500px;}
}