@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
	list-style: none;
}/*テストサイトアップロード時消す　余分な余白を消す*/
a{
	text-decoration: none;/*テストサイトアップロード時消す*/
}

/*共通コンポーネント*/
.c-bold{
	font-weight: 700;
}
/*共通ユーティリティクラス*/
.u-lh-2{
	line-height: 2!important;
}
.u-fs-sm{
	font-size: 0.875rem;
}
.u-br-pc{
	display: block;
}
.u-br-sp{
		display: none;
	}

section{
	max-width: 2000px;/*テストサイトアップロード時消す*/
	margin: 0 auto;/*テストサイトアップロード時消す*/
}
.page_title h1{
	line-height: 1.5em;
	padding-top: 26px;
}

.os-intro{	
	background-color: #f9f7f3;
	background-image: url("../images/bg_02.svg"),url("../images/bg_03.svg");
	background-repeat: no-repeat;
	background-size: contain, contain;
	background-position: top, bottom;
	width: 100%;
	font-size: 18px;
	margin-bottom: 90px;
}

.os-intro__inner{
	background-image: url("../images/bg_01.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	max-width: 950px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

.os-intro__box{
	width: 730px;
	margin: 0 auto;
	background-color: #fff;
	padding: 60px 50px;
	box-shadow: 0 0 8px #dadada;
}
.os-intro__content:first-child{
	margin-bottom: 80px;
}
.os-intro__content h2{
	text-align: center;
	position: relative;
	font-size: 24px;
	margin-bottom: 40px;
}
.os-intro__content h2::after{
	 content: '';
	width: 80px;
	height: 3px;
	display: inline-block;
	background-color: #ea5504;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 40px);
}
.os-intro-lead{
	display: flex;
	vertical-align: top;
}
.os-intro-lead__img{
	width: 230px;
}
.os-intro-lead__img img{
	display: block;
	width: 100%;
}
.os-intro-lead__text{
	margin:0 0 0 25px;
	width: 450px;
}
.os-support__lead{
	margin: 0 55px 50px;
}
.os-support-list li{
	border: #333333 1px solid;
	display: flex;
	padding: 40px 30px;
}
.os-support-list__img img{
	display: block;
	vertical-align: middle;
	width: 184px;
	margin-top: 45px;
}
.os-support-list__text{
	margin: 0 0 0 35px;
}
.os-support-list li:first-child{
	margin-bottom: 40px;
}
.os-support-list__text h3{
	font-weight: 700;
	margin-bottom: 25px;
}
.os-support-list__actions a{
	background-color: #1cb1b7;
	border-radius: 30px;
	display: block;
	color: #fff;
	margin: 30px 0 0 auto;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 270px;
}
.os-support-list__actions a::after{
	content: '';
  display: inline-block;
  width: 31px;
  height: 14px;
  background-image: url(../images/icon_arrow.gif);
  background-size: contain;
	position: absolute;
	top: 19px;
	right: 30px;
}
.os-support-list__text span{
	color: #e60012;
}
.os-message{
	background: linear-gradient(#fff,#dae4e9);
}
.os-message__inner{
	background-image: url( "../images/bg_04.jpg");
	background-repeat:no-repeat;
	background-position: left top;
	padding: 170px 0 70px;
}
.os-message__media{
	margin: 0 auto;
	width: 740px;
}
.os-message__content{
	margin:0 auto 60px;
	padding: 50px 60px;
	background-color: rgba(255,255,255,0.8);
	width: 660px;
}
.os-message__content h2{
	color: #ea5504;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 40px;
}
.os-message__note{
	margin-top: 30px;
	font-size: 14px!important;
}
.os-message__card{
	background-color: #fff;
	border-radius: 10px;
	 box-shadow: 10px 10px 0px 0px rgba(207, 216, 221, 0.4);
	padding: 50px 50px 50px 200px;
	position: relative;
}
.os-message__card::before{
	content: '';
  display: inline-block;
  width: 98px;
  height: 170px;
  background-image: url( "../images/img_02.gif");
  background-size: contain;
	position: absolute;
	bottom: 0;
	left: 50px;
}
.os-contact{
	margin: 80px auto;
	max-width: 950px;
	width: 100%;
	padding: 0 20px;
}
.os-contact-message{
	margin-bottom: 145px;
}
.os-contact-message__text{
	text-align: center!important;
	font-size: 20px!important;
	margin-bottom: 50px;
}
.os-contact-message__actions a{
	display: block;
	background-color: #ea5404;
	border-radius: 10px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 24px;
	width: 500px;
}
.os-contact-cta{
	border:double 8px #f16b33;
	padding: 20px 50px 35px;
}
.os-contact-cta__inner{
	display: flex;
}
.os-contact-cta__title{
	text-align: center;
	position: relative;
	font-weight:700;
	margin-bottom: 50px;
	font-size: 20px;
}
.os-contact-cta__title::before{
	content: '';
  display: inline-block;
  width: 48px;
  height: 38px;
  background-image: url( "../images/icon_contact.jpg");
  background-size: contain;
  margin-right: 15px;
}
.os-contact-cta__title::after{
	content: '';
	width: 30px;
	height: 3px;
	display: inline-block;
	background-color: #ea5504;
	position: absolute;
	bottom: -35px;
	left: calc(50% - 15px);
}
.os-contact-cta__inner{
	margin-top: 25px;
}
.os-contact-cta__info{
	color: #566a89;	
}
.os-contact-cta__tel{
	font-size: 2.375rem!important;
	font-weight: 700;
	position: relative;
}
.os-contact-cta__tel::before{
	content: '';
  display: inline-block;
  width: 41px;
  height: 25px;
  background-image: url( "../images/icon_ tollFreeNumber.gif");
  background-size: contain;
  margin-right: 15px;
}
.os-contact-cta__tel::after{
	content: 'よいストック';
	color: #000;
	font-size: 14px;
	letter-spacing: 0.6rem;
	position: absolute;
	top: -15px;
	left: calc(50% - 30px);
}
.os-contact-cta__time{
	font-size: 20px!important;
}
.os-contact-cta__box{
	font-size: 16px!important;
	color: #fff;
	padding: 5px 3px;
	background-color: #566a89;
	margin-right: 10px;
}
.os-contact-cta__actions a{
	display: block;
	background: #B94608;
background: linear-gradient(0deg,rgba(185, 70, 8, 1) 0%, rgba(218, 80, 5, 1) 50%, rgba(233, 85, 4, 1) 100%);
	color: #fff;
	font-size: 20px!important;
	font-weight: 700;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-radius: 30px;
	margin: 20px auto;
}
.os-contact-cta__info,.os-contact-cta__actions{
	width: 50%;
}

@media screen and (max-width: 799px) {
	.page_title h1{
		padding-top: 20px;
	}
	.u-br-pc{
	display: none;
}
	.u-br-sp{
		display: block;
	}
	.os-intro__inner{
    background-size: contain, contain;
		width: 100%;
		padding: 50px 20px 0;
	}
	.os-intro__box{
		width: 100%;
		padding: 60px 20px;
	}
	.os-intro__content h2{
		font-size: 1.375rem;
	}
	.os-intro-lead{
		display: block;
	}
	.os-intro-lead__img{
		margin: 0 auto;
		width: 60%;
	}
	.os-intro-lead__text{
		margin: 20px 0 0 0;
		width: 100%;
	}
	.os-support__lead{
		margin: 0 0 50px;
	}
	.os-support-list li{
		display: block;
		padding: 40px 8%;
	}
	.os-support-list__img img{
		vertical-align:inherit;
		margin: 0 auto 40px;
		width: 50%;
	}
	.os-support-list__text{
		margin: 0;
	}
	.os-support-list__text h3{
		text-align: center;
	}
	.os-support-list__actions a{
		margin: 30px auto 0;
		width: 100%;
	}
	.os-support-list__actions a::after {
		display: none;
	}
	.os-message__inner{
		background-size: 90%;
		padding: 60px 0 70px;
	}
	.os-message__media{
		width: 100%;
		padding: 0 20px;
	}
	.os-message__content{
		padding: 50px 8%;
		width: 100%;
	}
	.os-message__content h2{
		text-align: center;
		font-size: 1.875rem;
	}
	.os-message__card{
		padding: 45px 8%; 
	}
	.os-message__card::before {
		opacity: 0.3;
		left: auto;
		right: 10%;
	}
	.os-contact{
		width: 100%;
	}
	.os-contact-message__actions a{
		font-size: 1.375rem;
		width: 100%;
	}
	.os-contact-cta{
		padding: 20px;
	}
	.os-contact-cta__title {
		font-size: 1.25rem;
	}
	.os-contact-cta__title::after {
		bottom: -18px;
	}
	.os-contact-cta__inner{
		display: block;
		width: 100%;
		margin-top: 65px;
	}
	.os-contact-cta__info{
		
	}
.os-contact-cta__tel{
	font-size: 1.875rem!important;
	text-align: center!important;
}
.os-contact-cta__time{
	font-size: 16px!important;
	text-align: center!important;
}
	.os-contact-cta__actions a{
		width: 100%;
		margin: 30px auto 0;
	}
	.os-contact-cta__info, .os-contact-cta__actions{
		width: 100%;
	}
}