@charset "Shift-JIS";
@media screen and (min-width: 768px){
/*----common------*/
#leftWrapper{ box-sizing:border-box; margin-bottom:0; }
#crecard .pc_none{ display: none !important; }
#crecard .left{ float: left; }
#crecard .right{ float: right; }
#crecard .clear{ clear:both; }
#crecard .cf:after{ clear: both; content: ''; display: block; }
#crecard{ word-break : break-all; }
#crecard .red_txt{ color:red; }
#crecard .note_txt{ font-size:11px; padding-top:20px; }
#crecard .yellow_line{ background: linear-gradient(transparent 70%, #fff20e 70%); height: 21px; display: inline-block; }
#crecard .banner_box{/*------img追加後削除-----*/ width:950px; }
#crecard .banner_box_2{ margin-top: 25px; }
#crecard .banner_box .banner_box_inner{ background-color: #ddd; height:120px; }
#crecard .cre_topic_ttl{ font-size:25px; font-weight: bold; text-align: center; padding:60px 0 30px; color:#0b3760; }
#crecard .cre_topic_ttl_otoku{ border-top:2px solid #004098; }
#crecard .cre_topic_ttl .bigger_txt{ font-size:30px; }
/*---crecard pc style---*/
#crecard .mv{ margin-top: 20px;
}
#crecard .point_list{ margin-top: 20px; font-size: 0px; min-width: 950px; }
#crecard .point_list .point_content{ border:3px solid #00429C; border-top:2px solid #fff; box-sizing: border-box; margin-top: 20px; margin-right:26px; padding: 0 12px 12px 12px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#crecard .point_list .point_content:last-child{ margin-right:0px; }
#crecard .point_list .point_content .point_ttl_box{ text-align: center; position: relative; }
#crecard .point_list .point_content .point_ttl_box .point_ttl{ font-size:18px; color: #00429C; font-weight: bold; text-align: center; }

#crecard .point_list .point_content .point_ttl_box .point_ttl .bar{ position: relative; display:inline-block; }
#crecard .point_list .point_content .point_ttl_box .point_ttl .bar:before{ content: ""; position: absolute; top:0; border-left:2px solid #00429C; transform:rotate(-20deg); }
#crecard .point_list .point_content .point_ttl_box .point_ttl .bar:after{ content: ""; position: absolute; top:0; right: -33%; border-left:2px solid #00429C; transform:rotate(20deg); }

/*---二つ目のpointの横幅調整---*/
#crecard .point_list .point_content .point_ttl_box_2 .point_ttl .bar:after{ right: -10%; }
/*---二つ目のpointの横幅調整end---*/
/*---四つ目のpointの横幅調整---*/
/*---四つ目のpointの横幅調整end---*/
#crecard .point_list .point_content .point_txt{ text-align: center; font-size:14px; font-weight: bold; color: #222; border-top:1px dotted #666; }
#crecard .point_list .point_content .point_txt .icon_t{ padding:0 0 0 20px; background: url(/pc/image/index/t_logo_mini.gif) no-repeat; }
#crecard .point_list .point_content .cre_point_img{ text-align: center; }
#crecard .cre_apply{ margin-top: 60px; }
#crecard .cre_apply .cre_switch a,#crecard .cre_apply .cre_new a{ display: block; }
#crecard .cre_apply .cre_switch a:hover,#crecard .cre_apply .cre_new a:hover{ opacity: 0.6; transition: all 0.4s; }
#crecard .more_point{ border-top:2px solid #00429C; border-bottom:1px dashed #666; margin-top: 50px; }
#crecard .more_point .more_point_list{ max-width: 950px; width:100%; font-size:0px; line-height: 0; margin-bottom: 35px; }
#crecard .more_point .more_point_list .more_point_content{ width:50%; text-align: center; display: inline-block; box-sizing:border-box; }
#crecard .more_point .more_point_list .more_point_content:first-child{ border-right:1px dashed #666; }
#crecard .more_point .more_point_list .more_point_img{ margin-bottom: 30px; }
#crecard .more_point .more_point_list .more_point_img .more_point_img_link{ display: inline-block; }
#crecard .more_point .more_point_list .more_point_img .more_point_img_link:hover{ opacity: 0.7; transition: 0.4s; }
#crecard .more_point .more_point_list .more_point_card_ttl{ font-size:21px; font-weight: bold; margin-bottom: 30px; }
#crecard .more_point .more_point_list .more_point_explain{ font-size:18px; margin-bottom: 30px; }
#crecard .more_point .more_point_list .more_point_explain .bigger_txt{ font-size:20px; font-weight: bold; }
#crecard .more_point .more_point_list .more_point_btn{ margin: 0 auto; width:215px; }
#crecard .more_point .more_point_list .more_point_btn a{ display: block; font-size:16px; color:#fff; padding: 20px; background-color: #004098; border-radius: 29px; position: relative; border:1px solid transparent; }
#crecard .more_point .more_point_list .more_point_btn a:hover{ transition: all 0.4s; background-color: #fff; border:1px solid #00429C; color:#00429C; text-decoration: none; }
#crecard .more_point .more_point_list .more_point_btn a .arrow_left{ position: absolute; top:50%; left: 83%; transform: translateY(-50%); }
#crecard .more_point .more_point_list .more_point_btn a .arrow_left:after{ content:""; /*position: absolute; top: 30%; left: 0;*/ width:8px; height:8px; display: block; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg); }
#crecard .more_point .more_point_list .more_point_btn a:hover .arrow_left:after{ border-top:2px solid #00429C; border-right:2px solid #00429C; transition: all 0.4s; }
#crecard .life_style .ichiran_btn{ margin: 60px auto; width:264px; text-align: center; }
#crecard .life_style .ichiran_btn a{ display: block; font-size:16px; color:#fff; padding: 20px; background-color: #004098; border-radius: 29px; position: relative; border:1px solid transparent; }
#crecard .life_style .ichiran_btn a:hover{ transition: all 0.4s; background-color: #fff; border:1px solid #00429C; color:#00429C; text-decoration: none; }
#crecard .life_style .ichiran_btn a .arrow_left{ position: absolute; top:50%; left: 79%; transform:translateY(-50%); margin-left: 20px; }
#crecard .life_style .ichiran_btn a .arrow_left:after{ content:""; width:8px; height:8px; display:block; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg); }
#crecard .life_style .ichiran_btn a:hover .arrow_left:after{ border-top:2px solid #00429C; border-right:2px solid #00429C; transition: all 0.4s; }

#crecard .slick .cre_slick_txt{ width:150px; margin: 10px auto 0; text-align: left; }

#crecard .slick .cre_card_link{ display: inline-block; outline:none; }
#crecard .slick .cre_card_link:hover{ opacity: 0.7; transition:0.4s; text-decoration: none; color:#333; }
/* 2019 12 Add New element */
#crecard .new-mv{ margin: 2em 0 0 0; }
#crecard .new-mv div{ position: relative; }
#crecard .new-mv div a{ transition: all 0.4s; text-decoration: none; position: absolute; z-index: 2; left: 5%; bottom: 6%; background-color: #fff000; font-weight: bold; color: #0B3760; font-size: 1.1rem; padding: .6rem; }
#crecard .new-mv div a:hover{ color: #0B3760; }
#crecard .new-mv div a span{ display: inline-block; background-color: #0b3760; color: #fff000; margin: 0 .5rem 0 0; padding: .5rem; letter-spacing: 3px; }
#crecard .cre_new_point_box{ margin: 2em 0; }
#crecard .cre_new_point_box .point_new_list{ display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; color: #05429b; }
#crecard .cre_new_point_box .point_new_list .point_content{ width: 32%; border-bottom: 1px solid #05429b; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl{ position: relative; border-top: 1px solid #05429b; border-bottom: 1px solid #05429b; background-color: #efefef; font-weight: bold; font-size: 1.3em; vertical-align: middle; width: 304px; height: 74px; box-sizing: border-box; }
#crecard .cre_new_point_box .point_new_list .point_content:nth-child(1) .point_ttl, #crecard .cre_new_point_box .point_new_list .point_content:nth-child(2) .point_ttl{ padding: 1rem 1rem 0 1rem; }
#crecard .cre_new_point_box .point_new_list .point_content:nth-child(3) .point_ttl{ padding: 1.5rem 1rem 0 1rem; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl:before, .cre_new_point_box .point_new_list .point_content .point_ttl:after{ content: ""; position: absolute; right: 0; left: 0; width: 0; height: 0; margin: auto; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl:before{ display: block; bottom: -16px; border-style: solid; border-color: #05429b transparent transparent transparent; border-width: 16px 12px 0 12px; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl:after{ display: block; bottom: -14px; border-style: solid; border-color: #efefef transparent transparent transparent; border-width: 15px 12px 0 12px; z-index: 10; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl, .cre_new_point_box .point_new_list .point_content .point_detail{ text-align: center; }
#crecard .cre_new_point_box .point_new_list .point_content p.point_detail{ font-weight: bold; font-size: 1.3em; }
#crecard .cre_new_point_box .point_new_list .point_content p.point_detail:nth-child(2){ margin: 20px 0 0 0; }
#crecard .cre_new_point_box .point_new_list .point_content p.point_detail:nth-child(3){ margin: 0 0 10px 0; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl .typA, .cre_new_point_box .point_new_list .point_content .point_detail .typA{ font-size: 1.5em; }
#crecard .cre_new_point_box .point_new_list .point_content .point_ttl .typB{ font-size: 2.5em; line-height: 1; }
#crecard .cre_new_point_box .point_new_list .point_content p.point_detail .num{ font-size: 2.5em; line-height: 1.5; }
#crecard .cre_new_point_box .point_new_list .point_content p.point_detail img{ vertical-align: -30%; }
#crecard .conductor{ text-align: center; margin: 50px auto 60px; }
#crecard .conductor .redBtn{ position: relative; border: #eb262d 1px solid;  background-color: #eb262d; color: #fff; opacity: 1; transition: all 0.4s; cursor: pointer; font-size: 1.5em; font-weight: bold; padding: 1.5em 5em; display: inline-block; border-radius: 10px; }
#crecard .conductor .redBtn:hover{ border: #eb262d 1px solid; background-color: #fff; color: #eb262d; text-decoration: none; }
#crecard .new-mv a:hover{ opacity: 0.7; text-decoration: none; }
#crecard .conductor .redBtn::after{ position: absolute; content: ''; width: 0; height: 0; border: solid 8px transparent; border-left: solid 12px #fff; top: 46%; right: 10px; margin-top: -5px; }

#crecard .point_list{ display: flex; display: -ms-flexbox; }
#crecard .point_list:nth-child(2){ border-bottom:1px dashed #666; padding-bottom: 60px; }
#crecard .point_list .point_content{ width: 462px; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; }
#crecard .point_list .point_content .ttl_wrap{ width: 280px; margin: 0 10px 0 0; }
#crecard .point_list .point_content .point_ttl_box{ padding: 0; }
#crecard .point_list .point_content .point_ttl_box .point_ttl, #crecard .point_list .point_content .point_ttl_box_2 .point_ttl{ width: 100%; }
#crecard .point_list .point_content .point_ttl_box .point_ttl .bar:before, #crecard .point_list .point_content .point_ttl_box .point_ttl .bar:after{ padding: 10px 0; }
#crecard .point_list .point_content .point_ttl_box .point_ttl{ top: -10px; left: 0; }
#crecard .point_list .point_content .point_ttl_box .point_ttl{ position: inherit; transform: inherit; }
#crecard .point_list .point_content .point_ttl_box.box_1_sp .point_ttl .bar:after{ right: -114%; }
#crecard .point_list .point_content .point_ttl_box.box_2_sp .point_ttl .bar:after{ right: -65%; }
#crecard .point_list .point_content .point_ttl_box.box_3_sp .point_ttl .bar:after{ right: -95%; }
#crecard .point_list .point_content .point_ttl_box_4 .point_ttl .bar:after{ right: -170%; }
#crecard .point_list .point_content .point_ttl_box_1 .point_ttl .bar:before, #crecard .point_list .point_content .point_ttl_box_3 .point_ttl .bar:before{ left: -30%; }
#crecard .point_list .point_content .point_ttl_box_2 .point_ttl .bar:before{ left: -5%; }
#crecard .point_list .point_content .point_ttl_box_4 .point_ttl .bar:before{ left: -10%; }
#crecard .point_list .point_content .point_txt{ margin: 0; border-bottom: none; padding: 10px 0 0 0; }
#crecard .point_list .point_content .cre_point_img{ padding: 0; }
#crecard .point_list:nth-child(1) li:nth-child(2) img{ width: 100px; height: auto; }
#crecard .point_list:nth-child(2) li:nth-child(2) img{ width: 170px; height: auto; }
}

/*--- crecard sp style-----*/
@media screen and (max-width: 767px){
}

/*---adjust---*/
#crecard .mT30{ margin-top: 30px; }