/*
Theme Name:資料請求フォーム
Author: ブリヂストンタイヤソリューションジャパン株式会社
Author URI: https://bridgestone-tirematics.com/
*/


@charset "utf-8";
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }

body{
	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bbred{
	border-bottom: #C00000 5px solid;
	line-height: 2;
	    font-weight: bold;
    font-size: 3rem;
}

.tel_tag{
	position: relative;
  display: inline-block;
  margin: 0;
  padding: 8px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 1.8rem;
  background: #D9D9D9;
}

.tel_tag:before{
	content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -30px;
  border: 30px solid transparent;
  border-left: 30px solid #D9D9D9;
}

.tel_tag p{
	margin: 0;
  padding: 0;
}

a.tel{
	font-size: 3rem;
	padding-left: 1em;
	line-height: 1.4;
	position: relative;
	font-weight: bold;
	color: #000;
	margin-left: 0.5em;
	text-decoration: none;
}

a.tel:before{
	font-family: "Font Awesome 5 Free";
    content: '\f879';
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2.4rem;
}

.bgg{
	background-color:#D9D9D9 ;
	padding: 50px;
}

dl.row{
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: 5px;
	padding: 10px 0 0 0;
}
dl.row dt span{
	font-size: 1rem;
	color: #C00000;
}

.form_block{
	background-color: #fff;
	border-radius: 5px;
	padding: 15px;
	margin-right: -15px;
    margin-left: -15px;
}

input[type=checkbox] {
    transform: scale(1.2);
}
.form-check-label{
	font-size: 1.2rem;
}

.wpcf7-list-item {
    display: block!important;
    margin: 0 0 0 1em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;
    background-color: #fff;
    color: #ff0000;
    padding: 15px;
    font-size: 1.2rem;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    padding: 15px;
    background-color: #fff;
    font-size: 1.2rem;
}

@media screen and (max-width:599px) {

.bbred {
    font-size: 2rem;
}
.tel_tag {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.tel_tag:before {
    margin-top: -22px;
    border: 22px solid transparent;
    border-left: 22px solid #D9D9D9;
}
a.tel {
    font-size: 2rem;
    margin-left: 0px;
}
a.tel:before {
    top: 2px;
    font-size: 1.8rem;
}
.bgg {
    padding: 15px;
}
dl.row {
    font-size: 1.2rem;
}

p.h4{font-size: 1.2rem;}

}