@charset "UTF-8";

#menu-header {background-image: url("../img/menu-header.jpg");}

#contents{padding: 0;}

#about-01{padding: 0 0 130px;position: relative;}
#about-01 h2{margin-bottom: 70px;text-align: center;line-height: 1.8; font-size: 2.4rem; }
.a01-img {width: 40%;padding-top: 50%;background-repeat: no-repeat;background-position: center center;/*background-size: cover*/;position: relative;z-index: 1111;}
.a01-txt {width: 65%;margin: 5% 0 5% -5%;position: relative;z-index: 2222;}
.a01-txt-in {background-color: #fff;padding: 14.646464646465% 19.69696969697% 14.646464646465% 14.646464646465%;position: relative;}
/* .a01-txt-in h3{margin-bottom: 14px;padding-bottom: 15px;border-bottom: 1px dotted #ccc;line-height: 1;} */
.a01-txt-in h3{margin-bottom: 20px;line-height: 1.5; font-size: 3.2rem;}
.a01-txt-in h4{margin-bottom: 15px;line-height: 1.5; font-size: 2rem;}
.a01-txt-in p{margin-bottom: 30px;}
.a01-txt-in span{display: block;margin-bottom: 28px;position: relative;overflow: hidden;}
.a01-txt-in span img{display: block;}
.a01-txt-in span::before{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 77px;background-color: #750404;}
/* .a01-txt::before{content: '';display: block;width: 10%;height: 100%;position: absolute;top: 0;left: -10%;background-color: #fff;} */

.a01-txt-in dl{}
.a01-txt-in dl.normal, .a01-txt-in dl.option{width:48%}
.a01-txt-in dt{ font-weight: 700}
.a01-txt-in dd{margin: 1em 0 30px;
padding: 1em 1.5em;
line-height: 2;
border: 1px solid
#cdcdcd;
background:
#fcfcfc;
box-shadow: 0 1px 3px 0
rgba(195,195,195,0.3);}

.a01-txt-in li{list-style-type: disc; margin-bottom: .5em;}

.a01-c:last-child{margin-bottom: 0;}
#about-01 .mask_anim{z-index: 3333;}

.a01-c:nth-of-type(even) .a01-txt{margin-right: -5%;margin-left: 0;}
.a01-c:nth-of-type(even) .a01-txt-in{padding: 14.646464646465%  14.646464646465% 14.646464646465% 19.69696969697%;}

#a01 .a01-img{background-image: url("../img/about-01-01.jpg");}
#a02 .a01-img{background-image: url("../img/about-01-02.jpg");}
#a03 .a01-img{background-image: url("../img/about-01-03.jpg");}
#a04 .a01-img{background-image: url("../img/about-01-04.jpg");}
#a05 .a01-img{background-image: url("../img/about-01-05.jpg");}
#a06 .a01-img{background-image: url("../img/about-01-06.jpg");}
#a07 .a01-img{background-image: url("../img/about-01-07.jpg");}
#a08 .a01-img{background-image: url("../img/about-01-08.jpg");}
#a09 .a01-img{background-image: url("../img/about-01-09.jpg");}

#about-01 a:hover{opacity: 0.5;}
@media (max-width: 767px) {
	#about-01{padding-bottom: 80px;}
	#about-01 h2{margin:0 auto 50px;max-width: 90%;}
	.a01-txt-in h3{font-size: 2.2rem}
	.a01-c{margin-bottom: 30px;}
	.a01-img{width: 100%;padding-top: 75%;}
	.a01-txt, .a01-c:nth-of-type(even) .a01-txt{width: 100%;margin: 0;}
	.a01-txt-in, .a01-c:nth-of-type(even) .a01-txt-in{padding: 10% 7% 14%;}
	.a01-txt-in p{margin-bottom: 20px;}
	.a01-txt-in dl.normal, .a01-txt-in dl.option{width:100%}
}

#about-02{padding: 0;}