@charset "UTF-8";

html{scroll-behavior: smooth;}
img{max-width:100%;vertical-align: bottom;backface-visibility: hidden;}

header{height: 70px;}

.bk_gray{background: #F5F5F5;}
.inner{color: #505050;font-family: 'Noto Sans JP', sans-serif;padding: 40px 0;}
h2{font-size: 26px;text-align: center;font-weight: 500;line-height: 1.3;}
h2 + *{margin-top: 30px;}
.t_indent p{text-indent: -1em;padding-left: 1em;}
p.note{font-size: 13px;}

.main_img{background: #000;text-align: center;}
.main_img img{}

.support_area{display: flex;justify-content: space-between;}
.support_area > *{width: 47%;color: #fff;padding: 15px 15px;text-align: center;font-weight: 600;text-decoration: none;}
.support_area > * small{color: #fff;display: block;text-align: left;font-size: 20px;}
.support_area .support_tel{background: #FF9650;font-size: 42px;line-height: 1.4;}
.support_area .support_mail{background: #5096FF;font-size: 28px;}
.support_area a{transition: all 0.3s;}
.support_area a:hover{opacity: 0.7;}

@media screen and (min-width: 769px) {
.support_area .support_tel{pointer-events: none;}
}


.p_item{display: flex;justify-content: space-between;}
#p_lineup dt{width: 55%;}
#p_lineup dd{width: 45%;}
#p_lineup .t_indent{margin: 20px 0;}

#p_ballpoint dt{width: 60%;}
#p_ballpoint dd{width: 40%;}

#p_torx dt{width: 50%;}
#p_torx dd{width: 48%;text-align: right;}
#p_torx .t_indent{margin: 20px 0 0 0;}

#p_guarantee dt{width: 65%;}
#p_guarantee dd{width: 35%;text-align: center;align-self: center;}
#p_guarantee .t_indent{margin: 20px 0 0 0;}

#p_linkbtn a{width: 47%;border: 1px solid #555;}


footer .copy{margin-top: 0;}

@media screen and (max-width: 1000px) {
.inner{padding-left: 20px;padding-right: 20px;}
.support_area > *{padding: 2vw 2vw;}
.support_area > * small{font-size: 2vw;}
.support_area .support_tel{font-size: 3.7vw;;}
.support_area .support_mail{font-size: 3.0vw;}
.inner p br.pc{display: none;}
}

@media screen and (max-width: 768px) {
header{height: 61px;}

.inner{padding: 30px 20px;}
h2 + *{margin-top: 20px;}
h2{font-size: 20px;}
p.note{font-size: 12px;}

.support_area{flex-wrap: wrap;}
.support_area > *{width: 100%;padding: 10px 10px;}
.support_area > * small{font-size: 15px;}
.support_area .support_tel{font-size: 36px;padding-bottom: 5px;}
.support_area .support_mail{font-size: 22px;margin-top: 10px;}

.p_item{flex-wrap: wrap;}
#p_lineup dt{width: 100%;}
#p_lineup dd{width: 100%;margin-top: 20px;text-align: center;}
#p_lineup .t_indent{margin: 10px 0;}

#p_ballpoint dt{width: 100%;}
#p_ballpoint dd{width: 100%;margin-top: 20px;text-align: center;}

#p_torx dt{width: 100%;}
#p_torx dd{width: 100%;margin-top: 20px;text-align: center;}
#p_torx .t_indent{margin: 10px 0 0 0;}

#p_guarantee dt{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#p_guarantee dt p{width: 63%;}
#p_guarantee dt figure{width: 32%;align-self: center;}
#p_guarantee dd{display: none;}
#p_guarantee .t_indent{margin: 10px 0 0 0;width: 100%;}
#p_guarantee .t_indent p{width: 100%;}

#p_linkbtn a{width: auto;margin: 0 auto;}
#p_linkbtn a:nth-of-type(n+2){margin-top: 20px;}

}