@charset "utf-8";
main{
 display: block;
}

.titContent{
    color:#00395c;
    font-size:2.0em;
    line-height:130%;
    padding:15px 0;
}
.img_max3{
    width: 100%;
    height: auto;
}
/* subTitle */
.subTitle{
}
@media only screen and (min-width:1200px){
    .subTitle{
        margin-top:50px;
    }
}
.img_max{
    width: 100%;
    height: auto;
}
.noMargin{
    margin:0 auto !important;
}

@media screen and (min-width: 1000px){
    .visibleDisplay{
    display: none;
    }
}
@media screen and (max-width: 1000px){
    .visibleDisplay{
    display: block;
    }
}
@media screen and (max-width: 1000px){
    .noDisplay{
    display: none;
    }
}
@media screen and (max-width: 767px){
    .noDisplay{
    display: block;
    }
    .visibleDisplay{
        display: none;

    }
}

.padding1{
    padding-top: 15px;
    max-width:530px;
}

.kind_class{
    font-size: 0.9em;
    float: right;
    padding: 38px 0 30px 0;
    line-height: 3.2em;
}

.kind_class .star_area{
    color: #eb5244;
    padding-right: 10px;
}
.star_area img{
    padding-bottom: 8px;
    height: 21px;
}

.mid_orange_title{
    color: #eb5244;
    font-size:2.6em;
    font-weight: bold;
    line-height:130%;
    padding:15px 0;
    text-align:center;
}

.img_width{
    width: 100%;
    height: auto;
}

.jaxa_txt{
    color:#00395c;
    font-size:1.8em;
    font-weight: bold;
    line-height:130%;
    padding: 10px 0 15px 60px;
    background: url("../images/ttl_paint04_02.png") left top no-repeat;
    margin:30px auto 20px auto;
    max-width:800px;
}

.jaxa_list{
    margin-bottom: 30px;
}

.jaxa_list div{
    background: url("../images/icn_list_pointer.gif") no-repeat left 3px;
    padding-left: 20px;
}

.jaxa_title_label{
    background: #00395c;
    color:#ffffff;
    font-size:1.8em;
    text-align: center;
    padding: 20px;
    line-height: 1.2em;
}
.jaxa_title_label2{
    border:3px solid #00395c;
    color:black;
    font-size:1.8em;
    text-align: center;
    padding: 20px;
    line-height: 1.2em;
}

.persons{
    width: 40%;
    height: auto;
}
.point{
    width: 120px;
    color: #00395c;
    background-color: #dccab1ab;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: bold;
    margin: 15px 0;
    height:50px;;
    line-height: 50px;
    text-align: center;
    margin-left: 20px;
}

.margin01{
    margin:20px 0;
}
.imgPerson{
    width: 220px;
    height: auto;
    float: left;
    position: absolute;
    top: 10%;
}

.product_name{
    border-bottom: 3px solid #00395c;
    color: #00395c;
    font-size: 1.7em;
    padding: 20px 0 10px;
    margin-bottom: 20px;
}

.produkt_sub_title{
    background: #efddcb;
    text-align: center;
    line-height: 3.2em;
}

.produkt_main_title{
    line-height: 2em;
    padding-left: 20px !important;
    font-size: 1.6em;
    font-weight: bold;
}

.product_txt{
    color: #00395c;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 45px;
    margin-bottom:10px;
    line-height: 40px;
}
.red{
    font-size:1.2em;
    color:red;
}
.point2{
    font-size: 1.2em;
    font-weight: bolder;
    background-color: #dccab1ab;
    padding: 6px 5px;
    width:250px;
}

.textWrapper1{
    font-size: 1em;
    line-height: 160%;
    font-weight: 500;
    padding-left: 45px;
}
.perform01{
    position: absolute;
    top: 7%;
    width: 35%;
    right: 10%;
    max-width: 360px;
}


.wrap2{
position: relative;
padding-bottom: 130px;
}
.wrap1{
    position: relative;
    height: 250px;
}

@media screen and (max-width: 1100px){
    .wrap1{
        height: 220px;
    }
}
@media screen and (max-width: 1000px){
    .wrap1{
        height: 200px;
    }
}
@media screen and (max-width: 900px){
    .wrap1{
        height: 180px;
    }
}
@media screen and (max-width: 767px){
    .wrap2{
        padding-bottom: 0px;
    }
}
.wrap3{
    width: 100%;
    height: 320px;
    position: relative;
}
.hidden1{
    display: block;
}
.visible1{
    display: none;
}
    .textWrapper2{
        font-size: 1em;
        font-weight: 500;
        float: left;
        width: 60%;
        line-height: 160%;
        padding-bottom: 35px;
        padding-left: 45px;
        padding-right: 50px;
    }
    .textWrapper2-1{
        font-size: 1em;
        font-weight: 500;
        line-height: 160%;
        padding-bottom: 10px;
        padding-left: 45px;
    }
    @media screen and (max-width: 1200px){
            .textWrapper2-1{
                    padding-right: 0px;
            }
        }

.textWrapper3{
    font-size: 1em;
    font-weight: 500;
    float: left;
    line-height: 160%;
    padding-left: 45px;
    padding-right: 50px;
}
.textWrapper4{
    font-size: 1em;
    font-weight: 500;
    float: left;
    width: 100%;
    line-height: 160%;
    padding-bottom: 35px;
    padding-left: 45px;
     ;
}
.textWrapper5 {
    font-size: 1em;
    font-weight: 500;
    float: left;
    line-height: 160%;
    padding-bottom: 35px;
    padding-left: 40px;
     ;
    width: 74%;
}
.kojiImg{
    height: auto;
    width: 24%;
    max-width: 300px;
    position: absolute;
    top: 4%;
    right: 0;
}


.taikyuImg{
    width: 93%;
    height: auto;
    max-width: 500px;
}

h2{
    color: #00395c;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    padding: 0px 25px 5px 20px;
    line-height: 45px;
    letter-spacing: -1px;
}

h4{
    color: #00395c;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    padding: 0px 25px 5px 20px;
    line-height: 45px;
    letter-spacing: -1px;
}


.taishinWrap{

}

.perform02 {
    position: absolute;
    top: -12%;
    width: 42%;
    right: 0%;
    max-width: 450px;
}
.fukidashi01{
    width: 200px;
    height: auto;
    float: left;
    position: absolute;
    bottom: 100px;
    left: 168px;
    }

.produkt_detail{
    color: #eb5244;
    border: 1px solid #eb5244;
    border-radius: 10px;
    font-size: 0.8em;
    padding: 10px 15px !important;
    line-height: 1.7em;
    margin: 10px 0;
}

.produkt_detail span{
    color: #ffffff;
    background: #eb5244;
    border-radius: 10px;
    padding: 3px 10px;
}

.txt_area{
    margin-top: 20px;
    margin-bottom: 30px;
}

.product_sub_title{
    color: #735951;
    font-size: 1.5em;
    line-height:  1em;
    font-weight: bold;
    background: url("../images/icn_list_pointer.gif") no-repeat left 3px;
    padding-left: 20px;
    background-size: 17px;
    margin-bottom: 20px;
}

.gaina_detail_area{
    color: #735951;
    background: #efddcb;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 20px 0;
}

.gaina_detail_area span{
    color: #eb5244;
    font-size: 1.3em;
}

.orange_label{
    background: #eb5244;
    padding: 10px;
    color: #efddcb;
    text-align: left;
}

.aian_list{
    text-align: left;
    margin-top: 20px;
    padding-left: 10px !important;
    font-size: initial
}

.aian_list span{
    color: #00395c;
    padding-right: 10px;
    font-size: 1.8em;
    vertical-align: middle;
    line-height:  1em;
}

.aian_merit{
}

.merit_list{
}

.merit_list div{
}

.mid_txt{
    color: #735951;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 20px;
}

.mid_txt span{
    color: #eb5244;
    font-size: 1.3em;
}

.mid_orange_label{
    background: #eb5244;
    color: #efddcb;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.red{
    color: red;
    font-weight: bold;
}

.img_rkt{
    width: 50%;
    height: auto;
    min-width: 225px;
    max-width: 300px;
}

.img_center_rkt{
    text-align: center;
}

.ryoritsu_area{
    padding: 10px !important;
}

.ryoritsu_title{
    color: #ffffff;
    background: #333333;
    padding: 10px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.ryoritsu_txt{
    padding: 30px;
    border: 3px solid #dddddd;
    border-top: none;
}

.sansyou_area{
    color: #735951;
    background: #efddcb;
    margin: 10px 0 0 0;
    padding: 10px;
}

.marg_30{
    margin-bottom: 30px !important;
}

.knkyou_txt_area{
    margin: 20px 0;
}

.img_left{
    float: left;
}

.example_2{
    width: 70%;
    margin: auto;
    background: #feff99;
    padding: 20px 50px;
    margin-bottom: 20px;
}

.example_area{
    padding: 0 10px;
}

.syokunin_area{
    background: #efddcb;
    margin: 30px auto;
    padding: 10px 30px 10px 0;
}

.syokunin_title{
    color: #735951;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 30px 15px;
    line-height: 1.2em;
}

.rotate_area{
    background: #735951;
    color: #ffffff;
    -moz-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    -o-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    display: inline-block;
    padding: 15px 25px;
    margin-right: 20px;
}

.syokunin_label{
    color: #00395c;
    font-size: 1.8em;
    line-height: 1.2em;
}

.syokunin_txt{
    padding: 0 30px;
}

.syk_txt_area{
    padding: 15px 40px !important;
}

.img_syk{
    text-align: center;
    margin: 10px 0;
}

.table_title{
    background: url(../images/ttl_wallpaint01.png) no-repeat left 8px;
    padding-left: 45px;
    font-size: 1.5em;
    color: #26a6d1;
    line-height: 2.2em;
}


.cover_link{
    margin-bottom: 30px;
}

.cover_link div{
    margin: 10px 0;
}

.cover_link div a{
    color: #eb5244;
}


.img_center{
    text-align: center;
    margin-bottom:0 !important;
}
.img_right{
    text-align: right;
}
.tokutyou_txt{
    width: 690px;
    margin: 0 auto 30px;
}

.left_border_title{
    background: #efddca;
    border-left: 5px solid #745950;
    color: #745950;
    margin: 0 auto 30px;
    font-size: 1.8em;
    padding: 15px;
    font-weight: bold;
    line-height: 1.2em;
}

.prcs_area{
    margin: 20px auto 30px;
}

.prcs_title{
    color:#00395c;
    font-weight: bold;
    margin-bottom: 10px;
}

.prcs_title:before{
    content: "■";
}

.prcs_txt{
    margin-bottom: 20px;
}

.power_link_area{
    width: 60%;
    margin: 0 auto 20px;
}

.power_link_area a{
    text-decoration: none;
}

.power_link{
    background: #00395c;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    font-size:  1em;
    font-weight: bold;
    border-radius: 7px;
}

.power_link span{
    color: #eb5244;
    padding: 0 10px;
}

.power_link:hover{
    background: #eb5244;
}

.power_link:hover span{
    color: #ffffff;
}

.hy_title{
    background: url(../images/ttl_paint07_02.png) no-repeat center bottom;
    font-weight: bold;
    font-size: 1.8em;
    padding: 15px;
    color:#00395c;
    line-height: 1.2em;
}

.hy_area{
    margin: auto;
}

.hy_txt{
    background: url(../images/bg_paint07_02.png) no-repeat right bottom;
    height: 162px;
    padding-right: 36%;
}

.hy_txt div{
    padding: 15px 0;
    font-weight: bold;
    font-size: 1.2em;
}

.font_big{
    font-size: 1.8em;
}

.orange_point{
    background: url(../images/ttl_paint11_09.png) no-repeat left top;
    font-size: 1.2em;
    line-height: 1.4em;
    padding-left: 30px;
}

.left_border_title .sub_txt{
    font-size: 0.5em;
    width: 50%;
    vertical-align: middle;
}

.yellow_box{
    background: #fffbda;
    padding: 20px 10px;
    font-size: 0.74em;
    padding: 20px 1vw;
}

.aian_good_area{
    border: 1px solid #00395c;
}

.aian_good_title{
    background: #00395c;
    color: #ffffff;
    background-image: url(../images/img_kabeironberu_01_07.png);
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 20px 60px;
    font-size: 1.5em;
}

.aian_good_title span{
    font-size: 1.5em;
    vertical-align: middle;
    padding-left: 10px;
}

.aian_good_content{
    padding: 20px;
}

.aian_good_txt{
    font-weight: bold;
}

.tosou_txt{
    margin: 10px 0;
    font-size: 1.2em;
}

.aian_txt{
    color: #eb5244;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.tosou_txt:before,
.aian_txt:before{
    content: "●";
}

.b_under{
    border-bottom: 3px solid #00395c;
}

.aian_good_sub_title{
    color: #00395c;
}

.aian_good_sub_title:before{
    content: "■";
}

.back_house{
    background: url(../images/img_kabeironberu_01_12.png) no-repeat right;
    min-height: 124px;
    margin-top: 20px;
}

.gaina_title_label{
    background: #00395c;
    color: #ffffff;
    font-size: 2.5em;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.marg_t30{
    margin-top: 30px;
}

.both_area{
    background: #f1e4d4;
    border-radius: 10px;
    margin: 30px 0;
}

.img_staff{
    margin-top: -11px;
}

.both_mid_title{
    color: #00395c;
    margin-top: 20px;
    font-size: 1.5em;
    font-weight: bold;
}

.both_mid_txt{
    margin: 20px 50px 20px 0;
}

/* topImg */
/* hタグに書き換え */
.topLabel{
    color: #ffffff;
    background-color: #00395c;
    text-align: center;
    font-size: 48px;
    margin-top: 30px;
    padding-top: 14px;
    padding-bottom: 15px;

}

.topImgArea{
    position: relative;
}

.topTitleArea,
.topInfo,
.topWarrantyArea{
    position: absolute;
}

.topTitleArea{
    top: 33px;
    left: 220px;
}

.topSubTitle{
    font-size: 36px;
    color: #00395c;
    -webkit-text-stroke: 0.4px #ffffff;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.topTitle{
    margin-top: 58px;
    font-size: 140px;
    color: #ffffff;
    -webkit-text-stroke: 4px #00395c;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    padding: unset;
    text-shadow: 3px 3px 6px #000000;
    letter-spacing: -13px;
    line-height: 45px;
    text-align: left;
}

.topInfo{
    top: 456px;
    left: 50px;
    font-size: 58px;
    transform: rotate(-6deg);
    line-height: 64px;
    text-align: left;
    color: #e40c1c;
    -webkit-text-stroke: 0.5px #ffffff;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.topInfo span{
    font-size: 40px;
}

.topWarrantyArea {
    bottom: 45px;
    left: 236px;
}

.topWarranty{
    background-color: #e40c1c;
    border-radius: 40px;
    padding: 5px 20px 0 20px;
    width: fit-content;
    font-size: 40px;
    line-height: 64px;
    text-align: left;
    color: #ffffff;
    letter-spacing: 4px;
}

h4.topWarranty:nth-child(2){
    margin-top: 13px;
}

.sixFeature{
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #00395c;
    color: #ffffff;
    text-align: center;
    font-size: 45px;
    margin-top: 30px;
    line-height: 20px;
}

.rhombus {
    background-color: #e40c1c;
    padding: 24px 19px;
    transform: rotate(45deg);
    display: inline-block;
    border-radius: 5px;
}

span.rhombusNum {
    transform: rotate(-45deg);
    display: inline-block;
    color: #ffffff;
}

.featureTitle{
    padding-top: 0px;
    padding-bottom: 0px;
    background: linear-gradient(90deg, #00395c 0%, #00395c 12%, #ffffff 12%, #ffffff 100%);
    color: #000000;
    font-size: 45px;
    margin-top: 45px;
    margin-bottom: 30px;
    line-height: 20px;
    border: solid 1px #00395c;
}

.featureNum{
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
    text-align: center;
    font-size: 45px;
    margin-top: 30px;
    line-height: 20px;
    padding-left: 10px;
}

.pointDetail{
    font-size: unset;
    padding: unset;
}

.topSimulation {
    font-size: 27px;
    margin-bottom: 25px;
}

.topSimulationTop {
    text-align: center;
    letter-spacing: -3px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    -webkit-text-stroke: 1px #ffffff;
    text-shadow: 2px 2px 3px #000000;
    background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #fff100 50.5%) no-repeat top left/50% 99%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff100 50.5%) no-repeat top right/50% 100%;
    width: 75%;
    margin: 0 auto;
    padding: 18px 0;
    font-weight: 900;
}

.topSimulationBottom {
    text-align: center;
    letter-spacing: -3px;
    margin-top: 23px;
    font-weight: 900;
}

span.smallTextSimulation {
    font-size: 0.75em;
}

.btnExample {
    display: flex;
    background-color: #ffffff;
    border: solid 5px #00395c;
    border-radius: 15px;
    justify-content: center;
    padding: 0px;
    position: relative;
    margin-top: 30px;
}
h2.btn.fNotoBoldest {
    font-size: 47px;
}
.btnExample img{
    width: 210px;
}
.btnExample a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.btnExample a:hover{
    opacity: 0.1;
    background-color: #000000;
}

.btnExampleSp{
    display: flex;
    background-color: #ffffff;
    border: solid 5px #00395c;
    border-radius: 5px;
    justify-content: center;
    padding: 0px;
    position: relative;
    margin-top: 30px;
}

.btnExampleSp img{
    width: 210px;
}
.btnExampleSp a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.btnExampleSp a:hover{
    opacity: 0.1;
    background-color: #000000;
}

@media only screen and (max-width:1334px){
    .topLabel{
        font-size: 3.6vw;
        margin-top: 2.25vw;
        padding-top: 1.05vw;
        padding-bottom: 1.12vw;
    }

    .topTitleArea{
        top: 2.47vw;
        left: 16.49vw;
    }

    .topSubTitle{
        font-size: 2.7vw;
        -webkit-text-stroke: 0.03vw #ffffff;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        line-height: 1.424287856071964vw;
    }

    .topTitle{
        margin-top: 4.35vw;
        font-size: 10.49vw;
        letter-spacing: -0.97vw;
        -webkit-text-stroke: 0.3vw #00395c;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        text-shadow: 0.22vw 0.22vw 0.45vw #000000;
        line-height: 3.37vw;
    }

    .topInfo{
        top: 34.18vw;
        left: 3.75vw;
        font-size: 4.35vw;
        line-height: 4.8vw;
        -webkit-text-stroke: 0.04vw #ffffff;
        font-family: 'Zen Kaku Gothic New', sans-serif;
    }

    .topInfo span{
        font-size: 3vw;
    }

    .topWarrantyArea {
        bottom: 3.37vw;
        left: 17.69vw;
    }

    .topWarranty{
        padding: 0.37vw 1.5vw 0 1.5vw;
        font-size: 3vw;
        line-height: 4.8vw;
        letter-spacing: 0.3vw;
    }

    h4.topWarranty:nth-child(2){
        margin-top: 0.97vw;
    }

    .sixFeature{
        font-size: 3.37vw;
        margin-top: 2.25vw;
        line-height: 1.5vw;
    }

    .rhombus {
        padding: 1.8vw 1.42vw;
    }

    .featureTitle{
        font-size: 3.37vw;
        margin-top: 3.37vw;
        margin-bottom: 2.25vw;
        line-height: 1.5vw;
    }

    .featureNum{
        font-size: 3.37vw;
        margin-top: 2.25vw;
        line-height: 1.5vw;
        padding-left: 0.75vw;
    }

    .topSimulation {
        font-size: 2.02vw;
        margin-bottom: 1.87vw;
    }

    .topSimulationTop {
        letter-spacing: -0.22vw;
        padding: 1.35vw 0;
        -webkit-text-stroke: 0.07vw #ffffff;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        text-shadow: 0.15vw 0.15vw 0.22vw #000000;
        line-height: 3.37vw;
    }

    .topSimulationBottom {
        letter-spacing: -0.22vw;
        margin-top: 1.72vw;
        line-height: 3.37vw;
    }

    .btnExample {
        border: solid 0.37vw #00395c;
        margin-top: 2.25vw;
    }

    h2.btn.fNotoBoldest {
        font-size: 3.52vw;
    }
    .btnExample img{
        width: 15.74vw;
    }
}

@media only screen and (min-width:768px){
    .btnExampleSp{
        display: none;
    }
}

@media only screen and (max-width:767px){
    .topLabel{
        margin-bottom: 0px;
        padding: 0px;
        line-height: 5.07vw;
        font-size: 3.73vw;
    }

    .sixFeature{
        font-size: 5.33vw;
        line-height: 3.47vw;
    }

    .rhombus{
        padding: 1.6vw 1.87vw;
    }

    .featureTitle{
        background: linear-gradient(90deg, #00395c 0%, #00395c 16%, #ffffff 16%, #ffffff 100%);
        font-size: 4.2vw;
        letter-spacing: 0.21vw;
        line-height: 2.67vw;
    }

    .featureNum{
        font-size: 4.2vw;
    }

    .featureTitle .rhombus{
        padding: 1.87vw 1.87vw;
    }

    .topSimulation {
        margin-bottom: 25px;
    }

    .btnExample{
        display: none;
    }

    h2.btn.fNotoBoldest {
        font-size: 5.33vw;
        padding: 0;
        margin: 5px 0;
    }

    .btnExampleSp {
        border: solid 0.37vw #00395c;
        margin-top: 2.25vw;
    }

    .btnExampleSp img{
        width: 23.2vw;
        margin: auto 0;
    }
}

/* hタグに書き換えここまで */

/* secflow */
#ironberu .secSubTitle{
    background:#00395c;
    color:#ffffff;
    font-weight: bold;
    line-height:140%;
    padding:10px;
    margin-top: 30px;
    text-align: center;
    font-size:2em;
}
#ironberu .secFlow{
}
#ironberu .secFlow .boxFlow{
    padding:15px 0 0 0;
}
#ironberu .secFlow .boxFlow .titWrap{
    display: table;
    width: 100%;
}

#ironberu .secFlow .boxFlow .titNum{
    background: #ffffff;
    margin:0 10px 0 0;
    display: table-cell;
}
#ironberu .secFlow .boxFlow .titText{
    display: table-cell;
    border-top:solid 2px #00395c;
    border-bottom:solid 2px #00395c;
    vertical-align: middle;
    color: #00395c;
    font-weight: bold;
    line-height: 110%;
}
#ironberu .secFlow .boxFlow .boxContent{
    padding:20px 0;
}
#ironberu .secFlow .boxFlow .txtDetail{
    line-height:140%;
}

/* 特徴６豊富な色・柄のラインナップ */
.imgChangeWrap{
    text-align: center;
}
.imgChange{
    display: inline-block;
    padding:10px;
    width: 45%;
    height: auto;
}
.imgWrap{
    position: relative;
}
/*-----------------
.secSimulation
-----------------*/
#ironberu .secSimulation{
}
#ironberu .secSimulation .titImage{
    text-align:center;
    padding:0 0 30px 0;
}
#ironberu .secSimulation .boxSimSample{
    background:#fcfad6;
    text-align:center;
}
#ironberu .secSimulation .boxColorSim{
    background-color:#cbd7de;
}
#ironberu .secSimulation .boxColorSim .titColorSim{
    font-weight: bold;
    color:#00395c;
    line-height:120%;
    padding-bottom:10px;
}
#ironberu .secSimulation .boxColorSim .infoColorSim{
    line-height:160%;
}

@media only screen and (max-width:767px){
    #ironberu .secSimulation .boxSimSample{
        padding:10px 10px;
    }
    #ironberu .secSimulation .boxColorSim{
        padding:10px;
        margin-top:20px;
    }
    #ironberu .secSimulation .boxColorSim .titColorSim{
        font-size:1.4em;
        line-height:140%;
        padding-top:15px;
    }
}
@media print, screen and (min-width:768px){
    #ironberu .secSimulation .boxSimSample{
        padding:30px 20px;
    }
    #ironberu .secSimulation .boxColorSim{
        padding:20px;
        margin-top:30px;
    }
    #ironberu .secSimulation .boxColorSim .titColorSim{
        font-size:1.4em;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
    #ironberu .secSimulation .boxColorSim .infoColorSim{
        font-size:1.3em;
    }
}
@media only screen and (min-width:1200px){
    #ironberu .secSimulation .boxColorSim .titColorSim{
        font-size:1.5em;
    }
    #ironberu .secSimulation .boxColorSim .infoColorSim{
        font-size:1em;
    }
}



@media only screen and (max-width:767px){
    #ironberu .secFlow .boxFlow .titNum{
        width:48px;
    }
    #ironberu .secFlow .boxFlow .titText{
        text-align: center;
        font-size:1.3em;
    }
    #ironberu .secFlow .boxFlow .txtDetail{
        line-height:180%;
    }
}
@media print, screen and (min-width:768px){
    #ironberu .secFlow .boxFlow .titNum{
        width:74px;
        margin:0 10px 0 0;
    }
    #ironberu .secFlow .boxFlow .titText{
        font-size:1.6em;
    }
    #ironberu .secFlow .boxFlow .txtDetail{
        font-size: 1em;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
}
@media only screen and (min-width:1200px){
    #ironberu .secFlow .boxFlow .titText{
        font-size:2.5em;
    }
    #ironberu .secFlow .boxFlow .txtDetail{
        font-size:1em;
        line-height:180%;
    }
}
/* secflow */

/*-----------------
.secExample
-----------------*/
#ironberu .secExample{
    background:#00395c;
}
#ironberu .secExample .titExample{
    color:#ffffff;
    font-weight: bold;
    line-height:120%;
}
#ironberu .secExample .infoExample{
    color:#ffffff;
    text-align:right;
    line-height:140%;
    font-weight: bold;
}
#ironberu .secExample .boxExample{
    background:#b2c3ce;
    padding:10px;
}
#ironberu .secExample .boxExample .boxImage{
    text-align: center;
}
#ironberu .secExample .boxExample .boxText{
    max-width:475px;
    margin:10px auto 0 auto;
    line-height: 130%;
}
/* #ironberu .secExample .btnExample{
    padding:30px 0 0 0;
} */


@media only screen and (max-width:767px){
    #ironberu .secExample{
        padding:15px;
    }
    #ironberu .secExample .titExample{
        font-size:1.6em;
        text-align:center;
        padding-bottom:15px;
    }
    /* #ironberu .secExample .btnExample{
        padding-top:10px;
    } */
}
@media print, screen and (min-width:768px){
    #ironberu .secExample{
        padding:20px;
    }
    #ironberu .secExample .titExample{
        font-size:2.0em;
    }
    #ironberu .secExample .boxExample .boxText{
        font-size:1em;
        line-height:160%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    #ironberu .secExample .infoExample{
        padding:15px 0 10px 0;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    #ironberu .secExample .titExample{
        padding:0px 0 20px 0;
        font-size:2.3em;
    }
}
@media only screen and (min-width:1200px){
    #ironberu .secExample{
        padding:30px 40px;
    }
    #ironberu .secExample .titExample{
        padding:0px 0 20px 0;
        font-size:3.2em;
    }
    #ironberu .secExample .infoExample{
        font-size:1.3em;
    }
}



@media screen and (max-width: 767px){

    .both_mid_txt{
        margin: 20px 10px;
    }

    .both_mid_title {
        margin-top: 0;
        font-size: 1.3em;
        text-align: center;
    }

    .back_house {
        background-size: 60%;
    }

    .hy_title {
        background-size: 100%;
    }

    .hy_txt {
        background: url(../images/bg_paint07_02.png) no-repeat right 0px;
        background-size: 35%;
        padding-right: 0;
        text-shadow: 0px 2px 1px #ffffff,0px -2px 1px #ffffff,-2px 0px 1px #ffffff,2px 0px 1px #ffffff;
        height: auto;
        font-weight: bold;
    }

    .hy_area{
        width: 100%;
    }

    .power_link_area{
        width: 100%;
    }

    .img_center img{
        width: 100%;
        height: auto;
    }

    .product_name{
        font-size: 4vw;
    }

    .img_rkt{
        width: 50% !important;
        margin: auto;
    }

    .img_kankyou{
        display: block;
        width: 50%;
        height: auto;
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }

    .example_2{
        width: 100%;
    }

    .example_area{
        margin-bottom: 20px;
    }

    .rotate_area{
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        display: block;
        text-align: center;
        width: 90%;
        margin: auto;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .kind_class{
        width: 100%;
        display: block;
        /* float: right; */
        font-size: 0.4em !important;
        border-bottom: 2px solid;
        color: #00395c;
        line-height: 1.9em;
    }

    .tokutyou_txt{
        width: 100%;
    }

    .left_border_title{
        width: 100%;
        line-height: 1.2em;
    }

    .prcs_area{
        width: 100%;
    }

    .kind_class{
        font-size: 1.2em !important;
        padding: 0px 0 5px 0;
    }

    .hy_img{
        margin: 10px 0;
    }

    .hy_img img{
        width: 70%;
        margin: auto;
    }

    .syokunin_area{
        width: 100%;
        padding: 20px 0;
    }

    .syokunin_title {
        text-align: center;
    }

    .left_border_title .sub_txt {
        width: 100%;
        line-height: 1.4em;
        padding-top: 10px;
    }

    .aian_good_title {
       font-size:1.2em;
       padding-right: 0px;
    }
    .aian_good_title span{
       padding-left: 0px;
    }
    .jaxa_txt{
        padding: 10px 0 0 60px;
        margin: 0px auto 20px auto;
    }

    .produkt_detail{
        font-size:  1em;
    }

    .produkt_detail span{
        color: #ffffff;
        background: #eb5244;
        border-radius: 10px;
        padding: 3px 10px;
    }
    .syokunin_title{
        font-size: 0.9em;
    }
    .mid_orange_title{
        font-size:1.8em;
    }
    .back_house {
        background-position: 50% 64px;;
        background-size:80% auto;
        min-height: 140px;
    }

    .both_area{
        margin: 30px 0 10px 0;
    }
}
@media screen and (min-width: 768px){
}

/*----------------------------
.secLineup
----------------------------*/
.secLineup{
    padding:20px 0 10px 0;
}
.secLineup .boxPhoto{
}
.secLineup .boxText{
    font-size: 1em;
    font-weight: bold;
    color:#00395c;
    text-align:center;
    padding:10px 0 20px 0;
}

/*----------------------------
.secContactBanner
----------------------------*/
.secContactBanner{

}
.secContactBanner .contactBox{
    position: relative;
}
.secContactBanner .contactSubbox{
    position: absolute;
    top: 58%;
    left: 27%;
    right: 1%;
    bottom: 1%;
}
.secContactBanner .contactSubbox .tel_free{
    padding: 5% 0 0 2%;
    color: #D80006;
    font-size: 4.2em;
    font-family: Verdana;
    font-weight: bold;
}
.secContactBanner .contactSubbox .tel_time,
.secContactBanner .contactSubbox .holiday{
    padding: 9% 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6em;
}

@media only screen and (max-width:320px){
    .secContactBanner .contactSubbox{
        top: 36%;
    }
    .secContactBanner .contactSubbox .tel_mark{
        width: 28px;
        margin: 0 auto 0 0;
    }
    .secContactBanner .contactSubbox .tel_free{
        padding: 0 0 0 10px;
        font-size: 1.8em;
        font-family: Helvetica;
    }
    .secContactBanner .contactSubbox .info_box{
        position: absolute;
        bottom: 0;
        right: 4px;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        display: inline-block;
        padding: 0;
        font-size: 0.6em;
        line-height: 1em;
    }
    .secContactBanner .contactSubbox .holiday{
        min-width: 70px
    }
}
@media only screen and (min-width:321px) and (max-width:767px){
    .secContactBanner .contactSubbox{
        top: 36%;
    }
    .secContactBanner .contactSubbox .tel_mark{
        width: 32px;
        margin: 3px auto 0 0;
    }
    .secContactBanner .contactSubbox .tel_free{
        padding: 0 0 0 10px;
        font-size: 1.8em;
        font-family: Helvetica;
    }
    .secContactBanner .contactSubbox .info_box{
        position: absolute;
        bottom: 0;
        right: 4px;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        display: inline-block;
        padding: 0;
        font-size: 0.6em;
        line-height: 1em;
    }
    .secContactBanner .contactSubbox .holiday{
        min-width: 100px
    }
}
@media print, screen and (min-width:768px){
}
@media only screen and (min-width:768px) and (max-width:991px){
    .secContactBanner .contactSubbox .tel_free{
        font-size: 2.5em;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        font-size: 0.7em;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .secContactBanner .contactSubbox .tel_free{
        font-size: 3.2em;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        font-size: 0.9em;
    }
}

/*----------------------------
.secIntroBanner
----------------------------*/
.secIntroBanner{
    margin: 20px 0 50px 0;
}


@media screen and (max-width: 767px){
    .secIntroBanner{
        margin: 5px 0 25px 0;
    }
}

.br-xs{
    display: block;
}
.img_max2{
    width: 100%;
    height: auto;
    margin: 20px auto;
}
.text_left{
    float: left;
    width: 300px;

}
@media screen and (max-width: 880px){
.hidden1{
    display: none;
    }
.visible1{
    display: block;
    }
}
/* 新規追加分アイアンベール */
.imgWrap .lineup_text {
    display: inline-block;
    width: 45%;
    padding: 0 0 20px;
    text-align: center;
    font-weight: 500;
}
@media screen and (min-width: 1300px){
    .imgWrap .lineup_text {
        font-size: 18px;
    }
}
@media (min-width: 1000px) and (max-width: 1300px){
    .imgWrap .lineup_text {
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 1000px) {
    .imgWrap .lineup_text {
        font-size: 15px;
        padding-bottom: 1vw;
    }
    .imgChangeWrap .btom_space {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 1080px) {
    h4.color_30 {
        padding-left: 90px;
        padding-bottom: 0;
        font-size: 2.66em;
    }
}
@media (min-width: 767px) and (max-width: 1079px) {
    h4.color_30 {
        padding-left: 90px;
        margin-bottom: -12px;
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 767px){
    .margTop{
        margin-top: 25px !important;
    }
    .br-xs{
        display: none;
    }
    .point{
        width: 120px;
        color: #00395c;
        background-color: #dccab1ab;
        border-radius: 5px;
        font-weight: bold;
        margin:0 0 15px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 1.8em;
    }
    .product_txt{
        font-size: 1.8em;
        padding: 0px 0 0;
        margin-bottom: 10px;
        line-height: 10px;
    }
    .textWrapper1 {
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        padding: 10px 0;
    }
    h2{
        font-size: 1.8em;
        padding: 0;
        line-height: 30px;
        margin: 10px 0;
    }
    h4{
        font-size: 1.8em;
        padding: 0;
        line-height: 30px;
        margin: 10px 0;
    }
    .textWrapper2 {
        font-size: 16px;
        float: left;
        width: 100%;
        line-height: 25px;
        font-weight: normal;
        padding:0;
    }
    .textWrapper2-1 {
        font-size: 16px;
        float: left;
        width: 100%;
        line-height: 25px;
        font-weight: normal;
        padding:0;
    }
    .text_left {
        width:100%;
    }
    .point2 {
        font-size: 20px;
        margin: 5px 0;
        font-weight: bolder;
        background-color: #dccab1ab;
        padding: 6px 5px;
        text-align: left;
        width: 300px;
    }
    .textWrapper3 {
        font-size: 16px;
        float: left;
        line-height: 25px;
        padding:10px 0 0;
        font-weight: normal;
    }
    .red{
        font-size:20px;
    }
    .threeTitle{
        font-size:1.6em;
    }
    .textWrapper4 {
        font-size: 16px;
        padding-left: 0;
        float: left;
        width: 100%;
        line-height: 25px;
        padding-bottom: 20px;
        font-weight: normal;
    }
    .img_max{
        width:100%;
        max-width: 500px;
        height: auto;
        margin: 0px auto;
        text-align: center;
    }
    .imgThreeWrap{
        width: 100%;
        height: 250px;
    }
    .wrap3{
        height: 730px;
    }
    .kojiImg{
        width: 100%;
        height: auto;
        position: static;
        padding-top:15px;
        max-width: 672px;
    }
    .wrap1{
        padding:10px 0;
        height: auto;
    }
    .img_max2{
        width: 100%;
        height: auto;
        margin: 0px auto 0;
    }
    .wrap3{
        height: 560px;
    }
    .perform02{
        max-width: 400px;
        position: static;
    }
    .fukidashi01{
        width: 210px;
        left: 45%;
        bottom: -220px;
        position: absolute;
    }
    .imgPerson {
        top: 60%;
        width: 213px;
        left: 6%;
    }
    .textWrapper5{
        font-size:16px;
        width: 100%;
        line-height: 25px;
        padding:0;
        position: static;
        font-weight: normal;
    }
    .nopadding, .noMargin{
        margin:0 !important;
        padding:0 !important;
    }
    .margBottom{
        margin-bottom: 10px;
    }
    .margTop2{
        margin-top: 10px;
    }
    .imgChange {
        padding-bottom: 1vw;
    }
    .imgChangeWrap .btom_space {
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 430px){
    .fukidashi01{
        top: 50px;
        width: 50%;
        left: 42%;
        position: relative;
    }
    .imgPerson{
        width: 45%;
        top:60%;
    }
    .wrap3{
        height: 500px;
    }
}
@media screen and (max-width: 375px){
    .wrap3{
        height: 470px;
    }
}
@media screen and (max-width: 350px){
    .wrap3{
        height: 440px;
    }
}
@media screen and (max-width: 320px){
    .wrap3{
        height: 410px;
    }
}

@media only screen and (max-width:767px) {
    .secIntroBanner .center_banner {
        text-align: center;
    }
}

@media only screen and (min-width:767px) and (max-width:998px){
    .secContactBanner .contactSubbox .tel_free{
        font-size: 2.4em;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        font-size: 1.2vw;
    }
}
@media only screen and (min-width:999px) and (max-width:1199px){
    .secContactBanner .contactSubbox .tel_free{
        font-size: 3.2em;
    }
    .secContactBanner .contactSubbox .tel_time,
    .secContactBanner .contactSubbox .holiday{
        font-size: 0.9em;
    }
}
@media only screen and (min-width:1200px) and (max-width:1300px){
    .secContactBanner .contactSubbox .tel_free{
        font-size: 3.8em;
    }
}