@charset "utf-8";
/* CSS Document */
/* ------------------------
	コンテナ
------------------------ */

/*ベストプロテクター*/
#gibeon {
	font-family: 'Meiryo', sans-serif;
	letter-spacing: 0.075em;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1}
}

#contents {
	width: auto !important;
}

#gibeon .inner {
	width: 1020px;
	margin: 0 auto;
}

#gibeon .main {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	position: relative;
}

#gibeon .scroll a {
	position: absolute;
	bottom: 2%;
	left: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	text-align: center;
}

#gibeon .scroll a {
	padding-top: 60px;
}
#gibeon .scroll a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #282828;
	border-radius: 50px;
	box-sizing: border-box;
}
#gibeon .scroll a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #282828;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gibeon .sec01 {
	background: url(../images/bg_section01_pc.jpg) center top no-repeat;
	background-size: cover;
	padding: 100px 0 200px 0;
}

#gibeon .sec01 .inner .txt {
	display: block;
	margin: 0 auto;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	text-orientation: upright;
	-webkit-text-orientation: upright;
}

#gibeon .sec01 .inner .txt p {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.8;
}

#gibeon .sec02 {
	position: relative;
	overflow: hidden;
	padding: 0;
	z-index: 2;
	margin: -240px 0 0 0;
	padding: 240px 0 280px 0;
}
#gibeon .sec02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 70%;
	margin: 10% -10% 0;
	background: #efefef;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
	z-index: -1;
}
#gibeon .sec02 .inner {
	height: 100%;
	margin: 0 auto;
}

#gibeon .sec02 h2 {
	font-weight: 100;
	font-size: 48px;
	letter-spacing: .5em;
	text-align: center;
	line-height: 1.2;
	margin: 0 0 60px 0;
}

.gallery-top .swiper-slide {
	padding: 0 0 40px 0;
	min-height: 440px;
}
.slide01 h3 {
	text-align: center;
	margin: 20px 0 50px 0;
}

.slide01 .lead {
	font-size: 48px !important;
	text-align: center;
	letter-spacing: 0.5em;
	margin: 0 0 40px 0;
}

.slide01 p {
	font-size: 18px;
}

.gallery-thumbs .swiper-slide {
	width: 240px;
	float: left;
	margin: 0 15px 0 0;
	opacity: .4;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.gallery-thumbs .swiper-slide:last-child {
	margin: 0;
}

.gallery-top .slide02 .upper {
	height: 210px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.gallery-top .slide02 .upper .icon {
	width: 101px;
	float: left;
	margin: 0 40px 0 0;
}

.gallery-top .slide02 .upper .text {
	width: 500px;
	float: left;
}

.gallery-top .slide02 .upper .image {
	width: 354px;
	float: right;
}

.gallery-top .slide02 .lower .icon {
	width: 101px;
	float: right;
	margin: 0;
}

.gallery-top .slide02 .lower .text {
	width: 517px;
	float: left;
}

.gallery-top .slide02 .lower .image {
	width: 363px;
	float: left;
}

.gallery-top .slide03 .upper {
	height: 210px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.gallery-top .slide03 .upper .icon {
	width: 101px;
	float: left;
	margin: 0 40px 0 0;
}

.gallery-top .slide03 .upper .text {
	width: 500px;
	float: left;
}

.gallery-top .slide03 .upper .image {
	width: 354px;
	float: right;
}

.gallery-top .slide03 .lower .image {
	width: 260px;
	float: left;
	margin: 0 30px 0 0;
}

.gallery-top .slide03 .lower .text {
	width: 590px;
	float: left;
}

.gallery-top .slide03 .lower .icon {
	width: 101px;
	float: right;
}

.gallery-top .slide04 .icon {
	width: 101px;
	float: left;
	margin: 0 40px 0 0;
}

.gallery-top .slide04 .text {
	width: 700px;
	float: left;
}


.gallery-top .slide04 .image {
	width: 160px;
	float: right;
}

.gallery-top .swiper-slide .lower h3 {
	text-align: right;
}

.gallery-top .swiper-slide h3 {
	font-size: 28px;
	font-weight: 300;
	margin: 0 0 30px 0;
}

.gallery-top .swiper-slide p {
	font-size: 18px;
}

.swiper-button-next:hover {
	opacity: 0.7;
}
.swiper-button-next-inner:hover {
	opacity: 0.7;
}

#gibeon #sec03 {
	margin: -180px 0 60px 0;
}

#gibeon #sec03 .inner {
	overflow: hidden;
}

#gibeon #sec03 .detail {
	width: 380px;
	float: left;
	margin: 340px 60px 0 140px;
}

#gibeon #sec03 .detail dl {
	font-size: 18px;
}

#gibeon #sec03 .detail dl dt {
	width: 120px;
	float: left;
	clear: left;
	text-align: right;
}

#gibeon #sec03 .detail dl dd {
	margin: 0 0 10px 130px;
}

#gibeon #sec03 .detail dl dd span {
	font-size: 14px;
}

#gibeon #sec03 .gb001 {
	width: 319px;
	float: left;
	
}

#gibeon #sec04 {
	margin: 0 0 100px 0;
}

#gibeon #sec04 h2 {
	font-size: 48px;
	text-align: center;
	letter-spacing: 0.5em;
	margin: 0 0 40px 0;
}

#gibeon #sec04 p {
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px 0;
}

#gibeon #sec04 .link {
	overflow: hidden;
text-align:center;
}

#gibeon #sec04 .link li {
	width: 490px;
}

#gibeon #sec04 .link li:first-child {
	float: left;
}

#gibeon #sec04 .link li:last-child {
	float: right;
}

@media screen and (min-width: 768px) {
	.pc-none {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#gibeon .inner {
		width: 100%;
		margin: 0 auto;
	}

	#gibeon .main {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 40px 0;
		position: relative;
	}

	#gibeon .scroll {
		display: none;
	}

	#gibeon .sec01 {
		background: url(../images/bg_section01_sp.jpg) center top no-repeat;
		background-size: cover;
		padding: 30px 0;
	}

	#gibeon .sec01 .inner .txt {
		display: block;
		margin: 0 auto;
	}
	
	#gibeon .sec01 .inner .txt p {
		font-size: 16px;
		line-height: 1.6;
		white-space: nowrap;
		padding: 30px 0;
	}

	#gibeon .sec02 {
		margin: 0;
		padding: 50px 0 360px 0;
	}

	#gibeon .sec02:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		height: 90%;
		margin: 10% -40% 0;
	}
	
	
	#gibeon .sec02 h2 {
		font-weight: 100;
		font-size: 24px;
		letter-spacing: .5em;
		text-align: center;
		line-height: 1.6;
		margin: 0 0 30px 0;
	}

	.gallery-top {
		display: none;
	}


	.gallery-thumbs {
		display: none;
	}
	
	.swiper-button-next {
		display: none;
	}
    
	.swiper-button-next-inner {
		display: none;
	}
	
	.sp-contents .logo {
		width: 12%;
		display: block;
		margin: 0 auto 20px auto;
	}

	.sp-contents .item-wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.sp-contents .item-wrap .block {
		overflow: hidden;
		margin: 0 auto;
	}
	
	.sp-contents .item-wrap hr {
		position: relative;
		height: 1px;
		border-width: 0;
		background-image: -webkit-linear-gradient(left,transparent 0%,#ccc 50%,transparent 100%);
		background-image:linear-gradient(90deg,transparent 0%,#ccc 50%,transparent 100%);
		margin: 40px 0;
		}
	
	.sp-contents .item-wrap h3 {
		font-size: 21px;
		line-height: 1.6;
		margin: 0 0 15px 0;
	}
	
	.sp-contents .item-wrap .ttl-style01 {
		text-align: center;
		letter-spacing: 0.5em;
	}
	
	.sp-contents .item-wrap p {
		font-size: 14px;
		line-height: 1.8;
	}
	
	.sp-contents .block img {
		margin: 0 auto 20px auto;
	}

	#gibeon #sec03 {
		margin: -260px 0 30px 0;
	}

	#gibeon #sec03 .detail {
		width: 65%;
		float: left;
		margin: 0;
	}

	#gibeon #sec03 .detail dl {
		font-size: 14px;
	}

	#gibeon #sec03 .detail dl dt {
		width: 70px;
		margin: 0 0 0 2%;
	}

	#gibeon #sec03 .detail dl dd {
		margin: 0 0 5px 70px;
	}

	#gibeon #sec03 .gb001 {
		width: 30%;
		margin: 0 2% 0 0;
		float: right;

	}

	#gibeon #sec04 {
		width: 90%;
		margin: 0 auto 50px auto;
	}

	#gibeon #sec04 h2 {
		font-size: 24px;
		margin: 0 0 20px 0;
	}

	#gibeon #sec04 p {
		font-size: 13px;
		text-align: center;
		margin: 0 0 10px 0;
	}

	#gibeon #sec04 .link {
		overflow: hidden;
	}

	#gibeon #sec04 .link li {
		width: 100%;
		margin: 0 auto 10px auto;
	}

	#gibeon #sec04 .link li:first-child {
		float: none;
	}

	#gibeon #sec04 .link li:last-child {
		float: none;
	}

}



/*プロテクトインナー*/
#gibeon-protector {
	font-family: Meiryo,sans-serif;
	letter-spacing: 0.075em;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

img {
    max-width: 100%;
}
ul {
    list-style: none;
}

@keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0}
	100% { opacity: 1}
}

#contents {
	width: auto !important;
}

#gibeon-protector .inner {
	width: 1020px;
	margin: 0 auto;
}

#gibeon-protector .inner-box {
	width: 700px;
	margin: 0 auto;
}

#gibeon-protector .main {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	position: relative;
}

#gibeon-protector .scroll a {
	position: absolute;
	bottom: -3%;
	left: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	text-align: center;
}

#gibeon-protector .scroll a {
	padding-top: 50px;
}
#gibeon-protector .scroll a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #282828;
	border-radius: 50px;
	box-sizing: border-box;
}
#gibeon-protector .scroll a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #282828;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gibeon-protector .sec01 {
	background: url("../images/inner_bg_section01_pc.png") center top no-repeat;
	background-size: cover;
	padding: 100px 0 200px 0;
}

#gibeon-protector .sec01 .inner .txt {
	display: block;
	margin: 0 auto;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	text-orientation: upright;
	-webkit-text-orientation: upright;
}

#gibeon-protector .sec01 .inner .txt p {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.8;
}

#gibeon-protector .sec02 {
	position: relative;
	overflow: hidden;
	padding: 0;
	/*z-index: 2;*/
	margin: -240px 0 0 0;
	padding: 240px 0 280px 0;
}
#gibeon-protector .sec02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 50%;
	margin: 16% -10% 0;
	background: #7a7578;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-7deg);
	z-index: -1;
}
#gibeon-protector .inner {
	height: 100%;
	margin: 0 auto;
    width: 700px;
}

#gibeon-protector .sec02 h2 {
    color: #fff;
    font-weight: 100;
    font-size: 31px;
    letter-spacing: .5em;
    text-align: center;
    line-height: 2;
    margin: 0 0 20px 0;
}

#gibeon-protector .gallery-top-protector .swiper-slide {
	padding: 0 0 40px 0;
	min-height: 440px;
}
#gibeon-protector .slide01 h3 {
	text-align: center;
	margin: 20px 0 50px 0;
}

#gibeon-protector .slide01 .lead {
	font-size: 48px !important;
	text-align: center;
	letter-spacing: 0.5em;
	margin: 0 0 40px 0;
}

#gibeon-protector .slide01 p {
	font-size: 18px;
}

#gibeon-protector .gallery-thumbs-protector .swiper-slide {
	width: 130px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid;
    box-sizing: border-box;
}

#gibeon-protector .gallery-thumbs-protector .swiper-slide-thumb-active {
	opacity: 1;
}

#gibeon-protector .gallery-thumbs-protector .swiper-slide:last-child {
	margin: 0;
}

#gibeon-protector .gallery-top-protector .slide01 .upper,
#gibeon-protector .gallery-top-protector .slide02 .upper,
#gibeon-protector .gallery-top-protector .slide03 .upper {
	height: 400px;
	margin: 0 0 30px 0;
	overflow: hidden;
    background-color: #fff;
    position: relative;
}


#gibeon-protector .gallery-top-protector .slide01 .upper .icon,
#gibeon-protector .gallery-top-protector .slide02 .upper .icon,
#gibeon-protector .gallery-top-protector .slide03 .upper .icon  {
	width: 101px;
	float: left;
	margin: 30px 40px 0px 30px;
}

#gibeon-protector .gallery-top-protector .slide01 .upper .text,
#gibeon-protector .gallery-top-protector .slide02 .upper .text,
#gibeon-protector .gallery-top-protector .slide03 .upper .text {
	width: 503px;
	float: left;
    margin: 30px 0 0;
}

#gibeon-protector .gallery-top-protector .slide01 .upper .image,
#gibeon-protector .gallery-top-protector .slide02 .upper .image,
#gibeon-protector .gallery-top-protector .slide03 .upper .image {
	width: 354px;
	float: right;
}


#gibeon-protector .gallery-top-protector .slide01 .upper .slide-bg,
#gibeon-protector .gallery-top-protector .slide02 .upper .slide-bg,
#gibeon-protector .gallery-top-protector .slide03 .upper .slide-bg,
#gibeon-protector .gallery-top-protector .slide04 .upper .slide-bg,
#gibeon-protector .gallery-top-protector .slide05 .upper .slide-bg {
    position: absolute;
    bottom: 0;
    right: 0;
}

#gibeon-protector .gallery-top-protector .slide01 .lower .icon,
#gibeon-protector .gallery-top-protector .slide02 .lower .icon,
#gibeon-protector .gallery-top-protector .slide03 .lower .icon {
	width: 101px;
	float: right;
	margin: 0;
}


#gibeon-protector .gallery-top-protector .slide01 .lower .text,
#gibeon-protector .gallery-top-protector .slide02 .lower .text,
#gibeon-protector .gallery-top-protector .slide03 .lower .text {
	width: 517px;
	float: left;
}

#gibeon-protector .gallery-top-protector .slide01 .lower .image,
#gibeon-protector .gallery-top-protector .slide02 .lower .image,
#gibeon-protector .gallery-top-protector .slide03 .lower .image {
	width: 363px;
	float: left;
}

#gibeon-protector .gallery-top-protector .slide04 .icon,
#gibeon-protector .gallery-top-protector .slide05 .icon {
	width: 136px;
	float: left;
	margin: 20px 20px 0px 30px;
}

#gibeon-protector .gallery-top-protector .slide04 .upper,
#gibeon-protector .gallery-top-protector .slide05 .upper {
    overflow: hidden;
    background-color: #fff;
    height: 400px;
    position: relative;
}
#gibeon-protector .gallery-top-protector .slide04 .text,
#gibeon-protector .gallery-top-protector .slide05 .text {
	width: 450px;
	float: left;
}
#gibeon-protector .gallery-top-protector .slide04 .text table,
#gibeon-protector .gallery-top-protector .slide05 .text table {
    border-collapse: collapse;
    text-align: center;
}
#gibeon-protector .gallery-top-protector .slide04 .text table th,
#gibeon-protector .gallery-top-protector .slide05 .text table th {
    border: 3px solid #000;
    padding: 18px 20px;
    font-size: 20px;
    font-weight: bold;
}
#gibeon-protector .gallery-top-protector .slide04 .text table td,
#gibeon-protector .gallery-top-protector .slide05 .text table td {
    border: 3px solid #000;
    padding: 18px 20px;
    font-size: 20px;
    font-weight: bold;
}
#gibeon-protector .gallery-top-protector .slide04 .text table .right_up_border,
#gibeon-protector .gallery-top-protector .slide05 .text table .right_up_border {
    background-image: linear-gradient(19deg, /*角度*/
                     transparent 49%,
                     black 50%, /*斜線の色*/
                     black 49%, /*斜線の色*/
                     transparent 51%, 
                     transparent); 
}


#gibeon-protector .gallery-top-protector .slide04 .image,
#gibeon-protector .gallery-top-protector .slide05 .image {
	width: 160px;
	float: right;
}

#gibeon-protector .gallery-top-protector .swiper-slide .lower h3 {
	text-align: right;
}

#gibeon-protector .gallery-top-protector .swiper-slide h3 {
	font-size: 28px;
	font-weight: 300;
	margin: 0 0 30px 0;
}

#gibeon-protector .gallery-top-protector .swiper-slide p {
	font-size: 15px;
    clear: both;
    padding: 20px 50px 0;
    margin: 0;
}
#gibeon-protector .gallery-top-protector .slide04 p {
	font-size: 20px;
    clear: both;
    padding: 20px 0 10px;
    margin: 0;
}
#gibeon-protector .gallery-top-protector .swiper-slide p span {
    font-weight: bold;
    font-size: 20px;
}

#gibeon-protector .swiper-button-next:hover {
	opacity: 0.7;
}

#gibeon-protector #sec03 {
	margin: -180px 0 60px 0;
}

#gibeon-protector #sec03 .inner {
	overflow: hidden;
    width: 1020px;
}

#gibeon-protector #sec03 .section-box_01 {
    border-top: 2px solid #7a7578;
    overflow: hidden;
    padding: 5% 0;
}

#gibeon-protector #sec03 .section-box_02 {
    border-bottom: 2px solid #7a7578;
    overflow: hidden;
    padding: 5% 0;
}

#gibeon-protector #sec03 .detail {
	width: 450px;
    float: left;
    margin: 0 00px 0 100px;
}
#gibeon-protector #sec03 .detail h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 1em;
}
#gibeon-protector #sec03 .detail ul {
    padding: 0;
}
#gibeon-protector #sec03 .detail ul li {
    padding-bottom: 1em;
}

#gibeon-protector #sec03 .detail dl {
	font-size: 15px;
}

#gibeon-protector #sec03 .detail dl dt {
	width: 120px;
	float: left;
	clear: left;
	text-align: right;
}

#gibeon-protector #sec03 .detail dl dd {
	margin: 0 0 10px 130px;
}

#gibeon-protector #sec03 .detail dl dd span {
	font-size: 14px;
}

#gibeon-protector #sec03 .gb001 {
	width: 319px;
	float: left;
}

#gibeon-protector #sec03 .detail .note {
    margin: 0;
    font-size: 15px;
    color: #e50012;
}

#gibeon-protector #sec04 {
	margin: 0 0 100px 0;
}

#gibeon-protector #sec04 .material {
    width: 100%;
    max-width: 700px;
    padding: 0;
}

#gibeon-protector #sec04 .material p {
    font-size: 15px;
}

#gibeon-protector #sec04 .material ul {
    padding: 0;
}

#gibeon-protector #sec04 .material ul li {
    padding-bottom: 0.8em;
}

#gibeon-protector #sec04 .material ul li ul {
    padding-left: 1em;
    padding-top: 0.8em;
}

#gibeon-protector #sec04 .precautions {
    width: 100%;
    max-width: 700px;
    margin: 2% auto 0;
    padding: 0;
}

#gibeon-protector #sec04 .precautions p {
    font-size: 13px;
}

#gibeon-protector #sec04 .precautions ul {
    padding: 0;
    font-size: 13px;
}

#gibeon-protector #sec04 .precautions ul li {
    padding-bottom: 1em;
    letter-spacing: 0px;
    text-indent: -1em;
    padding-left: 1em;
}


#gibeon-protector #sec05 {
	margin: 0 0 100px 0;
}

#gibeon-protector #sec05 .inner {
    width: 1020px;
}

#gibeon-protector #sec05 h2 {
	font-size: 48px;
	text-align: center;
	letter-spacing: 0.5em;
	margin: 0 0 40px 0;
}

#gibeon-protector #sec05 p {
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px 0;
}

#gibeon-protector #sec05 .link {
	overflow: hidden;
text-align:center;
}

#gibeon-protector #sec05 .link li {
	width: 490px;
}

#gibeon-protector #sec05 .link li:first-child {
	float: left;
}

#gibeon-protector #sec05 .link li:last-child {
	float: right;
}

#gibeon-protector .protect-inner-detail {
    width: 100%;
    max-width: 700px;
    margin: 15% auto 0;
}
#gibeon-protector .protect-inner-detail dt {
    font-size: 30px;
    font-weight: bold;
    color: 585757;
}
#gibeon-protector .protect-inner-detail dd {
    margin: 0;
    padding: 10px 0 30px;
}

@media screen and (min-width: 768px) {
	#gibeon-protector .pc-none {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#gibeon-protector .inner {
		width: 100%;
		margin: 0 auto;
        padding: 0 20px 0;
        box-sizing: border-box;
	}

	#gibeon-protector .main {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 40px 0;
		position: relative;
	}

	#gibeon-protector .scroll {
		display: none;
	}

	#gibeon-protector .sec01 {
		background: url("../images/inner_bg_section01_sp.png") center top no-repeat;
		background-size: contain;
		padding: 30px 0;
	}

	#gibeon-protector .sec01 .inner .txt {
		display: block;
		margin: 0 auto;
	}
	
	#gibeon-protector .sec01 .inner .txt p {
		font-size: 16px;
		line-height: 1.6;
		white-space: nowrap;
		padding: 30px 0;
	}

	#gibeon-protector .sec02 {
		margin: 0;
		padding: 50px 0 360px 0;
	}
    
    #gibeon-protector .sec02 {
        padding: 50px 0;
    }

	#gibeon-protector .sec02:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		height: 60%;
		margin: 20% -50% 0;
	}
	
	
	#gibeon-protector .sec02 h2 {
		font-weight: 100;
		font-size: 24px;
		letter-spacing: .5em;
		text-align: center;
		line-height: 1.6;
		margin: 0 0 30px 0;
	}
    
    #gibeon-protector .protect-inner-detail {
        padding: 30% auto 0;
    }
    #gibeon-protector .protect-inner-detail dt {
        font-size: 25px;
    }

	#gibeon-protector .gallery-top-protector {
		display: none;
	}


	#gibeon-protector .gallery-thumbs-protector {
		display: none;
	}
	
	#gibeon-protector .swiper-button-next {
		display: none;
	}
	
	#gibeon-protector .sp-contents .logo {
		width: 12%;
		display: block;
		margin: 0 auto 20px auto;
	}

	#gibeon-protector .sp-contents .item-wrap {
		width: 100%;
		margin: 0 auto;
	}
	
	#gibeon-protector .sp-contents .item-wrap .block {
		overflow: hidden;
		margin: 0 auto;
	}
	
	#gibeon-protector .sp-contents .item-wrap hr {
		position: relative;
		height: 1px;
		border-width: 0;
		background-image: -webkit-linear-gradient(left,transparent 0%,#ccc 50%,transparent 100%);
		background-image:linear-gradient(90deg,transparent 0%,#ccc 50%,transparent 100%);
		margin: 40px 0;
		}
	
	#gibeon-protector .sp-contents .item-wrap h3 {
		font-size: 21px;
		line-height: 1.6;
		margin: 0 0 15px 0;
	}
	
	#gibeon-protector .sp-contents .item-wrap .ttl-style01 {
		text-align: center;
		letter-spacing: 0.5em;
	}
	
	#gibeon-protector .sp-contents .item-wrap p {
		font-size: 14px;
		line-height: 1.8;
	}
	
	#gibeon-protector .sp-contents .block img {
		margin: 0 auto;
	}
    
    #gibeon-protector #sec03 .inner {
        width: 100%;
    }

	#gibeon-protector #sec03 {
		/*margin: -260px 0 30px 0;*/
        margin: 0 auto 30px;
	}

	#gibeon-protector #sec03 .detail {
		width: 100%;
		float: none;
		margin: 0;
	}

	#gibeon-protector #sec03 .detail dl {
		font-size: 14px;
	}

	#gibeon-protector #sec03 .detail dl dt {
		width: 70px;
		margin: 0 0 0 2%;
	}

	#gibeon-protector #sec03 .detail dl dd {
		margin: 0 0 5px 70px;
	}
    #gibeon-protector #sec03 .detail .note {
        letter-spacing: 0;
    }

	#gibeon-protector #sec03 .gb001 {
		width: 80%;
		margin: 0 auto;
        float:  none;
	}

	#gibeon-protector #sec04 {
		width: 90%;
		margin: 50px auto 50px auto;
	}
    
    #gibeon-protector #sec04 .precautions {
        margin: 10% auto 0;
    }

	#gibeon-protector #sec04 h2 {
		font-size: 24px;
		margin: 0 0 20px 0;
	}

	#gibeon-protector #sec04 p {
		font-size: 13px;
		margin: 0 0 10px 0;
	}
    #gibeon-protector #sec04 .material ul li {
        text-indent: -1em;
        padding-left: 1em;
    }
    #gibeon-protector #sec04 .material ul li ul {
        padding-left: 0;
    }

	#gibeon-protector #sec04 .link {
		overflow: hidden;
	}

	#gibeon-protector #sec04 .link li {
		width: 100%;
		margin: 0 auto 10px auto;
	}

	#gibeon-protector #sec04 .link li:first-child {
		float: none;
	}

    #gibeon-protector #sec05 .inner {
        width: 100%;
    }
	#gibeon-protector #sec05 .link li:last-child {
		float: none;
	}

	#gibeon-protector #sec05 {
		width: 90%;
		margin: 0 auto 50px auto;
	}

	#gibeon-protector #sec05 h2 {
		font-size: 24px;
		margin: 0 0 20px 0;
	}

	#gibeon-protector #sec05 p {
		font-size: 13px;
		text-align: center;
		margin: 0 0 10px 0;
	}

	#gibeon-protector #sec05 .link {
		overflow: hidden;
	}

	#gibeon-protector #sec05 .link li {
		width: 100%;
		margin: 0 auto 10px auto;
	}

	#gibeon-protector #sec05 .link li:first-child {
		float: none;
	}

	#gibeon-protector #sec05 .link li:last-child {
		float: none;
	}

}