@charset "UTF-8";

.att-red {
	color: red;
	line-height: 2;
	/*text-align: center;*/
	font-size: 1.4rem;
	}
#warranty .content01 p, #warranty .content01 u {
	text-align: left;
	/*共通でcenterにされているtext-alignをwarranty内だけleftに*/
	}
.mbtm50 {
	margin-bottom: 50px;
	}
#warranty h1 {
	word-wrap: break-word;
	}
#warranty h1.h1red {
	background: #b71c24;
	margin-bottom: 25px;
	}
#warranty h1.h1b {
	margin-bottom: 25px;
	line-height: 1.2em;
	}
#warranty #red {
    border-bottom: 0;
    padding-bottom: 0;
}
#warranty div#soutu {
	margin-top: -110px;
	padding-top: 110px;
	}
#warranty h4 {
	margin-bottom: 10px;
	}
section {
	margin: 30px;
	font-size: 1.6rem;
	}
article p {
	padding: 0.5em 0;
	font-size: 1.6rem;
	}
.textUL {
	text-decoration: underline;
	}
.tIndent {
	text-indent: -3em;
	}
.redtext {
	color: red;
	}
.f-sizeS {
	font-size: 75%;
	}
#warranty .textCenter {
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	}
.b600 {
	font-weight: 600;
	}
#warranty .mgnB01 {
	margin-bottom: 8px;
	}
#warranty .mgnB00 {
	margin-bottom: 0;
	}
#warranty .mgnL01 {
	margin-left: 20px;
	}
#warranty .mgnL02 {
	margin-left: 4px;
	}
.p2 {
	margin-left: 45px;
	margin-bottom: 35px;
	padding: 0;
	}
.linkMark {
	padding: 0.5em 0 0.5em 25px;
	background: url(../../assets/img/icon_circleArrowRight.png) no-repeat 0 50%/18px auto;
	}
.markerP {
background: linear-gradient(transparent 65%, #FFCAEA 0%);
	}
.boxA {
    margin: 2em 0;
    background: #f6f6f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.boxA .box-title {
    font-size: 1.2em;
    background: #2E2E2E;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxA p {
    padding: 15px 20px;
    margin: 0;
}
#warranty .content01 .box02 {
	padding: 0px; 
}
#warranty .fsize01 {
	font-size: 1.6rem;
	}
/*
タイトル
----------------------- */
#warranty .title {
    display: block;
    font-size: 2.8rem;
    width: 100%;
    text-align: center;
    background: #000063;
    position: relative;
    color: #fff;
    padding: 30px 0;
/*    height: 90px;
    line-height: 86px;*/
}
#warranty .title small {
	font-size: 2rem;
	}
#warranty #red {
	margin-top: -100px;
	padding-top: 100px;
	}
#warranty #red .title {
    background: #b71c24;
}
#warranty .box.center {
	width: 100%;
	color: #222222;
	}
#warranty .box.center h3 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 1rem;
	}
#warranty .box.center p {
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.4;
	margin-bottom: 0;
	}
#warranty .box h6 {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 0.5rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: 400;
	}
#warranty .box ol {
	font-size: 1.6rem;
	}
#warranty .box.center ol li {
	margin-left: 35px;
	}
#warranty .box.center .table01{
	margin-bottom: 10px;
	}
#warranty .notes02 {/*メインの設定はasset/css/style02の1168行目にあります*/
    margin-top: 50px;
}
#warranty .txtCenter {
	text-align: center;
	}
#warranty .content01 p {
	margin-bottom: 20px;
	}
#warranty .content01 .wlist01 {
	list-style-type: disc;
	font-size: 1.8rem;
	font-weight: 600;
	}
#warranty .content01 .wlist01 li {
	line-height: 2;
	}
#warranty .content01 .wlist02 {
	font-size: 1.4rem;
	font-weight: 400;
	margin-left: 1em;
	}
#warranty .content01 .greybox01 {
	width: 100%;
	padding: 25px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	}
#warranty .content01 .redbox01 {
	width: 100%;
	padding: 25px;
	border: 2px solid red;
	margin-bottom: 20px;
	}
#warranty .content01 .greybox01 p {
	margin-bottom: 0px;
	line-height: 2.8rem;
	}
#warranty .content01 .redbox01 p {
	margin-bottom: 0px;
	}
#warranty .listText {
	margin-left: 35px;
	padding: 0;
	background: none;
	list-style: none;
	}
#warranty .listText li {
	margin: 0.5em 0px;
	}
#warranty .list_disc li {
	margin-left: 80px;
	padding: 0;
	background: none;
	line-height: 1.3;
	list-style-type: disc;
	}
#warranty .listBgNone {/*linklistの青マークを消す*/
	background: none;
	}
#warranty .listSqu {
	list-style-type: square;
	padding-left: 20px;
	margin-bottom: 5px;
	}
#warranty .mgntop20 {
	margin-top: 20px;
	}
#warranty .ulNumber01 {
	list-style-type: decimal;
	margin-left: 35px;
	font-size: 1.4rem;
	}
#warranty .ulNumber01 li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}
#warranty .ulNumber01 li img {
	margin: 10px 20px 0 0;
	}
#warranty .chu li {
	list-style: none;
	padding-left: 1em;
	text-indent: -2.2em;
	margin-left: 2rem;
	}
.chu li::before {
	content: "注";
	}
#warranty ul li, ol li {
	font-size: 1.6rem;
	padding: 0.5rem 0 0.5rem 25px;
	line-height: 2.4rem;
	}
#warranty ul {
	margin-bottom: 20px;
	}
#warranty h2 {
	margin-bottom: 20px;
	}
/*
banner用
----------------------- */
.bnrspace {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.bnrspace .bnr01 {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
	align-items: center;
	margin :10px;
	width:250px;
	min-height: 80px;
	}
.bnrspace .blueback {
	border: 5px solid #C4C4FF;
	background: #C4C4FF;
	}
.bnrspace .pinkback {
	border: 5px solid #F5C2C5;
	background: #F5C2C5;
	}
.bnrspace .yellowback {
	border: 5px solid #FDF8B3;
	background: #FDF8B3;
	}
.bnrspace .bnr01 img {
	/*border-radius: 10px;*/
	width: 50px;
	height: 50px;
	}
.bnrspace .rtext {
	width: 190px;
	padding: 5px;
	}
/*
インフォ用
----------------------- */
.kakomi01 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 border: 2px solid #000063; /* 枠線の太さ・色 */
 color: #333; /* 文字色 */
 background-color: #fff;
 box-shadow: 2px 2px 1px #c7c7c7;/* 影の色 */
 border-radius: 8px; /* 角の丸み */
}
.kakomititle01 {
 position: absolute;
 left: 20px; /*（left）に変更すると左 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.2em;
 color: #000063; /* タイトル色 */
 background-color: #fff;
}
#warranty .info {
	display: table;
	}
#warranty .info li {
	padding: 0;
	}
	
.tableInfo {
	display: table;
	width: 100%;
	margin: 0px auto;
	}
.tableInfo div.th,div.td {
	display: table-cell;
	border-bottom: 1px solid #fff;
	padding: 8px;
	line-height: 1.8rem;
	}
.tableInfo div.tr {
	display: table-row;
	}
.tableInfo div.th {
	border-bottom: solid 1px #fff;
	width: 25%;
	}
.tableInfo .td {
	border-bottom: solid 1px #fff;
	width: 75%;
	}
/*
ページトップの注意やお知らせ用
----------------------- */
#warranty .clearBox {
	margin-bottom: 30px;
	}
#warranty .clearBox p {
	margin-bottom: 0;
	}

/*
top pageリンクバナー用
----------------------- */
.bnr250-70 {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	width: 240px;
	height: 60px;
	background: linear-gradient(-60deg, #EA6264, #FCF8E0);
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	padding: 5px;
	}
.bnr250-70 p {
	width: 240px;
	line-height: 1.4;
	color: #333;
	text-shadow: 1px 1px #fff, 3px 3px rgba(227, 53, 57, 0.4);
	}
/*
notes01内
----------------------- */
#warranty .notes01 p {
	font-size: 1.6rem;
	}
/*
ボタンの中身文字サイズなど微調整
----------------------- */
#warranty .anchor ul li .btn {/*基本スプボタンの上下のスペースをゼロに */
    margin-top: 10px;
    margin-bottom: 0px;
}
#warranty .btn span {
	font-weight: 600;
	}
#warranty .btn small {
	font-weight: 400;
	}
#warranty .btn p {
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	font-size: 1.4rem;
	}
#warranty .btn p.ptitle {
	margin-bottom: 5px;
	font-size: 1.6rem;
	}
#warranty .btn .bluetext {
	color: #000063;
	}
#warranty .btn .redtext {
	color: #b71c24;
	}
}
/*
ボタンのやじるし位置変更
----------------------- */
#warranty .anchor ul li .btn::before,
#warranty .anchor ul li .btn::after {
    width: 15px;
    height: 15px;
    margin-bottom: 10px;
    right: 160px;
    }
#warranty .anchor ul li .btn::after {
    bottom: 4px;
}
/*
基本スプボタンの上の注意書き
----------------------- */
#warranty .anchor div {
	width: 680px;
	margin: 10px auto 10px auto;
	color: red;
	font-size: 110%;
	}
/*
maincontents テーブル
----------------------- */
.table01 {
	display: table;
	width: 100%;
	font-size: 1.6rem;
	margin: 50px auto;
	}
.table01 div.th,div.td {
	display: table-cell;
	border-bottom: 1px solid #fff;
	padding: 8px;
	line-height: 2.4rem;
	}
.table01 div.tr {
	display: table-row;
	}
.table01 div.th {
	background: linear-gradient(rgba(224, 230, 248,0.5), rgba(224, 230, 248,1));
	border-bottom: solid 1px #fff;
	width: 25%;
	}
.table01 .td {
	background: linear-gradient(rgba(240, 240, 240,0.2), rgba(240, 240, 240,0.8));
	border-bottom: solid 1px #fff;
	}
.table01 li {
	line-height: 1.8rem;
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 1rem;
	}
/*
ボタン
----------------------- */
.mailBtn {
	text-align: center;
	}
.mailBtn a {
	position: relative;
    display: inline-block;
    padding: 1em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    margin: 10px;
	}
/*
スプリアスリストのテーブル（https://www.jard.or.jp/gitekininsho/spurious_20121130.html）
----------------------- */
.table02 {
	width: 100%;
	margin-bottom: 10px;
	}
.table02 caption {
	padding: 8px;
	}
.table02 th {
	width: 25%;
	padding: 8px;
	background: linear-gradient(rgba(224, 230, 248,0.5), rgba(224, 230, 248,1));
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	}
.table02 th:first-child {
	border-left: none;
	}
.table02 td {
	width: 25%;
	padding: 8px;
	background: linear-gradient(rgba(240, 240, 240,0.2), rgba(240, 240, 240,0.8));
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	}
.table02 td:first-child {
	border-left: none;
	}
/*
改行調整
----------------------- */	
@media screen and (min-width: 767px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/*
maincontents ボタン
----------------------- */
a.cp_btn01 {
	position: relative;
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #464663;
	border:1px solid #fff;
	overflow: hidden;
	}
a.cp_btn01:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -150px;
	height: 100%;
	width: 160px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
	}
a.cp_btn01:hover:before {
	left:0;
	}
a.cp_btn02 {
	position: relative;
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #5A5A63;
	border:1px solid #fff;
	overflow: hidden;
	}
a.cp_btn02:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -150px;
	height: 100%;
	width: 160px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.cp_btn02:hover:before {
	left:0;
}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ------------------------------------------------------------------------------
for smartphone
------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
#warranty h1 {
	height: 5em;
	}
section {
	margin: 20px 0 0 0;
	}
#warranty ul li, ol li {
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding: 0.5rem 0 0.5rem 15px;
	}
#warranty .content01 .grey {
	width: 100%;
	margin-top: 5px;
	}
#warranty .redbox {
	width: 100%;
	padding: 15px;
	border: 2px solid #b71c24;
	font-size: 1.4rem;
	}
#warranty h2 {
	line-height: 1.2;
	}
#warranty h2::before {
	padding-right: 0.5em;
	}
#warranty .box.center h3 {
	font-size: 1.5rem;
	}
#warranty .box.center h6 {
	font-size: 1.4rem;
	}
#warranty .box.center p,.table01,.box.center li,.link_list li {
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.2;
	}
#warranty .clearBox {
	margin-bottom: 15px;
	}
#warranty .notes01 p {
	font-size: 1.2rem;
	}
#warranty .list {
	font-size: 1.4rem;
	margin-bottom: 10px;
	}
#warranty .text01 {
	display: inline-block;
	}
#warranty .graybox01 {
	padding: 15px;
	}
#warranty .table01 {
	width: 100%;
	}
#warranty .th {
	width: 25%;
	}
#warranty .td {
	width: 100%;
	}
#warranty .ulNumber01 {
	margin-left: 15px;
	}
#warranty .box.center ol li {
	margin-left: 0px;
	}
#warranty .content01 .greybox01 {
	padding: 10px;
	margin-bottom: 20px;
	}
#warranty .listText {
	margin-left: 0px;
	}
#warranty .list_disc li {
	margin-left: 20px;
	}
.tIndent {
	text-indent: -3em;
	}

/*
インフォ用
----------------------- */
.kakomi01 {
 width: 100%;
 padding: 8px 0 8px 0;
 font-size: 1.4rem;
}
.kakomititle01 {
 position: absolute;
 left: 20px; /*（left）に変更すると左 */
 top: -10px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.2em;
}
	
.tableInfo {
	display: block;
	width: 100%;
	margin: 0px auto;
	}
.tableInfo div.th,div.td {
	display: block;
	border-bottom: 1px solid #fff;
	line-height: 2.4rem;
	}
.tableInfo div.tr {
	display: block;
	}
#warranty .tableInfo .th {
	border-bottom: solid 1px #fff;
	width: 100%;
	padding: 8px 8px 0px 8px;
	}
#warranty .tableInfo .td {
	border-bottom: solid 1px #fff;
	width: 100%;
	}
#warranty .accordion_dl {
	font-size: 1.4rem;
	}
#warranty .kakomi01 a {
	font-size: 1.4rem;
	}
#warranty .kakomi01 li {
	margin-left: 10px;
	}
/*
ボタンのやじるし位置変更
----------------------- */
#warranty .anchor ul li .btn::before,
#warranty .anchor ul li .btn::after {
	display: none;
    width: 15px;
    height: 15px;
    margin-bottom: 10px;
    right: 80px;
    }
#warranty .anchor ul li .btn::after {
    bottom: 4px;
}
#warranty .content01 .wlist01 {
	font-size: 1.4rem;
	font-weight: 600;
	}
#warranty .content01 .wlist02 {
	font-size: 1.3rem;
	}
#warranty .anchor ul li .btn {
    min-height: 207px;
    }
/*
基本スプボタンの上の注意書き
----------------------- */
#warranty .anchor div {
	width: 100%;
	margin: 5px 4vw;
	color: red;
	font-size: 95%;
	}
/*
タイトル
----------------------- */
#warranty .title {
    font-size: 1.8rem;
    padding: 30px 0;
}
#warranty .title small {
	font-size: 1.6rem;
	}
/*
ボタンの中身文字サイズなど微調整
----------------------- */
#warranty .btn {
	min-height: 200px;
	}
#warranty .btn span {
	font-weight: 600;
	}
#warranty .anchor ul li .btn span {
    vertical-align: baseline;
    padding-top: 5px;
}
#warranty .btn p {
	font-size: 1.2rem;
	font-weight: 400;
	text-align: left;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	}
#warranty .btn p.ptitle {
	margin-bottom: 5px;
	font-size: 1.2rem;
	}
/*
コンテンツ01内
----------------------- */
#warranty .content01 p, #warranty .content01 u, .att-red {
    font-size: 1.4rem;
    padding: 10px 0;
	}
	
/*
スマホbanner内
----------------------- */
/*.bnrspace {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	}*/
.bnrspace {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	width: 70%;
	font-size: 1em;
	}
.bnrspace .bnr01 img {
	width: 40px;
	height: 40px;
	}
/* -----------------------
入力フォーム用
-------------------------- */
.freebirdFormviewerViewItemsItemItemTitle {
	font-size: 14px;
	}
/* -----------------------
イベント写真位置
-------------------------- */
#warranty .photoL {
	width: 100%;
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	}
#warranty .photoR {
	width: 100%;
	float: right;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	}
}
}