@charset "utf-8";

/*-----common--------*/
.flL{ float:left; }
.flR{ float:right; }
.vaM{ vertical-align:middle; }
.taC{ text-align:center; }
.tcR{ text-align:right; }
.tcL{ text-align:left; }
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mtb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.ptb20{padding-bottom:20px;}
.ptb30{padding-bottom:30px;}
.ptb40{padding-bottom:40px;}
.ptb50{padding-bottom:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mbb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.fs08em{font-size:0.8em;}
.fs09em{font-size:0.9em;}
.fs1em{font-size:1em;}
.fs12em{font-size:1.2em;}
.fs13em{font-size:1.3em;}
.fs14em{font-size:1.4em;}
.fs15em{font-size:1.5em;}
.fs16em{font-size:1.6em;}
.fs17em{font-size:1.7em;}
.fs18em{font-size:1.8em;}
.fs19em{font-size:1.9em;}
.fs2em{font-size:2em;}
.fs21em{font-size:2.1em;}
.fs22em{font-size:2.2em;}
.fs23em{font-size:2.3em;}
.fs24em{font-size:2.4em;}
.fs25em{font-size:2.5em;}
.lh1em{line-height:1em;}
.lh12em{line-height:1.2em;}
.lh13em{line-height:1.3em;}
.lh14em{line-height:1.4em;}
.lh15em{line-height:1.5em;}
.lh16em{line-height:1.6em;}
.lh17em{line-height:1.7em;}
.lh18em{line-height:1.8em;}
.lh19em{line-height:1.9em;}
.lh2em{line-height:2em;}
.lh21em{line-height:2.1em;}
.lh22em{line-height:2.2em;}
.lh23em{line-height:2.3em;}
.lh24em{line-height:2.4em;}
.lh25em{line-height:2.5em;}
.fwb{ font-weight:bold; }
.colorR{ color:#FF0000; }
.colorW{ color:#FFF; }
.colorB{ color:#0d347e; }
.scene_border{ padding: .25em 0 .25em .75em; border-left: 10px solid #09357f; margin:20px 0 30px; }
.ulclass{ margin:0; padding-left:23px; }
.jirei_title{ font-size: 1.5em; text-align: center; margin-bottom: 20px; background-color: #141a65; color: #FFF; padding: 10px 0; }
.jirei_text{ font-size: 1.2em; line-height: 1.5em; border: solid 4px #0f0975; border-radius: 8px; padding: 10px; }
.jirei_text_emp{ font-size:1.1em; line-height:1.5em; }
.jirei_text_emp_top{ font-size:1em; font-weight:bold; color:#d00808; }

@media only screen and (min-width: 769px){
    .smt{ display:none; }
    .merit_out_box{ width:840px; margin:0 auto; }
    .merit_box_out{ width:400px; float:left; margin:10px 10px 20px; }
    .merit_box_out.col2{ width:820px; }
    .merit_box{ width:400px; height:130px; background-color:#e5e7f3; float:left; margin-top: 10px; padding:10px; }
    .col2 .merit_box{ width:820px; }
    .merit_box_title1{ font-size: 1.5em; color: #09357f; margin-top:30px; }
    .merit_box_title2{ font-size: 1.2em; color: #09357f; border-bottom: solid 2px #09357f; padding-bottom: 10px; text-align: center; }
    .merit_box_txt{ font-size: 1em; color: #575757; line-height: 1.3em; width:295px; float:left; }
    .col2 .merit_box_txt{ width:715px; }
    .merit_box_notes{ list-style: none; padding-left: 0; }
    .merit_box_img{ float:left; width:60px; height:60px; margin:10px; float:left; }
    .sean_title{ font-size: 1.5em; color: #09357f; font-weight:bold; }
    .sean_txt{ font-size: 1em; color: #575757; line-height: 1.1em; font-weight:bold; margin-top:10px; }
    .sean_kouka_tl{ background-color: #0e357f; width: 250px; height: 90px; color: #FFF; text-align: center; padding: 2% 10px; float: left; line-height: 1.3em; font-size: 1.2em; }
    .sean_kouka_txt{ width: 550px; float: left; font-size: 0.9em; line-height: 1.5em; margin:4px 0 0 10px; }
    .faq_tl { width: 40px; height: 40px; float: left; font-size: 2em; font-weight: bold; margin-bottom: 10px; color: #00246e; }
    .faq_q { width: 790px; float: left; border: double 1px #00246e; margin-bottom: 10px; padding: 5px; font-weight: bold; background-color: #d2e1ff; line-height:1.3em; }
    .faq_a { margin-left: 50px; margin-bottom: 20px; line-height: 1.2em; }

    /*-----導入事例--------*/
    .jirei_out_box{ width:31%; margin:0 19px 0 0; float:left; }
    .jirei_catetitle{ font-size:1.3em; color:#000; margin-bottom:20px; border-bottom: solid 1px #004386; border-left: solid 10px #004386; padding-left:5px; padding-bottom:5px; }
    .jirei_catetitle_harf{ font-size:1.3em; color:#000; margin-bottom:20px; border-bottom: solid 1px #004386; border-left: solid 10px #004386; padding-left:5px; padding-bottom:5px; width:100%; }
    .jireibox{ height: 360px; padding:10px; border: solid 1px #c5c5c5; background-color:#FFF; position:relative; }
    .jireibox a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
    .jireibox:hover{ border: solid 1px #004386; }
    .jireibox:hover > .nextdetail{ background-color: #2b5777; }
    .jireibox .photo img{ width:237px; }
    .jireibox .cname{ font-weight: bold; margin: 5px 0; background-color: #06305a; color: #FFF; padding: 5px; line-height: 1.3em; font-size:15px; }
    .jireibox .catch{ line-height:1.4em; font-size:14px;; }
    .mt_second{ margin-top:30px !important; }
}

@media only screen and (max-width: 768px) and (min-width: 481px){
    .pc{ display:none; }
    .merit_out_box{ width:100%; margin:0 auto; }
    .merit_box{ width:100%; background-color:#e5e7f3; float:left; margin:10px; padding:10px; }
    .merit_box_img{ float:left; width:60px; height:60px; margin:10px; }
    .merit_box_title1{ font-size: 1.5em; color: #09357f; margin-top:30px; }
    .merit_box_title2{ font-size: 1.2em; color: #09357f; border-bottom: solid 2px #09357f; padding-bottom: 10px; text-align: center; }
    .merit_box_txt{ font-size: 1em; color: #575757; line-height: 1.1em; }
    .sean_title{ font-size: 1.5em; color: #09357f; font-weight:bold; }
    .sean_txt{ font-size: 1em; color: #575757; line-height: 1.1em; font-weight:bold; margin-top:10px; }
    .sean_kouka_tl{ background-color: #0e357f; width: 100%; color: #FFF; text-align: center; padding: 2% 10px; float: left; line-height: 1.3em; font-size: 1.2em; }
    .sean_kouka_txt{ width: 100%; float: left; font-size: 0.9em; line-height: 1.5em; margin:4px 0 0 10px; }
    .faq_tl { width: 11%; height: 40px; float: left; font-size: 2em; font-weight: bold; margin-bottom: 10px; color: #00246e; }
    .faq_q { width: 89%; float: left; border: double 1px #00246e; margin-bottom: 10px; padding: 5px; font-weight: bold; background-color: #d2e1ff; line-height:1.3em; }
    .faq_a { margin-left: 50px; margin-bottom: 20px; line-height: 1.2em; }

    /*-----導入事例--------*/
    .jirei_out_box{ width:100%; margin-top: 40px; }
    .jirei_catetitle,.jirei_catetitle_harf{ font-size:1.3em; color:#000; margin-bottom:20px; border-bottom: solid 1px #004386; border-left: solid 10px #004386; padding-left:5px; padding-bottom:5px; }
    .jireibox{ width:300px; padding:10px; border: solid 1px #c5c5c5; background-color:#FFF; position:relative; }
    .jireibox a{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .jireibox:hover{ border: solid 1px #004386; }
    .jireibox:hover > .nextdetail{ background-color: #2b5777; }
    .jireibox .photo img{ width:280px; }
    .jireibox .cname{ font-weight: bold; margin: 5px 0; background-color: #06305a; color: #FFF; padding: 5px; line-height: 1.3em; }
    .jireibox .catch{ line-height:1.3em; font-size:14px; }
}

@media only screen and (max-width: 480px){
    .pc{ display:none; }
    .merit_out_box{ width:100%; margin:0 auto; }
    .merit_box{ width:95%; background-color:#e5e7f3; float:left; margin:10px; padding:10px; }
    .merit_box_img{ float:left; width:60px; height:60px; margin:10px; }
    .merit_box_title1{ font-size: 1.5em; color: #09357f; margin-top:30px; }
    .merit_box_title2{ font-size: 1.2em; color: #09357f; border-bottom: solid 2px #09357f; padding-bottom: 10px; text-align: center; }
    .merit_box_txt{ font-size: 1em; color: #575757; line-height: 1.1em; }
    .sean_title{ font-size: 1.5em; color: #09357f; font-weight:bold; }
    .sean_txt{ font-size: 1em; color: #575757; line-height: 1.1em; font-weight:bold; margin-top:10px; }
    .sean_kouka_tl{ background-color: #0e357f; width: 100%; color: #FFF; text-align: center; padding: 2% 10px; float: left; line-height: 1.3em; font-size: 1.2em; }
    .sean_kouka_txt{ width: 100%; float: left; font-size: 0.9em; line-height: 1.5em; margin:4px 0 0 10px; }
    .faq_tl { width: 10%; height: 40px; float: left; font-size: 2em; font-weight: bold; margin-bottom: 10px; color: #00246e; }
    .faq_q { width: 90%; float: left; border: double 1px #00246e; margin-bottom: 10px; padding: 5px; font-weight: bold; background-color: #d2e1ff; line-height:1.3em; }
    .faq_a { margin-left: 50px; margin-bottom: 20px; line-height: 1.2em; }

    /*-----導入事例--------*/
    .jirei_out_box{ width:100%; margin-top: 40px; }
    .jirei_catetitle,.jirei_catetitle_harf{ font-size:1.3em; color:#000; margin-bottom:20px; border-bottom: solid 1px #004386; border-left: solid 10px #004386; padding-left:5px; padding-bottom:5px; }
    .jireibox{ width:100%; padding:10px; border: solid 1px #c5c5c5; background-color:#FFF; position:relative; }
    .jireibox a{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .jireibox:hover{ border: solid 1px #004386; }
    .jireibox:hover > .nextdetail{ background-color: #2b5777; }
    .jireibox .photo img{ width:100%; }
    .jireibox .cname{ font-weight: bold; margin: 5px 0; background-color: #06305a; color: #FFF; padding: 5px; line-height: 1.3em; }
    .jireibox .catch{ line-height:1.3em; font-size:14px; }
}

.logo_out_box{ margin-top: 30px; }
.logo_out_box .logo_catetitle_harf{ font-size:1.3em; color:#000; margin-bottom:20px; border-bottom: solid 1px #004386; border-left: solid 10px #004386; padding-left:5px; padding-bottom:5px; width:100% }
.logo_out_box p{ }
.logo_out_box table{ margin: auto; }
.logo_out_box table tbody{ }
.logo_out_box table tbody tr{ }
.logo_out_box table tbody tr td{ border: none; text-align: center; vertical-align: middle; padding: 5px; }
.logo_out_box table tbody tr td img{ }