@CHARSET "utf-8";
/* =============================================
                    COMMON
============================================= */
.min{ font-family: 'Hiragino Mincho ProN', 'Yu Mincho', serif; font-weight: normal !important;}
#contentsArea{ background: #fff; line-height: 1.4;}
#contentsArea .blue{ color: #003f8e;}
#contentsArea .green{ color: #03512d;}
#contentsArea strong{ font-weight: normal;}
#contentsArea p{ color: #000;}
#fv h1{ color: #000;}
#sec6 p{ color: #fff !important;}
#sec6 .bgbl{ background: #000;}
#sec6 .bggr{ background: #181c20;}
#sec7 .part{ line-height: 0; text-align: center;}
/* =============================================
                    PC
============================================= */
@media screen and (min-width: 640px){
.innerA{ width: 960px; margin: 0 auto; position: relative;}
#contentsArea p{ font-size: 16px; color: #000; line-height: 2.2;}
#contentsArea p.read{ text-indent: 16px;}
#fv{ text-align: center; padding-bottom: 80px;}
#fv .img{ background: url(../img/main.jpg) center bottom no-repeat; background-size: cover; margin-bottom: 80px;}
#fv .img .innerA{ height: 600px;}
#fv .img .left{ position: absolute; bottom: 20px; left: 0;}
#fv .img .right{ position: absolute; bottom: 20px; right: 0;}
#fv h1{ font-size: 34px; margin-bottom: 35px;}

.fubuki{ font-size: 40px; color: #003f8e; margin-bottom: 30px;}

#sec1{ padding-bottom: 60px;}
#sec1 .img{ background: url(../img/sec1-imgL.jpg) center bottom no-repeat; background-size: cover;}
#sec1 .img .innerA{ height: 600px;}
#sec1 .img .innerA .txtbox{ position: absolute; top: 100px;}
#sec1 .img .innerA p{ width: 608px;}
#sec1 .subbox .innerA{ background: url(../img/sec1-imgS.jpg) left bottom no-repeat; padding: 78px 0 0 464px; margin-top: -40px; box-sizing: border-box;}

#sec2{ padding-bottom: 60px;}
#sec2 .img{ background: url(../img/sec2-imgL.jpg) center bottom no-repeat; background-size: cover;}
#sec2 .img .innerA{ height: 600px;}
#sec2 .img .innerA .txtbox{ position: absolute; top: 100px; right: 0;}
#sec2 .img .innerA p{ width: 608px;}
#sec2 .subbox .innerA{ background: url(../img/sec2-imgS.jpg) right bottom no-repeat; padding: 148px 464px 0 0; margin-top: -120px; box-sizing: border-box;}

#sec3{ padding-bottom: 100px;}
#sec3 .img{ background: url(../img/sec3-img.jpg) center bottom no-repeat; background-size: cover;}
#sec3 .img .innerA{ height: 646px;}
#sec3 .img .innerA .txtbox{ position: absolute; top: 100px;}
#sec3 .img .innerA p{ width: 608px;}

#sec4{ text-align: center; padding-bottom: 100px;}
#sec4 .img{ margin-bottom: 60px;}

#sec5 .img{ background: url(../img/sec5-img.jpg) right top no-repeat; background-size: cover;}
#sec5 .img .innerA{ height: 455px; overflow: hidden;}
#sec5 .img .innerA .txtbox{ background: rgba(0,0,0,0.6); padding: 100px 30px 100px 30px; position: absolute; right: 0px}
#sec5 .img .innerA .txtbox h2{ font-size: 36px; color: #fff !important;}
#sec5 .img .innerA .txtbox p{ color: #fff !important;}
#sec5 .img .innerA p{ width: 620px;}

#sec6 > div{ padding: 90px 0 100px;}
#sec6 .img{ margin-bottom: 50px;}

#sec7{ background: #000;}
#sec7 .bg{ background: url(../img/sec7-img_bg.jpg) center top no-repeat; background-size: cover; padding-bottom: 100px;}
#sec7 .top{ height: 800px;}
#sec7 .top .left{ position: absolute; top: 330px; left: 0;}
#sec7 .top .center{ position: absolute; top: 63px; left: 303px;}
#sec7 .top .right{ position: absolute; top: 330px; right: 0;}
#sec7 .bottom{ min-height: 1000px;}
#sec7 .box{ background: rgba(255,255,255,0.8); padding: 40px;}
#sec7 .box .img1{ margin-bottom: 15px;}
#sec7 .box .fl{ width: 420px; float: left;}
#sec7 .box .fr{ width: 420px; float: right;}
#sec7 .box .img2{ margin-top: 35px;}

#sec8{ background: #000; padding: 90px 0 100px;}
#sec8 li{ margin-bottom: 40px;}
#sec8 dl{ float: left;}
#sec8 dt{ color: #fff; border-right: 1px solid #646464; float: left; padding-right: 10px; margin-right: 10px;}
#sec8 dd{ float: left; margin-right: 20px;}
#sec8 p{ float: right; font-size: 14px; line-height: 1.4;}
#sec8 a{ color: #fff;}

}
/* =============================================
                    SP
============================================= */
@media screen and (max-width:640px){
#contentsArea img{ width: 100%;}
#contentsArea p{ font-size: 14px; color: #000; line-height: 1.6;}
#contentsArea p.read{ text-indent: 14px;}
#contentsArea h2 br{ display: none;}
#contentsArea p .sp{ display: none;}
.innerA{ padding: 0 10px; position: relative;}

#fv{ padding-bottom: 40px;}
#fv .spimg{ background: url(../img/main.jpg) center bottom no-repeat; background-size: cover; padding-top: 60%;}
#fv .img .innerA{ padding-top: 18%;}
#fv .img .innerA .left{ width: 45%; position: absolute; left: 10px; top: -40%;}
#fv .img .innerA .right{ width: 38.6%; position: absolute; right: 10px; top: -40%;}
#fv h1{ font-size: 22px; color: #000; margin-bottom: 20px;}

.fubuki{ font-size: 20px; color: #003f8e; margin-bottom: 10px;}

#sec1 .innerA{ padding-bottom: 20px;}
#sec1 .spimg1{ background: url(../img/sec1-imgL.jpg) right bottom no-repeat; background-size: 140%; padding-top: 60%;}
#sec1 .img .innerA{ padding-top: 20px;}
#sec1 .spimg2{ background: url(../img/sec1-imgS.jpg) center bottom no-repeat; background-size: 100%; padding-top: 60%; margin-bottom: 20px;}


#sec2 .innerA{ padding-bottom: 20px;}
#sec2 .spimg1{ background: url(../img/sec2-imgL.jpg) left bottom no-repeat; background-size: 140%; padding-top: 59%;}
#sec2 .img .innerA{ padding-top: 20px;}
#sec2 .spimg2{ background: url(../img/sec2-imgS.jpg) center bottom no-repeat; background-size: 100%; padding-top: 60%; margin-bottom: 20px;}

#sec3{ padding-bottom: 20px;}
#sec3 .innerA{ padding-bottom: 20px;}
#sec3 .spimg1{ background: url(../img/sec3-img.jpg) right bottom no-repeat; background-size: 140%; padding-top: 59%;}
#sec3 .img .innerA{ padding-top: 20px;}

#sec4{ padding-bottom: 20px;}
#sec4 .img{ margin-bottom: 20px;}

#sec5{ padding-bottom: 40px;}
#sec5 .spimg1{ background: url(../img/sec5-img.jpg) left bottom no-repeat; background-size: 190%; padding-top: 60%; margin-bottom: 20px;}

#sec6 > div{ padding: 40px 0;}
#sec6 .img{ margin-bottom: 20px;}

#sec7{ background: #000;}
#sec7 .bg{ background: url(../img/sec7-img_bg1.jpg) center top no-repeat,url(../img/sec7-img_bg2.jpg) center bottom no-repeat; background-size: contain; padding-bottom: 20px;}
#sec7 .top{ padding-top: 70%;}
#sec7 .top .left{ position: absolute; top: 10px; left: 0; width: 12%;}
#sec7 .top .center{ position: absolute; top: 10px; left: 35%; width: 30%;}
#sec7 .top .right{ position: absolute; top: 10px; right: 0; width: 12%;}
#sec7 .bottom{ min-height: 1000px;}
#sec7 .box{ background: rgba(255,255,255,0.8); padding: 20px;}
#sec7 .box .img1{ margin-bottom: 15px;}
#sec7 .box .fl{ margin-bottom: 20px;}
#sec7 .box .fr{ margin-bottom: 20px;}

#sec8{ background: #000; padding: 40px 0;}
#sec8 li{ margin-bottom: 20px;}
#sec8 dl{ margin-bottom: 10px; float: left; }
#sec8 dt{ color: #fff; border-right: 1px solid #646464; float: left; padding-right: 10px; margin-right: 10px;}
#sec8 dd{ float: left; margin-right: 20px;}
#sec8 p{ float: left; font-size: 14px; line-height: 1.4;}
#sec8 a{ color: #fff;}
}