@charset "utf-8";
/* CSS Document */

body{
	min-width: 320px;
}

.background {
    background-color: #000000;
    color: #ffffff;
}

.mainview{
	background-image: url(../img/viking-top.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top; 
}

.alpha a:hover img {
	cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

.main-display{
	max-width:960px;
}

@media (min-width: 1366px) and (max-width: 1367px){
	.main-display{
		max-width:100%;
	}
}

.header-icon{
}
	
@media (max-width: 768px){
	.header-icon{
		width: 100%;
		margin-left: -2% !important;
		margin-top: 0.5%;
	}
}

@media (max-width: 425px){
	.header-icon{
		width: 100%;
	}
}

.header-nemu{
}

@media (max-width: 768px){
	.header-nemu{
		width: 100% !important;
		padding: 0;
	}
}

@media (max-width: 425px){
	.header-nemu{
		width: none;
		padding: 0;
	}
}


/*-----------<ヘッダーメニュー>------------*/
.viking-icon{
	width: 124px;
	padding-top: 8px;
	float: left;
	margin-left: 5px;
}

@media (max-width: 1020px) and (min-width: 768px)  {
	.viking-icon{
		vertical-align: text-top;
		margin-left: 5px;
	}	
}

@media (max-width: 768px)  {
	.viking-icon{
		vertical-align: text-top;
		margin-left: 5px;
	}	
}

.all-item{
	width: 300px;
	margin-left: -203px;
	background-color: #454545;
	
}

@media (max-width: 1020px) and (min-width: 768px) {
	.all-item{
		width: 300px;
		margin-left: -203px;
		background-color: #454545;

	}	
}

@media (max-width: 768px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border-color: #e7e7e7;
		float: none;
		font-size: 13px;
	}
}

/*-----------<ヘッダーメニューここまで>------------*/



.viking-text{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}

@media (max-width: 1020px) and (min-width: 768px) {
	.viking-text{
	
	}	
}

.text{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	text-align: center;
	width: 90%;
	margin-bottom: 30%;
}


/*-----------<youtube動画>------------*/
.low-movie{
    margin-top: 63%;
}


.movie-date{
	width: 100%;
}




.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*-----------<youtube動画ここまで>------------*/


/*-----------<お客様に選ばれる理由>------------*/

.reason{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 50px;
}

.category{
    width: 800px;
    text-align: center;
    letter-spacing: 45px;
	margin: 30% 0 30% -4%;
}

@media  (max-width: 768px)  {
	.category{
		width: 90%;
		letter-spacing: 10px;
	}
}

@media  (max-width: 425px)  {
	.category{
		width: 100%;
		margin: 10% -1% 20% -10%;
	}
}

.category li{
	width: 25%;
	margin: 0 auto;
	text-align: left;
	list-style: none;
	display: inline-block;
	
}

@media  (max-width: 425px)  {
	.category li{
		width: 22%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 375px)  {
	.category li{
		width: 40%;
		padding-bottom: 5%;
	}
}
.reason-text01{
	font-size: 100%;
	text-align: center;
}

.reason-text02{
	font-size: 70px;
    font-weight: bold;
	margin-bottom: 20%;
}

@media (min-width: 770px) and  (max-width: 800px)  {
	.reason-text02{
		font-size: 70px;
	}
}

@media (min-width: 376px) and  (max-width: 769px)  {
	.reason-text02{
		font-size: 40px;
	}
}


@media   (min-width: 320px) and (max-width: 375px)  {
	.reason-text02{
		font-size: 30px;
	}
}

@media  (max-width: 320px)  {
	.reason-text02{
		font-size: 30px;
	}
}

.reason-text02 img{
	width: 40%;
    margin-top: -15px;
	
}

@media  (max-width: 769px) {
	.reason-text02 img{
		width: 35%;
		margin-top: -25px;
	}
}

@media  (min-width: 376px) and (max-width: 768px) {
	.reason-text02 img{
		width: 35%;
		margin-top: -18px;
	}
}


@media  (min-width: 320px) and (max-width: 375px) {
	.reason-text02 img{
		width: 40%;
		margin-top: -4%;
	}
}

@media  (max-width: 320px){ 
	.reason-text02 img{
		width: 40%;
		margin-top: -4%;
	}
}


.reason-text03{
	font-size: 250%;
	margin-top: -8px;
}

/*-----------<お客様に選ばれる理由ｌここまで>------------*/


/*------------<実績>------------*/
.performance{
	width: 800px;
	display: inline-block;
    font-size: 48px;
    margin: 0 auto;
    float: left;

}

@media  (max-width: 800px)  {
	.performance{
		width: 100%;
		font-size: 46px;
	}
}

.performance01{
	float: left;
	margin-bottom: 2%;
}

@media  (max-width: 425px)  {
	.performance01 {
		float: none;
	}
}

.performance01 img{
	width:20%;
	float: left;
}


.performance02{
	float: left;
    margin: 30px 10px 10px 10px;
    font-weight: bold;
    font-size: 25px;
    text-align: left;
}

@media  (max-width: 768px)  {
	.performance02 {
		margin: 12px 15px;
		font-size: 85%;
	}
}

@media  (max-width: 425px)  {
	.performance02 {
		font-size: 63%;
		margin: 12px 15px;
		line-height: 35px;
	}
}

@media  (max-width: 375px)  {
	.performance02 {
		font-size: 55%;
		margin: 12px 15px;
		line-height: 32px;
	}
}

@media  (max-width: 320px)  {
	.performance02 {
		font-size: 45%;
		margin: 12px 15px;
		line-height: 25px;
	}
}
.performance03{
	float: left;
	font-size: 55px;
	margin-left: 70px;
	font-weight: bold;
	padding-bottom: 20px;
}

.performance-text01{
	font-size: 18px;
	text-align: left;
    margin: 2%;
	padding: 0 1%;
	line-height: 28px;
}


/*------------<実績ここまで>------------*/

/*------------<開発>------------*/

.development{
	width: 800px;
	display: inline-block;
	font-size: 55px;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.development{
		width: 100%;
	}
}


.development01{
    width: 70%;
    float: left;
    font-size: 48px;
    font-weight: bold;
    margin-top: 8%;
    padding-left: 10px;
    line-height: 48px;
}

@media  (min-width: 741px) and (max-width: 800px)  {
	.development01{
		font-size: 45px;
		margin-top: 9%;
		line-height: 45px;
	}
}

@media  (min-width: 631px) and (max-width: 740px)  {
	.development01{
		font-size: 36px;
		line-height: 40px;
	}
}

@media  (min-width: 551px) and (max-width: 630px)  {
	.development01{
		font-size: 30px;
		line-height: 35px;
	}
}

@media  (min-width: 475px) and (max-width: 550px)  {
	.development01{
		font-size: 28px;
		line-height: 30px;
	}
}


@media  (min-width: 400px) and (max-width: 474px)   {
	.development01 {
		width: 100%;
		font-size: 30px;
		line-height: 30px;
		float: none;
	}
}

@media  (min-width: 320px) and (max-width: 399px)   {
	.development01 {
		width: 100%;
		font-size: 25px;
		line-height: 25px;
		float: none;
		display: table-cell;
	}
}

@media  (max-width: 319px)   {
	.development01 {
		width: 100%;
		font-size: 25px;
		line-height: 25px;
		float: none;
		display: table-cell;
	}
}

.development02{
	margin: 0 auto;
	float: right;
	padding-bottom: 20px;
}

.development03{
	font-size: 60%;
	font-weight: bold;
	
}


.development04{
	width: 25%;
	float: right;
	margin: 2%;
}


@media  (max-width: 474px)  {
	.development04{
		width: 70%;
		float: none;
		margin: 5%;
	}
}


.development05{
	width: 800px;
	padding: 0 3%;
}


@media  (max-width: 768px)  {
	.development05{
		width: 100%;
		margin-left: 5px;
	}
}

.development-text{
    font-size: 18px;
	text-align: left;
    margin: 2%;
	line-height: 28px
}


/*------------<開発ここまで>------------*/

/*------------<歴史>------------*/

.history{
	width: 800px;
	display: inline-block;
	font-size: 18px;
	padding-top: 1%;
    padding-bottom: 10%;
	margin: 0 auto;
}

@media  (max-width: 768px)  {
	.history{
		width: 100%;
	}
}

.history p{
	text-align: left;
    margin: 0 auto;
}

.history01{
	width: 100%;
	display: inline-block;
	float: left;
	padding: 20px;
}

@media  (min-width: 655px) and (max-width: 702px) {
	.history01{
		height: 450px;
	}
}

@media  (min-width: 608px) and (max-width: 654px) {
	.history01{
		height: 475px;
	}
}

@media  (min-width: 426px) and (max-width: 607px) {
	.history01{
		width: 100%;
		height: 285px;
	}
}

@media  (max-width: 425px)  {
	.history01{
		width: 100%;
		height: 360px;
		margin-top: 1%;
	}
}


.history01 img{
	float: left;
	width: 40%;
	margin-right: 2%;
}
	
	
@media  (min-width: 426px) and (max-width: 607px) {
	.history01 img{
		float: left;
		margin-right: 19px;
	}
}
@media  (max-width: 425px)  {
	.history01 img{
		width: 50%;
		padding-bottom: 2%;
	}
}

.history02{
	width: 100%;
	display: inline-block;
	float: left;
	margin-top: 1%;
	padding: 20px;
}

@media  (min-width: 655px) and (max-width: 702px) {
	.history02{
		height: 450px;
	}
}

@media  (min-width: 608px) and (max-width: 654px) {
	.history02{
		height: 475px;
	}
}

@media  (min-width: 426px) and (max-width: 607px) {
	.history02{
		width: 100%;
		height: 285px;
		margin: 1px 0px 0px 0px;
	}
}

@media  (max-width: 425px)  {
	.history02{
		width: 100%;
		height: 360px;
		margin-left: 0;
		margin-top: 1px;
		padding: 20px;
	}
}

.history02 img{
	float: left;
	width: 40%;
	margin-right: 2%;
}

@media  (min-width: 426px) and (max-width: 607px) {
	.history02 img{
		float: left;
		margin-right: 19px;
	}
}

@media  (max-width: 425px)  {
	.history02 img{
		width: 50%;
		padding-bottom: 2%;
	}
}

.history-text01{
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	float: left;
    width: 58%;
    text-align: left;
    margin-top: -3%;
}

.history-text02{
	color: #ffffff;
	font-size: 18px;
    line-height: 28px;
}

/*------------<歴史ここまで>------------*/

/*------------<信頼性>--------------------------*/
.reliability{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin-bottom: 10%;
	margin-top: 20%;
}

@media  (max-width: 800px)  {
	.reliability{
		width: 100%;
	}
}

.reliability01{
	float: none;
    margin: 0 auto;
    display: inline-block;
}

@media  (max-width: 425px)  {
	.reliability01{
		float: none;
	}
}

.reliability01 img{
	width:23%;
	float: left;
}

@media  (max-width: 768px)  {
	.reliability01 img{
		width:20%;
		margin-left: 75px;
	}
}


@media  (max-width: 474px)  {
	.reliability01 img{
		    margin-left: 45px;
	}
}

@media  (max-width: 375px)  {
	.reliability01 img{
		    margin-left: 25px;
	}
}

@media  (max-width: 347px)  {
	.reliability01 img{
		    margin-left: 10px;
	}
}

.reliability02{
	width: 97%;
	float: left;
	margin: 2% 1% 2% 2%;
	text-align: left;
}

@media  (max-width: 768px)  {
	.reliability02{
		margin: 2% 1% 2% 2%;
	}
}

@media  (max-width: 625px)  {
	.reliability02{
		margin: 2% 1% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.reliability02{
		float: none;
		margin: 0 auto;
		padding: 2% 3% 2% 5%;
	}
}

.reliability03{
    width: 45%;
	display: inline-block;
    /*float: right;*/
    margin: 2% 0 10% 2%;
}

@media  (max-width: 625px)  {
	.reliability03{
		width: 94%;
		display: inline-block;
		float: none; 
		margin: 0; 
	}
}


@media  (max-width: 425px)  {
	.reliability03{
		margin: 0 auto;
	}
}


.reliability03 img{
    width: 100%;

}

.reliability-text01{
	float: left;
	margin-bottom: 2%;
	font-size: 18px;
	line-height: 28px;
	margin-top: 1.5%;
}



@media  (max-width: 425px)  {
	.reliability-text01 {
		text-align: left;
	}
}


.viking-tyre-text02{
    margin: 30px 15px 0px 15px;
    font-weight: bold;
    font-size: 50px;
}

@media   (max-width: 655px) {
	.viking-tyre-text02{
		font-size: 35px;
	}
}

@media   (max-width: 524px) {
	.viking-tyre-text02{
		font-size: 30px;
	}
}


@media   (max-width: 409px) {
	.viking-tyre-text02{
		font-size: 22px;
	}
}

.viking-tyre-text02 img{
	margin-top: -30px;
    width: 35%;
}

@media   (max-width: 419px) {
	.viking-tyre-text02 img{
		margin-top: -10px;
		width: 35%;
	}
}


.reliability-text02{
	float: left;
    font-size: 95%;
    font-weight: bold;
    margin: 4.5% 2% 0 1.5%;
}

@media  (min-width: 608px) and (max-width: 768px) {
	.reliability-text02 {
		margin: 30px 2%;
		font-size: 75%;
	}
}

@media  (min-width: 426px) and (max-width: 607px) {
	.reliability-text02 {
		font-size: 60%;
		margin: 32px 2%;
		line-height: 35px;
	}
}

@media  (min-width: 376px) and (max-width: 425px) {
	.reliability-text02 {
		font-size: 55%;
		margin: 25px 2%;
		line-height: 35px;
	}
}

@media  (min-width: 348px) and (max-width: 375px) {
	.reliability-text02 {
		font-size: 50%;
		margin: 20px 2%;
		line-height: 32px;
	}
}

@media  (min-width: 320px) and (max-width: 347px) {
	.reliability-text02 {
		width: 70%;
		font-size: 45%;
		margin: 22px 0px;
		line-height: 25px;
		text-align: center;
	}
}

@media  (max-width: 320px) {
	.reliability-text02 {
		width: 70%;
		font-size: 45%;
		margin: 19px 0px;
		line-height: 25px;
		text-align: center;
	}
}

/*------------<信頼性ここまで>--------------------------*/

/*------------<評価>--------------------------*/
.evaluation{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.evaluation{
		width: 100%;
	}
}

.evaluation01{
	float: left;
	margin: 0 auto;
}

@media  (max-width: 425px)  {
	.evaluation01{
		float: none;
	}
}

.evaluation02{
	width: 100%;
	float: left;
	margin: 2% 0 2% 0;
	text-align: left;
}

@media  (max-width: 768px)  {
	.evaluation02{
		width: 98%;
		margin: 2% 2% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.evaluation02{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 3% 10% 5%;
	}
}

.evaluation-text01{
	float: left;
	margin-bottom: 10%;
	font-size: 18px;
	line-height: 28px;
}

@media  (max-width: 425px)  {
	.evaluation-text01 {
		float: none;
		text-align: left;
	}
}

.evaluation-text02{
	float: left;
    font-size: 100%;
    margin: 10px 15px;
    font-weight: bold;
    text-align: left;
    line-height: 54px;
}

@media  (max-width: 768px) {
	.evaluation-text02 {
		margin: 12px 15px;
		font-size: 90%;
	}
}

@media  (max-width: 701px) {
	.evaluation-text02 {
		margin: 12px 15px;
		font-size: 80%;
	}
}

@media  (max-width: 627px) {
	.evaluation-text02 {
		margin: 12px 15px;
		font-size: 70%;
	}
}

@media  (max-width: 552px) {
	.evaluation-text02 {
		margin: 12px 15px;
		font-size: 60%;
	}
}

@media  (max-width: 477px) {
	.evaluation-text02 {
		margin: 12px 15px;
		font-size: 50%;
	}
}

@media  (max-width: 425px) {
	.evaluation-text02 {
		font-size: 50%;
		margin: 12px 15px;
		line-height: 35px;
	}
}

@media  (max-width: 375px) {
	.evaluation-text02 {
		font-size: 45%;
		margin: 12px 15px;
		line-height: 32px;
	}
}

@media  (max-width: 320px) {
	.evaluation-text02 {
		width: 100%;
		font-size: 38%;
		margin: 10px 0;
		line-height: 25px;
		text-align: left;
		padding: 0 4%;
	}
}


/*------------<評価ここまで>--------------------------*/

/*------------<技術>--------------------------*/
.technology{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin-bottom: 5%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.technology{
		width: 100%;
		margin-bottom: 10%;
	}
}

.technology01{
	float: none;
    margin: 0 auto;
    display: inline-block;
}


.technology01 img{
	width:20%;
	float: left;
}

@media  (max-width: 768px)  {
	.technology01 img{
		width:20%;
		margin-left: 75px;
	}
}


@media  (max-width: 474px)  {
	.technology01 img{
		    margin-left: 15px;
	}
}

@media  (max-width: 375px)  {
	.technology01 img{
		    margin-left: 25px;
	}
}

@media  (max-width: 347px)  {
	.technology01 img{
		    margin-left: 10px;
	}
}

.technology02{
	width: 70%;
    float: left;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

@media  (min-width: 744px)  and (max-width: 800px){
	.technology02 {
		width: 75%;
		font-size: 80%;
		margin-top: -2%;
	}
}

@media  (min-width: 625px)  and (max-width: 743px){
	.technology02 {
		width: 75%;
		font-size: 70%;
		margin-top: -1%;
	}
}

@media  (min-width: 538px)  and (max-width: 624px){
	.technology02 {
		    width: 75%;
		font-size: 60%;
		margin-top: 0%;
	}
}

@media  (min-width: 448px)  and (max-width: 537px){
	.technology02 {
		width: 75%;
		font-size: 50%;
		margin-top: 1%;
	}
}

@media  (min-width: 359px) and (max-width: 447px) {
	.technology02 {
		width: 75%;
		font-size: 40%;
		margin-top: 1%;
	}
}

@media  (min-width: 320px) and (max-width: 358px){
	.technology02 {
		width: 75%;
		font-size: 30%;
		margin-top: 1%;
	}
}


@media  (max-width: 320px){
	.technology02 {
		font-size: 15px;
		width: 70%;
	}
}

.technology02 img{
    width: 22%;
	margin-top: -2%;
    margin-left: 1%;
    margin-right: 0.5%;
	
}

@media  (max-width: 425px)  {
	.technology02 img{
		width: 30%;
		margin-top: -3%;
	}
}

.technology03{
    width: 28%;
	float: left;
    margin-top: -3%;
}

@media  (min-width: 597px)  and (max-width: 800px){
	.technology03{
		width: 25%;
		margin-top: -4%;
	}
}

@media  (min-width: 426px)  and (max-width: 596px){
	.technology03{
		width: 25%;
		margin-top: -2%;
	}
}

@media  (min-width: 376px)  and (max-width: 425px){
	.technology03{
		width: 25%;
		margin-top: 1%;
	}
}

@media  (min-width: 359px)  and (max-width: 375px){
	.technology03{
		width: 25%;
		margin-top: 8%;
	}
}

@media  (min-width: 321px)  and (max-width: 358px){
	.technology03{
		width: 25%;
		margin-top: 5%;
	}
}

@media  (max-width: 320px){
	.technology03{
		width: 25%;
		float: left;
		margin-top: 5%;
		margin-left: 2%;
	}
}

.technology03 img{
	width: 100%;
}

@media  (max-width: 425px)  {
	.technology03 img{
		width: 100%;
		margin-top: -20%;
	}
}


@media  (max-width: 320px)  {
	.technology03 img{
	}
}

.technology-text01{
    width: 100%;
	float: left;
    margin-left: 2%;
}


@media  (max-width: 375px)  {
	.technology-text01{
		font-size: 100%;
		margin-top: 2%;
		
	}
}


/*------------<技術ここまで>--------------------------*/

/*------------<タイヤ説明①>--------------------------*/
.rib-pattern{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	margin-bottom: 10%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.rib-pattern{
		width: 100%;
	}
}

.rib-pattern01{
	display: block;
    float: left;
	margin: 0 auto;
}

@media  (max-width: 471px)  {
	.rib-pattern01{
		margin: 5px -15px;
	}
}

@media  (max-width: 398px)  {
	.rib-pattern01{
		margin: 2px -20px;
	}
}

@media  (max-width: 347px)  {
	.rib-pattern01{
		margin: 0 auto;
		float: none;
	}
}


.rib-pattern01 img{
	width: 75%;
}

@media  (max-width: 481px)  {
	.rib-pattern01 img{
		width: 50%;
	}
}

@media  (max-width: 347px)  {
	.rib-pattern01 img{
		width: 100px;
	}
}

.rib-pattern02{
	margin-top: 20px;
    padding-bottom: 50px;
    font-size: 85%;
    font-weight: bold;
    float: left;
}

@media  (max-width: 768px)  {
	.rib-pattern02{
		font-size: 75%;
	    margin-top: 1.5%;
	}
}

@media  (max-width: 471px)  {
	.rib-pattern02{
		font-size: 70%;
	}
}


@media  (max-width: 408px)  {
	.rib-pattern02{
		font-size: 60%;
	}
}

@media  (max-width: 398px)  {
	.rib-pattern02{
		font-size: 60%;
	}
}


@media  (max-width: 355px)  {
	.rib-pattern02{
		font-size: 55%;
	}
}
@media  (max-width: 320px)  {
	.rib-pattern02{
		margin-top: 8%;
		font-size: 50%;
	}
}



.rib-pattern02b{
	margin-top: 20px;
    padding-bottom: 50px;
    font-size: 85%;
    font-weight: bold;
    float: left;
}

@media  (max-width: 630px)  {
	.rib-pattern02b{
		font-size: 75%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 557px)  {
	.rib-pattern02b{
		font-size: 60%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 500px)  {
	.rib-pattern02b{
		font-size: 55%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 471px)  {
	.rib-pattern02b{
		font-size: 50%;
		margin-top: 6%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 412px)  {
	.rib-pattern02b{
		font-size: 45%;
		margin-top: 7%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 373px)  {
	.rib-pattern02b{
		font-size: 35%;
		margin-top: 8%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 345px)  {
	.rib-pattern02b{
		font-size: 50%;
		margin-top: 8%;
		padding-bottom: 5%;
	}
}

.rib-pattern02c{
	margin-top: 20px;
    padding-bottom: 50px;
    font-size: 85%;
    font-weight: bold;
    float: left;
}

@media  (max-width: 666px)  {
	.rib-pattern02c{
		font-size: 70%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 593px)  {
	.rib-pattern02c{
		font-size: 60%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 531px)  {
	.rib-pattern02c{
		font-size: 50%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 439px)  {
	.rib-pattern02c{
		font-size: 40%;
		margin-top: 6%;
		padding-bottom: 5%;
	}
}



@media  (max-width: 373px)  {
	.rib-pattern02c{
		font-size: 45%;
		margin-top: 8%;
		padding-bottom: 5%;
	}
}

@media  (max-width: 345px)  {
	.rib-pattern02c{
		font-size: 45%;
		margin-top: 8%;
		padding-bottom: 5%;
	}
}


.rib-pattern03{
	font-size: 18px;
    text-align: left;
    margin: 3%;
    line-height: 28px;
}


.rib-pattern04{
	width: 100%;
}

@media  (max-width: 768px)  {
	.rib-pattern04{
		width: 98%;
		margin: 2%;
	}
}

.rib-pattern04 img{
	width: 50%;
}

.rib-pattern05{
	font-size: 59%;
    font-weight: bold;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 20%;
	color: #f5d651;
    float: left;
}

@media  (max-width: 631px)  {
	.rib-pattern05{
		font-size: 49%;
	}
}

@media  (max-width: 525px)  {
	.rib-pattern05{
		font-size: 43%;
		margin-top: 5%;
	}
}

@media  (max-width: 473px)  {
	.rib-pattern05{
		font-size: 39%;
		margin-top: 5%;
	}
}

@media  (max-width: 420px)  {
	.rib-pattern05{
		font-size: 33%;
		margin-top: 6%;
	}
}


@media  (max-width: 377px)  {
	.rib-pattern05{
		font-size: 25%;
		margin-top: 5.5%;
	}
}

.rib-pattern06{
	font-size: 60%;
    font-weight: bold;
    text-align: left;
    margin-top: 52px;
	margin-bottom: 20%;
    color: #f5d651;
    float: left;
}

@media  (max-width: 641px)  {
	.rib-pattern06{
		font-size: 50%;
		margin-top: 8.5%;
		margin-bottom: 20%;
	}
}

@media  (max-width: 535px)  {
	.rib-pattern06{
		font-size: 38%;
		margin-top: 8%;
	}
}

@media  (max-width: 425px)  {
	.rib-pattern06{
		font-size: 32%;
		margin-top: 9%;
	}
}

@media  (max-width: 373px)  {
	.rib-pattern06{
		font-size: 32%;
		margin-top: 8.5%;
		margin-bottom: 20%;
	}
}

@media  (max-width: 347px)  {
	.rib-pattern06{
		font-size: 28%;
	}
}



.rib-pattern07{
	width: 100%;
}

@media  (max-width: 768px)  {
	.rib-pattern07{
		width: 98%;
		margin: 2%;
	}
}

.rib-pattern07 img{
	width: 100%;
}

.rib-pattern08{
	font-size: 55%;
    font-weight: bold;
    text-align: left;
    margin-top: 8%;
	color: #f5d651;
	float:left;
}

@media  (max-width: 768px)  {
	.rib-pattern08{
		width: 50%;
		margin-top: 5%;
		margin-left: 2%;
		font-size: 60%;
	}
}

@media  (max-width: 633px)  {
	.rib-pattern08{
		width: 60%;
		margin-top: 6%;
		margin-left: 2%;
		font-size: 50%;
	}
}

@media  (max-width: 471px)  {
	.rib-pattern08{
		width: 65%;
		margin-top: 7%;
		margin-left: 2%;
		font-size: 40%;
	}
}


@media  (max-width: 431px)  {
	.rib-pattern08{
		width: 65%;
		margin-top: 4.5%;
		margin-left: 2%;
		font-size: 35%;
	}
}

@media  (max-width: 363px)  {
	.rib-pattern08{
		width: 65%;
		margin-top: 4%;
		margin-left: 2%;
		font-size: 32%;
	}
}


.effect {
    display: block;
    float: left;
    width: 20%;
    text-align: right;
    padding: 5% 0;
}

@media  (max-width: 768px)  {
	.effect {
		margin-left: 7%;
	}
}


.effect img {
    width: 100%;
}


/*------------<タイヤ説明ここまで①>--------------------------*/

/*------------<結論>--------------------------*/
.conclusion{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.conclusion{
		width: 100%;

	}
}

.conclusion01{
	width: 100%;
	float: left;
	margin: 2% 0 2% 0;
	text-align: left;
}

@media  (max-width: 768px)  {
	.conclusion01{
		width: 98%;
		margin: 2% 2% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.conclusion01{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 3% 2% 5%;
	}
}

.conclusion-text01{
	float: left;
	margin-bottom: 2%;
	font-size: 18px;
	text-align: left;

}

@media  (max-width: 425px)  {
	.conclusion-text01 {
		float: none;
	}
}

.conclusion-text02{
	width: 100%;
    margin: 10% 0 2% 0;
	float: left;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

@media  (max-width: 768px) {
	.conclusion-text02 {
		margin: 12px 15px;
	}
}

@media  (max-width: 623px) {
	.conclusion-text02 {
		margin:0;
		font-size: 40px;
		line-height: 45px;
	}
}


@media  (max-width: 519px) {
	.conclusion-text02 {
		font-size: 35px;
		line-height: 40px;
	}
}

@media  (max-width: 519px) {
	.conclusion-text02 {
		margin:0;
		font-size: 30px;
		line-height: 35px;
		margin-top: 30px;
	}
}


@media  (max-width: 389px) {
	.conclusion-text02 {
		font-size: 25px;
		line-height: 30px;
	}
}

@media  (max-width: 375px) {
	.conclusion-text02 {
		font-size: 55%;
		line-height: 32px;
	}
}

@media  (max-width: 343px) {
	.conclusion-text02 {
		font-size: 45%;
		line-height: 25px;
	}
}

/*------------<結論ここまで>--------------------------*/

/*------------<お客様の声>--------------------------*/
.customer{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.customer{
		width: 100%;

	}
}

.customer01{
	width: 100%;
	float: left;
	margin: 0 0 2% 0;
	text-align: left;
}

@media  (max-width: 768px)  {
	.customer01{
		width: 98%;
		margin: 2% 2% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.customer01{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 3% 2% 5%;
	}
}

.customer02{
	display: inline-block;
	float: left;
	width: 62%;
}

.customer02 img{
	width: 100%;
}

.customer03{
	display: inline-block;
	float: right;
	width: 35%;
}

.customer03 img{
	width: 100%;
}

.customer04{
	display: inline-block;
}

.customer-text01{
	float: left;
	margin-bottom: 2%;
	font-size: 18px;
	line-height: 28px;
	text-align: left;

}

@media  (max-width: 425px)  {
	.customer-text01 {
		float: none;
	}
}

.customer-text02{
	width: 100%;
    margin: 10% 0 2% 0;
	float: left;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

@media  (max-width: 768px) {
	.customer-text02 {
		margin: 12px 15px;
	}
}

@media  (max-width: 425px) {
	.customer-text02 {
		font-size: 63%;
		margin: 12px 15px;
		line-height: 35px;
	}
}

@media  (max-width: 375px) {
	.customer-text02 {
		font-size: 55%;
		margin: 12px 15px;
		line-height: 32px;
	}
}

@media  (max-width: 320px) {
	.customer-text02 {
		font-size: 45%;
		margin: 12px 15px;
		line-height: 25px;
	}
}

/*------------<お客様の声ここまで>--------------------------*/

/*------------<citytech>--------------------------*/
.citytech{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.citytech{
		width: 100%;

	}
}

.citytech img{
	width: 100%;
	margin-top: 5%;
}

.citytech01{
	width: 35%;
    float: left;
    margin: 2% 0 2% 0;
    text-align: left;
}

@media  (max-width: 768px)  {
	.citytech01{
		width: 30%;
		margin: 2% 2% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.citytech01{
		width: 40%;
		margin: 0 auto;
		padding: 0% 3% 2% 4%;
	}
}

.citytech02{
    width: 65%;
	display: inline-block;
    float: left;
}

@media  (max-width: 425px)  {
	.citytech02{
		width: 55%;
	}
}

.citytech03{
    width: 100%;
	display: inline-block;
}


.citytech04{
	display: inline-block;
    width: 80%;
    margin-bottom: 15%;
}

.citytech-text{
	width: 100%;
    margin: 10% 0 2% 0;
	float: left;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

@media  (max-width: 768px) {
	.citytech-text {
		margin: 12px 15px;
	}
}

@media  (max-width: 425px) {
	.citytech-text {
		font-size: 63%;
		margin: 12px 15px;
		line-height: 35px;
	}
}

@media  (max-width: 375px) {
	.citytech-text {
		font-size: 55%;
		margin: 12px 15px;
		line-height: 32px;
	}
}

@media  (max-width: 320px) {
	.citytech-text {
		font-size: 45%;
		margin: 12px 15px;
		line-height: 25px;
	}
}

.citytech-text01{
    font-size: 65%;
    text-align: left;
    font-weight: bold;
	margin: 3%;
}

@media  (max-width: 768px)  {
	.citytech-text01 {
	}
}

@media  (max-width: 425px)  {
	.citytech-text01 {
		float: none;
		font-size: 40%;
	}
}

.citytech-text02{
	font-size: 18px;
    text-align: left;
    margin-bottom: 5%;
	margin-left: 3%;
	line-height: 28px;
}

@media  (max-width: 768px) {
	.citytech-text02 {
		margin: 3%;
	}
}



/*------------<citytechここまで>--------------------------*/

/*------------<protechhp>--------------------------*/
.protechhp{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.protechhp{
		width: 100%;

	}
}

.protechhp img{
	width: 100%;
	margin-top: 5%;
}

.protechhp01{
	width: 35%;
    float: left;
    margin: 2% 0 2% 0;
    text-align: left;
}

@media  (max-width: 768px)  {
	.protechhp01{
		width: 30%;
		margin: 2% 2% 2% 2%;
	}
}

@media  (max-width: 425px)  {
	.protechhp01{
		width: 40%;
		margin: 0 auto;
		padding: 0% 3% 2% 4%;
	}
}

.protechhp02{
    width: 65%;
	display: inline-block;
    float: left;
}

@media  (max-width: 425px)  {
	.protechhp02{
		width: 55%;
	}
}

.protechhp03{
    width: 100%;
	display: inline-block;
}


.protechhp04{
	display: inline-block;
    width: 80%;
    margin-bottom: 15%;
}

.protechhp-text{
	width: 100%;
    margin: 10% 0 2% 0;
	float: left;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

@media  (max-width: 768px) {
	.protechhp-text {
		margin: 12px 15px;
	}
}

@media  (max-width: 425px) {
	.protechhp-text {
		font-size: 63%;
		margin: 12px 15px;
		line-height: 35px;
	}
}

@media  (max-width: 375px) {
	.protechhp-text {
		font-size: 55%;
		margin: 12px 15px;
		line-height: 32px;
	}
}

@media  (max-width: 320px) {
	.protechhp-text {
		font-size: 45%;
		margin: 12px 15px;
		line-height: 25px;
	}
}

.protechhp-text01{
    font-size: 65%;
    text-align: left;
    font-weight: bold;
	margin: 3%;
}

@media  (max-width: 768px)  {
	.protechhp-text01 {
	}
}

@media  (max-width: 425px)  {
	.protechhp-text01 {
		float: none;
		font-size: 40%;
	}
}

.protechhp-text02{
	font-size: 18px;
    text-align: left;
    margin-bottom: 5%;
	margin-left: 3%;
	line-height: 28px;
}

@media  (max-width: 768px) {
	.protechhp-text02 {
		margin: 3%;
	}
}


/*------------<citytechここまで>--------------------------*/

/*------------<サイズ表>--------------------------*/
.size{
	margin-bottom:10%;
	margin-top: 65%;
}


.size table{
	width: 95%;
	border-collapse: unset;
	background-color: #ffffff;
	border-spacing: 3px;
}

.size td{
	background-color: #000000;
	padding: 2%;
	font-size: 15px;
}



/*------------<サイズ表ここまで>--------------------------*/


/*------------<メールフォーム>--------------------------*/
.must {
    display: block;
    background-color: #E4A60C !important;
    border: solid 2px #E4A60C !important;
    text-shadow: none;
    padding: 2px 5px;
    font-size: 10px;
    color: #000000 !important;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC;
    background-image: url(_images/mfp_header.png);
    background-size: 100% 100%;
}

.select{
	color:#000000 !important;
}


#privacyText {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 30px;
    height: 200px;
    overflow-y: scroll;
	color:#000000;
}

#privacyText .title {
    font-weight: bold;
    font-size: 16px;
}

#privacyText .subSection .hd {
    position: relative;
    padding-left: 16px;
    margin-bottom: 5px;
    font-weight: bold;
	font-size:20px;
}

/*------------<メールフォームここまで>--------------------------*/


/*------------<店舗一覧>--------------------------*/

.shops01{
	width: 100%;
    display: inline-block;
    font-size: 48px;
    margin: 0 auto;
}

.shops02{
	float: left;
    font-weight: bold;
    text-align: left;
    width: 100%;
	margin-left: 15px;
    margin-top: 30px;
}

.shops03{
	float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

@media  (max-width: 461px)  {
	.shops03{
		font-size: 30px;
	}
}

.shop{
	display: flex;
    flex-wrap: wrap;
	width: 32%;
    float: left;
}

@media  (max-width: 789px)  {
	.shop{
		width: 47%;
		margin-right: 2%;
	}
}

@media  (max-width: 512px)  {
	.shop{
		width: 100%;
		margin-right: 0;
	}
}

.shop dl{
	width: 100%;
}

.shop dt{
	background: #dc0012;
    display: flex;
    padding: 8px;
    line-height: 1.2;
    font-family: 'NotoSansCJKjp-Medium', sans-serif;
}

.shop dd{
	
}

.shop img{
	width:100%;
}
	
.pref {
	border-right: 2px solid #ffffff;
    padding-right: 10px;
}

.name {
	padding-left: 10px;
    font-weight: bold;
    flex: 1;
	text-align: left;
}

.links{
	background: #dc0012;
    display: flex;
    padding: 8px;
    line-height: 3;
    font-family: 'NotoSansCJKjp-Medium', sans-serif;
	font-size:18px;
    border-radius: 5px;
}

.links a{
	text-align: center;
    width: 100%;
    padding: 2% 0;
}


.links a:hover{
	color:#ffffff;
}

.links02{
	background: #dc0012;
    display: flex;
    padding: 8px;
    line-height: 3;
    font-family: 'NotoSansCJKjp-Medium', sans-serif;
	margin-bottom: 20%;
    border-radius: 5px;
	font-weight: bold;
	font-size: 30px;
}


@media  (max-width: 746px)  {
	.links02{
		font-size: 25px;
	}
}

@media  (max-width: 746px)  {
	.links02{
		font-size: 18px;
	}
}

@media  (max-width: 473px)  {
	.links02{
		font-size: 15px;
		padding: 22px;
	}
}




.links02 a{
	text-align: center;
    width: 100%;
    padding: 2% 0;
}


.links02 a:hover{
	color:#ffffff;
}


@media  (max-width: 424px)  {
	.links02 a{
		width: 70%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}

@media  (max-width: 416px)  {
	.links02 a{
		width: 74%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}

@media  (max-width: 398px)  {
	.links02 a{
		width: 78%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}

@media  (max-width: 381px)  {
	.links02 a{
		width: 83%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}


@media  (max-width: 363px)  {
	.links02 a{
		width: 88%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}


@media  (max-width: 346px)  {
	.links02 a{
		width: 93%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}

@media  (max-width: 332px)  {
	.links02 a{
		width: 98%;
		text-align: center;
		padding: 2% 0;
		margin: 0 auto;
	}
}

.shop-text01{
	font-size: 16px;
    text-align: left;
    margin: 5% 0% 5% 0%;
	height: 150px;
}

.shop-left{
	margin-left:1%;
}

@media  (max-width: 746px)  {
	.shop-left{
		margin-left:0;
	}
}

.chukyo{
	text-align: left;
    font-size: 20px;
    font-weight: bold;
}

/*------------<店舗一覧ここまで>--------------------------*/

/*------------<コンチ>--------------------------*/

.conti{
	width: 800px;
	display: inline-block;
	font-size: 48px;
	padding-top: 1%;
	margin: 0 auto;
}

@media  (max-width: 800px)  {
	.conti{
		width: 100%;

	}
}

@media  (max-width: 800px)  {
	.conti{
		width: 100%;

	}
}

@media  (max-width: 671px)  {
	.conti{
		width: 100%;
		font-size: 36px;
		padding: 0 3%;
	}
}


.conti-text01{
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	float: left;
    width: 58%;
    text-align: left;
    margin-top: -7%;
}

@media  (max-width: 671px)  {
	.conti-text01{
		margin-top: 3%;
		width: 100%;
		font-size:25px;
	}
}

@media  (max-width: 383px)  {
	.conti-text01{
		margin-top: 3%;
		width: 100%;
		font-size:21px;
	}
}

@media  (max-width: 323px)  {
	.conti-text01{
		margin-top: 3%;
		width: 100%;
		font-size:20px;
	}
}

.conti-text02{
	width: 100%;
    margin: 10% 0 2% 0;
	float: left;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

@media  (max-width: 671px)  {
	.conti-text02{
		margin-top: 3%;
		width: 100%;
		font-size:80%;
	}
}


@media  (max-width: 536px)  {
	.conti-text02{
		font-size:80%;
	}
}


@media  (max-width: 428px)  {
	.conti-text02{
		font-size:70%;
	}
}


@media  (max-width: 375px)  {
	.conti-text02{
		font-size:60%;
	}
}


@media  (max-width: 321px)  {
	.conti-text02{
		font-size:50%;
	}
}

.conti-text03{
	color: #ffffff;
	font-size: 18px;
    line-height: 28px;
}

.conti01{
	margin-bottom: 50px;
}


.conti01 p{
	text-align: left;
    margin: 0 auto;
    line-height: 20px;
    margin-top: -55px !important;
}

.conti01 img{
	float: left;
	width: 40%;
	margin-right: 2%;
}

@media  (max-width: 671px) {
	.conti01 img{
		width: 100%;
	}
}



/*------------<コンチここまで>--------------------------*/


.tyre-text{
	text-align: left;
    font-size: 30px;
    font-weight: bold;
    margin: 2% 4%;
}

@media  (max-width: 625px) {
	.tyre-text{
		font-size: 25px;
		margin: 2% 6%;
	}
}

@media  (max-width: 425px) {
	.tyre-text{
		font-size: 20px;
		margin: 2% 6%;
	}
}

/*------------<安心ここまで>--------------------------*/
.safety{
    width: 800px;
    display: inline-block;
    font-size: 48px;
    padding-top: 1%;
    margin-bottom: 10%;
    margin-top: 10%;
}

@media  (max-width: 800px)  {
	.safety{
		width: 100%;
	}
}

.safety01{
	float: none;
    margin: 0 auto;
    display: inline-block;
}

@media  (max-width: 425px)  {
	.safety01{
		float: none;
	}
}

.safety01 img{
	width:23%;
	float: left;
}

@media  (max-width: 768px)  {
	.safety01 img{
		width:20%;
		margin-left: 75px;
	}
}


@media  (max-width: 474px)  {
	.safety01 img{
		    margin-left: 45px;
	}
}

@media  (max-width: 375px)  {
	.safety01 img{
		    margin-left: 25px;
	}
}

@media  (max-width: 347px)  {
	.safety01 img{
		    margin-left: 10px;
	}
}

.safety02{
	width: 96%;
	float: left;
	margin: 2%;
	text-align: left;
}

@media  (max-width: 768px)  {
	.safety02{
		margin: 2% 1% 2% 2%;
	}
}


@media  (max-width: 425px)  {
	.safety02{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 3% 2% 5%;
	}
}


.safety03{
	width: 96%;
	float: left;
	margin: 2%;
	text-align: left;
}

@media  (max-width: 768px)  {
	.safety03{
		margin: 2% 1% 2% 2%;
	}
}


@media  (max-width: 425px)  {
	.safety03{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 3% 2% 5%;
	}
}

.safety03 img{
	width: 48%;
    float: left;
    margin: 1%;
}

@media  (max-width: 474px)  {
	.safety03 img{
		width: 100%;
		float: left;
		margin: 0;
		padding: 2% 3%;
	}
}


.safety-text01 {
    float: left;
	margin-top: 2%;
    margin-bottom: 2%;
    font-size: 18px;
	line-height: 28px;
}

.safety-text02 {
	width: 100%;
    float: left;
    font-size: 95%;
    font-weight: bold;
    margin: 4.5% 2% 0 1.5%;
    text-align: left;
}

@media  (max-width: 756px)  {
	.safety-text02 {
		font-size: 85%;
	}
}

@media  (max-width: 676px)  {
	.safety-text02 {
		font-size: 75%;
	}
}

@media  (max-width: 596px)  {
	.safety-text02 {
		font-size: 65%;
	}
}

@media  (max-width: 517px)  {
	.safety-text02 {
		font-size: 55%;
	}
}

@media  (max-width: 437px)  {
	.safety-text02 {
		font-size: 45%;
	}
}

@media  (max-width: 425px)  {
	.safety-text02 {
		font-size: 45%;
		margin: 1% 5%;
	}
}

@media  (max-width: 383px)  {
	.safety-text02 {
		font-size: 40%;
		margin: 1% 5%;
	}
}

@media  (max-width: 341px)  {
	.safety-text02 {
		font-size: 35%;
		margin: 1% 5%;
	}
}

.safety-text03{
	float: left;
    font-size: 95%;
    font-weight: bold;
    margin: 4.5% 2% 0 1.5%;
}

@media  (min-width: 608px) and (max-width: 768px) {
	.safety-text03{
		margin: 30px 2%;
		font-size: 79%;
	}
}

@media  (min-width: 426px) and (max-width: 607px) {
	.safety-text03{
		font-size: 63%;
		margin: 32px 2%;
		line-height: 35px;
	}
}

@media  (min-width: 376px) and (max-width: 425px) {
	.safety-text03{
		font-size: 58%;
		margin: 25px 2%;
		line-height: 35px;
	}
}

@media  (min-width: 348px) and (max-width: 375px) {
	.safety-text03{
		font-size: 55%;
		margin: 20px 2%;
		line-height: 32px;
	}
}

@media  (min-width: 320px) and (max-width: 347px) {
	.safety-text03{
		width: 60%;
		font-size: 45%;
		margin: 22px 0px;
		line-height: 25px;
		text-align: center;
	}
}

@media  (max-width: 320px) {
	.safety-text03{
		width: 63%;
		font-size: 45%;
		margin: 19px 0px;
		line-height: 25px;
		text-align: center;
	}
}


/*------------<安心ここまで>--------------------------*/