@charset "utf-8";git


/*=======================================================
 common items
=======================================================*/
/* .float_wrapper */
.float_wrapper{
    overflow: hidden;
}
.float_wrapper.w980{
    width:980px;
    margin:0 auto;
}


/* .float_wrapper */
.float_wrapper{
    overflow: hidden;
}
.float_wrapper.w980{
    width:980px;
    margin:0 auto;
}


/* drawer side menu*/
.sb-active #sb-site{
    opacity:0.5;
}
.sb-active #sb-site .page_header img{
    opacity:0.5;
}


/* dir title image */
#dir_title{
    width:1160px;
    margin:0 auto 20px auto;
}



/*orange*/
.orange{
    color:#f29600!important;
}
.font120{
    font-size:120%;
}
.font130{
    font-size:130%;
}
.font140{
    font-size:140%;
}
.font_bold{
    font-weight:bold;
}


/*new_icon*/
.new_icon{
    color:#ee1201;
}


/*
pankuzu
*/
#pankuzu{
    padding:0 0;
    height:14px;
    margin:0 0 40px 0;
    font-size:90%;
}
#pankuzu nav{
    width:980px;
    margin:0 auto;
    height:14px;
}
#pankuzu ol{
    display:table;
    height: 14px;
    float:left;
    line-height: 14px;
}
#pankuzu ol li{
    color:#888;
    list-style-type: none;
    padding:0 7px 0 0px;
    height:14px;

    display:table-cell;
    vertical-align:middle;
}
#pankuzu ol li:after{
    content:' >';
}
#pankuzu ol li:last-child:after{
    content:'';
}
#pankuzu ol li a{
    color:#333;
}
#pankuzu ol li a:hover{
    color:#f29600;
    text-decoration: none;
}



/*
main tile h1
*/
#page_content header.main_title{
    margin:0 0 30px 0;
}
#page_content header.main_title h1,
#page_content header.main_title h2{
    background:url(./partner/common/img/sq_main_title.png) no-repeat center left;
    padding-left:22px;
    font-size:136%;
    margin-bottom: 10px;
    font-weight: bold;
}
#page_content header.main_title .lead_msg {
    line-height: 1.5;
}
#page_content header.main_title .lead_msg p {
    font-weight: normal;
    font-size: 120%;
    margin-bottom: 20px;
    padding-top: 10px;
}
#page_content header.main_title .lead_msg p strong {
    font-weight: bold;
}



/*
sub title
*/
#page_content  header.sub_title {
    border-bottom: solid 1px #ddd;
    padding: 0 0 5px 0;
    margin: 0 0 28px 0;
    position: relative;
}
#page_content header.sub_title h1,
#page_content header.sub_title h2{
    min-height: 20px;
    padding-left: 10px;
    color: #111!important;
    font-weight: bold;
    background: url(./partner/common/img/sq_sub_title.png) center left no-repeat;
    line-height: 1.2;
    position: relative;
}
#page_content header.sub_title .b_more{
    position: absolute;
    right:0px;
    top:4px;
    font-size:90%;
}

#page_content header.main_title .lead_msg{
    line-height: 1.5;
}



/*
sub tile h2
*/
#page_content header.sub_title{
    margin:0 0 18px 0;
}
#page_content header.sub_title h2{
    font-size:124%;
    color:#666;
}




/*
dir_title
*/
.dir_title{
    width:1160px;
    height:100px;
    margin:0 auto 20px auto;
    background-position: center center;

}


/*
grey_title
*/
.bgGrey_title{
    background: #EEE;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 110%;
    margin: 48px 0 20px 0;
}


/*
bold title
*/
.bold_title {
    font-weight: bold;
    margin-bottom:14px;
}






/*
list table
*/
dl.list_table , dl.list_table dt, dl.list_table dd {
    margin: 0;
    padding: 0;
}
dl.list_table {
    background: #fff;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: none;
    width: auto;
}
dl.list_table dt, dl.list_table dd {
    padding: 12px 0px 12px 24px;
}
dl.list_table dt {
    border-top: 1px solid #ddd;
    clear: left;
    float: left;
    width: auto;
    background:#eaeaea;
}
dl.list_table dt.row2{
    height:2.3em;
}
dl.list_table dt span.fs90{
    font-size:90%;
}
dl.list_table dd {
    background: #fff;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-left: 200px;
    width:auto;
}



/*
.lined_table
*/
table.lined_table{
    border:none;
    width:auto;
    margin:0 auto;
}
table.lined_table thead th,
table.lined_table thead td{
    font-weight: bold;
}
table.lined_table tr{
    border-bottom: 1px solid #ddd;
}
table.lined_table th{
    width:30%;
    padding:5px 0;
}
table.lined_table td{
    width:70%;
    padding:5px 0;
}
table.lined_table.th_bold th{
    font-weight: bold;
}



/*
.multi_table
*/
table.multi_table {
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
}
table.multi_table th, table.multi_table td {
    vertical-align: middle;
    line-height: 1.7;
    padding: 10px 10px 10px 24px;
}
table.multi_table thead th {
    background: #d5d5d5;
    border-right: 1px solid #ddd;
    font-weight: bold;
    padding: 5px 10px 4px 24px;
}
table.multi_table tbody th {
    width: 40%;
    background: #eaeaea;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: bold;
}
table.multi_table tbody td {
    width: auto;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}



/*
shadow
*/
.shadow_box_wrapper{
    padding:2px;
    width:978px;
    margin:0 auto;
}
.shadow_box_wrapper .shadow_box{
    box-shadow: 0px 0px 2px 2px #eeeeee;
    -moz-box-shadow: 0px 0px 2px 2px #eeeeee;
    -webkit-box-shadow: 0px 0px 2px 2px #eeeeee;
    background: #fff;
    padding-bottom: 50px;
}
.shadow_box_wrapper .shadow_box > .main_img{
    margin-bottom: 48px;
}
.shadow_box_wrapper .shadow_box > .sect,
.shadow_box_wrapper .shadow_box .finish_msg{
    margin:0 28px 62px;
    line-height: 1.7;
}
.shadow_box_wrapper .shadow_box > .sect:last-child{
    margin-bottom:0px;
}
.shadow_box_wrapper .shadow_box .finish_msg{
    text-align: right;
    margin:0 28px 0;
}



/*
.contents_tab
*/
.contents_tab{
    padding:10px 14px;
    background:#eee;
}
.contents_tab li{
    border:solid 1px #ddd;
    padding:8px 0;
    text-align: center;
    background: #fff;
}
.contents_tab li a{
    color:#006fad;
}
.contents_tab li a i{
    font-size:120%;
    color:#aaa;
    padding:0 8px 0 0;
}



/*
annotation
*/
ol.annotation{
    font-size: 84%;
    margin:22px 0;
    line-height: 1.3;
}
ol.annotation li{
    padding-left:1em;
    text-indent:-1em;
    margin-bottom: 4px;
}
ol.annotation li:last-child{
    margin-bottom: 0px;
}



/*
term_list
*/
.term_list{
    margin:0 0 24px 0;
}
.term_list .term{
    margin:0 0 0 0;
    font-weight: bold;
}
.term_list .explanation{
    margin:0 0 8px 0;
}
.term_list .explanation:last-child{
    margin:0 0 0 0;
}
.term_list.dot_wrapped{
    border:1px dotted #888;
    padding:16px;
}



/*
flow_list
*/
.flow_list{
    margin:0 20px 24px 20px;
    line-height: 1.7;
}
.flow_list .title{
    margin:0 0 18px 0;
    font-weight: bold;
    padding-left:34px;
    min-height: 27px;
    color:#f29600;
    font-size:114%;
    background-repeat:no-repeat;
    background-position: left top;
}
.flow_list .explanation{
    margin:0 0 28px 12px;
    border-left: solid 1px #ddd;
    padding-left:22px;
}
.flow_list .title1{
    background-image:url(../img/i_list1.png);
}
.flow_list .title2{
    background-image:url(../img/i_list2.png);
}
.flow_list .title3{
    background-image:url(../img/i_list3.png);
}
.flow_list .title4{
    background-image:url(../img/i_list4.png);
}
.flow_list .title5{
    background-image:url(../img/i_list5.png);
}
.flow_list .title6{
    background-image:url(../img/i_list6.png);
}
.flow_list .title7{
    background-image:url(../img/i_list7.png);
}
.flow_list .title8{
    background-image:url(../img/i_list8.png);
}
.flow_list .title9{
    background-image:url(../img/i_list9.png);
}
.flow_list .title10{
    background-image:url(../img/i_list10.png);
}
.flow_list .title11{
    background-image:url(../img/i_list11.png);
}
.flow_list .title12{
    background-image:url(../img/i_list12.png);
}
.flow_list .title13{
    background-image:url(../img/i_list13.png);
}
.flow_list .title14{
    background-image:url(../img/i_list14.png);
}
.flow_list .title15{
    background-image:url(../img/i_list15.png);
}



/*
.numbering_list
*/
ol.numbering_list{
    list-style-type: decimal;
    margin:0 34px 40px 34px;
}
ol.numbering_list li{
    color:#aaa;
    padding-left:7px;
    margin-bottom: 20px;
}
ol.numbering_list li:last-child{
    margin-bottom: 0px;
}
ol.numbering_list li span{
    color:#333;
}



/*
.dot_list
*/
ol.dot_list{
    list-style-type: none;
    margin:0 14px 0px 14px;
}
ol.dot_list li{
/*    color:#aaa;*/
    color:#666;
    padding-left:1em;
    text-indent:-1em;
    margin-bottom: 5px;
}
ol.dot_list li:last-child{
    margin-bottom: 0px;
}


/*
grey_container
*/
#grey_container.on_footer{
    padding: 20px 0;
    margin:0;
    background:#eeeeee;
}
#grey_container.on_footer ul.bnrs_h{
    overflow: hidden;
    width:984px;
    margin:0 auto 0px;
}
#grey_container.on_footer ul.bnrs_h li{
    float:left;
    margin:0 10px 0 0;
    width:319px;
    height:68px;
    border:solid 1px #ccc;
    box-shadow:0px 0px 2px 2px #ddd;
    -moz-box-shadow:0px 0px 2px 2px #ddd;
    -webkit-box-shadow:0px 0px 2px 2px #ddd;
}
#grey_container.on_footer ul.bnrs_h li:last-child{
    margin:0;
}
#grey_container.on_footer ul.bnrs_h li a{
    display: block;
    height:68px;
    line-height: 68px;
    overflow: hidden;
    border-left:solid #f29600 8px;
    background:#fff;
    font-size:120%;
}
#grey_container.on_footer ul.bnrs_h li a:hover{
    color:#f29600;
    text-decoration: none;
}
#grey_container.on_footer ul.bnrs_h li a img{
    margin:0 11px;
    vertical-align: middle;
}
/*pic3*/
#grey_container.on_footer.pic3{
    padding: 14px 0 10px 0;
    margin:0;
    background:#eeeeee;
}
#grey_container.on_footer.pic3 h3{
    width:984px;
    margin:0 auto 7px;
    font-weight:bold;
}
#grey_container.on_footer.pic3 ul.bnrs_h li{
    float:left;
    margin:0 10px 0 0;
    width:317px;
    padding:2px;
    height:auto;
    border:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
#grey_container.on_footer.pic3 ul.bnrs_h li:last-child{
    margin:0;
}
#grey_container.on_footer.pic3 ul.bnrs_h li a{
    display: inline;
    height:auto;
    line-height:1.5;
    overflow: hidden;
    border-left:none;
    background:none;
    font-size:100%;
}
#grey_container.on_footer.pic3 ul.bnrs_h li .pic{
    border:solid 1px #ccc;
    box-shadow:0px 0px 2px 2px #ddd;
    -moz-box-shadow:0px 0px 2px 2px #ddd;
    -webkit-box-shadow:0px 0px 2px 2px #ddd;
    margin:0 0 8px 0;
}
#grey_container.on_footer.pic3 ul.bnrs_h li a img{
    width:100%;
    height:auto;
    margin:0;
}




/*
small_topics
*/
#grey_container .small_topics{
    padding-top:30px;
}
#grey_container .small_topics ul{
    overflow: hidden;
    width:988px;
    margin:0 auto;
    padding:2px;
}
#grey_container .small_topics ul li{
    width:241px;
    float:left;
    margin-right:8px;
    margin-bottom:8px;
    background: #fff;
    position: relative;
    overflow: hidden;
    box-shadow:0px 0px 2px 2px #ddd;
    -moz-box-shadow:0px 0px 2px 2px #ddd;
    -webkit-box-shadow:0px 0px 2px 2px #ddd;
}
#grey_container .small_topics ul li img{
    width:241px;
    height:auto;
    float:none;
}
#grey_container .small_topics ul li:nth-child(4n){
    margin-right:0;
}




/*
img_caption
*/
.img_caption{
    font-size: 90%;
    line-height: 1.4;
    margin:5px 0;
}



/*
.lead_bold
*/
.lead_bold{
    padding-left: 0;
    font-size: 120%;
    margin-bottom: 20px;
    font-weight: bold;
}
.lead_bold strong{
    font-weight: bold;
}



/*

*/
.small_txt{
    font-size:84%;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.pt5{
    padding-top: 5px;
}
.pt10{
    padding-top: 10px;
}
.pt15{
    padding-top: 15px;
}




sup{
    font-size: 84%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}



/*==============================================================
.btnRow2
==============================================================*/
.btnRow2,
.btnRow1 {
    padding: 20px 0;
    margin:0 auto 30px auto;
    background: #eeeeee;
}
.btnRow2.on_footer,
.btnRow1.on_footer {
    margin:0 auto;
}
.btnRow2 ul {
    overflow: hidden;
    width: 880px;
    margin: 0 auto;
}
.btnRow2 ul li,
.btnRow1 ul li {
    float: left;
    margin: 0 20px 0 0;
    width: 428px;
    border: solid 1px #ccc;
    box-shadow: 0px 0px 2px 2px #ddd;
    -moz-box-shadow: 0px 0px 2px 2px #ddd;
    -webkit-box-shadow: 0px 0px 2px 2px #ddd;
}
.btnRow2 ul li:last-child {
    margin: 0;
}
.btnRow2 ul li a,
.btnRow1 ul li a {
    display: table;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    background: #fff;
    font-size: 120%;
    position: relative;
    color:#333;
}
.btnRow2 ul li a:hover,
.btnRow1 ul li a:hover {
    color:#f29600;
    text-decoration: none;
}
.btnRow2 ul li a:after,
.btnRow1 ul li a:after{
    content:"";
    display: block;
    width: 8px;
    height: 13px;
    margin:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
}
.btnRow2 ul li a > *,
.btnRow1 ul li a > *{
    display: table-cell;
    vertical-align: middle;
}
.btnRow2 ul li a > div,
.btnRow1 ul li a > div{
    width: 90px;
    padding: 2px 0;
    text-align:center;
    border-left: solid #f29600 8px;
}
.btnRow2 ul li a span,
.btnRow1 ul li a span{
    padding:10px 30px 10px 0;
}
.btnRow2.noImage ul li a,
.btnRow1.noImage ul li a {
    height:52px;
    line-height: 48px;
}
.btnRow2.noImage ul li a span,
.btnRow1.noImage ul li a span{
    padding:10px 30px 10px 30px;
    text-align:center;
}



/*==============================================================
.btnRow1
==============================================================*/
.btnRow1{
    width: 526px;
}
.btnRow1 ul {
    overflow: hidden;
    width:434px;
    margin:0 auto;
}
.btnRow1 ul li{
    width: 428px;
    margin: 0;
}



/*==============================================================
.tbl1
==============================================================*/
main .tbl1{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 15px;
    line-height: 1.7;
}
main .tbl1 > *{
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}
main .tbl1 > dt{
    width: 180px;
}
main .tbl1 > dt > span{
    display: block;
    background-color: #9f9a90;
    padding: 11px;
    color: #fff;
    text-align:center;
    border-radius:5px;
}
main .tbl1 > dd{
    padding-left: 15px;
}
main .tbl1.red > dt > span{
    background-color: #f29600
}


/*==============================================================
.tri_link_anchor
==============================================================*/
.tri_link_anchor {
    margin-bottom:28px;
}
.tri_link_anchor li{
    display:inline-block;
    margin-right:30px;
}
.tri_link_anchor li:before{
    content:url(../img/grey_arrow_11x11.png);
    color:#aaaaaa;
    display:inline-block;
    margin-right:3px;
}
.tri_link_anchor.right li:before{
    content:url(../img/grey_arrow_right_11x11.png);
}
.tri_link_anchor li a{
    color:#006fad;
}



/*==============================================================
.tn_list_sdw
==============================================================*/
.tn_list_sdw {
    overflow: hidden;
    width:922px;
    margin:0 auto;
}
.tn_list_sdw.w_max {
        width: 988px;
}
.tn_list_sdw li {
    float: left;
    width: 447px;
    border: solid 1px #ddd;
    position: relative;
    margin: 0 22px 18px 0;
    box-shadow: 0px 0px 2px 2px #efefef;
    -moz-box-shadow: 0px 0px 2px 2px #efefef;
    -webkit-box-shadow: 0px 0px 2px 2px #efefef;
}
.tn_list_sdw.w_max li {
        width:485px;
        margin: 0 10px 10px 0;
        box-sizing: border-box;
}
.tn_list_sdw.item3 li {
    width: 290px;
    margin: 0 21px 18px 0;
}
.tn_list_sdw.item3.w_max li {
        width:320px;
        margin: 0 10px 15px 0;
        box-sizing: border-box;
}
.tn_list_sdw.item4 li {
    width: 216px;
    margin: 0 16px 18px 0;
}

/*
.list_wrapper980 .tn_list_sdw.item4
*/
.list_wrapper980 .tn_list_sdw.item4 {
    width:978px;
    margin:0 auto;
    padding:0 2px 0 0;
}
.list_wrapper980 .tn_list_sdw.item4 li {
    width: 240px;
    margin: 0 6px 18px 0;
    border:none;

    box-shadow: 2px 2px 2px 0px #efefef;
    -moz-box-shadow: 2px 2px 2px 0px #efefef;
    -webkit-box-shadow: 2px 2px 2px 0px #efefef;
}
.list_wrapper980 .tn_list_sdw.item4 li:nth-child(2n){
    margin: 0 6px 18px 0;
}
.list_wrapper980 .tn_list_sdw.item4 li:nth-child(4n) {
    margin: 0 0px 18px 0;
}
.list_wrapper980 .tn_list_sdw.item4 li .title i{
    float:none;
    padding-left:8px;
}

/*
.list_wrapper980 .tn_list_sdw.item3
*/
.list_wrapper980 .tn_list_sdw.item3 {
    width:978px;
    margin:0 auto;
    padding:0 2px 0 0;
}
.list_wrapper980 .tn_list_sdw.item3 li {
    width: 320px;
    margin: 0 9px 18px 0;
    border:none;

    box-shadow: 2px 2px 2px 0px #efefef;
    -moz-box-shadow: 2px 2px 2px 0px #efefef;
    -webkit-box-shadow: 2px 2px 2px 0px #efefef;

}
.list_wrapper980 .tn_list_sdw.item3 li:nth-child(3n) {
    margin: 0 0 18px 0;
}
.list_wrapper980 .tn_list_sdw.item3 li .title i{
    float:none;
    padding-left:8px;
}


.tn_list_sdw.item4.w_max li {
        width:239px;
        margin: 0 8px 10px 0;
        box-sizing: border-box;
}
.tn_list_sdw li:nth-child(2n) {
    margin: 0 0 18px 0;
}

/**/
.tn_list_sdw.item3 li:nth-child(2n){
    margin: 0 21px 18px 0;
}
/**/
.related_lineup .tn_list_sdw.item3 li:nth-child(2n){
    margin: 0 21px 18px 0;
}
.tn_list_sdw.item3 li:nth-child(3n) {
    margin: 0 0 18px 0;
}
.tn_list_sdw.item4 li:nth-child(2n){
    margin: 0 16px 18px 0;
}
.tn_list_sdw.item4 li:nth-child(4n) {
    margin: 0 0 18px 0;
}
.tn_list_sdw.w_max li:nth-child(2n),
.tn_list_sdw.item3.w_max li:nth-child(3n),
.tn_list_sdw.item4.w_max li:nth-child(4n) {
        margin: 0 0 15px 0;
}
.tn_list_sdw.item3.w_max li:nth-child(2n),
.tn_list_sdw.item4.w_max li:nth-child(2n){
        margin: 0 8px 15px 0;
}
.tn_list_sdw li .pic {
    padding: 0;
}
.tn_list_sdw.lined li .pic {
    padding: 10px;
}
.tn_list_sdw li .pic img {
    width: 100%;
}
.tn_list_sdw li .title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-weight: bold;
    background: url(/content-file/home/bg_caption.png);
}
.tn_list_sdw li .title h2 {
    font-size: 100%;
    padding: 0 10px;
}
.tn_list_sdw li .title i {
    color: #f29600;
    float: right;
    padding-top: 14px;
}
.tn_list_sdw li .icon {
    position: absolute;
    z-index: 3;
    top: 2px;
    left: 2px;
}
.tn_list_sdw.lined li .icon {
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 10px;
}
.tn_list_sdw li .label-setu {
    display: inline-block;
    width: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 84%;
    line-height: 20px;
    color: #fff;
    background-color: #50926e;
}
.tn_list_sdw li .label-mizu {
    display: inline-block;
    width: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 84%;
    line-height: 20px;
    color: #fff;
    background-color: #2c98bb;
}
.tn_list_sdw li .label-tate {
    display: inline-block;
    width: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 84%;
    line-height: 20px;
    color: #fff;
    background-color: #c8a938;
}



/*==============================================================
.tn_ttl_capt_list
==============================================================*/
ul.tn_ttl_capt_list {
    overflow: auto;
    width:100%;
    margin:0 auto;
}
ul.tn_ttl_capt_list li {
    float: left;
    width: 49%;
    margin: 0 2% 10px 0;
    font-size: 90%;
    line-height: 1.5;
}
.tn_ttl_capt_list li:nth-child(2n) {
    margin: 0 0 18px 0;
}
.tn_ttl_capt_list.item3 li{
    width:31.9%;
    margin:0 2% 10px 0;
    font-size:90%;
    line-height: 1.5;
}
.tn_ttl_capt_list.item3 li:nth-child(3n){
    margin-right:0px;
}
ul.tn_ttl_capt_list li a {
    color: #333;
    text-decoration: none;
}
ul.tn_ttl_capt_list li a:hover {
    text-decoration:underline;
}
ul.tn_ttl_capt_list li img {
    width: 100%;
    height: auto;
    border-top:2px solid #eee;
    border-left:1px solid #eee;
    -webkit-box-shadow: 0px 0px 2px 2px #ccc;
    -moz-box-shadow: 0px 0px 2px 2px #ccc;
    box-shadow: 0px 0px 2px 2px #ccc;
}
ul.tn_ttl_capt_list li .txt {
    padding: 15px 12px 11px 12px;
}
ul.tn_ttl_capt_list li .title {
    padding: 0 12px;
}
ul.tn_ttl_capt_list i {
    display: inline;
    color: #f29600;
    margin-left: 4px;
}



/*==============================================================
.qa_list
==============================================================*/
.qa_list {
    margin: 0 0 40px 0;
}
.qa_list li {
    border-bottom: dotted 1px #ccc;
    margin: 0 0 22px 0;
    font-size: 110%;
    line-height: 1.5;
}
.qa_list .q {
    background: url(/common/img/i_q.gif) no-repeat;
    padding: 0px 0 4px 34px;
    margin: 0 0 10px 0;
    font-weight: bold;
}
.qa_list .ans {
    background: url(/common/img/i_a.gif) no-repeat;
    padding: 0px 0 4px 34px;
    margin: 0 0 18px 0;
}



/*==============================================================
.spec_list
==============================================================*/
.spec_list{
    margin: 0 28px 0px;
    line-height: 1.7;
}
.bold_title {
    margin-bottom: 6px;
}
.spec_wrapper {
    padding: 10px 16px;
    background: #efefef;
}
.spec_list .spec_wrapper table.lined_table {
    width: 100%;
    padding: 12px;
}
.spec_list .spec_wrapper table.lined_table tr {
    width: 100%;
    border-bottom: dotted 1px #aaa;
}
.spec_list .spec_wrapper table.lined_table th {
    width: 9%;
    padding: 5px 0;
    color: #777;
    background: url(/content-file/biz/report/owner/red_arrow_8x8.gif) no-repeat 4.5em 10px;
}
.spec_list .spec_wrapper table.lined_table td {
    width: 91%;
    padding: 5px 0;
}
.spec_list .spec_wrapper table.lined_table tr:last-child {
    border-bottom: none;
}



/*==============================================================
.concept_txt
==============================================================*/
.concept_txt {
    border: 1px dotted #888;
    padding: 16px;
    width: 80%;
    margin: 28px auto;
    text-align: center;
    font-size: 120%;
    line-height: 1.7
}



/*==============================================================
.txt_link_list
==============================================================*/
.txt_link_list{
  overflow: hidden;
}
.txt_link_list.pdt_mh{
  padding-left:14px;
  padding-right:14px;
}
.txt_link_list li{
    border-bottom:dotted 1px #ddd;
    width:48.2%;
    float:left;
}
.txt_link_list li:nth-child(2n){
    float:right;
}
.txt_link_list li a{
    display:block;
    color:#026eac;
    padding:10px 14px 10px 4px;
    background:url(/common/img/grey_arrow_right_11x11.png) right center no-repeat;
}
.txt_link_list li a:hover{
    text-decoration: underline;
}
.txt_link_list.pdt_mh li{
    border-bottom:dotted 1px #ddd;
    width:32%;
    margin-right:2%;
    float:left;
}
.txt_link_list.pdt_mh li a{
    background:url(/common/img/grey_arrow_right_11x11.png) 96% center no-repeat;
}
.txt_link_list.pdt_mh li:nth-child(3n){
    margin-right:0;
}
.txt_link_list li span{
    font-weight:bold;
    font-size:116%;
}
.txt_link_list li strong{
    font-size:86%;
    padding-left:10px;
}
.txt_link_list.rvs li span{
    font-weight:normal;
    font-size:86%;
}
.txt_link_list.rvs li strong{
    font-weight:bold;
    font-size:116%;
    padding-left:10px;
}




/*==============================================================
.related_lineup
==============================================================*/
.related_lineup{
    width:922px;
    margin:0 auto;
}




/*==============================================================
.landing
==============================================================*/
#page_content.landing {
    padding-top: 0;
}
#page_content.landing #pankuzu {
    margin-bottom: 25px;
    padding-top: 10px;
    background: url(/happy-reform/img/main.jpg) no-repeat center top;
    background-size: cover;
    height: 337px;
}
#page_content.landing #pankuzu nav {
    display: none;
}
#page_content.landing header.main_title {
    margin-bottom: 20px;
}
#page_content.landing header.main_title h1 {
    padding-left: 0;
    margin: 0 0 0 -3px;
    background: none;
    font-size: 275%;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', '游明朝体', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
#page_content.landing header.sub_title {
    border: none;
}
#page_content.landing header.sub_title h2 {
    min-height: 20px;
    padding-left: 0;
    color: #b99106 !important;
    font-weight: bold;
    font-size: 140%;
    background: none;
}
#page_content.landing section h3 {
    background: #f5efda;
    color: #b99106;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 110%;
    margin: 48px 0 20px 0;
}




/*==============================================================
.news_list
==============================================================*/
.news_list{}
.news_list li{
    overflow: hidden;
    display: table;
    line-height: 1.4;
}
.news_list li .date{
    display: table-cell;
    width:130px;
    vertical-align: middle;
    padding-right:14px;
}
.news_list li a .date{
    color:#666;
}
.news_list li .txt{
    display: table-cell;
    width:530px;
    vertical-align: middle;
    padding-left: 0em;
    text-indent: 0em;
}
.news_list li a{
    padding-left: 0em!important;
    text-indent: 0em!important;
}





@media screen and (max-width: 750px) {
    .float_wrapper.w980{
        width:100%;
    }
    #page_content{
        padding:76px 0 48px 0;
    }


    /*
    pankuzu
    */
    #pankuzu{
        display: none;
    }


    /* dir title image */
    .dir_title{
        width:100%;
        margin:0 auto 20px auto;
    }



    /*
    list table
    */
    dl.list_table , dl.list_table dt, dl.list_table dd {
        margin: 0;
        padding: 0;
    }
    dl.list_table {
        background: #fff;
        border: none;
        border-top: none;
        width: auto;
    }

    dl.list_table dt,
    dl.list_table dd {
        padding: 12px 1%;
        width:98%;
    }
    dl.list_table dt {
        border-top: none;
        border-bottom: 1px solid #ddd;
        clear: left;
        float: none;
        background:#eaeaea;
        font-weight: bold;
    }
    dl.list_table dt.row2{
        height:auto;
    }
    dl.list_table dt span.fs90{
        font-size:100%;
    }

    dl.list_table dd {
        background: #fff;
        border-left: none;
        border-right: none;
        border-top: none;
        margin: 0 0 10px 0;
    }



    /*
    .multi_table
    */
    table.multi_table {
        border: none;
        width: 100%;
    }
    table.multi_table thead {
        display: none;
    }
    table.multi_table tbody th, table.multi_table tbody td {
        display: block;
        width: 98%;
        padding: 10px 1%;
        border: none;
    }
    table.multi_table thead th {
        padding: 5px 1%;
    }
    table.multi_table tbody th {
        background: #eaeaea;
    }
    table.multi_table tbody td:last-child {
        margin: 0 0 10px 0;
    }



    /*
    shadow
    */
    .shadow_box_wrapper{
        width:auto;
        margin-right: auto;
        margin-left: auto;
    }
    .shadow_box_wrapper {
        width: 92%;
    }
    .shadow_box_wrapper .shadow_box{
        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
    }
    .shadow_box_wrapper .shadow_box > .sect{
        margin:0 0 62px 0;
    }
    .shadow_box_wrapper .shadow_box > .sect:last-child{
        margin-bottom:0px;
    }



    /*==============================================================
    #grey_container
    ==============================================================*/

    #grey_container.on_footer{
        padding: 20px 0;
        margin:0;
        background:#eeeeee;
    }
    #grey_container.on_footer ul.bnrs_h{
        overflow: hidden;
        width:92%;
        margin:0 auto 0px;
    }
    #grey_container.on_footer ul.bnrs_h li{
        float:none;
        display: block;
        margin:0 0 10px 0;
        height:68px;
        width:auto;
    }

    #grey_container.on_footer ul.bnrs_h li{
        text-align: center;
    }
    #grey_container.on_footer ul.bnrs_h li a img{
        width:auto;
    }
    /*pic3*/
    #grey_container.on_footer.pic3 h3{
        width:92%;
    }
    #grey_container.on_footer.pic3 ul.bnrs_h li{
        width:31.5%;
        margin:0 1.5% 10px 0;
        text-align: left;
    }
    #grey_container.on_footer.pic3 ul.bnrs_h li:last-child{
        margin:0;
    }



    /*
    small_topics
    */
    #grey_container .small_topics ul{
        overflow: hidden;
        width:92%;
        margin:0 auto 30px;
    }
    #grey_container .small_topics ul li{
        width:48.6%;
        float:left;
        margin-right:2%;
        margin-bottom:10px;
        background: #fff;

        position: relative;
        overflow: hidden;
        box-shadow:0px 0px 2px 2px #eaeaea;
        -moz-box-shadow:0px 0px 2px 2px #eaeaea;
        -webkit-box-shadow:0px 0px 2px 2px #eaeaea;
        text-align: center;
    }
    #grey_container .small_topics ul li a{
        display: block;
    }
    #grey_container .small_topics ul li img{
        width:241px;
        height:auto;
        float:none;
    }
    #grey_container .small_topics ul li:nth-child(2n){
        margin-right:0;
        float:right;
    }



    /*==============================================================
    .pinch_icon
    ==============================================================*/
    .pinch_icon {
        position: relative;
        display:block;
        padding-bottom:30px;
    }
    .pinch_icon:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background:url(.././partner/common/img/icon_zoom.png) no-repeat;
        background-size: contain;
        position: absolute;
        right: 0px;
        bottom: 0px;
        opacity:0.5;
    }

    /*
    Telephone Number
    */
    .telnum {
        color: #026eac;
    }



   /*==============================================================
    .btnRow2
    ==============================================================*/
    .btnRow2 {
    }
    .btnRow2 ul,
    .btnRow1 ul {
        overflow: hidden;
        width: 92%;
    }
    .btnRow2 ul li,
    .btnRow1 ul li {
        float: none;
        display: block;
        margin: 0 0 10px 0;
        width: auto;
        border: solid 1px #ddd;
        box-shadow: 0px 0px 2px 2px #eee;
        -moz-box-shadow: 0px 0px 2px 2px #eee;
        -webkit-box-shadow: 0px 0px 2px 2px #eee;
    }
    .btnRow2 ul li a img,
    .btnRow1 ul li a img{
        width: auto;
    }


    /*==============================================================
    .btnRow1
    ==============================================================*/
    .btnRow1{
        width: auto;
        margin:0 auto 30px auto;
    }
    .btnRow1 ul {
        overflow: hidden;
        width: 92%;
        margin:0 auto;
    }
    .btnRow1 ul li{
        width: auto;
        margin: 0;
    }


    /*==============================================================
    .tbl1
    ==============================================================*/
    main .tbl1 > *{
        vertical-align: top;
    }
    main .tbl1 > dt{
        width: 100px;
    }



    /*==============================================================
    .tn_list_sdw
    ==============================================================*/
    .tn_list_sdw,
    .tn_list_sdw.w_max {
        width:100%;
    }
    .tn_list_sdw li,
    .tn_list_sdw.w_max li {
        width: 48%;
        margin: 0 3% 18px 0;
    }

    .tn_list_sdw.item3 li,
    .tn_list_sdw.item3.w_max li{
        width:48.2%;
        border:solid 1px #ddd;
        margin:0 2% 18px 0;
    }
    .tn_list_sdw.item3 li:nth-child(3n),
    .tn_list_sdw.item3.w_max li:nth-child(3n){
        margin:0 2% 18px 0;
    }
    .tn_list_sdw.item3 li:nth-child(2n),
    .tn_list_sdw.item3.w_max li:nth-child(2n){
        margin:0 0 18px 0;
    }

    .tn_list_sdw.item4 li,
    .tn_list_sdw.item4.w_max li{
        width:48.2%;
        border:solid 1px #ddd;
        margin:0 2% 18px 0;
    }
    .tn_list_sdw.item4 li:nth-child(4n),
    .tn_list_sdw.item4.w_max li:nth-child(4n){
        margin:0 2% 18px 0;
    }
    .tn_list_sdw.item4 li:nth-child(2n),
    .tn_list_sdw.item4.w_max li:nth-child(2n){
        margin:0 0 18px 0;
    }

    /*
    .list_wrapper980 .tn_list_sdw.item4
    */
    .list_wrapper980 .tn_list_sdw.item4 {
        width:100%;
    }
    .list_wrapper980 .tn_list_sdw.item4 li{
        width:48.6%;
        margin:0 2% 18px 0;
    }
    .list_wrapper980 .tn_list_sdw.item4 li:nth-child(2n){
        margin:0 0 18px 0;
    }

    /*
    .list_wrapper980 .tn_list_sdw.item4
    */
    .list_wrapper980 .tn_list_sdw.item3 {
        width:100%;
    }
    .list_wrapper980 .tn_list_sdw.item3 li{
        width:49%;
        margin:0 2% 18px 0;
    }
    .list_wrapper980 .tn_list_sdw.item3 li:nth-child(3n){
        margin:0 2% 18px 0;
    }
    .list_wrapper980 .tn_list_sdw.item3 li:nth-child(2n){
        margin:0 0 18px 0;
    }



    /*==============================================================
    .tn_ttl_capt_list
    ==============================================================*/
    ul.tn_ttl_capt_list {
        width:100%;
    }
    ul.tn_ttl_capt_list li {
        width: 48%;
        margin: 0 3% 10px 0;
    }



    /*==============================================================
    .spec_list
    ==============================================================*/
    .spec_list{
        margin: 0 28px 0px;
        line-height: 1.7;
    }
    .spec_wrapper {
        padding: 10px 16px;
        background: #efefef;
    }
    .spec_list .spec_wrapper table.lined_table {
        width: 100%;
        padding: 12px;
    }
    .spec_list .spec_wrapper table.lined_table tr {
        width: 100%;
        border-bottom: dotted 1px #aaa;
        margin-bottom: 4px;
    }
    .spec_list .spec_wrapper table.lined_table th {
        width: 100%;
        padding: 5px 0;
        display:block;
    }
    .spec_list .spec_wrapper table.lined_table td {
        width: 100%;
        padding: 0 0;
        display:block;
    }
    .spec_list .spec_wrapper table.lined_table tr:last-child {
        border-bottom: none;
        margin-bottom: 0px;
        width:100%;
    }




    /*==============================================================
    .txt_link_list
    ==============================================================*/
    .txt_link_list{
      border-top:dotted 1px #ddd;
    }
    .txt_link_list.pdt_mh{
      padding-left:0px;
      padding-right:0px;
    }
    .txt_link_list li{
        width:auto;
        float:none;
    }
    .txt_link_list li:nth-child(2n){
        float:none;
    }

    .txt_link_list.pdt_mh{
        width:94%;
        margin-right:3%;
        margin-left:3%;
    }
    .txt_link_list.pdt_mh li{
        width:48%;
        margin-right:4%;
        float: left;
    }
    .txt_link_list.pdt_mh li:nth-child(3n){
        margin-right:4%;
    }
    .txt_link_list.pdt_mh li:nth-child(2n){
        margin-right:0;
    }




    /*==============================================================
    .related_lineup
    ==============================================================*/
    .related_lineup{
        width:92%;
    }



    /*==============================================================
    .landing
    ==============================================================*/
    #page_content.landing #pankuzu {
        display: block;
        margin: 55px 0 20px;
        padding-top: 10px;
        height: 150px;
    }
    #page_content.landing header.main_title {
        margin-bottom: 15px;
    }
    #page_content.landing header.main_title h1 {
        font-size: 200%;
        line-height: 1.1;
    }
    #page_content.landing header.sub_title {
        padding-bottom: 0;
    }




    /*==============================================================
    .news_list
    ==============================================================*/
    .news_list{}
    .news_list li{
        overflow: hidden;
        display: block;
        line-height: 1.4;
    }
    .news_list li .date{
        display: block;
        width:100%;
        vertical-align: middle;
        padding-right:0;
        margin-bottom: 5px;
    }
    .news_list li .txt{
        display: block;
        width:auto;
        vertical-align: middle;
        padding-left: 1em;
        text-indent: 0em;
    }
    .news_list li a{
        padding-left: 0em!important;
        text-indent: 0em!important;
    }
}






@media screen and (max-width: 550px) {
    /*==============================================================
    .tn_list_sdw
    ==============================================================*/

    .list_wrapper980 .tn_list_sdw.item4 li,
    .list_wrapper980 .tn_list_sdw.item3 li{
        width:99%;
        margin:0 0 16px 0;
    }
    .list_wrapper980 .tn_list_sdw.item4 li:nth-child(2n),
    .list_wrapper980 .tn_list_sdw.item3 li:nth-child(3n){
        margin:0 0 16px 0;
    }

    .tn_list_sdw,
    .tn_list_sdw.w_max {
        width:100%;
    }
    .tn_list_sdw li,
    .tn_list_sdw.w_max li {
        float:none;
        width: 99%;
    }
    .tn_list_sdw.item3 li,
    .tn_list_sdw.item3.w_max li{
        width:99%;
    }
    .tn_list_sdw.item3 li:nth-child(3n),
    .tn_list_sdw.item3.w_max li:nth-child(3n){
        margin:0 0 18px 0;
    }
    .tn_list_sdw.item4 li,
    .tn_list_sdw.item4.w_max li{
        width:99%;
        border:solid 1px #ddd;
    }
    .tn_list_sdw.item4 li:nth-child(4n),
    .tn_list_sdw.item4.w_max li:nth-child(4n){
        margin:0 0 18px 0;
    }



    .tn_ttl_capt_list.item3 li{
        float:none;
        width:96%;
        margin:0 auto 10px auto;
        font-size:90%;
        line-height: 1.5;
    }
    .tn_ttl_capt_list.item3 li:nth-child(3n){
        margin:0 auto 10px auto;
    }


    /*==============================================================
    #grey_container
    ==============================================================*/
    /*pic3*/
    #grey_container.on_footer.pic3 h3{
        width:92%;
    }
    #grey_container.on_footer.pic3 ul.bnrs_h li{
        width:auto;
        margin:0 0 10px 0;
        text-align: center;
    }
    #grey_container.on_footer.pic3 ul.bnrs_h li:last-child{
        margin:0;
    }





    /*==============================================================
    .txt_link_list
    ==============================================================*/
    .txt_link_list.pdt_mh{
        width:94%;
        margin-right:3%;
        margin-left:3%;
    }
    .txt_link_list.pdt_mh li{
        width:100%;
        margin-left:0%;
        float: none;
    }
    .txt_link_list.pdt_mh li:nth-child(3n){
        margin-right:0;
    }




    #grey_container .small_topics ul{
        overflow: hidden;
        width:92%;
        margin:0 auto 30px;
    }
    #grey_container .small_topics ul li{
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
        background: #fff;
        overflow: hidden;
        text-align: center;
    }
    #grey_container .small_topics ul li img{
        width:241px;
        height:auto;
        float:none;
        margin-right:4px;
    }
    #grey_container .small_topics ul li:nth-child(2n){
        margin-right:0;
        float:none;
    }
}





@media screen and (max-width: 440px) {
    /*==============================================================
    .tbl1
    ==============================================================*/
    main .tbl1 > *{
        vertical-align: top;
    }
    main .tbl1 > dt{
        width: 100px;
    }
    main .tbl1{
        display: block;
        margin-bottom: 15px;
    }
    main .tbl1 > *{
        display: block;
    }
    main .tbl1 > dt{
        width: auto;
        padding-bottom: 5px;
    }
    main .tbl1 > dt span{
        padding: 5px;
    }
    main .tbl1 > dd{
        padding-left:0px;
    }
}