@charset "UTF-8";
@media only screen and (max-width:767px){
.p-main .txt-read__head{margin:0 0 32px;line-height:calc(54 / 32)}
}
@media only screen and (min-width:768px){
.p-main .txt-read__head{margin:0 0 40px}
}
@media only screen and (max-width:767px){
.p-main .txt-read{margin-bottom:22px;font-size:14px;line-height:1.5}
.p-content_block{margin:0 0 50px}
}
@media only screen and (min-width:768px){
.p-main .txt-read{margin-bottom:60px}
.p-content_block{margin:0 0 100px}
}
.p-content_block .child_block_btn{background-color:#f3f3f3;text-align:center}
.p-content_block .child_block_btn a{display:inline-flex;flex-flow:row wrap;justify-content:center;align-items:center;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;transition:background-color .3s,color .3s}
.p-content_block .child_block_btn a:hover{color:#fff;background-color:#c90413;text-decoration:none}
.p-content_block .child_block_btn a:hover .repair_icon:before{opacity:1;visibility:visible}
.p-content_block .child_block_btn a:hover .blank_icon{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');filter:brightness(2)}
.p-content_block .child_block_btn a .repair_icon{display:block;position:relative}
@media only screen and (max-width:767px){
.p-content_block__child{margin:0 0 40px}
.p-content_block .child_block_text{margin:0 0 20px}
.p-content_block .child_block_btn{padding:10px}
.p-content_block .child_block_btn a{padding:12px 30px}
.p-content_block .child_block_btn a .repair_icon{margin:0 7px 0 0;order:1}
.p-content_block .child_block_btn a .repair_icon img{width:28px;height:auto}
}
@media only screen and (min-width:768px){
.p-content_block__child{margin:0 0 60px}
.p-content_block .child_block_text{margin:0 0 35px}
.p-content_block .child_block_btn{padding:20px}
.p-content_block .child_block_btn a{padding:20px 60px}
.p-content_block .child_block_btn a .repair_icon{margin:0 15px 0 0}
.p-content_block .child_block_btn a .main{font-size:20px}
}
.p-content_block .child_block_btn a .repair_icon:before{content:'';display:block;width:100%;height:100%;background:url(/use/img/kyoutu/icon01_white.png) 0 0/cover no-repeat;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.p-content_block .child_block_btn a .repair_icon img{vertical-align:top}
.p-content_block .child_block_btn a .blank_icon{transition:filter .3s}
.p-content_block .child_block_btn a .main{display:block;margin:0 10px 0 0;font-weight:700}
.p-content_block .child_block_btn a .sub{display:block}
.p-checkList_wrap{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch}
.p-checkList_wrap.result{position:relative}
.p-checkList_wrap.result:before{content:'';width:0;height:0;border-style:solid;border-color:#c00 transparent transparent;position:absolute;left:50%;transform:translateX(-50%)}
.p-checkList_wrap.result .p-checkList_wrap_title{background-color:#cc0100;color:#fff}
.p-checkList_wrap_title{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;color:#cc0100;font-weight:700;text-align:center;border:3px solid #cc0100;background-color:#fff1f1;line-height:calc(22/16);padding:0 1em}
@media only screen and (max-width:767px){
.p-content_block .child_block_btn a .blank_icon{order:3}
.p-content_block .child_block_btn a .main{order:2}
.p-content_block .child_block_btn a .sub{order:4;width:100%;font-size:13px;margin:4px 0 0}
.p-checkList_wrap.result{margin:50px 0 0}
.p-checkList_wrap.result:before{border-width:24px 18px 0;top:-36px}
.p-checkList_wrap_title{font-size:15px;width:100%;min-height:62px}
}
@media only screen and (min-width:768px){
.p-content_block .child_block_btn a .sub{margin:0 10px 0 0}
.p-checkList_wrap.result{margin:70px 0 0}
.p-checkList_wrap.result:before{border-width:40px 30px 0;top:-54px}
.p-checkList_wrap_title{width:182px}
}
.p-checkList_wrap_list{list-style:none}
.p-checkList_wrap_list_item{padding:0 0 0 1em;position:relative}
.p-checkList_wrap_list_item:before{content:'・';position:absolute;top:0;left:0}
.p-checkList_wrap_text{background-color:#f3f3f3}
@media only screen and (max-width:767px){
.p-checkList_wrap_text{font-size:14px;width:100%;padding:15px 20px}
}
@media only screen and (min-width:768px){
.p-checkList_wrap_text{width:calc(100% - 182px);padding:30px}
}