@charset "utf-8";

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*user-select: none;*/
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
}

body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

div,
p,
footer,
header,
section {
    display: block;
    word-wrap: break-word;
}

ol,
ul {
    list-style: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
 /* opacity: 0.7; */
}

a:active {}

hr {
    clear: both;
    width: 100%;
}

img {
    vertical-align: bottom;
    border-style: none;
}

html {
    font-size: 62.5%;
    /*ベース10px*/
    /*overflow-y: hidden;*/
}


/* font 指定 */

body {
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    font-size: 1.6rem;
    /*10px*/
    line-height: 1.6em;
}

@font-face {
    font-family: futura, Meiryo;
    src: url('css/futura medium bt.ttf') format('truetype');
}

.menutxt {
    font-family: futura, Meiryo;
}

.mincho {
    /*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/* font 指定 ここまで */

html,
body {
    /*
    width: 100%;
    height: 100%;
    */
    /* スムーズなスクロール（慣性スクロール）を実現(iOS 5.0 より実装された) */
    -webkit-overflow-scrolling: touch;
}

body {
    background-color: #fff;
}







/*------------------------------------------------------------
main
------------------------------------------------------------*/
/*COM: main*/
#wrap {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

#contents {
    display: block;
    position: relative;
    width: 100%;
    margin-left: 0px;
}

#pageContainer {
    display: block;
    position: relative;
    width: 850px;
    margin: 0 auto;
    color: #717071;
}

.pageTitle {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 65px;
}

.pageTitle_procucts {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.pageTitle_procucts img {
    margin-right: 10px;
    vertical-align: middle;
}

.pageTitle_procucts span {
    vertical-align: middle;
}

.pageTitleName_A {
    display: block;
    position: relative;
    float: left;
    clear: both;
    font-weight: 700;
    color: #005060;
    border-bottom: 1px solid #005060;
}

.pageTitleName_B {
    display: block;
    position: relative;
    float: left;
    font-weight: 400;
    font-size: 1.2rem;
}

.serviceName {
    /*font-weight: 700;*/
    font-size: 1.2rem;
}

.telAndMail {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    font-size: 1.0rem;
    line-height: 1em;
}

.serviceMail {
    color: #005060;
}

.serviceMailHontai {
    color: #fa781e;
}

.serviceTel {
    color: #005060;
}

.pageInnerTitle {
    display: block;
    position: relative;
    text-align: left;
    font-weight: 700;
    font-size: 1.6rem;
}

.pageInnerTitleS {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    font-weight: 700;
    font-size: 1.4rem;
}

.innerTitle_img {
    vertical-align: middle;
    display: inline-block;
}

.innerTitle_text {
    display: inline-block;
}

.innerImg_left {
    width: 50%;
    border: 0px;
    margin: 0 30px 10px 0;
}

/*FUJ*/
.noticeboxImg {
    margin: 10px 30px 10px 30px;    
    width: 250px;
}

.noticeboxSpImg {
    display: none;
}
/*FUJ*/

.innerImg_right {
    width: 50%;
    border: 0px;
    margin: 0 0 10px 30px;
}

.solutionSpImg {
    display: none;
}

.productsBody {
    display: block;
    table-layout: fixed;
    width: 100%;
    background-color: transparent;
}

.productsBody_cel {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    margin-left: 20px;
    font-size: 1.0rem;
    width: 25%;
    color: #717071;
    background-color: transparent;
    cursor: default;
}

.productsBody_cel img {
    border: 1px solid #717071;
}

.productsBody_name_first {
    display: block;
    position: relative;
    width: 96%;
    height: 37px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #717071;
}

.productsBody_name_first_sp {
    display: block;
    position: relative;
    width: 96%;
    height: 54px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #717071;
}

.productsBody_name {
    display: block;
    position: relative;
    width: 96%;
    height: 37px;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #717071;
    border-bottom: 1px solid #717071;
}

.productsBody_name_sp {
    display: block;
    position: relative;
    width: 96%;
    height: 54px;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #717071;
    border-bottom: 1px solid #717071;
}

.productsSmallBody {
    display: block;
    table-layout: fixed;
    width: 96%;
    background-color: transparent;
}

.productsSmallBody_cel {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    /*margin-left: 20px;*/
    font-size: 1.0rem;
    width: 48%;
    color: #717071;
    background-color: transparent;
    cursor: pointer;
}

.productsBody_name_first:link,
.productsBody_name_first:visited,
.productsBody_name_first:hover,
.productsBody_name_first:active {
    color: #717071;
}


.productsBody_name_sp:link,
.productsBody_name_sp:visited,
.productsBody_name_sp:hover,
.productsBody_name_sp:active {
    color: #717071;
}

.productsBody_name_first_sp:link,
.productsBody_name_first_sp:visited,
.productsBody_name_first_sp:hover,
.productsBody_name_first_sp:active {
    color: #717071;
}
.productsBody_name:link,
.productsBody_name:visited,
.productsBody_name:hover,
.productsBody_name:active {
    color: #717071;
}

.productsBody_cel_link:link,
.productsBody_cel_link:visited,
.productsBody_cel_link:hover,
.productsBody_cel_link:active {
    display: block;
    color: #717071;
}

.f_linkTxt:link,
.f_linkTxt:visited,
.f_linkTxt:hover,
.f_linkTxt:active {
    color: #717071;
}

/*FUJ変更*/
.noticebox_attached:link,
.noticebox_attached:visited,
.noticebox_attached:active {
    color: #717071;
    transition: 0.3s;
}

.noticebox_attached:hover {
    color: #1C7A87;
    transition: 0.3s;    
}
/*FUJ変更*/

/*------------------------------------------------------------
head
------------------------------------------------------------*/
/*COM: head*/
#hel_head {
    display: block;
    position: relative;
    width: 100%;
    /*height: 163px;*/
    height: 178px;
    padding-top: 0px;
    border-bottom: 15px solid #005060;
    z-index: 1000;
}

#logo_hel_head_left {
    display: block;
    position: absolute;
    top: 57px;
    left: 91px;
    width: 216px;
}

#logo_hel_head_left_sp {
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 275px;
}

#logo_hel_head_right {
    display: block;
    position: absolute;
    top: 44px;
    right: 90px;
    width: 216px;
}

#logo_hel_head_center {
    display: none;
}

#navblock {
    display: block;
    position: absolute;
    top: 119px;
    left: 50%;
    table-layout: fixed;
    height: 44px;
    width: 512px;
}

.nav {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 44px;
    width: 64px;
    line-height: 1.5em;
    font-size: 1.0rem;
    color: #717071;
    cursor: pointer;
}

.navName {
    color: #717071;
}

.navsmalltxt {
    color: #717071;
}

.navsmalltxt {
    display: block;
    margin-left: 5%;
    width: 100%;
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: left center;
}

.nav_greenline {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 64px;
    height: 2px;
    background-color: #005060;
}

.nav_orangeline {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background-color: #fa781e;
}

.nav_childblock {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;
}

.nav_child {
    display: block;
    position: relative;
    width: 160px;
    height: 30px;
    padding-top: 2px;
    text-align: left;
    line-height: 1.3em;
    font-size: 1.0rem;
    color: #717071;
    border-bottom: 1px solid #717071;
    background-color: rgba(204, 220, 223, 0.95);
    cursor: pointer;
}

.nav_child_singleNameCase {
    padding-top: 8px;
}

.nav_child_singleNameCase_long {
    padding-top: 8px;
    width: 220px;
}

.nav_childName {
    margin-left: 5%;
}

.nav_childsmalltxt {
    display: block;
    margin-left: 5%;
    width: 100%;
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: left center;
}

#nav_grandchildblock_1 {
    display: none;
    position: absolute;
    top: 0%;
    left: 100%;
    border-top: 1px solid #005060;
    border-bottom: 1px solid #005060;
}

.nav_grandchildblock {
    display: none;
    position: absolute;
    top: 0%;
    left: 100%;
    border-top: 1px solid #005060;
    border-bottom: 1px solid #005060;
}

.nav_grandchild {
    display: block;
    position: relative;
    width: 160px;
    height: 30px;
    text-align: left;
    padding-top: 8px;
    padding-left: 18px;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    color: #005060;
    border-bottom: 1px solid #717071;
    background-color: rgba(204, 220, 223, 0.95);
    cursor: pointer;
}

.nav_arr {
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 4px;
    height: 6px;
}



#humberger {
    display: none;
}

.helList{
    list-style: disc;
    padding-left: 1em;
}



/*------------------------------------------------------------
SP用のメニュー
------------------------------------------------------------*/
/*COM: SP用のメニュー*/
#menu_sp {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 300px;
    background-color: #e5edef;
}

#h_menuSP {
    display: block;
    position: relative;
    width: 300px;
    border-left: 6px solid #005060;
    background-color: #e5edef;
}

#menuHead_sp {
    display: block;
    position: relative;
    width: 300px;
    cursor: pointer;
}

.navChildBlock_sp {
    display: none;
}

.navGrandChildBlock_sp {
    display: none;
}

.navName_sp {
    display: block;
    position: relative;
    width: 300px;
    height: 36px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.4rem;
    color: #717071;
    background-color: transparent;
    border-bottom: 1px solid #005060;
    cursor: pointer;
}

.navChildName_sp {
    display: block;
    position: relative;
    width: 300px;
    height: 36px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.2rem;
    color: #717071;
    background-color: transparent;
    border-bottom: 1px solid #005060;
    border-left: 5px solid #005060;
    cursor: pointer;
}

.navgrandChildName_sp {
    display: block;
    position: relative;
    width: 300px;
    height: 36px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.2rem;
    color: #717071;
    background-color: transparent;
    border-bottom: 1px solid #005060;
    border-left: 10px solid #005060;
    cursor: pointer;
}

.navgrandChildName_c_sp {
    display: block;
    position: relative;
    width: 300px;
    height: 36px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.2rem;
    color: #717071;
    background-color: transparent;
    border-bottom: 1px solid #005060;
    border-left: 15px solid #005060;
    cursor: pointer;
}

.navgrandChildName_gc_sp {
    display: block;
    position: relative;
    width: 300px;
    height: 36px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.2rem;
    color: #717071;
    background-color: transparent;
    border-bottom: 1px solid #005060;
    border-left: 20px solid #005060;
    cursor: pointer;
}

.nav_arr_sp {
    display: block;
    position: absolute;
    right: 15px;
    top: -3px;
    width: 10px;
    height: 6px;
}


/*------------------------------------------------------------
footer
------------------------------------------------------------*/
/*COM: footer*/
#hel_footer {
    display: block;
    position: relative;
    width: 100%;
    z-index: 100;
}

#f_grayzoon {
    display: block;
    position: relative;
    width: 100%;
    background-color: #eaeaea;
}

#f_whitezoon {
    display: block;
    position: relative;
    width: 100%;
    height: 70px;
    background-color: #FFF;
}

#f_table {
    display: block;
    position: relative;
    table-layout: fixed;
    width: 1110px;
    margin: 0 auto;
}

.f_tablecel {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 370px;
}

#f_contents_sp {
    display: none;
}

#logo_hel_footer_left {
    display: block;
    position: absolute;
    top: 27px;
    left: 91px;
    width: 216px;
}

#copyright_hel_footer_right {
    display: block;
    position: absolute;
    top: 30px;
    right: 90px;
    width: 248px;
}

#copyright_hel_footer_center {
    display: none;
}

/*------------------------------------------------------------
movie *TOPPAGE
------------------------------------------------------------*/
/*COM: movie *TOPPAGE*/
#movieArea_top {
    display: block;
    position: relative;
    width: 100%;
    /*height: 400px;*/
    margin-bottom: 22px;
    padding-bottom: 10px;
    background-color: #005060;
    z-index: 1;
}

#h_movie {
    display: block;
    position: relative;
    width: 950px;
    /*height: 385px;*/
    margin: 0 auto;
}

#videolist_0 {
    display: block;
}

#videolist_1 {
    display: none;
}

#videolist_2 {
    display: none;
}

#videolist_3 {
    display: none;
}

#videolist_4 {
    display: none;
}

#videolist_5 {
    display: none;
}

#videolist_6 {
    display: none;
}

#videolist_7 {
    display: none;
}




/*------------------------------------------------------------
brand *TOPPAGE
------------------------------------------------------------*/
/*COM: brand *TOPPAGE*/
#brandblock {
    display: block;
    table-layout: fixed;
    height: 70px;
    width: 847px;
    background-color: transparent;
    margin: 0 auto;
    z-index: 1;
}

#brandblock_sp {
    display: none;
}

.brandcel {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*height: 70px;*/
    width: 121px;
    background-color: transparent;
    cursor: pointer;
}



/*------------------------------------------------------------
notice *TOPPAGE
------------------------------------------------------------*/
/*COM: notice *TOPPAGE*/
#noticebox {
    display: block;
    position: relative;
    width: 850px;
    min-height: 114px;
    border: 1px solid #717071;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 22px;
    padding: 10px 20px;
}

#text_aboutcovid {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    color: #005060;
    font-weight: 700;
}

.h_line {
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 9px;
    background-color: #717071;
}

#noticetext {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 9px;
}




/*------------------------------------------------------------
solutions *TOPPAGE
------------------------------------------------------------*/
/*COM: solutions *TOPPAGE*/
.title_gray {
    display: block;
    position: relative;
    width: 100%;
    height: 72px;
    margin-top: 37px;
    padding-top: 26px;
    background-color: #717071;
}

#text_solutions {
    display: block;
    position: relative;
    width: 174px;
    margin: 0 auto;
}

.solutionIconblock {
    display: block;
    position: relative;
    table-layout: fixed;
    height: 207px;
    width: 875px;
    background-color: transparent;
    margin: 0 auto;
}

.solutionIconblock_sp {
    display: none;
}

.solutionIconcel {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 207px;
    width: 175px;
    cursor: pointer;
}

#linkToOverseas {
    display: block;
    position: relative;
    width: 500px;
    margin: 0 auto;
}




/*------------------------------------------------------------
table
------------------------------------------------------------*/
/* COM:テーブル */
table,
td,
th {
    border: 1px solid #595959;
    border-collapse: collapse;
}

td,
th {
    padding: 3px;
}

th {
    background: #e0e6ea;
}

.even {
    background: #fbf8f0;
}

.odd {
    background: #fefcf9;
}

.tableGaiyo {
    width: 100%;
    table-layout: fixed;
    font-size: 1.2rem;
}


.tableGaiyo_pc {
    width: 400px;
    table-layout: fixed;
    font-size: 1.2rem;
}
.tableGaiyo_pc_note {
    display: block;
    position: relative;
    width: 400px;
    text-align: left;
}

.h_table_th {
    font-weight: 400;
    text-align: left;
    padding: 10px;
    width: 150px;
}

.h_table_td {
    font-weight: 400;
    text-align: left;
    padding: 10px;
}

.h_table_th_pc {
    font-weight: 400;
    text-align: left;
    padding: 10px;
    width: 35%;
}

.h_table_td_pc {
    font-weight: 400;
    text-align: left;
    padding: 10px;
    width: 65%;
}

.h_table_td_addLast {
    font-weight: 400;
    text-align: right;
    padding: 10px;
}

.noborder {
    border: 0px none;
}

.tableBody {
    display: block;
    table-layout: fixed;
    height: 40px;
    width: 100%;
    background-color: transparent;
    margin: 0 auto;
}

.tableCel {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 25px;
    width: 25px;
    margin-left: 20px;
    font-size: 1.6rem;
    color: #FFF;
    background-color: #696969;
    cursor: pointer;
}

/*------------------------------------------------------------
UNDER PAGE
------------------------------------------------------------*/
/*COM: UNDER PAGE*/
.titleLogo {
    display: block;
    position: relative;
    width: 160px;
}


.detail_LEFT {
    display: block;
    float: left;
    width: 46%;
    font-size: 1.2rem;
    line-height: 1.8em;
}

.detail_RIGHT {
    display: block;
    float: right;
    width: 46%;
}

/*FUJ追加*/
.PARTNER_detail_RIGHT {
    display: block;
    float: right;
    width: calc(100% - 270px);
    font-size: 1.2rem;
    line-height: 1.8em;
}

.PARTNER_detail_LEFT {
    display: block;
    float: left;
    width: 270px;
}

    .companyBody_link {
        font-size: 1.2rem;
    }

/*FUJ変更*/
.companyBody_link:link,
.companyBody_link:visited,
.companyBody_link:active {
    color: #ef7d00;
    transition: 0.3s;
}

.companyBody_link:hover {
    color: #1C7A87;
    transition: 0.3s;
}


.ProdustDetail_link {
        font-size: 1.2rem;
        font-weight: bold;
    }

.ProdustDetail_link:link,
.ProdustDetail_link:visited,
.ProdustDetail_link:active {
    color: #ef7d00;
    transition: 0.3s;
}

.ProdustDetail_link:hover {
    color: #1C7A87;
    transition: 0.3s;
}

/*FUJ追加*/

.detail_icon {
    display: block;
    position: relative;
    height: 64px;
    margin: 20px 0px 20px 0;
}

/*FUJ追加*/

.detail_iconR {
    display: inline-block;
    position: relative;
    margin: 20px 0px 20px 0;
}

/*FUJ追加*/

/*FUJ追加*/

.autocon_concept {
    display:block;
    position: relative;
    margin: 0px 0px 0px 20px;
}

/*FUJ追加*/

.solutionSmallBody {
    display: block;
    position: relative;
    width: 75%;
}

.solutionTxt {
    font-size: 1.2rem;
}

.imgCaption {
    font-size: 1.2rem;
}

/*FUJ追加*/
.flexoImg {
    display: block;
    position: relative;
    width: 100%;
}
/*FUJ追加*/
.flexoImg_sp {
    display: none;
}
.flexoImg_2 {   
    width: 150px;
    margin: 0px 20px;
}
.flexoImg_3 {   
    width:  380px;
    margin: 0px 20px;    
    border: 2px solid #cccccc;
}
.flexoImg_2_sp {
    display: none;
}
.flexoImg_3_sp {
    display: none;
}
.scroll-container {
    display: none;
}

#confirmWinBG {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1001;
}

#confirmWin {
    display: block;
    position: relative;
    width: 850px;
    height: 70vh;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px;
    color: #696969;
    text-align: left;
    font-size: 1.2rem;
    background-color: #FFF;
    border-radius: 6px;
    overflow: auto;
}
#confirmTitle{
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0px 40px 0px;
    color: #696969;
    text-align: center;
    font-size: 1.2rem;
    background-color: transparent;
}

#btn_close {
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    cursor: pointer;
}

.confirmOneLine {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
}

#btn_send {
    display: block;
    position: relative;
    width: 120px;
    padding: 10px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    background-color: #005060;
    border-radius: 6px;
    cursor: pointer;
}

.missTxt {
    color: #FF0000;
}

#contact_BG {
    display: block;
    position: relative;
    width: 100%;
    padding: 30px;
    background-color: #e1e6ea;
}

.inputOneline {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 50px;
}

.formTxt_hissu {
    display: block;
    position: relative;
    width: 40px;
    height: 22px;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    color: #FFF;
    background-color: #fa781e;
    border-radius: 6px;
}

.formTxt_komoku {
    display: block;
    position: relative;
    width: 150px;
    height: 22px;
    float: left;
    margin-left: 30px;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
}

.input_text_body {
    display: block;
    position: relative;
    width: 100%;
}

.inputText {
    width: 100%;
    height: 36px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding-left: 20px;
}

.textboxdata {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.inputPaddingBlock {
    display: block;
    position: relative;
    width: calc(100% - 220px);
    float: left;
    margin-top: -7px;
}

.btn_confirm {
    display: block;
    position: relative;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: #FFF;
    background-color: #fa781e;
    margin: 0 auto;
    margin-top: 50px;
    border-style: none;
    border-radius: 6px;
    cursor: pointer;
}

select {
    appearance: none;
}

select::-ms-expand {
    display: none;
}

#selectBody {
    display: block;
    position: relative;
    width: 260px;
    height: 36px;
}

#yourreq {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    border: 1px solid #cccccc;
    border-radius: 6px;
}
#selectArr{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height:36px;
    pointer-events: none;
}

/* Google Mapを囲う要素 */
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*------------------------------------------------------------
block none visible hidden ※UNDER PAGE
------------------------------------------------------------*/
/*COM: BR ※UNDER PAGE*/
.br_sp {}

.pcBLOCK_spNONE {
    display: block;
}

.pcNONE_spBLOCK {
    display: none;
}


/*------------------------------------------------------------
sub
------------------------------------------------------------*/
/* COM:サブスタイル */

#navNum,
#childNavNum,
#grandChildNavNum {
    display: none;
}

.h_Bold {
    font-weight: 700;
}

.hsRed {
    color: #ff0000
}

.hayashiRed {
    color: #f00;
    font-weight: 700;
}

.myClear_0 {
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
    background-color: transparent;
}

.myClear_1 {
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    background-color: transparent;
}

.myClear_5 {
    display: block;
    clear: both;
    width: 100%;
    height: 5px;
    background-color: transparent;
}

.myClear_10 {
    display: block;
    clear: both;
    width: 100%;
    height: 10px;
    background-color: transparent;
}

.myClear_15 {
    display: block;
    clear: both;
    width: 100%;
    height: 15px;
    background-color: transparent;
}

.myClear_20 {
    display: block;
    clear: both;
    width: 100%;
    height: 20px;
    background-color: transparent;
}

.myClear_25 {
    display: block;
    clear: both;
    width: 100%;
    height: 25px;
    background-color: transparent;
}

.myClear_30 {
    display: block;
    clear: both;
    width: 100%;
    height: 30px;
    background-color: transparent;
}

.myClear_35 {
    display: block;
    clear: both;
    width: 100%;
    height: 35px;
    background-color: transparent;
}

.myClear_40 {
    display: block;
    clear: both;
    width: 100%;
    height: 40px;
    background-color: transparent;
}

.myClear_50 {
    display: block;
    clear: both;
    width: 100%;
    height: 50px;
    background-color: transparent;
}

.myClear_60 {
    display: block;
    clear: both;
    width: 100%;
    height: 60px;
    background-color: transparent;
}

.myClear_70 {
    display: block;
    clear: both;
    width: 100%;
    height: 70px;
    background-color: transparent;
}

.myClear_80 {
    display: block;
    clear: both;
    width: 100%;
    height: 80px;
    background-color: transparent;
}

.myClear_90 {
    display: block;
    clear: both;
    width: 100%;
    height: 90px;
    background-color: transparent;
}

.myClear_100 {
    display: block;
    clear: both;
    width: 100%;
    height: 100px;
    background-color: transparent;
}

.myClear_200 {
    display: block;
    clear: both;
    width: 100%;
    height: 200px;
    background-color: transparent;
}

.myClear_500 {
    display: block;
    clear: both;
    width: 100%;
    height: 500px;
    background-color: transparent;
}

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix {
    min-height: 1px;
}


#wid599_forHantei {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 1px;
    width: 1px;
    background-color: transparent;
}

/* COM:レスポンシブ */

@media(min-width:1300px) {}

@media(max-width:1299px) {}

@media(max-width:950px) {

    /*------------------------------------------------------------
    movie *TOPPAGE
    ------------------------------------------------------------*/
    /*COM: movie *TOPPAGE*/

    #h_movie {
        width: 100%;
    }
}

@media(max-width:599px) {

    #wid599_forHantei {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 1px;
        width: 1px;
        background-color: transparent;
    }


    /*------------------------------------------------------------
    head
    ------------------------------------------------------------*/
    /*COM: head*/
    #hel_head {
        /*height: 145px;*/
        padding-top: 78px;
    }

    #logo_hel_head_left {
        display: none;
        position: absolute;
        top: 22px;
        left: 0px;
        width: 275px;
    }

    #logo_hel_head_left_sp {
        display: block;
        position: absolute;
        top: 22px;
        left: 0px;
        width: 275px;
    }

    #logo_hel_head_right {
        display: none;
    }

    #logo_hel_head_center {
        display: block;
        position: relative;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    #humberger {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 47px;
        cursor: pointer;
    }

    #navblock {
        display: none;
    }


    /*------------------------------------------------------------
    movie *TOPPAGE
    ------------------------------------------------------------*/
    /*COM: movie *TOPPAGE*/
    #movieArea_top {
        display: block;
        position: relative;
        width: 100%;
        /*height: 400px;*/
        margin-bottom: 22px;
        padding-bottom: 15px;
        background-color: #005060;
        z-index: 1;
    }

    #h_movie {
        width: 100%;
    }


    /*------------------------------------------------------------
    brand *TOPPAGE
    ------------------------------------------------------------*/
    /*COM: brand *TOPPAGE*/
    #brandblock {
        display: none;
        table-layout: fixed;
        height: auto;
        width: 100%;
        background-color: transparent;
        margin: 0 auto;
        z-index: 1;
    }

    #brandblock_sp {
        display: block;
        width: 300px;
        background-color: transparent;
        margin: 0 auto;
        z-index: 1;
    }

    .brandcel_sp {
        width: 50%;
        float: left;
    }



    /*------------------------------------------------------------
    notice *TOPPAGE
    ------------------------------------------------------------*/
    /*COM: notice *TOPPAGE*/
    #noticebox {
        width: 85%;
    }



    /*------------------------------------------------------------
    solutions *TOPPAGE
    ------------------------------------------------------------*/
    /*COM: solutions *TOPPAGE*/
    .solutionIconblock {
        display: none;
    }

    .solutionIconblock_sp {
        display: block;
        width: 300px;
        background-color: transparent;
        margin: 0 auto;
    }

    .solutionIconcel_sp {
        width: 50%;
        float: left;
    }

    #linkToOverseas {
        width: 100%;
    }



    /*------------------------------------------------------------
    大枠 ※UNDER PAGE
    ------------------------------------------------------------*/
    /*COM: 大枠 ※UNDER PAGE*/
    #pageContainer {
        display: block;
        position: relative;
        width: 96%;
    }


    /*------------------------------------------------------------
    UNDER PAGE
    ------------------------------------------------------------*/
    /*COM: UNDER PAGE*/
    .productsBody {
        display: block;
        table-layout: auto;
        width: 100%;
        background-color: transparent;
    }

    .productsBody_cel {
        display: block;
        width: 100%;
        margin-left: 0px;
        cursor: pointer;
    }


    .productsBody_name_first {
        width: 100%;
        font-size: 1.6rem;
    }

    .productsBody_name_first_sp {
        width: 100%;
        font-size: 1.6rem;
    }

    .productsBody_name {
        width: 100%;
        font-size: 1.6rem;
    }

    .productsBody_name_sp {
        width: 100%;
        font-size: 1.6rem;
    }


    .productImg {
        width: 100%;
    }

    .productsSmallBody {
        width: 100%;
    }

    .productsBody_cel_link {
        display: block;
        font-size: 1.6rem;
        margin-top: 15px;
    }


    .detail_LEFT {
        display: block;
        float: none;
        width: 100%;
    }

    .detail_RIGHT {
        display: block;
        float: none;
        width: 100%;
    }

    .detail_icon {
        display: block;
        position: relative;
        height: 50px;
    }

    /*FUJ追加*/
    .PARTNER_detail_LEFT {
        display: block;
        float: none;
        width: 100%;
    }

    .PARTNER_detail_RIGHT {
        display: block;
        float: none;
        width: 100%;
    }


    .companyBody_link {
        font-size: 1.2rem;
    }

    /*FUJ変更*/
    .companyBody_link:link,
    .companyBody_link:visited,
    .companyBody_link:active {
        color: #ef7d00;
        transition: 0.3s;    
    }

    .companyBody_link:hover {
        color: #1C7A87;
        transition: 0.3s;
    }

    .ProdustDetail_link {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .ProdustDetail_link:link,
    .ProdustDetail_link:visited,
    .ProdustDetail_link:active {
       color: #ef7d00;
    transition: 0.3s;
    }

    .ProdustDetail_link:hover {
        color: #1C7A87;
        transition: 0.3s;
    }
    /*FUJ追加*/

    .innerImg_left {
        display: none;
    }

    .innerImg_right {
        display: none;
    }

    .solutionSpImg {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

    .solutionSmallBody {
        display: block;
        position: relative;
        width: 100%;
    }

    /*FUJ追加*/
    .flexoImg {
        display: none;
    }

    .flexoImg_sp {
    display: inline-block;
    position: center;
    margin: 0px 20px; 
    }

    .flexoImg_sp img{ 
    display: block;
    position: center;
    width: 65%; 
    margin: 5px;
    }
    .flexoImg_2 {
    display: none;
    }
    .flexoImg_3 {
    display: none;
    }
   
    .flexoImg_2_sp {
    display: inline-block;
    position: center;  
    }
    .flexoImg_2_sp img{
    width: 150px;
    margin: 0px 10px;;
    }
    .flexoImg_3_sp {
    display: inline-block;
    position: center;  
    }
    .flexoImg_3_sp img{
    width:  380px;
    margin: 0px 20px;    
    border: 2px solid #cccccc;
    }

    .scroll-container {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden; /* 縦スクロールは不要なら隠す */
    white-space: nowrap; /* 横方向のはみ出しを許可 */
    }

    .scroll-container img {
    width: 800px; /* ここは画像サイズに合わせて調整 */
    max-width: none; /* スマホでの自動縮小を防ぐ場合 */

    }





    #confirmWin {
        display: block;
        position: relative;
        width: 94%;
    }
    #confirmExplain{
        display: block;
        position: relative;
        width: 94%;
    }

    .input_text_body {
        width: 100%;
        float: none;
    }

    .textboxdata {
        width: 100%;
        float: none;
    }

    .inputPaddingBlock {
        display: block;
        position: relative;
        float: none;
        clear: both;
        width: 100%;
        padding-top: 10px;
    }


    /*FUJ*/
    .noticeboxImg {
        display: none;
    }

    .noticeboxSpImg {
        display: inline-block;
        width: 250px;
    }
    /*FUJ*/



    /*------------------------------------------------------------
    footer
    ------------------------------------------------------------*/
    /*COM: footer*/
    #f_table {
        display: none;
    }

    #f_contents_sp {
        display: block;
        width: 85%;
        margin: 0 auto;
        padding: 25px 0px;
    }

    .f_cont_sp {
        display: block;
        width: 100%;
        margin-top: 40px;
        color: #717071;
    }

    .f_cont_sp:first-child {
        margin-top: 0px;
    }

    .f_contTxt_sp {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

    #logo_hel_footer_left {
        display: none;
    }

    #copyright_hel_footer_right {
        display: none;
    }

    #copyright_hel_footer_center {
        display: block;
        position: relative;
        font-size: 1.2rem;
        width: 100%;
        padding-top: 25px;
        text-align: center;
        color: #005060;
    }



    /*------------------------------------------------------------
    block none visible hidden ※UNDER PAGE
    ------------------------------------------------------------*/
    /*COM: BR ※UNDER PAGE*/
    .br_sp {
        display: none;
    }

    .pcBLOCK_spNONE {
        display: none;
    }

    .pcNONE_spBLOCK {
        display: block;
    }

}