@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
	
.about_subtit { font-size: 30px; font-weight: bold; text-align: center; position: relative; margin: 80px 0px;  }
.about_subtit::before { position: absolute; top: -30px; width: 100px; height: 3px; border-top: 3px dotted #E56A21; content: ""; display: block; left: 0; right: 0; margin: auto; }

/*-----------------*/

.sec01 { position: relative;}
.sec01 .box { display: flex; justify-content: space-between;}
.sec01 .box .txt { width: 48%;}
.sec01 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec01 .box .txt h4 { font-size: 20px; margin: 20px 0px;}
.sec01 .box .img { width: 48%; position: relative;}
.sec01 .box .img .inner { width: 150%; margin-right: -120px; margin-top: -50px;}
.sec01 .box .img .inner img {}
.sec01 .bg { position: absolute; z-index: -1; left: 0; content: ""; background: rgba(225,102,37,0.09); top: 114px; width: 78.404%; height: calc(60% - 19px);}


.sec02 { position: relative;}
.sec02 .box { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 1000px; margin: auto;}
.sec02 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec02 .box .txt::before { position: absolute; z-index: -1; top: -35px; left: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec02 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; right: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec02 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec02 .box .txt p { margin: 30px 0px; position: relative;}
.sec02 .box .img { width: 50%; position: relative;}
.sec02 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec02 .box .img .inner img {}


.sec03 { position: relative;}
.sec03 .box { display: flex; justify-content: space-between; width: 1000px; margin: auto;}
.sec03 .box .txt { width: 42%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec03 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec03 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec03 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec03 .box .txt p { margin: 30px 0px; position: relative;}
.sec03 .box .img { width: 50%; position: relative;}
.sec03 .box .img .inner { width: 150%; margin-right: -100px; margin-top: 40px;}
.sec03 .box .img .inner img {}


.sec04 { position: relative;}
.sec04 .box { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 1000px; margin: auto;}
.sec04 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec04 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec04 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec04 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec04 .box .txt p { margin: 30px 0px; position: relative;}
.sec04 .box .img { width: 40%; position: relative;}
.sec04 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec04 .box .img .inner img {}


.sec05 { position: relative;}
.sec05 .box { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 1000px; margin: auto;}
.sec05 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec05 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec05 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec05 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec05 .box .txt p { margin: 30px 0px; position: relative;}
.sec05 .box .img { width: 40%; position: relative;}
.sec05 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec05 .box .img .inner img {}


.sec06 { position: relative;}
.sec06 .box { display: flex; justify-content: space-between; width: 1000px; margin: auto;}
.sec06 .box .txt { width: 42%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec06 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec06 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec06 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec06 .box .txt p { margin: 30px 0px; position: relative;}
.sec06 .box .img { width: 50%; position: relative;}
.sec06 .box .img .inner { width: 150%; margin-right: -100px; margin-top: 40px;}
.sec06 .box .img .inner img {}


.sec07 { position: relative;}
.sec07 .box { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 1000px; margin: auto;}
.sec07 .box .txt { width: 42%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec07 .box .txt::before { position: absolute; z-index: -1; top: -35px; left: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec07 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; right: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec07 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec07 .box .txt p { margin: 30px 0px; position: relative;}
.sec07 .box .img { width: 50%; position: relative;}
.sec07 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec07 .box .img .inner img {}


.sec08 { position: relative; background: url("../images/story/sec08Img01.jpg") center center no-repeat; background-size: cover; padding: 100px 0; margin: 100px auto;}
.sec08 .box { display: flex; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec08 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box; text-align: center;}
.sec08 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec08 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec08 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec08 .box .txt p { margin: 30px 0px; position: relative;}
.sec08 .box .img { width: 40%; position: relative;}
.sec08 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec08 .box .img .inner img {}


.sec09 { position: relative;}
.sec09 .box { width: 1000px; margin: auto;}
.sec09 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 50px; box-sizing: border-box;}
.sec09 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 36px; margin: 20px 0px; line-height: 1.6em;}
.sec09 .box .txt p { margin: 30px 0px; position: relative;}
.sec09 .box .img { width: 30%; float: right; padding: 0 0 20px 20px;}
.sec09 .box .img .inner img {}
.sec09 .bg { position: absolute; z-index: -1; right: 0; content: ""; background: rgba(225,102,37,0.09); top: 114px; width: 100%; height: calc(80% - 19px);}





}



/*sp*/
@media only screen and (max-width: 768px) {

.about_subtit { font-size: 20px; font-weight: bold; text-align: center; position: relative; margin: 80px 0px;  }
.about_subtit::before { position: absolute; top: -30px; width: 100px; height: 3px; border-top: 3px dotted #E56A21; content: ""; display: block; left: 0; right: 0; margin: auto; }

/*-----------------*/

.sec01 { position: relative;}
.sec01 .box { display: inherit; justify-content: space-between;}
.sec01 .box .txt { width: auto;}
.sec01 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec01 .box .txt h4 { font-size: 20px; margin: 20px 0px;}
.sec01 .box .img { width: auto; position: relative;}
.sec01 .box .img .inner { width: 100%; margin-right: 0; margin-top: 20px;}
.sec01 .box .img .inner img {}
.sec01 .bg { position: absolute; z-index: -1; left: 0; content: ""; background: rgba(225,102,37,0.09); top: 114px; width: 78.404%; height: calc(60% - 19px);}


.sec02 { position: relative;}
.sec02 .box { display: inherit; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec02 .box .txt { width: auto; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec02 .box .txt::before { position: absolute; z-index: -1; top: -35px; left: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec02 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; right: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec02 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec02 .box .txt p { margin: 30px 0px; position: relative;}
.sec02 .box .img { width: auto; position: relative;}
.sec02 .box .img .inner { width: 100%; margin-left: 0px; margin-top: 40px;}
.sec02 .box .img .inner img {}


.sec03 { position: relative;}
.sec03 .box { display: inherit; justify-content: space-between; width: auto; margin: auto;}
.sec03 .box .txt { width: auto; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec03 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec03 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec03 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec03 .box .txt p { margin: 30px 0px; position: relative;}
.sec03 .box .img { width: auto; position: relative;}
.sec03 .box .img .inner { width: 100%; margin-right: 0px; margin-top: 40px;}
.sec03 .box .img .inner img {}


.sec04 { position: relative;}
.sec04 .box { display: inherit; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec04 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec04 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec04 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec04 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec04 .box .txt p { margin: 30px 0px; position: relative;}
.sec04 .box .img { width: auto; position: relative;}
.sec04 .box .img .inner { width: 100%; margin-left: 0px; margin-top: 40px;}
.sec04 .box .img .inner img {}


.sec05 { position: relative;}
.sec05 .box { display: inherit; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec05 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec05 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec05 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec05 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec05 .box .txt p { margin: 30px 0px; position: relative;}
.sec05 .box .img { width: auto; position: relative;}
.sec05 .box .img .inner { width: 100%; margin-left: 0px; margin-top: 40px;}
.sec05 .box .img .inner img {}


.sec06 { position: relative;}
.sec06 .box { display: inherit; justify-content: space-between; width: auto; margin: auto;}
.sec06 .box .txt { width: auto; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec06 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec06 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec06 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec06 .box .txt p { margin: 30px 0px; position: relative;}
.sec06 .box .img { width: auto; position: relative;}
.sec06 .box .img .inner { width: 100%; margin-right: 0px; margin-top: 40px;}
.sec06 .box .img .inner img {}


.sec07 { position: relative;}
.sec07 .box { display: inherit; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec07 .box .txt { width: auto; position: relative; background: #FFF; padding: 0 20px; box-sizing: border-box;}
.sec07 .box .txt::before { position: absolute; z-index: -1; top: -35px; left: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec07 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; right: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec07 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec07 .box .txt p { margin: 30px 0px; position: relative;}
.sec07 .box .img { width: auto; position: relative;}
.sec07 .box .img .inner { width: 100%; margin-left: 0px; margin-top: 40px;}
.sec07 .box .img .inner img {}


.sec08 { position: relative; background: url("../images/story/sec08Img01.jpg") center center no-repeat; background-size: cover; padding: 100px 0; margin: 100px auto;}
.sec08 .box { display: inherit; justify-content: space-between; flex-direction: row-reverse; width: auto; margin: auto;}
.sec08 .box .txt { width: 100%; position: relative; background: #FFF; padding: 50px 20px; box-sizing: border-box; text-align: center;}
.sec08 .box .txt::before { position: absolute; z-index: -1; top: -35px; right: -150px; width: 200px; height: 200px; content: ""; background: rgba(225,102,37,0.09);}
.sec08 .box .txt::after { position: absolute; z-index: -1; bottom: -35px; left: -120px; width: 300px; height: 300px; content: ""; background: rgba(225,102,37,0.09);}
.sec08 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec08 .box .txt p { margin: 30px 0px; position: relative;}
.sec08 .box .img { width: 40%; position: relative;}
.sec08 .box .img .inner { width: 150%; margin-left: -100px; margin-top: 40px;}
.sec08 .box .img .inner img {}


.sec09 { position: relative;}
.sec09 .box { width: auto; margin: auto;}
.sec09 .box .txt { width: 100%; position: relative; background: #FFF; padding: 0 0; box-sizing: border-box;}
.sec09 .box .txt h3 { color: #ec6516; font-weight: bold; font-size: 25px; margin: 20px 0px; line-height: 1.6em;}
.sec09 .box .txt p { margin: 30px 0px; position: relative;}
.sec09 .box .img { width: 100%; margin: 0 auto 30px}
.sec09 .box .img .inner img {}
.sec09 .bg { position: absolute; z-index: -1; right: 0; content: ""; background: rgba(225,102,37,0.09); top: 114px; width: 100%; height: calc(80% - 19px);}

}