@charset "UTF-8";
/* ==================================================
	submain
================================================== */
/*バナー共通*/
.banner_sec {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    margin: 50px 0;
}
.banner_wrap a {
    display: block;
    color: #333;
    text-decoration: none;
}
.banner_wrap p.banner_ttl {
    display: flex;
    align-items: center;
    font-size: 2.0rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.banner_wrap p.banner_ttl::before {
    content: "";
    display: block;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border: #0386e9 solid 5px;
    border-radius: 50%;
}
.banner_wrap .banner_info {
	width: 520px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 15px 20px;
    background-color: #fff;
    border: 7px solid #e6e6e6;
    box-sizing: border-box;
}
.banner_wrap .banner_info dt {
    font-size: 2.6rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: #0386e9;
}
.banner_wrap .banner_info dd {
    font-size: 1.6rem;
    font-weight: 600;
}
.banner_wrap .banner_info dd:last-child {
    font-size: 1.5rem;
    margin-top: 15px;
}
.banner_wrap .banner_info img {
    width: 120px;
    height: 120px;
    background-color: #ccc;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.banner_wrap + .banner_wrap {
		margin-left: 30px;
	}
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.banner_sec {
		margin: 30px 0px;
	}
	.banner_wrap {
		width: 100%;
	}
	.banner_wrap + .banner_wrap {
		margin-top: 20px;
	}
	.banner_wrap p.banner_ttl {
		font-size: 1.7rem;
	}
	.banner_wrap p.banner_ttl::before {
		width: 10px;
		height: 10px;
		border: #0386e9 solid 4px;
	}
	.banner_wrap .banner_info {
		padding: 10px 12px;
		border: 5px solid #e6e6e6;
    width: 100%;
	}
	.banner_wrap .banner_info dl {
		width: 100%;
	}
	.banner_wrap .banner_info dt {
		font-size: 2rem;
	}
	.banner_wrap .banner_info dd {
		font-size: 1.4rem;
	}
	.banner_wrap .banner_info img {
		width: 100px;
		height: 100px;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.subtitle {
		display: block;
		padding-top: 55px;
		position: relative;
		text-align: center;
		background: url("../common_img/pagettl_img.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.subtitle .fix-1200 {
		padding: 15px 0;
		color: #FFF;
	}
	.subtitle h1 {
		display: block;
		text-align:center;
		font-size: 2rem;
		letter-spacing: 1px;
		line-height: 1;
	}
	.subtitle small {
		display: block;
		margin-top: 5px;
		font-size: 1.2rem;
		letter-spacing: 2px;
		line-height: 1;
	}
	.branch {
		display: none;
	}
	#content_area {
		background: #FFF;
	}
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.subtitle {
		display: block;
		padding-top: 160px;
		position: relative;
		text-align: center;
		background: url("../common_img/pagettl_img.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.subtitle .fix-1200 {
		padding: 40px 0;
		color: #FFF;
	}
	.subtitle h1 {
		display: block;
		text-align:center;
		font-size: 3rem;
		letter-spacing: 4px;
		line-height: 1;
	}
	.subtitle small {
		display: block;
		margin-top: 13px;
		font-size: 1.6rem;
		letter-spacing: 3px;
		line-height: 1;
	}
	.branch {
		display: block;
		padding: 17px 0;
		background: #FFF;
	}
	.branch li {
		display: inline-block;
		position: relative;
		font-size: 1.4rem;
		line-height: 1;
		margin-left: 24px;
		color: #111;
	}
	.branch li::before{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		left: -17px;
		width: 4px;
		height: 4px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.branch li:nth-child(1) {
		margin-left: 0px;
	}
	.branch li:nth-child(1)::before {
		display: none;
	}
	.branch a {
		color: #111;
		text-decoration:none !important;
	}
	.branch a:hover {
		text-decoration:underline !important;
	}
	.subbox01 p {
		font-size: 1.6rem;
		line-height: 1.9;
		font-weight: normal;
	}
	#content_area {
		background: #FFF;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1100px) {
	.fix-1100 {
		margin-left: 4%;
		margin-right:4%;
	}
}
/* ========== end △ */


/* ==================================================
	news detail
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.news-wrap {
		display: block;
		margin-bottom: 30px;
	}
	.news-one {
		display: block;
		padding: 30px 0;
	}
	.news-one:nth-child(2n) {
		background: #f0f0f0;
	}
	.news-one .txt {
		display: block;
	}
	.news-one.noimg .txt {
		display: block;
		float:none;
		clear: both;
		width: 100%;
	}
	.news-one .txt .days {
		display: inline-block;
		border-radius: 3px;
		border: #ccc solid 1px;;
		color: #FFF;
		background: #333;
		line-height: 1;
		font-size: 1.2rem;
		padding: 5px 15px;
		margin-bottom: 10px;
	}
	.news-one .txt h2 {
		display: block;
		font-size: 1.6rem;
		line-height: 1.3;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: #222 solid 2px;
		position: relative;
		color: #222;
	}
	.news-one .txt .txmain {
		display: block;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	.news-one .img-b {
		display: block;
		margin-top: 20px;
	}
	.news-one .img-b img {
		width: 100%;
	}
	.page-np-link {
		display: block;
		text-align: center;
		padding-bottom: 50px;
	}
	.page-np-link li {
		display: inline-block;
		margin: 0 10px;
	}
	.page-np-link li a {
		display: block;
		color: #000;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		position: relative;
		text-decoration: none;
		padding: 12px 15px;
		border: #ccc solid 2px;
	}
	.pdf-bt {
		display:block;
	}
	.news-one .pdf-bt {
		margin-top: 25px;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.pdf-bt a {
		display: block;
		position: relative;
		padding: 17px 0;
		background: #039be9;
		color: #FFF;
		font-size: 1.3rem;
		line-height: 1;
		text-align: center;
		text-decoration: none !important;
	}
	.pdf-bt a:hover {
		background: #03486b;
	}
	.pdf-bt a::before {
		position:absolute;
		left:14px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		background: url("../news/images/pdf-256_32_35904.png") left center no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 50px;
	}
  .cat_list {
    margin-bottom: 5px;
  }
  .cat_list ul {
    display: flex;
    flex-wrap: wrap;

  }

  .cat_list ul li {
    margin: 0 5px 5px 0;
  }
  .cat_list ul li a {
    display: block;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 10px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    font-size: 1.1rem;
    line-height: 23px;
    color: #666;
    text-decoration: none !important;
  }

}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.down01 + .news-wrap {
		padding: 0 0 70px;
	}
	.news-wrap {
		display: block;
		padding: 0px 0;
	}
	.news-one {
		display: block;
		padding: 30px 0;
		background: #FFF;
	}
	.news-one:nth-child(2n) {
		background: #f0f0f0;
	}
	.news-one .fix-1200 {
		display:flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.news-one .txt {
		display: block;
		flex-basis: 55%;
	}
	.news-one.noimg .fix-1200 {
		display: block;
	}
	.news-one.noimg .txt {
		display: block;
		float:none;
		clear: both;
		width: 100%;
	}
	.news-one .txt .days {
		display: inline-block;
		border-radius: 3px;
		border:#ccc solid 2px;;
		color: #FFF;
		background: #333;
		line-height: 1;
		font-size: 1.4rem;
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	.news-one .txt h2 {
		display: block;
		font-size: 2.1rem;
		line-height: 1.3;
		padding-bottom: 16px;
		margin-bottom: 20px;
		border-bottom: #222 solid 2px;
		position: relative;
		color: #222;
	}
	.news-one .txt h2::before {
		position: absolute;
		left: 0px;
		bottom: -2px;
		content: "";
		width: 23%;
		height: 4px;
		background: url(../images/line02.png) left top repeat-x;
		background-size: auto 100%;
	}
	.news-one .txt .txmain {
		display: block;
		font-size: 1.3rem !important;
		line-height: 1.8;
	}
	.news-one .img-b {
		display: block;
		flex-basis: 37.04%;
		height: 300px;
		background: #f3f3f3;
		border: #ccc solid 1px;
		overflow: hidden;
	}
	.news-one .img-b a {
		height: 300px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.news-one .img-b a img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: inline-block;
	}
	.page-np-link {
		display: block;
		background: #f2f2f2;
		text-align: center;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.page-np-link li {
		display: block;
		float: left;
	}
	.page-np-link li:nth-child(2) {
		float: right;
	}
	.page-np-link li a {
		display: block;
		border-radius: 3px;
		color: #333;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: bold;
		position: relative;
		text-decoration: none;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 20px;
		padding-right: 20px;
		border: #333 solid 2px;
	}
	.page-np-link li a:hover {
		color: #FFF;
		background: #333;
	}
	.pdf-bt {
		display:block;
	}
	.news-one .pdf-bt {
		margin-top: 25px;
		max-width: 300px;
	}
	.pdf-bt a {
		display: block;
		position: relative;
		padding: 17px 0;
		background: #039be9;
		color: #FFF;
		font-size: 1.5rem;
		line-height: 1;
		text-align: center;
		text-decoration: none !important;
	}
	.pdf-bt a:hover {
		background: #03486b;
	}
	.pdf-bt a::before {
		position:absolute;
		left:14px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		background: url("../news/images/pdf-256_32_35904.png") left center no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 50px;
	}
  .cat_list {
    margin-bottom: 5px;
  }
  .cat_list ul {
    display: flex;
  }

  .cat_list ul li {
    margin: 0 5px 5px 0;
  }
  .cat_list ul li a {
    display: block;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 10px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    font-size: 1.1rem;
    line-height: 23px;
    color: #666;
    text-decoration: none !important;
  }
}


/* ==================================================
	CONTACT
================================================== */
/* ▽ common layout ========== */
.comment-cont {
	text-align: center;
  border: #e6e6e6 solid 10px;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px;
  margin-bottom: 40px;
  background-color: #e9f7fe;
}

.comment-cont .img{
	max-width: 280px;
}

.comment-cont .cont-txt {
	margin-top: 20px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 2.2rem;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.contact-top {
		display: block;
		padding-top: 30px;
	}
	.contact-top .fix-1200 {
		display: block;
		background: url(../images/tp4bg.jpg) center center no-repeat;
		background-size: cover;
		padding: 30px 6%;
	}
	.contact-top p {
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		color: #FFF;
		line-height: 1.8;
	}
	.contact-top b {
		display: block;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		color: #FFF;
		line-height: 2;
		margin-top: 14px;
	}
	.contact-top .list {
		margin-top: 25px;
	}
	.contact-top .list li {
		display: block;
		margin: 5px 0;
	}
	.fo-lf {
		display: block;
		margin-bottom: 20px;
	}
	.fo-lf .form-ti {
		background: #EDFBE8;
		padding: 5px 15px;
		font-size: 1.5rem;
		line-height: 1;
		margin-bottom: 5px;
	}
	.subfix1 p {
		font-size: 1.4rem;
		line-height: 1.9;
	}
	.contact-box {
		display: block;
		padding: 35px 0;
	}
	#pp {
		display: block;
	}
	#pp h3 {
		display: block;
		border-bottom: #ccc solid 3px;
		padding: 20px 0;
		margin-bottom: 25px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.txt_mb_area {
		background: #FFF;
		padding: 15px;
		word-break: break-all;
	}
	.contact-box dl h4 {
		display:inline-block;
		font-size: 1.5rem;
		letter-spacing: 2px;
		line-height: 1.5;
		padding: 3px 14px;
		color: #FFF;
		background: #3E9AFF;
		margin-bottom: 6px;
	}
	.medet-box {
		background:#D6FBFC;
		padding: 10px 10px 0px 10px;;
	}
	.medet-box2 {
		padding: 0px 10px 0px 10px;;
	}
	.medet-box ul {
		border-bottom: 0px;
	}
	.txt_mb_area dd li {
		list-style-type:decimal;
		margin-left: 20px;
		margin-bottom: 4px;
	}
	.bord-t {
		border-top: #ccc dotted 1px;
		clear: both;
		float: none;
		width: 90%;
		padding: 10px 2%;
	}
	.btn01.mx-400.mlr-auto {
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	#pp li.no {
		list-style-type: none !important;
	}
	.c-tels {
		display: block;
		border: #EFEFEF solid 4px;
		background: #E8F6F9;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 50px;
		text-align: center;
		padding: 20px;
	}
	.c-tels p {
		display: block;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 14px;
	}
	.c-tels div {
		font-size: 2.5rem;
		line-height: 0.9;
		font-weight: bold;
	}
	.c-tels div a {
		color: #111;
		text-decoration: none;
	}
	.contact-box {
		padding: 30px 0;
	}
	.title02 {
		display:block;
		font-size: 2.5rem;
		letter-spacing: 1px;
		line-height: 1.2;
		text-align: center;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.title02::after {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		margin:auto;
		content: "";
		width: 80px;
		height: 4px;
		background: #039ae9;
	}
	.bg-01 {
		background: #e9f7fe;
	}
	.mt-cont {
		display: block;
		font-size: 1.4rem;
		line-height: 1.7;
		margin-bottom: 20px;
	}
	.cont-info {
		display:block;
		border: #EFEFEF solid 5px;
		background: #FFF;
		padding: 15px;
		margin-bottom: 30px;
	}
	.cont-info h3 {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.7;
		margin-bottom: 16px;
		color: #333;
	}
	.cont-info .flex {
		display:block;
	}
	.cont-info .flex .lef {
		display: block;
		margin: 10px 0;
		text-align: center;
	}
	.cont-info .flex .lef b {
		display: inline-block;
		padding: 5px 8px;
		border-radius: 3px;
		background: #222;
		color: #FFF;
		font-size: 1.5rem;
		line-height: 1;
	}
	.cont-info .flex .lef span {
		display: block;
		margin-top: 15px;
		margin-bottom: 6px;
		font-size: 2.8rem;
		line-height: 1;
	}
	.cont-info .flex .lef span a {
		color: #000;
		text-decoration: none;
	}
	.cont-info .flex .lef small {
		display: block;
		font-size: 1.4rem;
		letter-spacing: 1px;
	}
	.cont-txt {
		display:block;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 25px;
	}
	.c-down {
		display: block;
		text-align: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		background: #f0f0f0;
		padding: 16px 2%;
	}
	.c-down b {
		display:block;
		font-size: 1.3rem;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	.c-down .btn01 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.w35p {
		width: 35% !important;
	}
	.w45p {
		width: 45% !important;
	}
	.form_submit_btn {
		padding: 30px 0 !important;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.contact-top {
		display: block;
		padding-top: 70px;
	}
	.contact-top .fix-1200 {
		display: block;
		padding: 70px 0;
	}
	.contact-top p {
		display: block;
		text-align: center;
		font-size: 1.4rem;
		font-weight:normal;
		color: #FFF;
		line-height: 2;
		margin-left: 7%;
		margin-right: 7%;
	}
	.contact-top b {
		display: block;
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
		color: #FFF;
		line-height: 2;
		margin-top: 20px;
		margin-left: 7%;
		margin-right: 7%;
	}
	.contact-top .list {
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
	}
	.contact-top .list li {
		display: block;
		float: left;
		width: 47%;
	}
	.contact-top .list li:nth-child(2) {
		float: right;
	}
	.fo-lf {
		display: block;
		float: left;
		width: 40%;
		margin-right: 5%;
		margin-bottom: 20px;
	}
	.fo-lf .form-ti {
		background: #EDFBE8;
		padding: 5px 15px;
		font-size: 1.5rem;
		line-height: 1;
		margin-bottom: 5px;
	}
	.subfix1 p {
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.contact-box {
		display: block;
		padding: 80px 0 70px 0;
	}
	#pp {
		display: block;
	}
	#pp h3 {
		display: block;
		border-bottom: #ccc solid 3px;
		padding: 20px 0;
		margin-bottom: 25px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.txt_mb_area {
		display: block;
		border: #ccc solid 1px;
		padding: 25px;
		background: #FFF;
	}
	.contact-box dl h4 {
		display:inline-block;
		font-size: 1.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		padding: 3px 14px;
		color: #FFF;
		background: #3E9AFF;
		margin-bottom: 6px;
	}
	.contact-box .btn_list li {
		display:inline-block;
		margin-right: 20px;
	}
	.contact-box .bord-b1 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.dl_table_style dt {
		width: 25%;
	}
	.dl_table_style.conf dt {
		width: 25%;
	}
	.txt_mb_area dd li {
		list-style-type:decimal;
		margin-left: 30px;
		margin-bottom: 4px;
	}
	.mx-400 {
		max-width: 400px;
	}
	.mlr-auto {
		margin-left: auto;
		margin-right: auto;
	}
	.medet-box {
		background:#D6FBFC;
		padding: 15px 15px 0px 15px;;
	}
	.medet-box2 {
		padding: 0px 15px 0px 15px;;
	}
	.medet-box ul {
		border-bottom: 0px;
	}
	.consent_txt {
		padding: 30px 0;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.9;
	}
	.bord-t {
		border-top: #ccc dotted 1px;
		clear: both;
		float: none;
		width: 90%;
		padding: 10px 0%;
	}
	#pp li.no {
		list-style-type: none !important;
	}
	.li-num2 li {
		list-style-type: none !important;
		counter-increment: cnt;
		margin-left: 10px !important;
	}
	.li-num2 li::before {
		content: "(" counter(cnt) ") ";
	}
	.c-tels {
		display: block;
		border: #EFEFEF solid 4px;
		background: #E8F6F9;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 50px;
		text-align: center;
		padding: 35px 0;
	}
	.c-tels p {
		display: block;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 14px;
	}
	.c-tels div {
		font-size: 4.2rem;
		line-height: 0.9;
		font-weight: bold;
	}
	.contact-box {
		padding: 70px 0;
	}
	.title02 {
		display:block;
		font-size: 3.1rem;
		letter-spacing: 3px;
		line-height: 1.2;
		text-align: center;
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 35px;
	}
	.title02::after {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		margin:auto;
		content: "";
		width: 120px;
		height: 4px;
		background: #039ae9;
	}
	.bg-01 {
		background: #e9f7fe;
	}
	.mt-cont {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.2;
		margin-bottom: 40px;
	}
	.cont-info {
		display:block;
		border: #EFEFEF solid 10px;
		background: #FFF;
		padding: 40px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 80px;
	}
	.cont-info h3 {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 2;
		margin-bottom: 30px;
		color: #333;
	}
	.cont-info .flex {
		display: flex;
		justify-content: space-between;
	}
	.cont-info .flex .lef {
		display: block;
		flex-basis: 46%;
		text-align: center;
	}
	.cont-info .flex .lef b {
		display: inline-block;
		padding: 5px 8px;
		border-radius: 3px;
		background: #222;
		color: #FFF;
		font-size: 1.5rem;
		line-height: 1;
	}
	.cont-info .flex .lef span {
		display: block;
		margin-top: 15px;
		margin-bottom: 14px;
		font-size: 4.1rem;
		line-height: 1;
	}
	.cont-info .flex .lef small {
		display: block;
		font-size: 1.4rem;
		letter-spacing: 2px;
	}
	.cont-txt {
		display:block;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 40px;
	}
	.c-down {
		display: block;
		text-align: center;
		max-width: 780px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		background: #f0f0f0;
		padding: 30px 4%;
	}
	.c-down b {
		display:block;
		font-size: 1.5rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	.c-down .btn01 {
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	.w35p {
		width: 35% !important;
	}
	.form_submit_btn {
		padding: 30px 0 !important;
	}

	.c-btnbox {
		display: flex;
		text-align: center;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 2%;
		box-sizing: border-box;
	}
}
ul.no li {
	list-style-type: none !important;
}


/* ==================================================
	COLUMN
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	h2.const {
		display:block;
		text-align: center;
		padding: 50px 10px;
		font-size: 4.5rem;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	h2.const {
		display:block;
		text-align: center;
		padding: 50px;
		font-size: 5.5rem;
	}

}


/* ==================================================
	products common
================================================== */
.p-movie {
  width: 100%;
}

.p-movie__item {
  margin-block-end: 20px;
  & iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

.p-movie_cap {
    font-size: 19px;
}

@media (max-width: 639px) {
  .p-movie + * + * {
    margin-block-start: 40px;
  }
  .p-movie_cap {
    font-size: 15px;
	}
}
@media (min-width: 640px) {
  .p-movie__item {
    margin-block-end: 40px;
  }
  .p-movie .p-movie_cap {
    font-size: 15px;
	}
}



/* ==================================================
	mazacs
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.product-title {
		display: block;
		padding-top: 55px;
		position: relative;
		text-align: center;
		background: url("../common_img/pagettl_img.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.product-title .fix-1200 {
		padding: 15px 0;
		color: #FFF;
	}
	.product-title h1 {
		display: block;
		text-align:center;
	}
	.product-title h1 img {
		display: inline-block;
		max-width: 100%;
		width: auto !important;
	}
	.product-box {
		display:block;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.pr001 ul {
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pr001 ul li {
		display:block;
		background: #FFF;
		border: #e6e6e6 solid 5px;
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 15px;
		flex-basis: 45%;
		overflow: hidden;
	}
	.pr001 ul li h3 {
		display:block;
		text-align: center;
		color: #0386e9;
		font-size: 1.7rem;
		letter-spacing: 1px;
		margin: 10px 0;
	}
	.pr001 ul li .clr {
		display: inline-block;
		border-radius: 23px;
		color: #0386e9;
		font-size: 1.2rem;
		line-height: 1;
		font-weight: bold;
		padding: 2px 4px;
		background: #ebebeb;
		margin-bottom: 10px;
	}
	.pr001 ul li figure {
		display: block;
		margin-left: 12%;
		margin-right: 12%;
	}
	.pr001 ul li figure img {
		width: 100%;
	}
	.pr001 ul li .bi {
		display: block;
		color: #0386e9;
		font-weight: bold;
		line-height: 1;
		font-size: 2rem;
	}
	.pr001 ul li .bi b {
		font-size: 5.6rem;
	}
	.pr001 ul li .bi small {
		font-size: 1.5rem;
		letter-spacing: -1px !important;
	}
	.pr001 ul li span.yer {
		display:block;
		text-align:center;
		color: #e9c000;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.pr002 .fix-1200 {
		display:block;
	}
	.pr002 .fix-1200 .lef {
		flex-basis: 49%;
	}
	.p-title {
		display: flex;
		justify-content: space-between;
		align-items:center;
		padding-bottom: 8px;
		margin-bottom: 21px;
		position: relative;
		color: #0386e9;
		border-bottom: #e6e6e6 solid 3px;
	}
	.p-title::before {
		position:absolute;
		left: 0;
		bottom: -3px;
		content: "";
		width: 70px;
		height: 3px;
		background: #0386e9;
	}
	.p-title b {
		font-size: 2rem;
		line-height: 1.3;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.p-title b.mb {
		font-weight:bold;
	}
	.p-title span {
		font-size: 1.3rem;
		line-height: 1.3;
	}
	.siyou {
		display: block;
		background: #e6e6e6;
		padding: 20px 20px;
		margin-bottom: 20px;
	}
	.siyou ul {
		display:block;
	}
	.siyou li {
		display: block;
		position: relative;
		font-weight: bold;
		line-height: 1.8;
		font-size: 1.5rem;
		margin: 6px 0;
		padding-left: 26px;
	}
	.siyou li::before {
		position:absolute;
		left: 0;
		top: 5px;
		content: "";
		border-radius: 50%;
		border: #0385e9 solid 3px;
		width: 12px;
		height: 12px;
	}
	.siyou li.--alert {
    color: #c00;
	}
	.siyou li.--alert::before {
    content: "※";
    top: 0;
    border: 0 none;
	}
	.seinou {
		display:block;
	}
	.seinou dl {
		display: block;
		border: #e6e6e6 solid 3px;
		margin-bottom: 15px;
	}
	.seinou dl dt {
		background: #e6e6e6;
		text-align: center;
		padding: 7px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.5rem;
	}
	.seinou dl dd {
		padding: 7px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.5rem;
	}
	.pr-bnr {
		margin-bottom: 35px;
	}
	.pr-bnr.__mb00 {
		margin-bottom: 0;
	}
	.pr-bnr ul,
  .discon-bnr ul {
		display: block;
	}
	.pr-bnr ul.jcc,
  .discon-bnr ul.jcc {
    text-align: center;
	}
	.pr-bnr li,
  .discon-bnr li {
		margin: 10px 0;
	}
	.pr-bnr li span {
		display:block;
		color: #0385e9;
		font-size: 1.4rem;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.pr-bnr li img,
  .discon-bnr li img {
		width: 100%;
    height: auto;
	}
	.pr-bnr figure {
		display: block;
		margin-top: 25px;
	}
	.pr-bnr figure img {
		width: 100%;
	}
	.tit001 {
		display:block;
		text-align:center;
		margin-bottom: 25px;
	}
	.tit001 b {
		display:block;
		color: #e6e6e6;
		font-size: 3rem;
		line-height: 1;
		letter-spacing: 3px;
	}
	.tit001 b:first-letter{
		color: #0386e9;
	}
	.tit001 span {
		display:block;
		text-align:center;
		color: #0386e9;
		font-size: 1.5rem;
		line-height: 1.4;
		margin-top: 6px;
		font-weight: 600;
	}
	.flex-pr1 {
		display: block;
		margin: 20px 0;
	}
	.flex-pr1 figure {
		margin-bottom: 20px;
	}
	.flex-pr1 figure img {
		width: 100%;
	}
	.flex-pr1 .txt {
		display: block;
	}
	.p-title02 {
		display:block;
		position: relative;
		font-weight: bold;
		line-height: 1.4;
		font-size: 1.7rem;
		color: #0386e9;
		letter-spacing: 2px;
		padding-left: 24px;
		margin-bottom: 14px;
	}
	.p-title02::before {
		position:absolute;
		left: 0;
		top: 1px;
		content: "";
		border-radius: 50%;
		border: #0385e9 solid 3px;
		width: 12px;
		height: 12px;
	}
	table.pr-tab {
		width: 100%;
		border-collapse: collapse;
		border-left: #e6e6e6 solid 3px;
		border-bottom: #e6e6e6 solid 3px;
	}
	table.pr-tab th {
		text-align: center;
		vertical-align: middle;
		background: #e6e6e6;
		border-right: #FFF solid 3px;
		padding: 12px 0;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
		width: 25%;
	}
	table.pr-tab th:last-of-type {
		border-right: #e6e6e6 solid 3px;
	}
	table.pr-tab td {
		text-align: center;
		vertical-align: middle;
		border-right: #e6e6e6 solid 3px;
		border-bottom: #e6e6e6 solid 3px;
		padding: 12px 0;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.pr-btn01 {
		display: block;
	}
	.pr-btn01::after {
		display:block;
		clear: both;
		width: 100%;
		height: 1px;
		content: "";
	}
	.pr-btn01 .btn01 {
		display: block;
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;
	}
  .pr-btn01 .btn01-list {
    max-width: none;
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
  }
	.pr-btn01 .btn01 a {
		font-size: 1.4rem;
		padding: 13px 0;
	}
	.mb60 {
		margin-bottom: 10px;
	}
	.caut01 {
		display:block;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.3;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.pr004 {
		display:block;
		background: url("../mazax/images/bg.png") top center no-repeat;
		background-size: cover;
		padding: 35px 0 35px 0;
	}
	.pr004 .tit001 b {
		color: #FFF;
	}
	.pr004 .tit001 b:first-letter{
		color: #FFF;
	}
	.pr004 .tit001 span {
		color: #FFF;
	}
	.pr004 .flex {
		display: block;
		padding: 0px 3% 20px 3%;
		position: relative;
		border: #e6e6e6 solid 6px;
		color: #FFF;
		margin-top: 16px;
	}
	.pr004 .flex .tit {
		display: block;
		text-align: center;
	}
	.pr004 .flex .tit .fx {
		position: relative;
		padding-bottom: 20px;
		padding-top: 45px;
	}
	.pr004 .flex .tit .fx::before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		margin:auto;
		content: "";
		background: #e6e6e6;
		width: 2px;
		height: 35px;
	}
	.pr004 .flex .tit .fx::after {
		position:absolute;
		z-index: 4;
		left: 0;
		top: 0;
		right: 0;
		margin:auto;
		content: "";
		background: #FFF;
		width: 2px;
		height: 15px;
	}
	.pr004 .flex .tit span {
		display: block;
		font-size: 4.7rem;
		line-height: 0.9;
		font-weight: 200;
	}
	.pr004 .flex .tit h3 {
		display:block;
		font-size: 1.9rem;
		line-height: 1.4;
	}
	.pr004 .flex .txt {
		font-size: 1.5rem;
		line-height: 1.9;
		letter-spacing: 1px;
		font-weight: bold;
	}
	.btn04 {
		display:block;
	}
	.btn04 a {
		display: block;
		text-align:center;
		position: relative;
		background: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.4;
		font-weight: bold;
		padding: 15px 0;
		color: #038ae9;
	}
	.btn04 a::after {
		position: absolute;
		right: 8px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/arrow4.png") right center no-repeat;
		width: 29px;
		height: 13px;
	}
	.btn04 a:hover::after {
		right: 5px;
	}
	.pr004 .btn04 {
		margin-left: auto;
		margin-right: auto;
		max-width: 270px;
		margin-top: 20px;
	}
  .pr004 .btn04-list {
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
  }
	.pr005 {
		padding: 35px 0 0 0;
	}
	.pr005 .mt {
		display: block;
		font-weight: bold !important;
		line-height: 1.5;
		letter-spacing: 1px;
		font-size: 1.6rem;
		color: #0386e9;
		margin-left: 4%;
		margin-right: 4%;
		margin-bottom: 24px;
	}
	.pr005 .bg {
		background: #f5f5f5;
		padding: 25px 0;
	}
	.fix-1000 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.pr005 .fix-1000 {
		display: block;
	}
	.pr005 .one {
		display: block;
		text-align: center;
		margin: 14px 0;
	}
	.pr005 .one h3 {
		display: inline-block;
		color: #FFF;
		font-weight: 600;
		line-height: 1.3;
		font-size: 1.9rem;
		background: #038ae9;
		padding: 10px 15px;
		margin-bottom: 15px;
	}
	.pr005 .one .bord {
		display: block;
		border: #FFF solid 8px;
		text-align: center;
		padding: 15px;
	}
	.pr005 .one .bord img {
		display:inline-block;
		max-width: 100%;
	}
	.pr005 .one .bord p {
		font-size: 1.4rem;
		line-height: 1.5;
		margin-bottom: 10px;
		font-weight: bold !important;
	}
	.pr005 .btn01 {
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
	}
	.pr005 .btn01 a {
		font-size: 1.5rem;
		padding: 18px 0;
	}
	.pr006 {
		display: block;
		background: url("../mazax/images/bg2.jpg") top center no-repeat;
		background-size: cover;
		padding: 35px 0 35px 0;
	}
	.pr006 .tit001 b {
		color: #FFF;
	}
	.pr006 .tit001 b:first-letter{
		color: #FFF;
	}
	.pr006 .tit001 span {
		color: #FFF;
	}
	.caut-main {
		display: block;
		text-align: center;
		color: #fff100;
		background-color: rgb(19, 22, 25,0.7);
		padding: 20px;
	}
	.caut-main b {
		display: inline-block;
		padding-bottom: 8px;
		font-size: 2.1rem;
		letter-spacing: 1px;
		line-height: 1.2;
		border-bottom: #fff100 solid 3px;
	}
	.caut-main p {
		display: block;
		text-align: left;
		margin-top: 15px;
		font-size: 1.4rem;
		line-height: 1.9;
		font-weight: bold !important;
	}
	.caut-main p a {
		color: #FFF;
	}
	.pr006 .bord1 {
		display:block;
		margin-top: 20px;
		background: #FFF;
		border: #e6e6e6 solid 10px;
		padding: 15px 15px;
	}
	.pr006 .bord1 .p-title b {
		font-weight: bold;
		font-size: 1.7rem;
	}

	.pr006 .flex {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: #e6e6e6 solid 1px;
	}
	.pr006 .flex .lef {
		display: block;
		margin-bottom: 5px;
	}
	.pr006 .flex figure {
		display: block;
		margin-bottom: 10px;
	}
	.pr006 .flex figure img {
		width: 100%;
	}
	.pr006 .flex .txt {
		display: block;
	}
	.pr006 .flex .txt ul {
		display: block;
	}
	.pr006 .flex .txt li {
		display: block;
		position: relative;
		font-weight: bold;
		line-height: 1.9;
		font-size: 1.5rem;
		padding-left: 20px;
	}
	.pr006 .flex .txt li::before {
		position:absolute;
		left: 0;
		top: 6px;
		content: "";
		border-radius: 50%;
		background: #222;
		width: 12px;
		height: 12px;
	}
	.pr006 .flex .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		font-weight: bold !important;
	}
	.pr006 .flex.bord-no {
		margin-bottom: 0px;
		border-bottom: none;
	}
	.pr007 {
		display:block;
		padding: 35px 0;
	}
	.acMenu dt{
		display:block;
		background: #038ae9;
		color: #FFF;
		font-size: 1.5rem;
		line-height: 1.4;
		font-weight: bold;
		cursor:pointer;
		position: relative;
		padding: 14px 20px 14px 50px;
		margin-top: 20px;
	}
	.acMenu dt::before {
		position:absolute;
		left: 15px;
		top: 10px;
		content: "";
		background: url("../mazax/images/Q.png") left top no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 27px;
	}
	.acMenu dt::after {
		position:absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		width: 7px;
		height: 7px;
		border-right: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.acMenu dt.open::after {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.acMenu dd{
		background: #e6e6e6;
		padding: 10px;
		display:none;
	}
	.acMenu dd .inn {
		background: #FFF;
		border-radius: 5px;
		position: relative;
		padding: 20px 20px 20px 50px;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
	}
	.acMenu dd .inn::before {
		position:absolute;
		left: 10px;
		top: 20px;
		content: "";
		background: url("../mazax/images/A.png") left top no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 27px;
	}
	.acMenu dd .inn a {
		color: #222;
		text-decoration: underline !important;
	}
	.acMenu dd .inn a:hover {
		text-decoration: none !important;
	}
	.product-links {
		display: block;
		padding: 0px 0 30px 0;
	}
	.product-links h3 {
		display: block;
		text-align: center;
	}
	.product-links h3 b {
		display: block;
		font-size: 1.3rem;
		line-height: 1.5;
		font-weight: bold;
		border-radius: 20px;
		background: #e6e6e6;
		text-align: center;
		padding: 6px 20px;
		color: #0386e9;
	}
	.product-links ul {
		display: block;
		text-align: center;
		border-bottom: #0386e9 solid 2px;
	}
	.product-links li {
		display: block;
		width: 280px;
		margin: 14px auto;
	}
	.product-links li a {
		display: block;
		padding: 14px 20px;
		border: #0386e9 solid 1px;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1;
		color: #0386e9;
		position: relative;
		text-decoration: none;
	}
	.product-links li a::after {
		position: absolute;
		right: 5px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/arrow4.png") right center no-repeat;
		width: 39px;
		height: 13px;
	}
}
/* ▽ PC-TAB layout ========== */
.pr-btn01 .btn01-shop a {
  background-image: linear-gradient(-1deg, rgb(211, 164, 91) 0%, rgb(181, 38, 38) 100%);
}

.seinou dl.seinou__danger {
  border: 3px solid #eeed03;
}

.seinou dl.seinou__danger::after {
  background: #eeed03;
}

.seinou dl.seinou__danger dt {
  background: #eeed03;
  color: #bc0000;
}

.seinou dl.seinou__danger dd {
  color: #fff;
  background: #000;
}


@media print, screen and (min-width: 640px) {
	.product-title {
		display: block;
		padding-top: 150px;
		position: relative;
		text-align: center;
		background: url("../common_img/pagettl_img.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.product-title .fix-1200 {
		padding: 60px 0;
		color: #FFF;
	}
	.product-title h1 {
		display: block;
		text-align:center;
	}
	.product-title h1 img {
		display: inline-block;
		max-width: 100%;
		width: auto !important;
	}
	.product-box {
		display:block;
		padding-top: 60px;
		padding-bottom: 15px;
	}
	.pr001 ul {
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
	}
	.pr001 ul li {
		display:block;
		background: #FFF;
		outline: #e6e6e6 solid 10px;
		text-align: center;
		margin-left: 32px;
		padding-bottom: 20px;
 		flex-basis: calc((100% - (32px * 3)) / 4 - .01px);
	}
	.pr001 ul li:nth-child(4n+1) {
		margin-left: 0px;
	}
	.pr001 ul li h3 {
		display:block;
		text-align: center;
		color: #0386e9;
		font-size: 2.4rem;
		letter-spacing: 1px;
		margin: 33px 0;
	}
	.pr001 ul li h3.iro {
		margin-top: 24px;
		margin-bottom: 20px;
	}
	.pr001 ul li .clr {
		display: inline-block;
		border-radius: 23px;
		color: #0386e9;
		font-size: 1.9rem;
		line-height: 1;
		font-weight: bold;
		padding: 5px 13px;
		background: #ebebeb;
		min-width: 170px;
		margin-bottom: 15px;
	}
	.pr001 ul li figure {
		display: block;
		max-width: 167px;
		margin-left: auto;
		margin-right: auto;
	}
	.pr001 ul li figure img {
		width: 100%;
	}
	.pr001 ul li .bi {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 110px;
		color: #0386e9;
		font-weight: bold;
		line-height: 1;
		font-size: 2.5rem;
	}
	.pr001 ul li .bi b {
		font-size: 9.6rem;
		letter-spacing: -4px !important;
	}
	.pr001 ul li .bi small {
		font-size: 4.8rem;
		letter-spacing: -8px !important;
	}
	.pr001 ul li span.yer {
		display:block;
		text-align:center;
		color: #e9c000;
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1.5;
	}
	.pr002 .fix-1200 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pr002 .fix-1200 .lef {
		flex-basis: 49%;
	}
	.p-title {
		display: flex;
		justify-content: space-between;
		align-items:center;
		padding-bottom: 8px;
		margin-bottom: 21px;
		position: relative;
		color: #0386e9;
		border-bottom: #e6e6e6 solid 3px;
    width: 100%;
	}
	.p-title::before {
		position:absolute;
		left: 0;
		bottom: -3px;
		content: "";
		width: 120px;
		height: 3px;
		background: #0386e9;
	}
	.p-title b {
		font-size: 2.8rem;
		line-height: 1.3;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.p-title b.mb {
		font-weight:bold;
	}
	.p-title span {
		font-size: 1.5rem;
		line-height: 1.3;
	}
	.siyou {
		display: block;
		background: #e6e6e6;
		padding: 35px 55px;
	}
	.siyou ul {
		display:block;
	}
	.siyou li {
		display: block;
		position: relative;
		font-weight: bold;
		line-height: 1.8;
		font-size: 1.9rem;
		margin: 13px 0;
		padding-left: 26px;
	}
	.siyou li::before {
		position:absolute;
		left: 0;
		top: 7px;
		content: "";
		border-radius: 50%;
		border: #0385e9 solid 3px;
		width: 12px;
		height: 12px;
	}
	.siyou li.--alert {
    color: #c00;
	}
	.siyou li.--alert::before {
    content: "※";
    top: 0;
    border: 0 none;
	}
	.seinou {
		display:block;
	}
	.seinou dl {
		display: flex;
		justify-content: space-between;
		align-items:center;
		border: #e6e6e6 solid 3px;
		margin-bottom: 10px;
		position: relative;
	}
	.seinou dl::after {
		position:absolute;
		left: 0;
		top: 0;
		width: 36%;
		height: 100%;
		content: "";
		background: #e6e6e6;
	}
	.seinou dl dt {
		flex-basis: 26%;
		background: #e6e6e6;
		text-align: center;
		padding: 11px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.5rem;
		position: relative;
		z-index: 5;
	}
  .seinou dl.seinou__danger dt {
    font-size: 20px;
  }
	.seinou dl dd {
		flex-basis: 60%;
		padding: 11px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.5rem;
		position: relative;
		z-index: 5;
    background-color: #fff;
	}
	.pr-bnr {
		margin-bottom: 70px;
	}
	.pr-bnr.__mb00 {
		margin-bottom: 0;
	}
	.pr-bnr ul,
  .discon-bnr ul {
		display: flex;
		justify-content: space-between;
	}
	.pr-bnr ul.jcc,
  .discon-bnr ul.jcc {
		justify-content: center;
    gap: 2%;
	}
	.pr-bnr li {
		flex-basis: 49%;
	}
	.pr-bnr li span {
		display:block;
		color: #0385e9;
		font-size: 1.5rem;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.pr-bnr li img,
  .discon-bnr li img {
		width: 100%;
    height: auto;
	}
	.pr-bnr figure {
		display: block;
		margin-top: 35px;
	}
	.pr-bnr figure img {
		width: 100%;
	}
	.tit001 {
		display:block;
		text-align:center;
		margin-bottom: 40px;
	}
	.tit001 b {
		display:block;
		color: #e6e6e6;
		font-size: 3rem;
		line-height: 1;
		letter-spacing: 3px;
	}
	.tit001 b:first-letter{
		color: #0386e9;
	}
	.tit001 span {
		display:block;
		text-align:center;
		color: #0386e9;
		font-size: 1.5rem;
		line-height: 1.4;
		margin-top: 6px;
		font-weight: 600;
	}
	.flex-pr1 {
		display: flex;
		justify-content: space-between;
		margin: 20px 0;
	}
	.flex-pr1 figure {
		flex-basis: 26%;
		align-items: center;
		background: #e6e6e6;
		display: flex;
		border-radius: 7px;
		overflow: hidden;
	}
	.flex-pr1 figure img {
		width: 100%;
	}
	.flex-pr1 .txt {
		flex-basis: 72%;
	}
	.t-r {
		text-align: right;
	}
	.p-title02 {
		display:block;
		position: relative;
		font-weight: bold;
		line-height: 1.4;
		font-size: 2.3rem;
		color: #0386e9;
		letter-spacing: 2px;
		padding-left: 24px;
		margin-bottom: 14px;
	}
	.p-title02::before {
		position:absolute;
		left: 0;
		top: 7px;
		content: "";
		border-radius: 50%;
		border: #0385e9 solid 3px;
		width: 12px;
		height: 12px;
	}
	table.pr-tab {
		width: 100%;
		border-collapse: collapse;
		border-left: #e6e6e6 solid 3px;
		border-bottom: #e6e6e6 solid 3px;
	}
	table.pr-tab th {
		text-align: center;
		vertical-align: middle;
		background: #e6e6e6;
		border-right: #FFF solid 3px;
		padding: 12px 0;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.5;
		width: 25%;
	}
	table.pr-tab th:last-of-type {
		border-right: #e6e6e6 solid 3px;
	}
	table.pr-tab td {
		text-align: center;
		vertical-align: middle;
		border-right: #e6e6e6 solid 3px;
		border-bottom: #e6e6e6 solid 3px;
		padding: 12px 0;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.pr-btn01 {
		display: block;
	}
	.pr-btn01 .btn01-shop {
		margin-right: 30px;
	}
	.pr-btn01::after {
		display:block;
		clear: both;
		width: 100%;
		height: 1px;
		content: "";
	}
	.pr-btn01 .btn01 {
		float: right;
	}
	.pr-btn01 .btn01.center {
		float: none;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
  .pr-btn01 .btn01-list {
    display: flex;
    grid-column-gap: 20px;
    float: none;
  }
	.pr-btn01 .btn01 a {
		font-size: 1.4rem;
		width: 400px;
		padding: 18px 0;
	}
  .pr-btn01 .btn01-list a {
    width: 100%;
  }
	.mb60 {
		margin-bottom: 60px;
	}
	.caut01 {
		display:block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.3;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.pr004 {
		display:block;
		background: url("../mazax/images/bg.png") top center no-repeat;
		background-size: cover;
		padding: 130px 0 55px 0;
	}
	.pr004 .tit001 b {
		color: #FFF;
	}
	.pr004 .tit001 b:first-letter{
		color: #FFF;
	}
	.pr004 .tit001 span {
		color: #FFF;
	}
	.pr004 .flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 35px 0;
		position: relative;
		border: #e6e6e6 solid 10px;
		color: #FFF;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 16px;
	}
	.pr004 .flex .tit {
		flex-basis: 44%;

	}
	.pr004 .flex .tit .fx {
		display: flex;
		align-items:center;
		justify-content: space-between;
		position: relative;
		padding-left: 60px;
		padding-right: 30px;
	}
	.pr004 .flex .tit .fx::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		background: #e6e6e6;
		width: 48px;
		height: 2px;
	}
	.pr004 .flex .tit .fx::after {
		position:absolute;
		left: 0;
		z-index: 4;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		background: #FFF;
		width: 17px;
		height: 2px;
	}
	.pr004 .flex .tit span {
		display: block;
		font-size: 6.7rem;
		line-height: 0.9;
		font-weight: 200;
	}
	.pr004 .flex .tit h3 {
		display:block;
		font-size: 2.4rem;
		line-height: 1.4;
		flex-basis: 60%;
	}
	.pr004 .flex .txt {
		flex-basis: 55%;
		padding-left: 3%;
		margin-right: 3%;
		font-size: 1.5rem;
		line-height: 2.1;
		letter-spacing: 3px;
		font-weight: bold;
		min-height: 120px;
		display: flex;
		align-items: center;
		border-left: #FFF solid 2px;
	}
	.btn04 {
		display:block;
	}
	.btn04 a {
		display: block;
		text-align:center;
		position: relative;
		background: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.4;
		font-weight: bold;
		padding: 20px 0;
		color: #038ae9;
	}
	.btn04 a::after {
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/arrow4.png") right center no-repeat;
		width: 49px;
		height: 13px;
	}
	.btn04 a:hover::after {
		right: 5px;
	}
	.pr004 .btn04 {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
		margin-top: 30px;
	}
  .pr004 .btn04-list {
    display: flex;
    justify-content: center;
    max-width: none;
  }
  .pr004 .btn04-list a {
    width: 400px;
    margin-right: 15px;
    margin-left: 15px;
  }
	.pr005 {
		padding: 100px 0 0 0;
	}
	.pr005 .mt {
		display: block;
		text-align: center;
		font-weight: bold !important;
		line-height: 1.5;
		letter-spacing: 1px;
		font-size: 2.3rem;
		color: #0386e9;
		margin-left: 4%;
		margin-right: 4%;
		margin-bottom: 50px;
	}
	.pr005 .bg {
		background: #f5f5f5;
		padding: 55px 0;
	}
	.fix-1000 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.pr005 .fix-1000 {
		display: flex;
		justify-content: space-between;
	}
	.pr005 .fix-1000.cent {
		display: flex;
	}
	.pr005 .one {
		display: block;
		text-align: center;
		flex-basis: 30%;
	}
	.pr005 .fix-1000.cent .one {
		flex-basis: 47%;
	}
	.pr005 .one h3 {
		display: inline-block;
		color: #FFF;
		font-weight: 600;
		line-height: 1.3;
		font-size: 2.3rem;
		background: #038ae9;
		padding: 10px 35px;
		margin-bottom: 25px;
	}
	.pr005 .one .bord {
		display: block;
		border: #FFF solid 8px;
		text-align: center;
		padding: 40px;
	}
	.pr005 .one .bord img {
		display:inline-block;
		max-width: 100%;
	}
	.pr005 .one .bord p {
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 10px;
		font-weight: bold !important;
	}
	.pr005 .btn01 {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 55px;
	}
	.pr005 .btn01 a {
		font-size: 1.5rem;
		padding: 18px 0;
	}
	.pr006 {
		display: block;
		background: url("../mazax/images/bg2.jpg") top center no-repeat;
		background-size: cover;
		padding: 135px 0 85px 0;
	}
	.pr006 .tit001 b {
		color: #FFF;
	}
	.pr006 .tit001 b:first-letter{
		color: #FFF;
	}
	.pr006 .tit001 span {
		color: #FFF;
	}

	.caut-main {
		display: block;
		text-align: center;
		color: #fff100;
		background-color: rgb(19, 22, 25,0.7);
		padding: 40px;
	}
	.caut-main b {
		display: inline-block;
		padding-bottom: 8px;
		font-size: 3.4rem;
		letter-spacing: 2px;
		line-height: 1.2;
		border-bottom: #fff100 solid 3px;
	}
	.caut-main p {
		display: block;
		text-align: left;
		margin-top: 25px;
		max-width: 725px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.5rem;
		line-height: 1.9;
		font-weight: bold !important;
	}
	.caut-main p a {
		color: #FFF;
	}
	.pr006 .bord1 {
		display:block;
		margin-top: 20px;
		background: #FFF;
		border: #e6e6e6 solid 10px;
		padding: 40px 60px;
	}
	.pr006 .bord1 .p-title b {
		font-weight: bold;
		font-size: 2.3rem;
	}
	.pr006 .flex {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: #e6e6e6 solid 1px;
	}
	.pr006 .flex .lef {
		flex-basis: 17%;
	}
	.pr006 .flex figure {
		margin-right: 3%;
		width: 97%;
	}
	.pr006 .flex figure img {
		width: 100%;
	}
	.pr006 .flex .txt {
		flex-basis: 81%;
	}
	.pr006 .flex .txt ul {
		display: block;
	}
	.pr006 .flex .txt li {
		display: block;
		position: relative;
		font-weight: bold;
		line-height: 1.9;
		font-size: 1.5rem;
		padding-left: 20px;
	}
	.pr006 .flex .txt li::before {
		position:absolute;
		left: 0;
		top: 6px;
		content: "";
		border-radius: 50%;
		background: #222;
		width: 12px;
		height: 12px;
	}
	.pr006 .flex .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		font-weight: bold !important;
	}
	.pr006 .flex.two .lef {
		flex-basis: 35%;
	}
	.pr006 .flex.two .lef  figure {
		margin-right: 3%;
		float:left;
		width: 47%;
	}
	.pr006 .flex.two .txt {
		flex-basis: 63%;
	}
	.pr006 .flex.no .txt {
		flex-basis: 100%;
	}
	.pr006 .flex.bord-no {
		margin-bottom: 0px;
		border-bottom: none;
	}
	.pr007 {
		display:block;
		padding: 80px 0;
	}
	.acMenu dt{
		display:block;
		background: #038ae9;
		color: #FFF;
		font-size: 1.5rem;
		line-height: 1.4;
		font-weight: bold;
		cursor:pointer;
		position: relative;
		padding: 24px 100px;
		margin-top: 20px;
	}
	.acMenu dt::before {
		position:absolute;
		left: 15px;
		top: 10px;
		content: "";
		background: url("../mazax/images/Q.png") left top no-repeat;
		width: 49px;
		height: 49px;
	}
	.acMenu dt::after {
		position:absolute;
		right: 40px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		width: 7px;
		height: 7px;
		border-right: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.acMenu dt.open::after {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.acMenu dd{
		background: #e6e6e6;
		padding: 20px;
		display:none;
	}
	.acMenu dd .inn {
		background: #FFF;
		border-radius: 8px;
		position: relative;
		padding: 40px 40px 40px 110px;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
	}
	.acMenu dd .inn::before {
		position:absolute;
		left: 40px;
		top: 40px;
		content: "";
		background: url("../mazax/images/A.png") left top no-repeat;
		width: 49px;
		height: 49px;
	}
	.acMenu dd .inn a {
		color: #222;
		text-decoration: underline !important;
	}
	.acMenu dd .inn a:hover {
		text-decoration: none !important;
	}
	.product-links {
		display: block;
		padding: 0px 0 60px 0;
	}
	.product-links h3 {
		display: block;
		text-align: center;
	}
	.product-links h3 b {
		display: block;
		font-size: 1.5rem;
		line-height: 1.5;
		font-weight: bold;
		border-radius: 20px;
		background: #e6e6e6;
		max-width: 690px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding: 6px 0;
		color: #0386e9;
	}
	.product-links ul {
		display: block;
		text-align: center;
		border-bottom: #0386e9 solid 2px;
	}
	.product-links li {
		display: inline-block;
		width: 320px;
		margin: 40px 40px;
	}
	.product-links li a {
		display: block;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1;
		color: #0386e9;
		position: relative;
		text-decoration: none;
	}
	.product-links li a::after {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/arrow4.png") right center no-repeat;
		width: 49px;
		height: 13px;
	}
	.product-links li a:hover::after {
		right: -20px
	}
}
.p-title02.no {
	padding-left: 0px;
}
.p-title02.no::before {
	display: none;
}

/* ==================================================
	SERVICE
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.service01 {
		display:block;
		padding: 40px 0;
		text-align: center;
		background: url("../service/images/bg1.jpg") right center no-repeat;
		background-size: cover;
	}
	.service01 .fix-1200 {
		padding: 30px 15px;
		background: rgba(255,255,255,0.8);
	}
	.service01 p {
		text-align: left;
		font-weight: bold !important;
		line-height: 1.9;
		letter-spacing: 1px;
		font-family :YuMincho, 'Yu Mincho', serif;
		font-size: 1.5rem;
	}
	.service02 {
		display: block;
	}
	.service02 .flex {
		display:block;
		margin: 17px 0;
	}
	.service02 .flex .txt {
		margin-bottom: 20px;
		z-index: 10;
	}
	.service02 .flex .txt h3 {
		display: block;
		color: #0393e9;
		font-size: 1.7rem;
		letter-spacing: 1px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.service02 .flex .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		font-weight: bold;
		padding-bottom: 20px;
	}
	.service02 .flex figure {
		display: block;
	}
	.service02 .flex figure img {
		width: 100%;
	}
	.service02 .flex .txt .btn01 {
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;
	}
	.service02 .flex .txt .btn01 a {
		font-size: 1.5rem;
		padding: 14px 0;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.service01 {
		display:block;
		padding: 120px 0;
		text-align: center;
		background: url("../service/images/bg1.jpg") right center no-repeat;
		background-size: cover;
	}
	.service01 p {
		font-weight: bold !important;
		line-height: 2.3;
		letter-spacing: 3px;
		font-family :YuMincho, 'Yu Mincho', serif;
		font-size: 2rem;
	}
	.service02 {
		display: block;
	}
	.service02 .flex {
		display: flex;
		justify-content: space-between;
		position: relative;
		margin: 35px 0;
	}
	#mbg1 {
		background: url("../service/images/img1.jpg") top center no-repeat;
		background-size: cover;
	}
	#mbg2 {
		background: url("../service/images/img2.jpg") bottom center no-repeat;
		background-size: cover;
	}
	#mbg3 {
		background: url("../service/images/img3.jpg") top center no-repeat;
		background-size: cover;
	}
	#mbg4 {
		background: url("../service/images/img4.jpg") top center no-repeat;
		background-size: cover;
	}
	#mbg5 {
		background: url("../service/images/img5.jpg") bottom center no-repeat;
		background-size: cover;
	}
	.service02 .flex.ri {
		flex-direction: row-reverse;
	}
	.service02 .flex .txt {
		position: relative;
		flex-basis: 50%;
		padding: 45px;
		margin-top: 55px;
		background: rgba(255,255,255,0.9);
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);
		z-index: 10;
	}
	.service02 .flex .txt h3 {
		display: block;
		color: #0393e9;
		font-size: 3rem;
		letter-spacing: 4px;
		line-height: 1.6;
		margin-bottom: 30px;
	}
	.service02 .flex .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 2.1;
		font-weight: bold;
		padding-bottom: 40px;
	}
	.service02 .flex figure {
		flex-basis: 70%;
		margin-left: -25%;
	}
	.service02 .flex.ri figure {
		margin-right: -25%;
		margin-left: 0;
	}
	.service02 .flex figure img {
		width: 100%;
	}
	.service02 .flex .txt .btn01 {
		max-width: 320px;
	}
	.service02 .flex .txt .btn01 a {
		font-size: 1.5rem;
		padding: 14px 0;
	}
}


/* ==================================================
	COMPANY
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.company01 {
		display:block;
		background: url("../company/images/bg.jpg") top center no-repeat;
		background-size: cover;
		padding: 25px 0;
	}
	.company01 .fix-1200 {
		background: rgba(255,255,255,0.7);
		padding: 30px 0;
	}
	.company01 p {
		display: block;
		margin: 0 3%;
		font-size: 1.5rem;
		font-weight: bold !important;
		line-height: 2;
	}
	.company01 p span {
		display: block;
		text-align: right;
		margin-right: 5%;
		margin-top: 14px;
	}
	.company01 p span img {
		display: inline-block;
		max-width: 240px;
	}
	.company01 .pdf-bt {
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
	}
	.company01 .pdf-bt a::before {
		display: none;
	}
	.company-link {
		display: block;
		padding: 15px 0;
		background: #f0f0f0;
	}
	.company-youtube {
		padding: 30px 0;
	}
	.unker-links {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.unker-links li {
		flex-basis: 48%;
		padding: 5px 0;
	}
	.unker-links li a {
		display: block;
		position: relative;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.3;
		text-decoration: none !important;
		padding: 13px 0;
		background: #0393e9;
		color: #FFF;
	}
	.unker-links li a::after {
		position:absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		content: "";
		margin: auto;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-top: 4px solid #FFF;
	}
	.unker-links li a:hover {
		background: #333;
	}
	.company02 {
		display: block;
		padding: 35px 0;
	}
	.comp-tab {
		display: block;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
		border-left: #e6e6e6 solid 1px;
		border-top: #e6e6e6 solid 1px;
	}
	.comp-tab table th {
		display: block;
		text-align:left;
		vertical-align: middle;
		background: #e6e6e6;
		border-bottom: #FFF solid 1px;
		padding: 15px 2%;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.9;
	}
	table.pr-tab th:last-of-type {
		border-right: #e6e6e6 solid 3px;
	}
	.comp-tab table td {
		display: block;
		text-align:left;
		vertical-align: middle;
		border-right: #e6e6e6 solid 1px;
		border-bottom: #e6e6e6 solid 1px;
		padding: 15px 3%;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.9;
		background: #FFF;
	}
	.acc-txt {
		display: block;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
		margin-bottom: 25px;
	}
	.ifr {
		display: block;
	}
	.ifr iframe {
		width: 100%;
		height: 350px;
	}
	.rinen {
		display: block;
		text-align: center;
		font-size: 2.2rem !important;
		font-weight: bold !important;
		line-height:2;
		margin-bottom: 30px;
	}
	.policy-list {
		display: block;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding: 24px 20px;
		background: #EFEFEF;
	}
	.policy-list li {
		display: block;
		font-size: 1.5rem;
		line-height: 1.5;
		letter-spacing: 2px;
		margin: 13px 0;
	}
	.btn01.pol {
		margin-top: 20px;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.shop-txt {
		display: block;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
		margin-bottom: 25px;
	}
	.product-links.company{
		margin-top: 35px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.company01 {
		display:block;
		background: url("../company/images/bg.jpg") top center no-repeat;
		background-size: cover;
		padding: 45px 0;
	}
	.company01 .fix-1200 {
		background: rgba(255,255,255,0.7);
		padding: 70px 0;
	}
	.company01 p {
		display: block;
		text-align: center;
		margin: 0 3%;
		font-size: 1.6rem;
		font-weight: bold !important;
		line-height: 2;
	}
	.company01 p span {
		display: block;
		text-align: right;
		margin-right: 14%;
		margin-top: 14px;
	}
	.company01 p span img {
		display: inline-block;
		max-width: 300px;
	}
	.company01 .pdf-bt {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
	}
	.company01 .pdf-bt a::before {
		display: none;
	}
	.company-link {
		display: block;
		padding: 30px 0;
		background: #f0f0f0;
	}
	.unker-links {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.company-youtube {
		padding: 70px 0;
	}
	.unker-links li {
		flex-basis: 23%;
	}
	.unker-links li a {
		display: block;
		position: relative;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.3;
		text-decoration: none !important;
		padding: 13px 0;
		background: #0393e9;
		color: #FFF;
	}
	.unker-links li a::after {
		position:absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		content: "";
		margin: auto;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-top: 4px solid #FFF;
	}
	.unker-links li a:hover {
		background: #333;
	}
	.company02 {
		display: block;
		padding: 70px 0;
	}
	.comp-tab {
		display: block;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
		border-left: #e6e6e6 solid 1px;
		border-top: #e6e6e6 solid 1px;
	}
	.comp-tab table th {
		text-align:left;
		vertical-align: middle;
		background: #e6e6e6;
		border-bottom: #FFF solid 1px;
		padding: 23px 2%;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.9;
		width: 23%;
	}
	table.pr-tab th:last-of-type {
		border-right: #e6e6e6 solid 3px;
	}
	.comp-tab table td {
		text-align:left;
		vertical-align: middle;
		border-right: #e6e6e6 solid 1px;
		border-bottom: #e6e6e6 solid 1px;
		padding: 23px 3%;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.9;
		background: #FFF;
	}
	.acc-txt {
		display: block;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
		text-align: center;
		margin-bottom: 35px;
	}
	.ifr {
		display: block;
	}
	.ifr iframe {
		width: 100%;
		height: 450px;
	}
	.rinen {
		display: block;
		text-align: center;
		font-size: 3.2rem !important;
		font-weight: bold !important;
		line-height:2;
		margin-bottom: 40px;
	}
	.policy-list {
		display: block;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding: 24px 40px;
		background: #EFEFEF;
	}
	.policy-list li {
		display: block;
		font-size: 1.8rem;
		line-height: 1.5;
		letter-spacing: 2px;
		margin: 13px 0;
	}
	.btn01.pol {
		margin-top: 40px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.shop-txt{
		display: block;
		font-size: 1.5rem;
		line-height: 2;
		font-weight: bold !important;
		text-align: center;
		margin-bottom: 35px;
	}
	.product-links.company{
		margin-top: 80px;
	}
}


/* ==================================================
	comparison
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.categorys {
		display:block;
		padding: 20px 0;
		background: #f0f0f0;
	}
	.categorys ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.categorys ul li {
		flex-basis: 48%;
		padding: 5px 0;
	}
	.categorys ul li a {
		display: block;
		position: relative;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.3;
		text-decoration: none !important;
		padding: 13px 0;
		background: #0393e9;
		color: #FFF;
	}
	.categorys ul li.cl2 a {
		background:#F35C22;
	}
	.categorys ul li a::after {
		position:absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		content: "";
		margin: auto;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-top: 4px solid #FFF;
	}
	.categorys ul li a:hover {
		background: #333;
	}
	.item-wrap {
		display: block;
		padding: 35px 0;
	}
	.item-wrap .flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item-wrap .flex li {
		flex-basis: 48%;
		background: #FFF;
		outline: #afdffb solid 2px;
		margin-bottom: 35px;
		position: relative;
	}
	.item-wrap .flex li.cl2 {
		outline: #F35C22 solid 5px;
	}
	.item-wrap .flex li:nth-child(4n+1) {
		margin-left: 0px;
	}
	.item-wrap.discon .flex li {
    outline-color: #ddd !important;
	}
	.subico {
		position:absolute;
		left: -4px;
		top: -4px;
		z-index: 5;
	}
	.tky {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#D10306;
		padding: 2px 5px;
		font-size: 1.1rem;
	}
	.net {
		display: inline-block;
		text-align: center;
		color: #222;
		background:#FCEB06;
		padding: 2px 5px;
		font-size: 1.1rem;
	}
	.ssi {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#1C4AC8;
		padding: 2px 5px;
		font-size: 1.1rem;
	}
	.ecc {
		display: inline-block;
		text-align: center;
		color: #222;
		background:#69DC33;
		padding: 2px 5px;
		font-size: 1.1rem;
	}
	.sdg {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#E46706;
		padding: 2px 5px;
		font-size: 1.1rem;
	}
	.item-wrap .flex li figure {
		display: block;
		/*background: #f0f0f0;*/
		text-align: center;
		margin: 10px;
	}
	.item-wrap .flex li figure img {
		display: inline-block;
		max-width: 100%;
	}
	.item-wrap .flex li h4 {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-size: 1.8rem;
		line-height: 1;
		font-weight: bold;
		color: #049ae9;
	}
	.colors {
		display: block;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.colors b {
		display:block;
		color: #FFF;
		text-align: center;
		background: #049ae9;
		padding: 4px;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: bold;
	}
	.colors .fl {
		display:flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		background: #EFEFEF;
	}
	.colors .fl span {
		display: block;
		flex-basis:28%;
		padding: 1%;
		background: #FFF;
		border: #222 solid 1px;
	}
	.colors .fl span img {
		width: 100%+
	}
	.m-c01 {
	}
	.colors .fl p {
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold !important;
		flex-basis: 60%;
	}
	.item-wrap .flex li .bt {
		display: block;
		margin-left: 10px;
		margin-right: 10px;
		padding-bottom: 15px;
	}
	.item-wrap .flex li .bt a {
		display: block;
		text-align: center;
		background: #222;
		color: #FFF;
		text-decoration: none !important;
		font-weight: bold;
		line-height: 1.2;
		font-size: 1.4rem;
		padding: 12px 0;
	}
	.item-wrap .flex li .bt a:hover {
		background: #049ae9;
	}
	.mot {
		display: block;
		text-align: center;
		font-size: 1.2rem !important;
		line-height: 1.4 !important;
		font-weight: bold !important;
		margin-bottom: 10px;
	}
	.fin {
		font-size: 1.1rem !important;
		font-weight: bold !important;
    text-align: center !important;
	}
	.btn01.on-comparison {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.categorys {
		display:block;
		padding: 35px 0;
		background: #f0f0f0;
	}
	.categorys ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.categorys.v3 ul {
		flex-wrap: nowrap;
	}
	.categorys ul li {
		flex-basis: 18%;
	}
	.categorys.v2 ul li {
		flex-basis: 15.6%;
	}
	.categorys.v3 ul li:nth-of-type(n+2) {
		margin-left: 10px;
	}
	.categorys ul li a {
		display: block;
		position: relative;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.3;
		text-decoration: none !important;
		padding: 13px 0;
		background: #0393e9;
		color: #FFF;
	}
	.categorys ul li.cl2 a {
		background:#F35C22;
	}
	.categorys ul li a::after {
		position:absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		content: "";
		margin: auto;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-top: 4px solid #FFF;
	}
	.categorys ul li a:hover {
		background: #333;
	}
	.item-wrap {
		display: block;
		padding: 70px 0;
	}
	.item-wrap .flex {
		display: flex;
		flex-wrap: wrap;
	}
	.item-wrap .flex li {
		margin-left: 35px;
  		flex-basis: calc((100% - (35px * 3)) / 4 - .01px);
		background: #FFF;
		outline: #afdffb solid 5px;
		margin-bottom: 35px;
		position: relative;
	}
	.item-wrap .flex li.cl2 {
		outline: #F35C22 solid 5px;
	}
	.item-wrap.discon .flex li {
    outline-color: #ddd !important;
	}
	.subico {
		position:absolute;
		left: -13px;
		top: -13px;
		z-index: 5;
	}
	.tky {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#D10306;
		padding: 4px 10px;
		font-size: 1.4rem;
	}
	.net {
		display: inline-block;
		text-align: center;
		color: #222;
		background:#FCEB06;
		padding: 4px 10px;
		font-size: 1.4rem;
	}
	.ssi {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#1C4AC8;
		padding: 4px 10px;
		font-size: 1.4rem;
	}
	.ecc {
		display: inline-block;
		text-align: center;
		color: #222;
		background:#69DC33;
		padding: 4px 10px;
		font-size: 1.4rem;
	}
	.sdg {
		display: inline-block;
		text-align: center;
		color: #FFF;
		background:#E46706;
		padding: 4px 10px;
		font-size: 1.4rem;
	}
	.item-wrap .flex li:nth-child(4n+1) {
		margin-left: 0px;
	}
	.item-wrap .flex li figure {
		display: block;
		/*background: #f0f0f0;*/
		text-align: center;
		margin: 20px;
	}
	.item-wrap .flex li figure img {
		display: inline-block;
		max-width: 100%;
	}
	.item-wrap .flex li h4 {
		display: block;
		text-align: center;
		margin-bottom: 15px;
		font-size: 2.1rem;
		font-weight: bold;
		color: #049ae9;
	}
	.colors {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.colors b {
		display:block;
		color: #FFF;
		text-align: center;
		background: #049ae9;
		padding: 4px;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: bold;
	}
	.colors .fl {
		display:flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		background: #EFEFEF;
	}
	.colors .fl span {
		display: block;
		flex-basis:28%;
		background: #FFF;
		padding: 1%;
		/*height: 40px;*/
		border: #222 solid 1px;
	}
	.colors .fl span img {
		width: 100%;
	}
	.m-c01 {
		/*background: #b8bab7;*/
	}
	.colors .fl p {
		font-size: 1.5rem;
		line-height: 1;
		font-weight: bold !important;
		flex-basis: 60%;
	}
	.item-wrap .flex li .bt {
		display: block;
		margin-left: 20%;
		margin-right: 20%;
		padding-bottom: 20px;
	}
	.item-wrap .flex li .bt a {
		display: block;
		text-align: center;
		background: #222;
		color: #FFF;
		text-decoration: none !important;
		font-weight: bold;
		line-height: 1.2;
		font-size: 1.5rem;
		padding: 12px 0;
	}
	.item-wrap .flex li .bt a:hover {
		background: #049ae9;
	}
	.mot {

		text-align: center;
		font-size: 1.3rem !important;
		line-height: 1.4 !important;
		font-weight: bold !important;
		margin-bottom: 10px;
	}
	.mot.v2 {
		display:flex;
		width: 100%;
		height: 30px;
		align-items:center;
		justify-content: center;
	}
	.fin {
		font-size: 1.4rem !important;
		font-weight: bold !important;
    text-align: center !important;
	}
	.btn01.on-comparison {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* ==================================================
	download
================================================== */
.download-news-wrap .t-info dl:first-of-type {
	border-top: #66b8ec solid 1px;
  padding-top: 20px;
}
.download-news-wrap .t-info dl {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: #66b8ec solid 1px;
}

.download-news-wrap .t-info dl dt {
	flex-basis: 10%;
	font-size: 1.45rem;
	line-height: 1.5;
	font-weight: normal;
}

.download-news-wrap .t-info dl dd {
	flex-basis: 89%;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: normal;
}

.download-news-wrap .t-info dl dd a {
	text-decoration: none !important;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.download-news-wrap {
		margin-bottom: 35px;
	}

	.down01 {
		display:block;
		padding: 35px 0;
	}
	.down01 .download {
		border: #EFEFEF solid 10px;
		padding: 20px;
	}
	.dl__search-form {
		display: block;
		text-align: center;
		margin-top: 20px;
	}
	.ni001 {
		height: 36px;
		font-size: 1.2rem;
		width: 41%;
		border: #EFEFEF solid 2px;
	}
	.spt {
		background: #222;
		color: #FFF;
		border: 0px;
		min-width: 50px;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.1rem;
	}
	.bloc {
		display: block;
		margin-bottom: 35px;
	}
	.anchor_inner {
		display: block;
	}
	.anchor_inner a {
		display: block;
		margin-bottom: 15px;
		border: #EFEFEF solid 2px;
		color: #222;
		text-decoration: none !important;
		font-size: 1.5rem;
		line-height: 1.5;
		padding: 18px 50px 18px 20px;
		position: relative;
	}
	.anchor_inner a::after {
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../news/images/pdf-256_32_35904.png") left top no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 30px;
	}
	.anchor_inner a:hover {
		border: #0068b7 solid 2px;
		color: #0068b7;
	}
	.acMenu2 dt{
		display:flex;
		align-items: center;
		justify-content: space-between;
		background: #FFF;
		border: #EFEFEF solid 2px;
		color: #FFF;
		font-size: 1.5rem;
		color: #222;
		line-height: 1.4;
		cursor:pointer;
		position: relative;
		padding: 5px 70px 5px 25px ;
		margin-top: 20px;
	}
	.acMenu2 dt b {
		font-weight: normal;
	}
	.acMenu2 dt span {
		width: 40px;
	}
	.acMenu2 dt span img {
		width: 100%;
	}
	.acMenu2 dt::after {
		position:absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		width: 12px;
		height: 12px;
		border-right: 2px solid #038ae9;
		border-bottom: 2px solid #038ae9;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.acMenu2 dt.open::after {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.acMenu2 dd{
		padding: 20px;
		display:none;
	}
	.w33per {
		width: 33% !important;
	}
	.w12per {
		width: 12% !important;
	}
	.pd-ic {
		width: 30px;
	}
	.pdf_guide {
		display:block;
		background: #EFEFEF;
		padding: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.pdf_guide .row {
		display:flex;
		align-items: center;
		justify-content: center;
		margin-top: 15px;
	}
	.col-xs-9 {
		margin-left: 20px;
		font-size: 1.6rem;
		line-height: 1;
	}
  .download-news-wrap .t-info dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .download-news-wrap .t-info dl:first-of-type {
    padding-top: 10px;
  }
  .download-news-wrap .t-info dl dt {
    margin-bottom: 7px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
  }
  .download-news-wrap .t-info dl dd {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
  }
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.download-news-wrap {
		margin-bottom: 55px;
	}

	.down01 {
		display:block;
		padding: 70px 0;
	}
	.down01 .download {
		border: #EFEFEF solid 10px;
		padding: 45px;
	}
	.dl__search-form {
		display: block;
		margin-top: 40px;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.ni001 {
		width: 280px;
		height: 46px;
		font-size: 1.5rem;
		border: #EFEFEF solid 2px;
	}
	.spt {
		background: #222;
		color: #FFF;
		border: 0px;
		width: 70px;
		height: 50px;
		font-size: 1.5rem;
    cursor: pointer;
	}
	.bloc {
		display: block;
		margin-bottom: 55px;
	}
	.anchor_inner {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.anchor_inner a {
		flex-basis: 44%;
		margin-bottom: 15px;
		border: #EFEFEF solid 2px;
		color: #222;
		text-decoration: none !important;
		font-size: 1.5rem;
		line-height: 1.5;
		padding: 18px 30px;
		position: relative;
	}
	.anchor_inner a::after {
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../news/images/pdf-256_32_35904.png") left top no-repeat;
		background-size: 100% auto;
		width: 27px;
		height: 30px;
	}
	.anchor_inner a:hover {
		border: #0068b7 solid 2px;
		color: #0068b7;
	}
	.acMenu2 dt{
		display:flex;
		align-items: center;
		justify-content: space-between;
		background: #FFF;
		border: #EFEFEF solid 2px;
		color: #FFF;
		font-size: 1.8rem;
		color: #222;
		line-height: 1.4;
		cursor:pointer;
		position: relative;
		padding: 5px 70px 5px 25px ;
		margin-top: 20px;
	}
	.acMenu2 dt b {
		font-weight: normal;
	}
	.acMenu2 dt span {
		width: 60px;
	}
	.acMenu2 dt span img {
		width: 100%;
	}
	.acMenu2 dt::after {
		position:absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin:auto;
		content: "";
		width: 12px;
		height: 12px;
		border-right: 2px solid #038ae9;
		border-bottom: 2px solid #038ae9;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.acMenu2 dt.open::after {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.acMenu2 dd{
		padding: 20px;
		display:none;
	}
	.w33per {
		width: 33% !important;
	}
	.w12per {
		width: 12% !important;
	}
	.pd-ic {
		width: 30px;
	}
	.pdf_guide {
		display:block;
		background: #EFEFEF;
		padding: 40px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.pdf_guide .row {
		display:flex;
		align-items: center;
		justify-content: center;
		margin-top: 25px;
	}
	.col-xs-9 {
		margin-left: 20px;
		font-size: 1.6rem;
		line-height: 1;
	}
}



/* ==================================================
	column css
================================================== */
#main {
  top: 0;
}
.container {
	position: relative;
	width: 1000px !important;
	margin: 0 auto;
	box-sizing: border-box;
}
.colum_box {
	position: relative;
	margin-bottom: 70px;
	border: 1px solid #dedfda;
	background: #faf9f5;
	padding: 60px 50px;
}
.colum_box .category{
	position: absolute;
	top: 0;
	left: 0;
	background: #c80010;
	color: #fff;
	border-radius: 0 0 10px 0;
	padding: 10px 16px;
	line-height: 1;
}
.colum_box .tag_list {
	margin-bottom: 26px;
}
.colum_box .tag_list ul{
	overflow: hidden;
	margin-right: -5px;
}
.colum_box .tag_list li{
	float: left;
	margin: 0 5px 5px 0;
}
.colum_box .tag_list li a{
	display: block;
	text-align: center;
	background-color: #fff;
	background-image: url(../common_img/ico_category_tag.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 18px 0 30px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	font-size: 1.1rem;
	line-height: 23px;
}
.colum_box .date {
	margin-bottom: 11px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #959595;
}
.colum_box .ttl {
	margin-bottom: 30px;
	font-size: 2.5rem;
	font-weight: bold;
	text-decoration: underline;
}
.colum_box .photo {
	margin-bottom: 36px;
}
.colum_box .comment p {
	margin-bottom: 1em;
	font-size: 1.4rem;
	line-height: 2.1;
}
.colum_box table,
.colum_box th,
.colum_box td {
  padding: 0.25em 0.5em;
  border: 1px solid #ddd;
}
.writer {
	background: #f2f2f2;
	padding: 18px 50px;
	overflow: hidden;
}
.writer .photo {
	float: left;
	width: 150px;
}
.writer .profile {
	padding-left: 180px;
	font-size: 1.4rem;
}
.writer .name {
	margin-bottom: 20px;
	letter-spacing: 0.04em;
}
/*.writer .name span {
	font-size: 2.1rem;
	font-weight: bold;
}*/
.writer .comment p {
	line-height: 1.8;
}


@media screen and (max-width:639px) {
    .colum_box {
		margin: 0 0 30px;
		padding: 50px 15px 15px;
    }
	.colum_box .ttl {
		font-size: 1.8rem;
	}
	.writer {
		padding: 15px;
	}
	.writer .photo {
		margin-bottom: 15px;
		float: none;
		width: auto;
		text-align: center;
	}
	.writer .profile {
		padding: 0;
	}
}


#case_list .row{
	margin: 0 -8px;
}
#case_list .outer{
	margin: 0 8px 30px;
}
#case_list .photo{
	position: relative;
	text-align: center;
}
#case_list .photo img{
	width: 100%;
}
#case_list .photo .category{
	position: absolute;
	top: 0;
	left: 0;
	background: #c80010;
	color: #fff;
	border-radius: 0 0 10px 0;
	padding: 10px 16px;
	line-height: 1;
}
#case_list .inner {
	background: #f2f2f2;
	padding: 18px 15px 10px;
}
#case_list .inner .ttl {
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: underline;
}
#case_list .inner .tag_list {
	margin-bottom: 5px;
}
#case_list .inner .tag_list ul{
	overflow: hidden;
	margin-right: -5px;
}
#case_list .inner .tag_list li{
	float: left;
	margin: 0 5px 5px 0;
}
#case_list .inner .tag_list li a{
	display: block;
	text-align: center;
	background-color: #fff;
	background-image: url(../common_img/ico_category_tag.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 18px 0 30px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	font-size: 1.1rem;
	line-height: 23px;
}
#case_list .inner .date {
	text-align: right;
	font-size: 1.7rem;
	font-weight: bold;
	color: #959595;
}

.side_nav a,
.detail a{
	color: #666;
	text-decoration: none !important;
}
.side_nav a:hover,
.detail a:hover{
	text-decoration: underline;
}
#category {
	margin-bottom: 55px;
}
.comment {
	font-size: 1.5rem;
	line-height: 2;
}


/* ==================================================
	product-detail
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.fix-1000_2 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.fix-1000_2 h2 {
		display: block;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	.fix-1000_2 ul {
		display: block;
		margin-bottom: 25px;
	}
	.fix-1000_2 li {
		display: block;
		list-style-type: circle;
		margin-left: 20px;
		font-size: 1.5rem;
		line-height: 1.6;
		margin: 7px 0;
	}
	.zink-img {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.zink-img dd {
		flex-basis: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	.zink-img dd img {
		width: 100%;
	}
	.seinou table {
		width: 97%;
		border-top: #e6e6e6 solid 2px;
		border-left: #e6e6e6 solid 2px;
		margin-bottom: 10px;
	}
	.seinou table th {
		width: 36%;
		text-align: center;
		vertical-align: middle;
		background: #e6e6e6;
		text-align: center;
		padding: 5px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.2rem;
		border-bottom: #e6e6e6 solid 3px;
	}
	.seinou table td {
		width: 34%;
		text-align: center;
		vertical-align: middle;
		padding: 5px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.2rem;
		border-bottom: #e6e6e6 solid 3px;
		border-right: #e6e6e6 solid 3px;
	}
	.fa-bt {
		margin-top: 24px;
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;
	}
	.pr05-tab {
		margin-left: 4%;
		margin-right: 4%;
	}
	.pr05-tab table {
		width: 100%;
		border-collapse: collapse;
		border-left: #CCC solid 1px;
		border-top: #CCC solid 1px;
	}
	.pr05-tab table img {
		width: 100%;
		max-width: 150px;
	}
	.pr05-tab table th {
		padding: 10px 0;
		font-size: 1.2rem;
		line-height: 1.7;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		background: #c9e8fe;
		border-right: #CCC solid 1px;
		border-bottom: #CCC solid 1px;
	}
	.pr05-tab table th.bgs {
		color: #FFF;
		background: #038be9;
	}
	.pr05-tab table th:nth-child(2),
	.pr05-tab table th:nth-child(3) {
		width: 23%;
	}
	.pr05-tab table td {
		padding: 5px 1%;
		font-size: 1.2rem;
		line-height: 1.7;
		font-weight: bold;
		text-align: center;
		background: #FFF;
		border-right: #CCC solid 1px;
		border-bottom: #CCC solid 1px;
	}
	.pr05-tab table td.nas {
		vertical-align: middle;
		font-weight: bold;
		color: #038be9;
		width: 20%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.fix-1000_2 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.fix-1000_2 h2 {
		display: block;
		text-align: center;
		font-size: 2.8rem;
		line-height: 1.5;
		margin-bottom: 35px;
	}
	.fix-1000_2 ul {
		display: block;
		margin-bottom: 35px;
	}
	.fix-1000_2 li {
		display: block;
		list-style-type: circle;
		margin-left: 20px;
		font-size: 1.6rem;
		line-height: 1.6;
		margin: 7px 0;
	}
	.wflow {
		display: block;
		margin: 20px 0;
		padding: 20px;
		background: #FFF;
		text-align: center;
	}
	.wflow img {
		display: inline-block;
		max-width: 100%;
	}
	.zink-img {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.zink-img dd {
		margin-left: 15px;
  		flex-basis: calc((100% - (15px * 4)) / 5 - .01px);
		margin-bottom: 15px;
	}
	.zink-img dd:nth-child(5n+1) {
		margin-left: 0px;
	}
	.zink-img dd img {
		width: 100%;
	}
	.seinou table {
		width: 97%;
		border-top: #e6e6e6 solid 3px;
		border-left: #e6e6e6 solid 3px;
		margin-bottom: 10px;
	}
	.seinou table th {
		width: 26%;
		text-align: center;
		vertical-align: middle;
		background: #e6e6e6;
		text-align: center;
		padding: 5px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.4rem;
		border-bottom: #e6e6e6 solid 3px;
	}
	.seinou table td {
		width: 44%;
		text-align: center;
		vertical-align: middle;
		padding: 5px 2%;
		font-weight: bold;
		line-height: 1.5;
		font-size: 1.4rem;
		border-bottom: #e6e6e6 solid 3px;
		border-right: #e6e6e6 solid 3px;
	}
	.fa-bt {
		margin-top: 40px;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}
	.pr05-tab {
		display: block;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.pr05-tab table {
		width: 100%;
		border-collapse: collapse;
		border-left: #CCC solid 2px;
		border-top: #CCC solid 2px;
	}
	.pr05-tab table img {
		width: 100%;
		max-width: 150px;
	}
	.pr05-tab table th {
		padding: 14px 0;
		font-size: 1.5rem;
		line-height: 1.7;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		background-color: #4493ea;
		border-right: #CCC solid 2px;
		border-bottom: #CCC solid 2px;
	}
	.pr05-tab table th.w29p {
		width: 29%;
	}
	.pr05-tab table th.w13p {
		width: 13%;
	}
	.pr05-tab table th.bgs {
		color: #FFF;
		background: #038be9;
	}
	.pr05-tab table td {
		padding: 14px 2%;
		font-size: 1.5rem;
		line-height: 1.7;
		font-weight: bold;
		text-align: center;
		background: #FFF;
		border-right: #CCC solid 2px;
		border-bottom: #CCC solid 2px;
	}
	.pr05-tab table td.nas {
		vertical-align: middle;
		font-weight: bold;
		color: #038be9;
		width: 25%;
	}
}
.pr05-tab table td.bg01 {
	background-color: #e5f0fc;
}
.pr05-tab table td.bg02 {
	background-color: #bcd8f7;
}

.product-title#gz52 {
    background:url("../gz52/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#aquashield {
    background:url("../aquashield/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#galvarcoat {
    background:url("../galvarcoat/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincputty {
    background:url("../zincputty/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincplus-m {
    background:url("../zincplus-m/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincblack {
    background:url("../zincblack/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#heatzinc {
    background:url("../heatzinc/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#ep-next {
    background:url("../ep-next/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincz96 {
    background:url("../zincz96/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#superzinc {
    background:url("../superzinc/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#lustrezinc {
    background:url("../lustrezinc/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#repairzinc {
    background:url("../repairzinc/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincplus {
    background:url("../zincplus/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title._g#zincplus {
    background:url("../zincplus/images/pagettl_img2.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#zincplus-l {
    background:url("../zincplus-l/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#varnishremover {
    background:url("../varnishremover/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#mekkiguard {
    background:url("../mekkiguard/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
.product-title#whiterustremover {
    background:url("../whiterustremover/images/pagettl_img.jpg") center bottom no-repeat;
    background-size: cover;
}
@media print, screen and (min-width: 640px) and (max-width: 999px) {
	.fix-1000_2 {
		margin-left: 4%;
		margin-right: 4%;
	}
}
.w100f {
	flex-basis: 100% !important;
}

.highlight {
  font-weight: bold;
  background-color: Yellow;
}

.ly_youtube {
	text-align: center;
}


/* ==================================================
	20211027
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.fqs {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.u-flow {
		display: block;
	}
	.u-flow ul {
		display: block;
	}
	.u-flow li {
		position: relative;
		margin-bottom: 20px;
	}
	.u-flow li::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "01";
		z-index: 5;
		width: 100px;
		text-align: center;
		padding: 13px 0;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		background: #e2a429;
		border-radius: 0 0 20px 0;
	}
	.u-flow li:nth-child(2)::before {
		content: "02";
	}
	.u-flow li:nth-child(3)::before {
		content: "03";
	}
	.u-flow li:nth-child(4)::before {
		content: "04";
	}
	.u-flow li:nth-child(5)::before {
		content: "05";
	}
	.u-flow li:nth-child(6)::before {
		content: "06";
	}
	.u-flow li:nth-child(7)::before {
		content: "07";
	}
	.u-flow li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.u-flow li figure {
		display: block;
		position: relative;
	}
	.u-flow li img {
		width: 100%;
	}
	.u-flow li p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.6;
		margin-top: 10px;
		font-weight: bold !important;
	}
	.mts2 {
		display: block;
		font-size: 1.5rem;
		font-weight: bold !important;
		line-height: 1.9;
		margin-bottom: 30px;
	}
	.title03 {
		display: block;
		font-weight: bold !important;
		font-size: 2rem;
		letter-spacing: 2px;
		line-height: 1.6;
		margin-bottom: 20px;
		color: #e06a08;
	}
	.yer-blou {
		color: #0960E7;
	}
	.ly_youtube {
		position: relative;
		height: 0;
		padding-top: 52%;
	 }
	.ly_youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.fqs {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}

	.u-flow {
		display: block;
	}
	.u-flow ul {
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.u-flow.v2 ul {
		justify-content: space-between;
	}
	.u-flow li {
		margin-left: 75px;
  		flex-basis: calc((100% - (75px * 2)) / 3 - .01px);
		position: relative;
		margin-bottom: 60px;
	}
	.u-flow li::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "01";
		z-index: 5;
		width: 100px;
		text-align: center;
		padding: 13px 0;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		background: #e2a429;
		border-radius: 0 0 20px 0;
	}
	.u-flow li:nth-child(2)::before {
		content: "02";
	}
	.u-flow li:nth-child(3)::before {
		content: "03";
	}
	.u-flow li:nth-child(4)::before {
		content: "04";
	}
	.u-flow li:nth-child(5)::before {
		content: "05";
	}
	.u-flow li:nth-child(6)::before {
		content: "06";
	}
	.u-flow li:nth-child(7)::before {
		content: "07";
	}
	.u-flow li:nth-child(8)::before {
		content: "08";
	}
	.u-flow li:nth-child(9)::before {
		content: "09";
	}
	.u-flow li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.u-flow li figure {
		display: block;
		position: relative;
	}
	.u-flow li:nth-child(3n) figure::after,
	.u-flow li:nth-child(5) figure::after{
		display: none;
	}
	.u-flow li figure::after {
		position: absolute;
		right: -75px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-left: 24px solid #7a0;
	}
	.u-flow li img {
		width: 100%;
	}
	.u-flow li p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.6;
		margin-top: 10px;
		font-weight: bold !important;
	}
	.mts2 {
		display: block;
		font-size: 1.5rem;
		font-weight: bold !important;
		line-height: 1.9;
		margin-bottom: 30px;
	}
	.title03 {
		display: block;
		font-weight: bold !important;
		font-size: 2rem;
		letter-spacing: 2px;
		line-height: 1.6;
		margin-bottom: 20px;
		color: #e06a08;
	}
	.mt60 {
		margin-top: 60px;
	}
	.yer-blou {
		color: #0960E7;
	}
	.fx-100p {
		flex-basis: 100% !important;
	}
	.u-flow.v2 li:nth-child(5) figure::after{
		display:block;
	}
	.u-flow.v2 li:nth-child(7) figure::after{
		display:none;
	}
	.tui001 {
		display: block;
		font-size: 1.7rem;
		margin-top: 10px;
	}
}

.pr005 .bord.no {
	border: none ;
}
.siyou li.no {
	padding-left: 0px;
}
.siyou li.no::before {
	display: none;
}


/* ==================================================
	DX
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.dx-box01 {
		display: block;
		position: relative;
		padding: 30px 0 30px 0;
	}
	.dx-box01 .fix-1200 {
		position: relative;
		padding: 140px 0 0 0;
	}
	.dx-box01 .fix-1200::before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 220px;
		content: "";
		background: url("../dx/images/pixta_74962729_L.jpg") center center no-repeat;
		background-size: cover;
	}
	.dx-box01 .txt {
		position: relative;
		z-index: 5;
		background: rgba(255,255,255,0.9);
		padding: 20px 3%;
		margin-left: 15px;
		margin-right: 15px;
	}
	.dx-box01 .txt .title02 {
		text-align: left;
		font-size: 2rem;
	}
	.dx-box01 .txt .title02::after {
		left: 0;
		right: auto;
	}
	.dx-box01 .txt p {
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 20px;
	}
	.dx-box01 .txt .names2 {
		display: block;
	}
	.dx-box01 .txt .names2::after {
		clear: both;
		content: "";
		width: 100%;
		height: 1px;
		display: block;
	}
	.dx-box01 .txt .names2 p {
		display: block;
		text-align: right;
		margin-bottom: 0px;
		line-height: 1.3;
	}
	.dx-box01 .txt .names2 p small {
		display: block;
		text-align: right;
		font-size: 1.3rem;
		margin-right: 10px;
	}
	.dx-box01 .txt .names2 p img {
		display: inline-block;
		max-width: 140px;
	}
	.dx-box02 {
		display: block;
		padding: 35px 0;
	}
	.dx-box02 h2 {
		color: #0256D7;
		font-size: 2.1rem;
	}
	.dx-box02 p {
		font-size: 1.5rem;
		line-height: 1.9;
	}
	dl.digital_box1{
		margin-top: 10px;
		font-size: 1.5rem;
		line-height: 1.9;
	}
	dl.digital_box1 dt{
		font-weight: bold;
		line-height: 1.9;
	}
	dl.digital_box1 dd{
		margin-bottom: 15px;
		line-height: 1.9;
	}
	ul.digital_box2{
		margin: 20px 0 0 20px;
		font-size: 1.5rem;
		line-height: 1.9;
		list-style-type: decimal;
	}
	ul.digital_box2 li{
		margin-bottom: 5px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.dx-box01 {
		display: block;
		position: relative;
		padding: 30px 0 70px 0;
	}
	.dx-box01 .fix-1200 {
		position: relative;
		padding: 60px 0;
	}
	.dx-box01 .fix-1200::before {
		position: absolute;
		left: 0;
		top: 0;
		width: 67%;
		height: 100%;
		content: "";
		background: url("../dx/images/pixta_74962729_L.jpg") center center no-repeat;
		background-size: cover;
	}
	.dx-box01 .txt {
		position: relative;
		z-index: 5;
		background: rgba(255,255,255,0.9);
		margin-left: 40%;
		padding: 45px 5%;
	}
	.dx-box01 .txt .title02 {
		text-align: left;
	}
	.dx-box01 .txt .title02::after {
		left: 0;
		right: auto;
	}
	.dx-box01 .txt p {
		font-size: 1.6rem;
		line-height: 2;
		margin-bottom: 25px;
	}
	.dx-box01 .txt .names2 {
		display: block;
	}
	.dx-box01 .txt .names2::after {
		clear: both;
		content: "";
		width: 100%;
		height: 1px;
		display: block;
	}
	.dx-box01 .txt .names2 p {
		display:flex;
		justify-content: space-between;
		align-items: center;
		float: right;
		margin-bottom: 0px;
		line-height: 1.3;
	}
	.dx-box01 .txt .names2 p small {
		display: block;
		font-size: 1.5rem;
		margin-right: 15px;
	}
	.dx-box01 .txt .names2 p img {
		max-width: 170px;
	}
	.dx-box02 {
		display: block;
		padding: 70px 0;
	}
	.dx-box02 h2 {
		color: #0256D7;
	}
	dl.digital_box1{
		margin-top: 10px;
		font-size: 1.6rem;
	}
	dl.digital_box1 dt{
		font-weight: bold;
	}
	dl.digital_box1 dd{
		margin-bottom: 15px;
	}
	ul.digital_box2{
		margin: 20px 0 0 20px;
		font-size: 1.6rem;
		list-style-type: decimal;
	}
	ul.digital_box2 li{
		margin-bottom: 5px;
	}
}



/* ▽ 20211126 ========== */
@media print, screen and (max-width: 639px) {
	.pr003  table.pr-tab tr th:nth-child(1) {
		width: 15% !important;
		font-size: 1.3rem;
	}
	.pr003  table.pr-tab tr th {
		font-size: 1.3rem;
	}
	.pr003  table.pr-tab tr td {
		font-size: 1.2rem;
	}
	.pr002 {
		padding-bottom: 0px;
		margin-bottom: -10px;
	}
	.fw-60 {
		flex-basis: 70%;
	}
	.fw-30 {
		flex-basis: 24%;
	}
	.fw-30 img {
		width: 100% !important;
	}
	.name-input input {
		width: 93% !important;
		margin-bottom: 7px;
	}
}



/* ▽ 20211208 ========== */
@media print, screen and (max-width: 639px) {
	.wt4 {
		width: 16% !important;
	}
	.wt5 {
		width: 23% !important;
	}
	.flex1208 {
		display: flex !important;
		justify-content: space-between !important;
		flex-wrap:wrap !important;
	}
	.flex1208 .one {
		flex-basis: 49% !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.flex1208 .one h3 {
		font-size: 1.3rem !important;
	}
	.flex1208 .one .bord {
		border: #FFF solid 3px ;
		padding:15px 0 !important;
		margin: 0 !important;
	}
	.flex1208 .one .bord figure {
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100% !important;
	}
	.fs-t {
		line-height: 1.1 !important;
		padding-top: 8px;
	}
	.fs-t small {
		font-size: 1.2rem !important;

	}
	.flex1208-2 {
		display: flex !important;
		justify-content: space-between !important;
		flex-wrap:wrap !important;
	}
	.flex1208-2 .one {
		flex-basis: 31% !important;
		text-align: center !important;
		margin: 0 0 25px 0 !important;
		padding: 0 !important;
	}
	.flex1208-2 .one .bord {
		padding:15px 0 !important;
		margin: 0 !important;
	}
	.flex1208-2 .one .bord figure {
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100% !important;
	}
	.ecc2 {
		display: inline-block;
	}
	.ecc2 img {
		width: 35px;
		height: auto;
	}
}
@media print, screen and (min-width: 640px) {
	.fs-t {
		line-height: 1.1 !important;
		padding-top: 8px;
	}
	.fs-t small {
		font-size: 1.2rem !important;

	}
	.ecc2 {
		display: inline-block;
	}
	.ecc2 img {
		width: 55px;
		height: auto;
	}
}

/* 製品特徴 */
.product-module {
	display: block;
	position: relative;
	border: #e6e6e6 solid 10px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
.product-module_inner {
	padding: 40px;
	background-color: rgba(255,255,255,0.8);
	justify-content: space-between;
}
.product-module b {
  display: inline-block;
  padding-bottom: 20px;
  font-size: 2.7rem;
  color: #4493e9;
  letter-spacing: 2px;
  line-height: 1.4;
}
.product-module_box {
	display: flex;
    justify-content: space-between;
}
.product-module p {
  display: block;
  width: 100%;
  max-width: 560px;
  font-size: 1.5rem;
  line-height: 1.9;
  font-weight: bold !important;
}
.product-module img {
	max-width: 340px;
	height: auto;
}

@media only screen and (max-width: 639px) {
  .product-module {
    padding: 0px 3% 20px 3%;
    padding: 20px 4% 20px 4%;
  }
  .product-module_box {
	flex-direction: column;
  }
  .product-module_inner {
	padding: 6%;
  }
  .product-module b{
    font-size: 1.9rem;
    padding-bottom: 20px;
    line-height: 1.4;
  }
  .product-module img {
	margin-top: 20px;
  }
}

/* 使用上のご注意 */
.pr006 .bord1.point-module {
  padding: 40px 60px;
  display: block;
  color: #fff100;
  background-color: rgb(19, 22, 25, 0.7);
  border: none;
}

.pr006 .point-module .flex {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* border-bottom: #fff100 solid 1px; */
}
@media only screen and (max-width: 639px){
  .pr006 .bord1.point-module{
    padding: 20px;
  }
}

