@charset "UTF-8";

/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
@media screen and (min-width:576px) and ( max-width:991px) {
	.container {
		width: 96%;
	}

/*------------------------------------*/
}





@media (max-width: 1199px) {
	#wrap_topabout .txt {
		padding-left: 0;
	}
	#top_cashback .wrap {
		padding: 30px;
	}
	#top_cashback h3 {
		font-size: 34px;
	}
	#top_cashback .morebtn {
		width: 24%;
	}
	#top_cashback .txt {
		padding-left: 20px;
		padding-right: 20px;
		width: 65%;
	}
	#top_cashback .morebtn .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	section#contact .container {
		width: 100%;
	}
	
	section#contact #toplinebox .txtbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	section#contact #toplinebox .qrbox .txt {
		font-size: 22px;
	}
	
	section#contact #toplinebox h3 {
		font-size: 28px;
	}
	section#contact #toplinebox h3 span img {
		width: 40px;
		height: auto;
	}
	
	.svc .boxA .txt {
		padding: 30px 50px 30px 30px;
	}
	.svc .boxB .txt {
		padding: 0 30px 30px 50px;
	}
	.svc .boxA .ph {
	}
	.svc .boxA .txt .inner,
	.svc .boxB .txt .inner {
		width: 100%;
		float: none;
	}
	#primary h2,
	body.single #wrap_works h2 {
		font-size: 2rem;
	}
	
	#wrap_rentacar .boxA .flexbox .txt {
		padding-left: 20px;
	}
	
	#primary h3 {
		font-size: 20px;
	}
	#wrap_loaner .boxB h3 {
		font-size: 1.5rem;
	}
	
	#linecontact {
		width: 80%;
	}
	
/*---1199px---------------------------------*/
}

@media (max-width: 1460px) {

/*------------------------------------*/
}

@media (max-width: 1380px) {
	#pcnavi {
		width: 100%;
	}
	#site-navigation ul.onepress-menu a {
		padding-left: 12px;
		padding-right: 12px;
	}

/*------------------------------------*/
}

@media (max-width: 1140px) {
	.site-brand-inner {
		width: 30%;
	}
	.site-brand-inner img {
		max-width: 320px;
		width: 100%;
		height: auto;
	}
	#h_icon {
		width: 70%;
	}
	#h_icon img {
		height: 44px;
		width: auto;
	}
	
	.site-branding {
		display: block;
		overflow: hidden;
	}
	.site-brand-inner {
		float: left;
	}
	#h_icon {
		float: right;
		
		display: none;
	}
	.site-brand-inner {
		display: block;
	}
	
	#btmbtn {		
		display: block;
		background-color: #2493d9;
		color: #fff;
		position: fixed;
		bottom: 0;
		z-index: 99;
		width: 100%;
		height: auto;
	}
	#btmbtn ul {
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: center;
	}
	#btmbtn ul li {
		list-style-type: none;
		padding: 10px;
		margin: 0;
		width: 33.3%;
		border: 1px solid #fff;
		
		width: 25%;
	}
	#btmbtn ul li.btn3 {
		background-color: #38ae36;
	}
	
	#topwklist .wkwrap .ph img {
		height: 170px;
	}

/*---1140---------------------------------*/
}

@media (max-width: 1000px) {
	.site-brand-inner {
		width: 25%;
	}
	#h_icon {
		width: 75%;
	}
	#h_icon img {
		height: 40px;
	}
	
	#topinfo .inner {
		padding-left: 20px;
	}
	section#contact #toplinebox .qrbox .txt {
		font-size: 20px;
	}

/*------------------------------------*/
}

@media (max-width: 991px) {
	.section-about .row > div {
		margin-top: 0;
	}
	.section-title-area .section-title {
		font-size: 34px;
	}
	
	#wrap_topabout .box.ph {
		width: 40%;
	}
	#wrap_topabout .box.txt {
		width: 60%;
	}
	#wrap_topabout .txt {
		padding: 0;
	}
	
	section#features .feature-item .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	section#service .row {
		max-width: 767px;
		margin: 0 auto;
	}
	section#service .service-image img {
		height: auto;
		width: 100%;
	}
	
	#topnewsarea .waribiki {
		padding-right: 0;
	}	
	
	.svc .boxA,
	.svc .boxB {
		width: 90%;
		margin: 0 auto;
	}
	.svc .boxA,
	.svc .boxB {
		padding-top: 50px;
	}
	.svc .boxA .box,
	.svc .boxB .box {
		width: 100%;
		padding: 0;
	}
	#wrap_bankin #flowbox {
		margin-top: 50px;
	}
	.page-header.page--cover .entry-title,
	body.tax-bodywork .entry-title,
	body.single-c_glass .entry-title,
	body.tax-light .entry-title,
	body.tax-repair .entry-title,
	body.tax-battery .entry-title {
		font-size: 2.5rem;
	}
	
	#flowbox .title,
	#flowbox .txt {
		width: 100%;
		padding: 0;
	}
	#flowbox .title {
		margin-bottom: 20px;
	}
	
	#wrap_rentacar .boxC .flexbox .box {
		padding-right: 20px;
	}
	#wrap_rentacar .boxC .flexbox .box:last-child {
		padding-left: 20px;
	}
	#wrap_rentacar .boxD .flexbox .inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#wrap_worklistbnr ul.wk01 {
		margin-bottom: 10px;
	}
	.entry-content #wrap_worklistbnr ul li {
		padding-left: 5px;
		padding-right: 5px;
		letter-spacing: 0;
	}
	#wrap_worklistbnr ul .inner {
		padding-bottom: 80px;
		padding-top: 80px;
		font-size: 24px;
	}
	.entry-content #wrap_worklistbnr ul li.no3,
	.entry-content #wrap_worklistbnr ul li.no5 {
		letter-spacing: -3px;
	}
	
	#wrap_member .flexbox .box:last-child {
		padding: 0;
	}
	
	.entry-content .listpage ul li {
		width: 33.3%;
	}
	#wrap_works .phlist img {
		height: 150px;
	}
	.entry-content #wrap_works .phlist ul li {
		padding: 0;
		border: 1px solid #fff;
	}

/*---991px---------------------------------*/
}

@media (max-width: 900px) {
	#h_icon img {
		height: 36px;
	}
	
	#top_cashback .wrap {
		display: block;
		overflow: hidden;
		width: 80%;
		margin: 0 auto;
	}
	#top_cashback .td {
		display: block;
	}
	#top_cashback .txt,
	#top_cashback .morebtn {
		width: 100%;
		padding: 0;
	}
	#top_cashback .icon {
		margin-bottom: 20px;
		text-align: center;
	}
	#top_cashback .icon img {
		height: 120px;
		width: auto;
	}
	#top_cashback .txt {
		margin-bottom: 20px;
	}
	#top_cashback h3 {
		font-size: 30px;
		text-align: center;
	}
	#topinfo .inner {
		padding-left: 0;
	}
	
	#topwklist .wkwrap ul li h3 {
		display: none;
	}
	#topwklist .wkwrap .ph {
		margin-bottom: 5px;
	}
	#topwklist .wkwrap .ph img {
		height: 150px;
	}

/*------------------------------------*/
}

@media (max-width: 800px) {
	#h_icon {
		display: none;
	}
	.site-branding {
		display: block;
	}
	#desctxt {
		display: none;
	}
	.site-brand-inner {
		width: auto;
	}
	#linecontact {
		width: 100%;
	}
	#wrap_contact .telbox {
		margin-bottom: 30px;
	}
	#wrap_contact .telbox .inner {
		display: block;
		padding: 20px;
	}
	#wrap_contact .telbox ul li.telnum {
		margin-right: 0;
	}
	.entry-content #wrap_contact .telbox ul li {
		margin: 0;
	}

/*------------------------------------*/
}

@media (max-width: 767px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.scroll .wrap {
	    position: relative;
	    overflow-x: scroll;
    }
	.scroll table {
	    white-space: nowrap;
    }
	
	section#about h2,
	section#service h2,
	section#news .newsbox h2,
	section#contact h2 {
		font-size: 40px;
	}
	#wrap_topabout .box.ph,
	#wrap_topabout .box.txt {
		width: 100%;
		padding: 0;
	}
	#wrap_topabout .ph {
		margin-bottom: 20px;
	}
	
	section#features .feature-item {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	#top_cashback {
		padding-left: 20px;
		padding-right: 20px;
	}
	#top_cashback .wrap {
		width: 100%;
	}
	
	#topnewsarea {
		display: block;
	}
	#topnewsarea .box {
		width: 80%;
		padding: 0;
		margin: 0 auto;
	}
	#topnewsarea .waribiki {
		margin-bottom: 40px;
	}
	
	section#contact .col-sm-6 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	section#contact .container {
		width: 80%;
		margin: 0 auto;
	}
	section#contact .contact-form {
		margin-bottom: 20px;
	}
	#topinfo .inner .txtbox h3 {
		margin-bottom: 20px;
	}
	.section-desc {
		margin-top: 0;
	}
	#topnewsarea .waribiki .txtbox .title .numtxt {
		font-size: 60px;
		font-weight: 600;
	}
	#topnewsarea .waribiki .txtbox .title .sub1 {
		font-size: 18px;
	}
	#topnewsarea .waribiki .txtbox .title .sub2 {
		font-size: 20px;
	}
	
	
	#wrap_rentacar .boxA,
	#wrap_rentacar .boxB,
	#wrap_rentacar .boxC,
	#wrap_rentacar .boxC .hosho,
	#wrap_rentacar .boxD,
	
	#wrap_loaner .boxA {
		margin-bottom: 50px;
	}
	#wrap_rentacar .boxA .flexbox,
	#wrap_rentacar .boxA .flexbox .td {
		display: block;
	}
	#wrap_rentacar .boxA .flexbox .ph,
	#wrap_rentacar .boxA .flexbox .txt {
		width: 100%;
		padding: 0;
	}
	#wrap_rentacar .boxA .flexbox .ph {
		margin-bottom: 20px;
	}	
	#wrap_rentacar .boxC .flexbox .box,
	#wrap_rentacar .boxC .flexbox .box:last-child {
		width: 100%;
		padding: 0;
	}
	#wrap_rentacar h3 {
		padding: 10px;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	.bikoubox01 {
		padding: 20px;
	}
	#wrap_rentacar .boxD .flexbox {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	#wrap_rentacar .boxD .flexbox .box {
		width: 100%;
	}
	#wrap_rentacar .boxD .flexbox .inner {
		padding: 0 0 30px;
	}
	#wrap_rentacar .boxD .flexbox .ph {
		width: 50%;
	}
	.contactbox .sp {
		display: inline-block;
	}
	.contactbox .wrap {
		width: 100%;
		padding: 20px;
	}
	.ihankin {
		padding: 20px 20px 10px;
	}
	
	#wrap_worklistbnr ul .inner {
		padding: 50px 10px;
	}
	
	#wrap_member .flexbox .box,
	#wrap_member .flexbox .box:first-child {
		width: 100%;
		padding: 0;
	}
	
	#wrap_cashback .flexbox {
		margin-bottom: 40px;
	}
	#wrap_cashback .flexbox .txt,
	#wrap_cashback .flexbox .ph {
		width: 100%;
		padding: 0;
	}
	.notebox,
	.howtopay .wrap {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.box_R01,
	.box_L01,
	
	#wrap_loaner .prcbox .price,
	#wrap_loaner .prcbox .ex {
		width: 100%;
		float: none;
	}
	#wrap_loaner .boxB {
		padding: 30px 30px 10px;
	}
	#wrap_loaner .boxB h3 {
		margin-bottom: 30px;
		padding: 20px;
	}
	.morebtn2 .inner {
		font-size: 120%;
	}
	
	#wrap_voice .icon {
		width: 15%;
		padding: 0;
		margin-bottom: 15px;
	}
	#wrap_voice .txt {
		width: 85%;
		padding-left: 20px;
	}
	
	#wrap_privacy .wrap2 ol {
		margin-left: 30px;
		margin-bottom: 0;
	}
	
	.entry-content .listpage ul li {
		width: 50%;
	}
	#wrap_works .phlist img {
		height: 130px;
	}
	#wrap_works .comtxt {
		padding: 20px;
	}
	
	.section-title-area {
		margin-bottom: 30px;
	}
	#topwklist .wkwrap ul li {
		width: 33.3%;
		padding-bottom: 15px;
	}
	#topwklist .wkwrap .ph img {
		height: 200px;
	}
	#topwklist .wkwrap ul li .post-type {
		font-size: 100%;
	}
	#topwklist .wkwrap {
		margin-bottom: 10px;
	}
	
	#bf {
		margin-bottom: 10px;
	}
	#bf .wrap .box:first-child {
		padding-left: 0;
		padding-right: 10px;
	}
	#bf .wrap .box:last-child {
		padding-right: 0;
		padding-left: 10px;
	}

/*---767px---------------------------------*/
}

@media (max-width: 720px) {
	.archive .list-article-thumb {
		width: 25%;
		margin: 0;
		float: left;
		text-align: center;
	}
	.archive .list-article-content {
		float: right;
		width: 73%;
	}

/*------------------------------------*/
}

@media (max-width: 660px) {
	#primary h4 {
		font-size: 1.15rem;
	}
	.hosho table th {
		font-size: 110%;
	}
	.hosho table,
	#wrap_loaner .prcbox .price table,
	table {
		overflow: hidden;
	}
	table th {
		padding-bottom: 0;
	}
	table td {
		padding-top: 0;
	}
	.hosho table th,
	.hosho table td,
	
	#wrap_loaner .prcbox .price table th,
	#wrap_loaner .prcbox .price table td,
	table th,
	table td,
	table.price th,
	table.price td {
		float: left;
		width: 100%;
	}
	.hosho table th {
		padding-bottom: 10px;
	}
	.hosho table td {
		padding-top: 0;
	}
	
	#wrap_worklistbnr ul.wk01 {
		margin-bottom: 0;
	}
	#wrap_worklistbnr ul.wk01 a,
	#wrap_worklistbnr ul.wk02 a {
		width: 100%;
	}
	.entry-content #wrap_worklistbnr ul li {
		margin-top: 10px;
	}
	.entry-content #wrap_worklistbnr ul li.no3,
	.entry-content #wrap_worklistbnr ul li.no5 {
		letter-spacing: 0;
	}
	#wrap_loaner .prcbox .price table th {
		padding-bottom: 5px;
		border-bottom: 1px solid #c6c6c6;
	}
	#wrap_loaner .prcbox .price table td {
		padding-top: 5px;
	}
	#linecontact .txtbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	#linecontact .flow {
		display: flex;
		flex-wrap: wrap;
	}
	#linecontact .flow .box {
		display: block;
		margin: 0;
		width: 33.3%;
		padding-left: 2px;
		padding-right: 2px;
	}

/*---660px---------------------------------*/
}

@media (max-width: 600px) {
	.page-header.page--cover .entry-title,
	body.tax-bodywork .entry-title,
	body.single-c_glass .entry-title,
	body.tax-light .entry-title,
	body.tax-repair .entry-title,
	body.tax-battery .entry-title {
		font-size: 2.3rem;
	}
	
	#primary h2,
	body.single #wrap_works h2,
	#primary #flowbox h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	
	#wrap_rentacar .boxD .flexbox {
		width: 90%;
	}
	.morebtn2 .inner {
		font-size: 120%;
		width: 100%;
	}
	#wrap_rentacar h3 {
		font-size: 20px;
	}
	
	.contactbox .telbox li {
		text-align: left;
	}
	.contactbox .telbox .telnum {
		text-align: center;
		font-size: 150%;
	}
	#primary .contactbox h4 {
		font-size: 20px;
	}
	#primary h3,
	#wrap_loaner .boxB h3 {
		font-size: 1.3rem;
	}
	#wrap_loaner .boxB h3 {
		padding: 10px 20px;
	}
	#linecontact .qrbox .txt {
		font-size: 22px;
	}
	
	#primary .listpage h3 {
		font-size: 100%;
	}
	.entry-content .listpage ul li {
		padding-left: 5px;
		padding-right: 5px;
	}
	#wrap_works .phlist img {
		height: 100px;
	}
	.morebtn .inner {
		display: block;
	}
	
	#topwklist .morebtn {
		padding-left: 20px;
		padding-right: 20px;
	}

/*---600px---------------------------------*/
}

@media (max-width: 575px) {
	section#service .box {
		padding: 0;
	}
	#topnewsarea .box,
	section#contact .container {
		width: 100%;
	}
	section#contact #toplinebox h3 {
		font-size: 24px;
	}
	section#contact #toplinebox h3 span img {
		width: 34px;
	}
	section#features .feature-item h3,
	#topinfo .inner .txtbox h3,
	#top_cashback h3 {
		font-size: 1.3em;
	}
	.section-title-area h2.section-title {
		letter-spacing: 0;
	}
	.section-title-area .section-title {
		font-size: 1.5em;
	}
	section#about h2,
	section#service h2,
	section#news .newsbox h2,
	section#contact h2 {
		font-size: 2em;
	}
	.section-title-area {
		margin-bottom: 30px;
	}
	
	.archive .list-article-thumb,
	.archive .list-article-content {
		float: none;
		width: 100%;
	}
	.section-news .list-article-thumb img,
	.archive .list-article-thumb img,
	.blog .list-article-thumb img {
		max-width: 300px;
	}
	.archive .list-article-thumb {
		margin-bottom: 10px;
	}
	
	#topwklist .wkwrap .ph img {
		height: 130px;
	}

/*---575px---------------------------------*/
}

@media (max-width: 550px) {
	.site-brand-inner {
		width: 50%;
	}
	.section-title-area .section-title {
		font-size: 1.7em;
	}
	section#about h2,
	section#service h2,
	section#news .newsbox h2,
	section#contact h2 {
		font-size: 2.2em;
	}
	.section-about .section-title-area,
	.section-title-area {
		margin-bottom: 20px;
	}
	section#features .feature-item h3,
	#top_cashback h3 {
		font-size: 1.4em;
	}
	section#service .areatxt {
		padding: 40px 30px 30px;
	}
	#wrap_voice .icon,
	#wrap_voice .txt {
		width: 100%;
		padding: 0;
	}

/*------------------------------------*/
}

@media (max-width: 500px) {
	section#features .feature-item .wrap {
	}
	#flowbox {
		padding: 50px 0;
	}
	#flowbox .inner {
		padding: 25px;
	}
	
	table {
		overflow: hidden;
	}
	table.price th,
	table.price td {
		float: left;
		width: 100%;
	}
	table.price th {
		padding-bottom: 0;
	}
	table.price td {
		padding-top: 0;
	}
	.bikoubox01 {
		padding-left: 20px;
		padding-right: 20px;
	}
	#flowbox .bikou {
		padding: 20px;
	}
	#wrap_rentacar .boxD .flexbox {
		width: 100%;
	}
	
	#topwklist .wkwrap ul li {
		width: 50%;
	}
	#topwklist .wkwrap .ph img {
		height: 180px;
	}

/*------------------------------------*/
}

@media (max-width: 450px) {
	#linecontact .qrbox,
	#linecontact .qrbox .td {
		display: block;
	}
	#linecontact .qrbox .icon,
	#linecontact .qrbox .td {
		width: 100%;
		padding: 0;
	}
	#linecontact .flow .box {
		width: 100%;
		padding: 10px 0;
	}
	
	#bf .wrap .box {
		width: 100%;
		padding: 0;
	}
	#bf .wrap .box:first-child,
	#bf .wrap .box:last-child {
		padding: 0;
	}
	#bf .wrap .box:first-child {
		margin-bottom: 10px;
	}
	.entry-content #wrap_works .phlist ul li {
		width: 50%;
	}
	#wrap_works .phlist img {
		height: 150px;
	}

/*------------------------------------*/
}

@media (max-width: 430px) {
	section#contact #toplinebox .qrbox,
	section#contact #toplinebox .qrbox .td {
		display: block;
	}
	section#contact #toplinebox .qrbox .td {
		width: 100%;
		padding: 0;
	}
	section#contact #toplinebox .qrbox .icon {
		text-align: center;
		margin-bottom: 15px;
	}
	section#contact #toplinebox .flow .box {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		padding: 0;
	}
	section#contact #toplinebox .flow {
		margin-bottom: 0;
	}
	
	#topnewsarea .waribiki .txtbox .title .numtxt {
		font-size: 42px;
	}
	#topnewsarea .waribiki .txtbox .title .sub1 {
		font-size: 16px;
	}
	#topnewsarea .waribiki .txtbox .title .sub2 {
		font-size: 18px;
	}
	#wrap_rentacar .boxD .flexbox .ph {
		width: 60%;
	}
	
	#wrap_worklistbnr ul .inner {
		padding-bottom: 30px;
		padding-top: 30px;
		font-size: 20px;
	}
	#wrap_loaner .boxB {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_voice .wrapper .box {
		padding: 20px 20px 10px;
	}

/*------------------------------------*/
}

@media (max-width: 400px) {
	body {
		font-size: 1.1rem;
	}
	#wrap_rentacar .boxD .flexbox .ph {
		width: 80%;
	}
	
	.page-header.page--cover .entry-title,
	body.tax-bodywork .entry-title,
	body.single-c_glass .entry-title,
	body.tax-light .entry-title,
	body.tax-repair .entry-title,
	body.tax-battery .entry-title {
		font-size: 2rem;
	}
	#primary h2,
	body.single #wrap_works h2,
	#primary #flowbox h2 {
		font-size: 1.6rem;
	}
	.notebox {
		padding: 30px 20px;
	}
	
	.entry-content .listpage ul li {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	#topwklist .wkwrap .ph img {
		height: 160px;
	}

/*------------------------------------*/
}