@charset "UTF-8";
@charset "UTF-8";
/**********************************************
CSS
    file name  :style_jsp.css
    style info :jsp用の基本設定
**********************************************/
@media print, screen and (min-width: 641px){
body .hanyo_main_visual_02 div{
    background:rgba(0, 0, 0, 0) url("/common/include/camp/rwd/hanyo/img/bg_hanyo_main_visual_02_02_pc.png") no-repeat scroll center 188px;
    height:456px;
}
    .conversion.card_set3 .inner ul, .conversion.card_set5 .inner ul.cv_wrap{
    width:622px;
    margin:0 auto;
}
.hikaku_table_large table tr td p.cmn_link{
    margin:5px 0 0 83px;
}
.conversion.card_set5 .inner ul.pc5 li{
    margin:0 0 0 50px;
}
.conversion.card_set5 .inner ul.pc5 li:first-child{
    margin-left:0;
}
.hikaku_table_large table .conversion_btn{
    width:312px;
}
.hikaku_table_large table .conversion_btn a{
    text-align:center;
}
.anchor_card_info_btn{
    margin:0 auto;
    width:652px;
}
.anchor_card_info_btn li{
    margin:0 0 0 50px;
}
.hikaku_table_large .tab_list li{
    width:33%;
}
.hikaku_table_large .tab_list li img{
    width:45%;
}
.hanyo_cardinfo .cardview .cmn_link.under{
    display: none;
}
.forSpBlock + .cmn_h2.full, .forPcBlock + .cmn_h2.full{
    margin: 20px 0 0;
}
.forPcBlock {
    display: block!important;
}
.forSpBlock {
    display: none!important;
}
.bx-wrapper{
    padding-bottom: 0;
}
.conversion_btn{
    border-radius:none;
    -webkit-border-radius: none;
    border: none;
    background: none;
    padding: 0 !important;
}
.conversion_btn a,.conversion_btn.blue a,.conversion_btn.pink a,.conversion_btn.gold a{
    border: none;
    background: none;
    padding: 0;
}
.conversion_btn a span {
    background: none!important;
}
.conversion_btn a img{
    width: 100%;
}
.hikaku_table_large .card_header p .conversion_btn a{
    padding: 16px 0 13px 0;
    font-size: 110%;
    line-height: 1.4;
    border-radius:10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}
.hikaku_table_large .card_header p .conversion_btn a > span{
    display: inline-block;
    margin-left: 0;
    box-sizing: border-box;
    position: relative;
    padding-left: 50px;
}

.hikaku_table_large .card_header p .conversion_btn a span span{
    padding-left: 0;
    font-size: 220%;
}
.hikaku_table_large .card_header p .conversion_btn a > span:after{
    content: "";
    display: block;
    width: 49px;
    height: 54px;
    position: absolute;
    margin: auto;
    top: -10px;
    bottom: 0;
    /*left: 15px;*/
    background:url(/common/include/camp/rwd/common/img/ico_finger_conversion_btn.png) no-repeat left 50%;
}
.hikaku_table_large .card_header p .conversion_btn{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border: none;
    padding: 0 100px;
}
.hikaku_table_large .card_header p .conversion_btn a{
    border: 2px solid #4A9D8E;
    background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwYWM5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc1NjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(top,  #10ac90 0%,#0d8973 48%,#007560 65%);
    background: -webkit-linear-gradient(top,  #10ac90 0%,#0d8973 48%,#007560 65%); 
    background: -o-linear-gradient(top,  #10ac90 0%,#0d8973 48%,#007560 65%); 
    background: -ms-linear-gradient(top,  #10ac90 0%,#0d8973 48%,#007560 65%); 
    background: linear-gradient(to bottom,  #10ac90 0%,#0d8973 48%,#007560 65%); 
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#10ac90',EndColorStr='#007560');
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#10ac90',EndColorStr='#007560');
}
.hikaku_table_large .card_header p .conversion_btn.blue a{
    border: 2px solid #587fca;
    background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3N2RjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzJiNGY5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");
    background: -moz-linear-gradient(top,  #638cdb 0%,#375aa6 48%,#2b4f9d 65%);
    background: -webkit-linear-gradient(top,  #638cdb 0%,#375aa6 48%,#2b4f9d 65%); 
    background: -o-linear-gradient(top,  #638cdb 0%,#375aa6 48%,#2b4f9d 65%); 
    background: -ms-linear-gradient(top,  #638cdb 0%,#375aa6 48%,#2b4f9d 65%); 
    background: linear-gradient(to bottom,  #638cdb 0%,#375aa6 48%,#2b4f9d 65%); 
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#638cdb',EndColorStr='#2b4f9d');
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#638cdb',EndColorStr='#2b4f9d');
}
.hikaku_table_large .card_header p .conversion_btn.pink a{
    border: 2px solid #d67ea8; 
    background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmOTBiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2M2NDQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");
    background: -moz-linear-gradient(top,  #ee98c1 0%,#d85795 48%,#c64482 65%);
    background: -webkit-linear-gradient(top,  #ee98c1 0%,#d85795 48%,#c64482 65%); 
    background: -o-linear-gradient(top,  #ee98c1 0%,#d85795 48%,#c64482 65%); 
    background: -ms-linear-gradient(top,  #ee98c1 0%,#d85795 48%,#c64482 65%); 
    background: linear-gradient(to bottom,  #ee98c1 0%,#d85795 48%,#c64482 65%); 
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ee98c1',EndColorStr='#c64482');
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ee98c1',EndColorStr='#c64482');
}
.hikaku_table_large .card_header p .conversion_btn.gold a{
    border: 2px solid #c5a671;
    background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjYmM4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzlmNzEzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");
    background: -moz-linear-gradient(top,  #dcbc86 0%,#b07d44 48%,#9f713d 65%);
    background: -webkit-linear-gradient(top,  #dcbc86 0%,#b07d44 48%,#9f713d 65%); 
    background: -o-linear-gradient(top,  #dcbc86 0%,#b07d44 48%,#9f713d 65%); 
    background: -ms-linear-gradient(top,  #dcbc86 0%,#b07d44 48%,#9f713d 65%); 
    background: linear-gradient(to bottom,  #dcbc86 0%,#b07d44 48%,#9f713d 65%); 
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dcbc86',EndColorStr='#9f713d');
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dcbc86',EndColorStr='#9f713d');
}
.hanyo_main_visual_03, .bx-viewport{
    height: 385px!important;
    padding-bottom: 164px;
}

.hanyo_main_visual_03 .bx-wrapper + ul{
    margin-top: 55px;
}
.hanyo_main_visual_03 ul li p.cmn_link{
    width: 115px;
    margin: 0 auto;
}
.hanyo_main_visual_03 ul li p.cmn_link a{
    padding: 0;
}
.no_border02 {
     border-left:solid 1px #d4d4d4 !important;
     padding-top:70px !important;
     padding-bottom:70px !important;
}
.conversion_btn02 {
    margin-top: 10px !important;
}
.conversion.card_set5 .inner ul.pc5 li .conversion_btn a,.hanyo_main_visual_03 .card_slider li .conversion_btn a{
    padding: 0 ;
}
.maL10_02 {
    margin-left: 10px !important;
    white-space: nowrap;
}

}
@media only screen and (max-width: 640px){

.hanyo_cardinfo .cardview .cmn_link.under{
    display: inline-block;
}
.forSpBlock + .cmn_h2.full, .forPcBlock + .cmn_h2.full{
    margin: 20px 0 0;
}
.forPcBlock {
    display: none!important;
}
.forSpBlock {
    display: block!important;
}
.sp_only.hanyo_main_visual_03, .bx-wrapper, .bx-viewport{
    height: auto!important;
    padding-bottom: 5px;
}

.sp_only.hanyo_main_visual_03 .bx-wrapper + ul{
    margin-top: auto;
}
.sp_only.hanyo_main_visual_03 ul li p.cmn_link{
    width: 105px;
    margin: 5px auto;
}
.sp_only.hanyo_main_visual_03 h1 img {
    width: 300px;
}
.conversion_btn{
    border: none !important;
    background: none !important;
}
.hikaku_table_large .card_header p .conversion_btn{
    padding: 0;
}
.hikaku_table_large .card_header p .conversion_btn a{
    padding: 0;
    background: none!important;
    border: none!important;
    -ms-filter: none!important;
    filter: none!important;
}
.hikaku_table_large .card_header p .conversion_btn a img{
    min-width: 150px;
    max-width: 302px;
    width: 100%;
}
.conversion.card_set5 .inner ul.sp1_2_2 li .conversion_btn img{
    width: 100%;
}
.conversion.card_set5 .inner ul.sp1_2_2 li:first-child .conversion_btn img{
    width: 80%;
}
.hikaku_table_large .card_header p .conversion_btn a{
    border-radius: 0;
    -webkit-border-radius: 0;
}
.cnt_block h3{
    font-weight: bold;
}
.noslider_detail{
    text-align: left;
    display: block;
    font-weight: bold;
}
.sp_only.mainvisual_noslider > .noslider_inner{
    background-color: #fff;
}
.sp_only.mainvisual_noslider > .noslider_inner > li{
    width: 45%;
    margin: 0 2% 20px;
    display: inline-block !important;
    vertical-align: top;
}
.sp_only.mainvisual_noslider > .noslider_inner > li.mainvisual_cl{
    width: 60%;
    margin: 20px 20%;
    text-align: center;
}
.sp_only.mainvisual_noslider img{
    width: 100%;
}
.sp_only.mainvisual_noslider .cf {
    width: 245px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0 0;
    background: #19286e;
}
.sp_only.mainvisual_noslider .cf li:first-child img {
width: 245px;
}
.sp_only.mainvisual_noslider .cf li img {
    width: 115px;
    display: block;
}
.sp_only.mainvisual_noslider .cf li p.cmn_link {
    margin: 5px auto 0;
    width: 135px;
}
table.test-table{
    margin:10px 0 10px;
    border-top: 1px solid #d4d4d4;
}
table.test-table th{
    background: #f3f3f3;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    padding: 15px;
    color: #444444;
    text-align:left;
    width:160px;
}
table.test-table td{
    border-bottom: 1px solid #d4d4d4;
    padding: 15px;
    text-align:left;
}
table.test-table .pink{
    font-weight: bold;
    color: #fa0550;
}
.accordion_tit02{
    margin-top: 25px;
    padding: 10px;
    background:#e7f7f3;
    font-size: 16px;
    font-weight: bold;
    color: #007253;
}
.conversion_btn02sp {
    max-width:195px;
    margin: 10px auto;
}
.conversion_btn02sp a img {
    width: 100%;
}
.cmn_link02_sp {
     display:block;
     margin:0 auto;
     width: 130px;
     white-space: nowrap;
}
.h50sp {
    height: 50px;
    margin-top: 20px;
    padding: 0 10px;
}

}