/*==========================================
common
==========================================*/
/*サイト設定--------------------------------*/
.cf:after{
content:"";
display:block;
clear:both;
}

.pc { display: block; }
.sp { display: none; }

body{
	background: #fff;
	color: #6d6e70;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.F_notosans900 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
}
.F_notosans700 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.F_notosans500 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
img {
	width: 100%;
	height: auto;
	display:block;
	line-height:0;
	vertical-align: bottom;
}

.wrapper {
  position:relative; /*topBtnの親要素に指定*/
}

#pagetop{
    position:fixed;
    right:10px;
    bottom:0px;
    cursor:pointer;
    z-index: 10;
	width: 100px;
	height: auto;
}

section {
	margin: 0 auto;
	width: 1000px;
}

a:link,
a:visited {
	color: #a67c52;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#pagetop{
    position:fixed;
    right: 20px;
    bottom: 20px;
    cursor:pointer;
    z-index: 10;
	width: 50px;
	height: auto;
}

.fbold {
	font-weight: bold;
}
.shadow {
	filter: drop-shadow(0 2px 5px rgba(0,0,0,0.1));
}
.taisakuBNR {
	margin: 0 auto;
	width: 680px;
}

.sftsBNRwaku {
    margin: 40px auto 20px auto;
    color: #ffffff;
}

.sftsBNR {
    margin: 0 auto;
    width: 380px;
}

@media screen and (max-width:767px){
	.pc { display: none; }
	.sp { display: block; }
	
	section {
		margin: 0 auto;
		width: 100%;
	}
	
	#pagetop{
		position:fixed;
		right: 5%;
		bottom: 2.5%;
		cursor:pointer;
		z-index: 10;
		width:10%;
		height: auto;
	}
}

/* ===========================================
header
=========================================== */
#header {
	margin: 0 auto;
	text-align: left;
	padding: 15px 0;
	width: 1000px;
}

#header .logo {
	margin-top: 5px;
	width: 134px;
	float: left;
}
#header .bnr {
	margin-left:636px;
	width: 230px;
	float: left;
}
#header .bnr img {
	width: 230px;
}
@media screen and (max-width:767px){
	#header {
		padding:2.5%;
		width: 90%;
	}
	#header .logo {
		margin-top: 1.5%;
		width: 50%;
		float: left;
	}
	#header .logo img {
		width: 60%;
	}
	#header .bnr {
		margin-left: 0;
		width: 50%;
		float: left;
		text-align: right;
	}
	#header .bnr img {
		width: 100%;
	}
}

/* ===========================================
ナビゲーション
=========================================== */
nav {
	padding: 10px 0;
	width: 100%;
	background: url(../../images/pc/nav_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}
nav ul {
	margin: 0 auto;
	width: 861px;
}
nav ul li {
	float: left;
	width: 235px;
}
nav ul li:last-child {
	width: 156px;
}

/* ===========================================
キービジュアル
=========================================== */
#kv {
	margin:0 auto 0;
	padding: 0 0;
	width: 100%;
}
#kv .kv_img {
	margin: 0 auto;
	width: 100%;
}

@media screen and (max-width:767px){
	#kv {
		margin: 0;
		padding: 0;
		width: 100%;
	}
}
/* ===========================================
youtube
=========================================== */
.youtube {
	margin: 0 auto;
	width: 100%;
	max-width: 720px;
	aspect-ratio: 16 / 9;
  }
.youtube iframe {

}
.youtube p a:link,
.youtube p a:visited {
	color: #00505c;
	font-size: 24px;
}
.movieBTN {
	width: 682px;
}

@media screen and (max-width:767px){
	.youtube iframe {
		width: 90%;
		height: 90%;
	}
	.youtube p {
		font-size: 4.5vw;
		padding-bottom: 2.5%;
		text-align: center !important;
	}
	.youtube p a:link,
	.youtube p a:visited {
		font-size: 4vw;
		width: 80%;
	}
	.movieBTN {
		width: 80% !important;
	}
}
/* ===========================================
ABOUT
=========================================== */
#about {
    margin: 0 auto;
	padding: 70px 0;
    width: 100%;
	background: #eff9fb url(../../images/pc/about_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}
#about section {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
#about .splogo {
	margin: 0 auto 40px;
	width:902px; 
}
#about h2 {
	font-size: 40px;
	color: #006272;
}
#about h3 {
	padding-top: 20px;
	font-size: 24px;
	color: #f65c00;
	display: inline-block;
	background: url(../../images/pc/about_line.png) center bottom repeat-x;
}
span {
	font-size: 0.8rem;
	vertical-align: super;
}
span.down {
	font-size: 0.5rem;
	vertical-align: baseline;
}
#about .cc {
	margin-top: -110px;
}
#about p {
	margin: 20px 0;
	line-height: 1.5;
	text-align: left;
	display: inline-block;
}
#about .movie {
	margin: 50px auto;
}
#about img.heart {
	margin: 0 auto 0;
	width: 391px;
}
ul.bnr2 {
	margin: 50px auto 0;
	width: 100%;
	max-width: 680px;
}
li.shadow.secondbnr {
    margin-top: 40px;
}

@media screen and (max-width:767px){
	#about {
		padding: 5% 0 10%;
	}
	#about section {
		margin: 0 auto;
		width: 90%;
	}
	#about .splogo {
		margin: 0 auto 40px;
		width:100%; 
	}
	#about h2 {
		font-size: 4vw;
	}
	#about h3 {
		font-size: 3.5vw;
		padding-top: 2.5%;
	}
	#about p {
		font-size: 2.5vw;
	}
	#about .cc {
		margin-top: -20%;
	}
	#about img.heart {
		margin: 0 auto 0;
		width: 60%;
	}
	ul.bnr2 {
		margin: 50px auto 0;
		width: 90%;
	}
	li.shadow.secondbnr {
		margin-top: 20px;
	}
}

.copy {
	padding: 70px 0;
	background: #d7a900;
	color: #fff;
}
.copy h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 40px;
}
.copy img {
	margin: 0 auto;
	width: 600px;
}
/* ===========================================
SP用ナビ
=========================================== */
#about #contents {
	margin: 0 auto 10%;
	width: 80%;
	padding: 2.5% 5% 7%;
	background: #fff;
	border-radius: 10px;
}
#about #contents p.con {
	padding: 0;
	color:#a4123f;
	font-size: 5vw;
	text-align: center;
}
#about #contents li {
	margin-top: 4%;
	text-align: left;
}
#about #contents a:link,
#about #contents a:visited {
	font-size: 3vw;
	color: #006272;
	text-decoration: none;
	border-bottom: #006272 2px solid;
	padding-left: 5%;
	background: url(../../images/sp/down_arrow.png) left center no-repeat;
	background-size: auto 43%;
}
#about #contents a:hover {
	opacity:0.8;
}
#about #contents span {
	font-size: 0.6rem;
	vertical-align:sub;
}
/* ===========================================
カテゴリータイトル
=========================================== */
.c_title {
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
	background: url(../../images/pc/title1_bg.png) center top repeat-x;
}
.c_title img {
	margin:0 auto;
	width: 1000px;
}
#easy .c_title {
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
	background: url(../../images/pc/title2_bg.png) center top repeat-x;
}
#easy .c_title img {
	margin:0 auto;
	width: 1050px;
}
#qa .c_title {
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
	background: url(../../images/pc/title3_bg.png) center top repeat-x;
}
#qa .c_title img {
	margin:0 auto;
	width: 1000px;
}
@media screen and (max-width:767px){
	.c_title,#easy .c_title,#qa .c_title {
		margin-bottom: 5%;
		width: 100%;
		text-align: center;
		background: none;
	}
	.c_title img,#easy .c_title img,#qa .c_title img {
		width: 100%;
		max-width: 100%;
	}
}
/* ===========================================
特徴
=========================================== */
.pbottom {
	padding-bottom: 30px;
}
#about_simparica{
	padding: 0 0 50px;
	background: #fff0e6;
}
.point {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
#about_simparica .point .no {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 816px;
}

#about_simparica .point h2 {
	margin-bottom: 10px;
	padding: 0 0 15px 20px;
	font-size: 50px;
	color: #006272;
	display: inline-block;
	background: url(../../images/pc/uber_t.png) center bottom no-repeat;
	background-size: 100% 40%;
}
#about_simparica .point h3 {
	font-size: 40px;
	color: #006272;
	letter-spacing: 0.07em;
}
.point .wbBody {
	padding: 0 0 20px;
	background: url(../../images/pc/wb_body.png) center top repeat-y;
}
.point p.t {
	padding-top:30px;
	font-size: 26px;
	color: #006272;
}

@media screen and (max-width:767px){
	#about_simparica{
		padding: 0 0 5%;
		background: #fff0e6;
	}
	#about_simparica section {
		margin: 0 auto;
		padding: 0;
		width: 90%;
	}
	.point {
		margin: 0 auto;
		width: 100%;
	}
	.point .wbBody {
		background-size: 100% auto;
		padding: 0 5%;
	}
	.point p.t {
		padding-top:30px;
		font-size: 3.5vw;
		line-height: 1.5;
	}
}
/* ===========================================
トリプル処方
=========================================== */
#about_simparica .point .wbBody .img1 {
	margin: 40px auto 20px;
	width: 800px;
}
#about_simparica .point .wbBody .uber {
	margin: 0 auto;
	font-size: 24px;
	color: #006272;
}
#about_simparica .point .wbBody .uber2 {
	margin: 0 auto;
	font-size: 20px;
	color: #006272;
	width: 600px;
	text-align: left;
	line-height: 1.5;
}
#about_simparica .point .wbBody .uber p {
	padding-bottom: 20px;
}
#about_simparica .point .wbBody .uber2 p {
	padding-bottom: 20px;
	line-height: 1.5;
}
#about_simparica .point .wbBody #time {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	position: relative;
}
#about_simparica .point .wbBody #time img {
	position: absolute;
	top: 0;
	left: 40px;
	width: 179px;
}
.tbar {
	margin: 0 auto;
	padding: 8px 0 10px;
	width: 100%;
	border-radius: 45px;
	background: #006272;
	color:#fff;
	font-size: 24px;
	text-align: center;
}
#about_simparica .point .wbBody .lead {
	padding: 30px 50px 0;
	font-size: 22px;
	line-height: 1.5;
	color: #006272;
}
@media screen and (max-width:767px){
	
	#about_simparica .point .wbBody .img1 {
		margin: 2.5% auto 5%;
		width: 100%;
	}
	#about_simparica .point .wbBody #time {
		width: 100%;
		position: relative;
	}
	.tbar {
		padding: 8px 0 10px;
		font-size: 3.5vw;
	}
	#about_simparica .point .wbBody .lead {
		padding: 2.5% 10% 5%;
		font-size: 3vw;
	}
}
/* ===========================================
リスク
=========================================== */
#about_simparica.risk {
	padding-top: 80px;
	background: #fabe8c;
}
#about_simparica.risk .iS {
	margin: 30px auto 30px;
	width: 830px;
	text-align: left;
}
#about_simparica.risk .i1 {
	width: 830px;
}
#about_simparica.risk .i2 {
	width: 821px;
	padding: 10px 0;
}
#about_simparica.risk #time {
	text-align: left;
}
#about_simparica.risk #time .lead {
	padding-left: 200px;
}
#about_simparica.risk #time .cal {
	width: 192px;
	position: absolute;
	top: -33px;
	left: -33px;
}
@media screen and (max-width:767px){
	#about_simparica.risk {
		padding-top: 10%;
	}
	#about_simparica.risk .iS {
		margin: 5% auto;
		width: 100%;
	}
	#about_simparica.risk .i1,
	#about_simparica.risk .i2,
	#about_simparica.risk .i3 {
		width: 100%;
	}
	#about_simparica.risk #time .lead {
		padding-left: 30%;
	}
	#about_simparica.risk #time .cal {
		width: 22%;
		position: absolute;
		top: 32%;
		left:-6%;
	}
	#about_simparica.risk #time .cal img {
		width: 100%;
	}
}

/* ===========================================
おいしい小粒
=========================================== */
#about_simparica.kotubu {
	padding-top: 80px;
	background: #fff0e6;
}
#about_simparica.kotubu span {
	font-size: 1.2rem;
	vertical-align:sub;
}
#about_simparica.kotubu span.down {
	font-size: 0.6rem;
	vertical-align:baseline;
}
#about_simparica.kotubu p.t {
	padding: 30px 0 50px;
	font-size: 26px;
	color:#006272;
	line-height: 1.5;
}
#about_simparica.kotubu .i1 {
	margin: 0 auto;
	width: 839px;
}
/* 小粒でおいしい */
.chk {
	padding: 20px 0 0 180px;
	font-size: 20px;
	color: #006272;
	text-align: left;
}
.chk li {
	padding: 15px 50px;
	background: url(../../images/pc/chk.png) left center no-repeat;
}
#about_simparica .point .wbBody .img2 {
	margin: 40px auto;
	width: 561px;
}
#about_simparica .point .wbBody #time2 {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 800px;
	position: relative;
}

#about_simparica .point .wbBody #time2 .dog2 {
	position: absolute;
	top: -30px;
	right: -56px;
	width: 185px;
}
@media screen and (max-width:767px){
	#about_simparica.kotubu {
		padding-top: 10%;
	}
	#about_simparica.kotubu p.t {
		padding: 30px 0 2.5%;
		font-size: 3vw;
	}
	#about_simparica.kotubu .i1 {
		width: 100%;
	}
	#about_simparica .point .wbBody #time2 {
		margin: 0 auto;
		padding: 30px 0 0;
		width: 100%;
		position: relative;
	}
	.chk {
		padding: 5% 30% 0 0;
		font-size: 3vw;
		
	}
	.chk li {
		line-height: 1.5;
		padding: 15px 0 0 13%;
		background-size: auto 35%;
	}
	#about_simparica .point .wbBody #time2 .dog2 {
		position: absolute;
		top: 30%;
		right: 0;
		width: 25%;
	}
}

/* ===========================================
とっても簡単！
=========================================== */
#easy {
	text-align: center;
	background: url(../../images/pc/bg_cork.gif) center top repeat;
}
#easy section {
	padding: 0 0 90px;
}
#easy .wbBody {
	padding: 0 70px;
	text-align: left;
}
#easy .title {
	padding-bottom: 20px;
	color:#006272;
	font-size: 32px;
}
#easy .title2 {
	text-align: center;
	padding-bottom: 20px;
	color:#f65c00;
	font-size: 26px;
}
#easy ul li {
	float: left;
	width: 271px;
	margin-right: 20px;
}
#easy ul li:last-child {
	margin-right: 0;
}
#easy .t {
	text-align: center;
	font-size: 20px;
	color:#006272;
	padding-top: 20px;
	line-height: 1.5;
}
#easy .t2 {
	margin-bottom: 40px;
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	color: #f65c00;
}
#easy .t3 {
	text-align: left;
	padding: 20px 30px 0;
	font-size: 20px;
	line-height: 1.8;
	color:#006272;
}
#easy .t4 {
	margin-left: 100px;
	padding: 20px 0 0;
	font-size: 24px;
	color:#f65c00;
	text-align: center;
	display: inline-block;
	background: url(../../images/pc/about_line.png) center bottom repeat-x;
}
#easy .give {
	margin: 0 auto;
	width: 800px;
}
#easy .bnr2 li {
	float: none;
	width: 100%;
}
#easy span {
	font-size: 1.2rem;
	vertical-align:sub;
}
@media screen and (max-width:767px){
	#easy section {
		padding: 0 0 10%;
	}
	#easy .point {
		width: 90%;
	}
	#easy .title {
		text-align: center;
		padding-bottom: 5%;
		font-size: 4.5vw;
	}
	#easy .title2 {
		padding-bottom: 20px;
		font-size: 3.5vw;
	}
	#easy .wbBody {
		padding: 0 5%;
	}
	#easy ul {
		margin: 0 auto;
		width: 90%;
	}
	#easy ul li {
		float: left;
		width: 45%;
		margin-right: 5;
	}
	#easy ul li:nth-child(2) {
		margin-right: 0;
	}
	#easy ul li:nth-child(3) {
		margin-top: 2.5%;
		margin-right: 0;
		margin-left: 25%;
	}
	#easy .t {
		font-size: 3vw;
		padding-top: 5%;
		line-height: 1.5;
	}
	#easy .give {
		margin: 0 auto;
		width: 100%;
	}

	#easy .t2 {
		margin-bottom: 40px;
		padding-top: 15px;
		font-size: 2.5vw;
	}
	#easy .t3 {
		text-align: left;
		padding: 5% 5% 5%;
		font-size: 3vw;
		line-height: 1.5;
	}
	#easy .t4 {
		text-align: center;
		margin-left: 0;
		padding: 0;
		font-size: 3vw;
	}
	#easy .spct {
		text-align: center;
	}
	#easy .bnr2 {
		margin: 5% auto 0;
		width: 80%;
	}
	#easy .bnr2 ul {
		margin: 0 5%;
		width: 90%;
	}
	#easy .bnr2 li img {
		margin: 0 auto;
		width: 100%;
	}
	#easy span {
		font-size: 0.8rem;
		vertical-align:sub;
	}
}

/* ===========================================
Q & A
=========================================== */
#qa {
	background: url(../../images/pc/qa_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}
#qa .copy {
	background: #2dccd3;
}
#qa #triangle {
	min-width: 1000px;
	background: url(../../images/pc/lineup_triangle.png) center bottom no-repeat;
}
#qa section {
	margin: 0 auto;
	padding: 0 0 120px;
	width: 1000px;
}
#qa #qaBox {
	background: #fff;
	padding: 70px;
	border-radius: 30px;
	text-align: left;
}
#qa #qaBox .q {
	margin-left: 15px;
	padding-left: 75px;
	padding-right: 40px;
	background: url(../../images/pc/qa_q.gif) top left no-repeat;
}
#qa #qaBox .q .qT {
	padding-bottom: 15px;
	font-size: 32px;
	color: #006272;
	line-height: 1.3;
}
#qa #qaBox .q .qA {
	font-size: 20px;
	color: #6d6e70;
	line-height: 1.5;
}
.line {
	padding: 20px 0;
	height: 20px;
	background: url(../../images/pc/qa_line.gif) center center repeat-x;
}
@media screen and (max-width:767px){
	#qa section {
		margin: 0 auto;
		padding: 0 0 15%;
		width: 90%;
	}
	#qa #triangle {
		min-width: 100%;
		background: url(../../images/sp/lineup_triangle.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#qa #qaBox {
		padding: 5%;
		text-align: left;
	}
	#qa #qaBox .q {
		margin-left: 0;
		padding-left: 7%;
		padding-right: 0;
		background-size: 6% auto;
	}
	#qa #qaBox .q .qT {
		padding-bottom: 2.5%;
		font-size: 3.5vw;
		line-height: 1.3;
	}
	#qa #qaBox .q .qA {
		font-size: 3vw;
		line-height: 1.5;
	}
}

/* ===========================================
ラインナップ
=========================================== */
#lineup {
	background: #006272;
}
#lineup section {
	padding: 50px 0 100px;
	position: relative;
}
#lineup .deco {
	width: 195px;
	position: absolute;
	top: -108px;
	right: 150px;
}
#lineup .t1 {
	color: #fff;
	font-size: 30px;
}
#lineup h2 {
	padding: 15px 0 30px;
	color:#fff06e;
	font-size: 40px;
}
#lineup .t2 {
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
}
#lineup ul {
	padding: 50px 0 60px;
}
#lineup ul li {
	margin-right: 3px;
	float: left;
	width: 163px;
}
#lineup ul li:last-child {
	margin-right: 0;
}
#lineup #txtSet {
	margin: 0 auto 30px;
	width: 800px;
	position: relative;
}
#lineup #txtSet .i1 {
	width: 198px;
	position: absolute;
	top:-50px;
	left: -90px;
}
#lineup #txtSet .i2 {
	width: 230px;
	position: absolute;
	top:-55px;
	right: -150px;
}
#lineup #txtSet p {
	padding: 15px 0;
	background: #fff;
	color: #006272;
	font-size: 28px;
	line-height: 1.5;
}
#lineup span {
	font-size: 1.2rem;
	vertical-align:sub;
}

#lineup .t3 {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 20px;
}
#lineup .t4 {
	color: #fff06e;
	font-size: 24px;
	line-height: normal;
	display: inline-block;
	background: url(../../images/pc/lineup_line.png) center bottom repeat-x;
}

@media screen and (max-width:767px){
	#lineup .deco {
		width: 23%;
		position: absolute;
		top: -8%;
		right: 5%;
	}
	#lineup .t1 {
		font-size: 3.5vw;
	}
	#lineup h2 {
		padding: 2.5% 0 5%;
		font-size: 4vw;
	}
	#lineup .t2 {
		font-size: 3vw;
		line-height: 1.5;
	}
	#lineup section {
		margin: 0 auto;
		padding: 5% 0 10%;
		width: 90%;
	}
	#lineup ul {
		margin: 0 auto;
		padding: 7% 0;
		width: 80%;
	}
	#lineup ul li {
		margin-right: 5%;
		float: left;
		width: 30%;
	}
	#lineup ul li:nth-child(3),
	#lineup ul li:nth-child(6) {
		margin-right: 0;
	}
	#lineup ul li:nth-child(1),
	#lineup ul li:nth-child(2),
	#lineup ul li:nth-child(3){
		margin-bottom: 5%;
	}
	#lineup #txtSet {
		margin: 0 auto 5%;
		width: 90%;
		position: relative;
		border-radius:5vw;
	}
	#lineup #txtSet p {
		padding: 4% 0;
		font-size: 3vw;
		line-height: 1.2;
		border-radius: 0 100vh 100vh 0;
	}
	#lineup #txtSet .i1 {
		width: 22%;
		position: absolute;
		top:-6%;
		left: -8%;
	}
	#lineup .t3 {
		font-size: 2.5vw;
		line-height: 1.5;
	}
	#lineup .t4 {
		font-size: 3.6vw;
		line-height: normal;
	}
	#lineup span {
		font-size: 0.8rem;
		vertical-align:sub;
	}
}
/* ===========================================
病院検索
=========================================== */
#hospital {
	background: #a4123f;
}
#hospital section {
	margin: 0 auto;
	padding: 90px 0;
	width: 1000px;
}
#hospital .copy {
	background: none;
}
#hospital p {
	margin: 20px 0;
	padding-bottom: 50px;
	font-size: 32px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
#hospital a:link,
#hospital a:visited {
	padding: 20px 80px;
	background: #f65c00 url(../../images/pc/btn_arrow.png) right center no-repeat;
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
	text-decoration: none;
}
#hospital a:hover {
	opacity: 0.8;
}
@media screen and (max-width:767px){
	#hospital section {
		padding: 10% 0;
		width: 90%;
	}
	#hospital h2 {
		font-size:4vw;
	}
	#hospital p {
		margin: 5% 0;
		padding: 0 0 3%;
		font-size:3vw;
	}
	#hospital a:link,
	#hospital a:visited {
		padding: 3% 10%;
		font-size: 3vw;
		border-radius: 5px;
		text-decoration: none;
		background-size: 12% auto;
	}
}

/* ===========================================
バナー
=========================================== */
#Banner {
	background: #f65c00;
}
#Banner section {
	margin: 0 auto;
	padding: 100px 0 150px;
	width: 1000px;
}
#Banner ul li {
	float: left;
	width: 470px;
	margin-top:50px;
}
#Banner ul li:nth-child(odd){
	margin-right: 60px;
}
#Banner ul li p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 18px;
}
@media screen and (max-width:767px){
	.taisakuBNR {
		width: 100%;
	}
	.sftsBNRwaku {
        font-size: 3vw;
        width: 100%;
    }
    .sftsBNR {
        width: 100%;
    }
	#Banner section {
		margin: 0 auto;
		padding: 10% 0 20%;
		width: 90%;
	}
	#Banner ul li {
		float: none;
		width: 100%;
		margin-top:8%;
	}
	#Banner ul li p {
		margin-bottom: 2.5%;
		font-size: 3vw;
	}
}

/* ===========================================
フッター
=========================================== */
#footer {
	background: #fff;
}
#footer section {
	margin: 0 auto;
	padding: 30px 0;
	width: 1000px;
}

#footer .logo {
	padding-top: 13px;
	float: left;
	width: 124px;
}
#footer .txt {
	float: right;
	text-align: left;
	font-size: 12px;
	color: #006272;
	line-height: 1.8;
}

@media screen and (max-width:767px){
	#footer section {
		padding: 5% 5%;
		width: 90%;
	}
	#footer .logo {
		padding-top:0;
		float: none;
		margin: 0 auto;
		width: 25%;
		padding-bottom: 5%;
	}
	#footer .txt {
		float: none;
		text-align: left;
		font-size: 2.5vw;
		line-height: 1.5;
	}
	#footer p {
		margin: 0 auto 5%;
		width: 50%;
	}
	#footer ul li {
		font-size: 3.5vw;
	}
	#footer .copyright {
		margin: 2.5% auto 0;
		width: 95%;
		font-size: 2.5vw;
		line-height: normal;
	}
}