@charset "utf-8";
/******************************/
/*ecoion専用CSS*/
/******************************/

/***********************************/
/*ecoion common setting */
/***********************************/
#content{
    width:100% !important;
    max-width:9999px !important;
    padding-bottom:255px !important;
}
#content .center{
    text-align:center;
}
#content .text{
    font-size:18px;
    padding-left:88px;
    padding-right:88px;
}

#content .mini{
    font-size:14px;
}
#content .bold{
    font-weight:bold;
}
#content .normal{
    font-weight:normal !important;
}

#content table th,
#content table td{
    vertical-align:middle;
}

#content figure.w1000{
    width:1000px;
    display:block;
    margin:0 auto;
}
#content figure.w1000 img{
    width:100%
}

.pankuzu{
    width:100%;
    max-width:1000px;
    margin:20px auto;
}

.btm5{	margin-bottom:5px;}
.btm10{	margin-bottom:10px;}
.btm20{	margin-bottom:20px;}
.btm30{	margin-bottom:30px;}
.btm40{	margin-bottom:40px;}
.btm50{	margin-bottom:50px;}
.btm60{	margin-bottom:60px;}
.btm70{	margin-bottom:70px;}

.fs13{
    font-size:13px;
}

section .inner_wrapper{
    width:1000px;
    margin:0 auto;
}
#content h1,#content h2,#content h3,#content h4{
    font-weight:bold;
}

#content h2{
    font-size:30px;
    text-align:center;
    margin-bottom:45px;
}
#content h2.h2_b{
    color:#0068B7;
}
#content h2.h2_w{
    font-size:40px !important;
    color:#FFF;
}

#content h4{
    color:#000;
    font-size:20px;
    text-align:center;
    margin-bottom:30px;
}

#content h3.h3_rad{
    width:1000px;
    height:100px;
    color:#FFF;
    margin:0 auto 50px;
    background-color:#0068B7;
    border-radius:50px;
    position:relative;
}

#content h3.h3_rad:after{
    position:absolute;
    content:"";
    display:block;
    width:30px;
    height:50px;
    left:100px;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:transparent;
}

#content h3.h3_1:after{
    background-image:url("../img/ecoion/label_numb_1.png");
}
#content h3.h3_2:after{
    background-image:url("../img/ecoion/label_numb_2.png");
}
#content h3.h3_3:after{
    background-image:url("../img/ecoion/label_numb_3.png");
}
#content h3.h3_4:after{
    background-image:url("../img/ecoion/label_numb_4.png");
}
#content h3.h3_5:after{
    background-image:url("../img/ecoion/label_numb_5.png");
}
#content h3.h3_rad p.row1,
#content h3.h3_rad p.row2{
    color:#FFF;
    font-size:25px;
    font-weight:bold;
    position:absolute;
    left:147px;
    top:0;
    bottom:0;
    /*height:25px;*/
    margin-top:auto;
    margin-bottom:auto;
    line-height:1.4;
}

#content h3.h3_rad p.row1{
    height:25px;
}

#content h3.h3_rad p.row2{
    height:70px;
}

#content h3.h3_rad p span{
    font-size:18px;
}
/**********************************/
/*ADD H3 Orange box*/
/*********************************/
#content h3.h3_rad .fltext1,
#content h3.h3_rad .fltext2,
#content h3.h3_rad .fltext4,
#content h3.h3_rad .fltext5{
    position:absolute;
    right:40px;
    background-color:#ff6100;
    border-radius:8px;
    text-align:center;
}
#content h3.h3_rad .fltext1{
    width:200px;
    top:-24px;
}
#content h3.h3_rad .fltext2{
    width:200px;
    top:-24px;
}
#content h3.h3_rad .fltext4{
    width:200px;
    top:-24px;
}
#content h3.h3_rad .fltext5{
    width:200px;
    top:-24px;
}


#content h3.h3_rad .fltext1{
    padding:16px 8px;
}
#content h3.h3_rad .fltext2,
#content h3.h3_rad .fltext4{
    padding:34px 8px;
}
#content h3.h3_rad .fltext5{
    padding:25px 8px;
}
#content h3.h3_rad .fltext1 span,
#content h3.h3_rad .fltext2 span,
#content h3.h3_rad .fltext4 span,
#content h3.h3_rad .fltext5 span{
    font-size:16px;
    display:block;
    line-height:1;
}

#content h3.h3_rad .fltext1 span:nth-child(1),
#content h3.h3_rad .fltext1 span:nth-child(2),
#content h3.h3_rad .fltext5 span:nth-child(1){
    margin-bottom:5px;
}


/***********************************/
/*h1 img_head*/
/***********************************/
#content .h1_img{
    text-align:center;
    padding:0;
    margin:0;
    background-color:#f3f3f3;
}
#content .h1_img img{
    width:100%;
    max-width:1920px;
}
/***********************************/
/*SECTION SETTING*/
/***********************************/
.section3,.section4,.section5,
.section6,.section7,.section8,
.section9,.section10,.section11{
    padding-bottom:88px;
}

/***********************************/
/*SECTION 0 HEAD IMAGE*/
/***********************************/
section.section0{
    width:100%;
    background-image:url("../img/ecoion/image_head.jpg");
    background-size:1920px 750px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}

secgtion.section0 img.photo{
    width:1000px;
    height:750px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    margin:0 auto;
}
section.section0 h1,
section.section0 .text1,
section.section0 .text2{
    font-family:"Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}
section.section0 .head_wrapper{
    width:1000px;
    height:750px;
    position:relative;
    margin:0 auto;
}
section.section0 .head_wrapper h1{
    /*font-size:40px;*/
    font-size:30px;
    line-height:1.5;
    color:#03195B;
    position:absolute;
    left:0;
    top:248px;
    color:#FFF;
    text-shadow: 3px 3px 5px #888;
}
section.section0 .head_wrapper h1 span.yel1{
    color:#FFFF00 !important;
    text-shadow: 3px 3px 5px #888;
}
section.section0 .head_wrapper h1 span.blue1{
    color:#0c76bb;
    text-shadow: 3px 3px 5px #FFF;
}
section.section0 .head_wrapper p.text1{
    width:480px;
    height:90px;
    font-size:22px;
    line-height:1.3;
    color:#03195B;
    position:absolute;
    left:0;
    top:450px;
}
section.section0 .head_wrapper p.text2{
    font-size:22px;
    color:#FFF !important;
    line-height:1.3;
    color:#03195B;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:620px;
    text-align:center;
}
section.section0 .head_wrapper p.text2 span.yel2{
    color:#FFFF00 !important;
}


/***********************************/
/*SECTION 1*/
/***********************************/
section.section1{
    background-color:#f3f3f3;
    padding:135px 10px;
}
section.section1 p.big{
    text-align:center;
    color:#0068B7;
    font-size:30px;
    font-weight:bold;
    margin-bottom:50px;
}
section.section1 .text{
    margin-bottom:85px;
    text-align:center;
}
.youtube_wrapper{
    position:relative;
    width:660px;
    height:440px;
    margin:0 auto;

}
.youtube_wrapper iframe{
    position:absolute;
    width:100%;
    height:100%;
}
/***********************************/
/*SECTION 2 BLUE*/
/***********************************/

.fadein{
    opacity: 1;
    /*transition: all 500ms;*/
}
.fadein.scrollin{
    opacity: 1;
}

.section2{
    background-color:#FFF;
}
.section2 .b_wrapper{
    width:100%;    background-color:#2196E1;
    padding:70px 0;
}

.section2 .b_wrapper .big{
    color:#FFF;
    font-size:40px;
    font-weight:bold;
    text-align:center;
    margin-bottom:70px;
}

.section2 .b_wrapper ul{
    width:800px;
    display:block;
    margin:0 auto 70px;

}
.section2 .b_wrapper ul li{
    /*height:70px;*/
    color:#FFF;
    font-size:22px;
    position:relative;
    padding-left:65px;
    padding-top:20px;
    margin-bottom:20px;
}
.section2 .b_wrapper ul li span.yl{
    color:#FFFF00;

}

.section2 .b_wrapper ul li img.b_num{
    display:block;
    width:40px;
    height:65px;
    position:absolute;
    top:0;
    left:0;
}

.section2 .b_wrapper ul li img.b_num2,
.section2 .b_wrapper ul li img.b_num3,
.section2 .b_wrapper ul li img.b_num4,
.section2 .b_wrapper ul li img.b_num5{
    display:block;
    width:40px;
    height:65px;
    position:absolute;
    top:20px;
    left:0;
}


/*
.section2 .b_wrapper ul li:before{
    content:"";
    display:block;
    width:40px;
    height:65px;
    position:absolute;
    top:0;
    left:0;
    background-size:contain;
    background-repeat:no-repeat;
    opacity:0;
}

.section2 .b_wrapper ul li.item1:before{
    background-image:url("/img/ecoion/label_numa_1.png");
}
.section2 .b_wrapper ul li.item2:before{
    background-image:url("/img/ecoion/label_numa_2.png");
}
.section2 .b_wrapper ul li.item3:before{
    background-image:url("/img/ecoion/label_numa_3.png");
}
.section2 .b_wrapper ul li.item4:before{
    background-image:url("/img/ecoion/label_numa_4.png");
}
.section2 .b_wrapper ul li.item5:before{
    background-image:url("/img/ecoion/label_numa_5.png");
}
*/
.section2 p.big2{
    text-align:center;
    color:#FFFF00;
    font-weight:bold;
    font-size:30px;
}

.section2 .d_tri{
    width:100%;
    height:42px;
    background-image:url("../img/ecoion/d_tri.png");
    background-size:65px 42px;
    background-repeat:no-repeat;
    background-position:center top;
}

/***********************************/
/*SECTION 3 EcoIon setting image*/
/***********************************/

.section3{
    padding-top:70px;
    padding-bottom:90px;
}
.section3 h2{
    font-size:30px;
    color:#0068B7;
    text-align:center;
    margin-bottom:45px;
}
.section3 .img_wrapper{
    width:1000px;
    height:758px;
    background-image:url("../img/ecoion/image_setting_en.jpg");
    background-size:1000px 650px;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    margin:0 auto;
    position:relative;
}
.section3 .img_wrapper .btn_flow_w{
    display:block;
    position:absolute;
    cursor:pointer;
}
.section3 .img_wrapper .btn_flow_w figure{
    display:block;
    position:relative;
    width:100%;
    height:100%;

}

.section3 .img_wrapper .btn_flow_w figure img{
    display:block;
    position:absolute;
    left:0;
    top:0;
}

.section3 .img_wrapper .btn_flow1w{
    width:152px;
    height:71px;
}
.section3 .img_wrapper .btn_flow2w{
    width:163px;
    height:71px;
}
.section3 .img_wrapper .btn_flow3w{
    width:163px;
    height:71px;
}
.section3 .img_wrapper .btn_flow4w{
    width:161px;
    height:71px;
}
.section3 .img_wrapper .btn_flow5w{
    width:152px;
    height:71px;
}
.section3 .img_wrapper .btn_flow1w{
    left:772px;
    top:8px;
}
.section3 .img_wrapper .btn_flow2w{
    left:430px;
    top:497px;
}
.section3 .img_wrapper .btn_flow3w{
    left:253px;
    top:257px;
}
.section3 .img_wrapper .btn_flow4w{
    left:12px;
    top:674px;
}
.section3 .img_wrapper .btn_flow5w{
    left:88px;
    top:313px;
}

/***********************/
/*SECTION4*/
/***********************/
.section4 .inner_wrapper .flex_wrapper{
    width:100%;
    display:flex;
    justify-content: space-between;
    padding-left:88px;
    padding-right:88px;
}
.section4 .inner_wrapper .flex_wrapper .photo_wrapper{
    width:384px;
}
.section4 .inner_wrapper .flex_wrapper .photo_wrapper p{
    text-align:center;
    padding:0 !important;
}
.section4 .inner_wrapper .flex_wrapper .photo_wrapper p.text2{
    font-size:.9em;
}
/***********************/
/*SECTION5*/
/***********************/
.section5 table{
    width:844px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing:3px;
    table-layout: fixed;
}
.section5 table th,
.section5 table td{
    text-align:center;
    vertical-align:middle;

}
.section5 table td{
    padding:2px;
}

.section5 table .bl1{
    background-color:#2196E1;
    color:#FFF;
    font-size:23px;
    padding:30px 0;
    font-weight:bold;
    width:333px;
}
.section5 table .bl2{
    background-color:#f3f9fd;
}
.section5 table .gr1{
    background-color:#e4e4e4;
    font-weight:bold;
}
.section5 table .gr1.gr1-1{
    font-size:23px;
    width:331px;
}
.section5 table .gr1.gr1-2{
    width:180px;
}


.section5 table .gr2{
    background-color:#f9f9f9;
}



/***********************/
/*SECTION6*/
/***********************/

.section6 .tbl_2{
    width:700px;
    table-layout:fixed;
    margin-left:auto;
    margin-right:auto;
}
.section6 .tbl_2 td{
    vertical-align:middle;
    text-align:center;
}
.section6 .tbl_2 td p.text{
    text-align:center;
    padding:0 !important;
}
.section6 .tbl_2 td.w250{
    width:250px;
}
.section6 .tbl_2 td.w200{
    width:200px;
    background-image:url("../img/ecoion/l_tri.png");
    background-position:center center;
    background-size:41px 47px;
    background-repeat:no-repeat;
}

/***********************/
/*SECTION7*/
/***********************/

/***********************/
/*SECTION8*/
/***********************/

/***********************/
/*SECTION9 Instllation Record*/
/***********************/
.section9{
    background-color:#F3F3F3;
    padding-top:100px;
    padding-bottom:80px;
}

.section9 table{
    width:1000px;
    border-collapse: separate;
    border-spacing:2px;
    margin:0 auto 46px;
}

.section9 table tr:nth-child(even) td{
	background: #FFF;
}
.section9 table tr:nth-child(odd) td{
	background: #E1F3FF;
}

.section9 table tr:first-child,
.section9 table th:first-child {
    font-size:20px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    padding:10px 5px ;
    background-color:#0068B7;

}

.section9 table td{
    padding:18px 12px;
    font-size:18px;
}

/***********************/
/* SECTION10 SPEC */
/***********************/
.section10{
    background-color:#FFF;
    padding-top:100px;
    padding-bottom:80px;
}

.section10 table{
    width:1000px;
    margin:0 auto;
    border-collapse: separate;
    border-spacing:4px;
    table-layout: fixed;
}

.section10 table th,
.section10 table td{
    font-size:25px;
    text-align:center;
    padding:15px;
}
.section10 table th{
    background-color:#2196E1;
    font-weight:bold;
    color:#FFF;
    width:400px;
}

.section10 table td{
    background-color:#E1F3FF;
    color:#000;
}
.section10 table td span.mini{
    font-size:0.8em !important;
}

/***********************/
/*SECTION11*/
/***********************/
.section11{
    background-color:#F3F3F3;
    padding-top:100px;
    padding-bottom:80px;
}

.section11 a.mail_bunner2{
    display:block;
    position:relative;
    width:788px;
    height:120px;
    background-color:#03195B;
    background-image:url("../img/ecoion/icon_mail.png");
    background-repeat:no-repeat;
    background-size:116px 112px;
    background-position:130px center;
    border-radius:6px;
    margin:0 auto 40px;
    transition:all 0.2s;
}
.section11 a.mail_bunner2:hover{
    background-color:#0b76ba;
}

.section11 a.mail_bunner2 p{
    position:absolute;
    display:block;
    font-size:30px;
    width:12em;
    height:30px;
    font-weight:bold;
    line-height:1;
    left:300px;
    top:0;
    bottom:0;
    margin:auto 0;
    color:#FFF;
}

.section11 table.tbl_sec11{
    width:750px;
    table-layout:fixed;
    margin:0 auto 30px;
}
.section11 table.tbl_sec11 td.item1{
    width:350px;
    font-size:25px;
}
.section11 table.tbl_sec11 td.item1 span{
    font-size:25px;
    color:#03195B;
    position:relative;
    padding-left:60px;
    padding-top:10px;
}
.section11 table.tbl_sec11 td.item1 span:before{
    content:"";
    display:block;
    width:55px;
    height:55px;
    background-image:url("../img/ecoion/icon_tel.png");
    background-size:55px 55px;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    top:0;
}
.section11 table.tbl_sec11 td.item2 {
    padding-left:40px;
    text-align:right;
}
.section11 table.tbl_sec11 td.item2 span{
    font-size:30px;
    color:#03195B;
    font-weight:bold;
}