@charset 'utf-8';
/*----------------------------------------------------
 base
----------------------------------------------------*/
html, body {
    height: 100%;
}

/*----------------------------------------------------
 reset
----------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;
    font-size:inherit;font-weight:inherit;
    vertical-align:baseline;background:transparent;
}
article,aside,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,main,summary{
    display:block;
}

/*----------------------------------------------------
 base
----------------------------------------------------*/
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;    
}
body {
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro",
    "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝",
    "Yu Mincho","游明朝体","YuMincho","HGS明朝E","HG明朝E",    
    "Hiragino Mincho Pro W3", "Hiragino Mincho Pro",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666; 
    width: 100%;
    min-width: 1110px;
    margin:0;
    padding:0;
    text-align:center;
    letter-spacing: 0;
    font-size:12.5px;
    line-height: 1.6;
	font-weight: 600;
	word-break:break-all;
	overflow-wrap:break-word;
	box-sizing: border-box;
}
img {
    outline: 0;
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
a { 
    cursor: pointer; 
    text-decoration: none; 
    outline: 0;
    border:0;
    color: inherit;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out 0s;
    -moz-transition: opacity 0.3s ease-out 0s;
    transition: opacity 0.3s ease-out 0s;
}
a:hover { opacity: 0.6; }

@media screen and (max-width:768px) {
    .pc{display: none!important;}
    body {
        line-height: 0;
        font-size:18px;
        font-size:3.4vw;
    }
    body div {
        line-height: 1.6;
    }
}
@media screen and (min-width:769px) {
    .sp{display: none!important;}
}
.clear { clear: both; }
.clearfix { *zoom: 1; }
.clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow: hidden;
}
/*----------------------------------------------------
common
----------------------------------------------------*/
.container{
    width: 1114px;
    box-sizing: border-box;
    margin:0 auto;
}

.txt_aln_l { text-align: left; }
.txt_aln_c { text-align: center; }
.txt_aln_r { text-align: right; }
.w3 { font-weight: 100; }
.w6 {font-weight: 100;}

.inner_divide {
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}
.top_title{
    width:640px;
    margin:0 auto;
    padding:82px 0 40px;
}
.top_txt{
    color:#000;
    font-size: 20px;
    line-height: 2.0;
    padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
    body { min-width: 320px; }
    .container{ width:100%; }
    .divide { display: block; }
    .top_title{
        width:100%;
        padding:12vw 0 5.3vw;
    }
    .top_txt{
        font-size: 3.5vw;
        padding-bottom: 11vw;
    }
}

.divide_left1 {
    float: left;
    width: 54%;
}
.divide_right1 {
    float: right;
    width: 38.7%;
}
.divide_left2 {
    float: left;
    width: 38.7%;
}
.divide_right2 {
    float: right;
    width: 54%;
}
.divide_left3 {
    float: left;
    width: 49.55%;
}
.divide_right3 {
    float: right;
    width: 49.55%;
}
.sub_ttl{
    color:#000;
    font-size: 15px;
    text-align: left;
    padding-bottom: 12px;
}
.sub_txt{
    width:100%;
    text-align: left;
    padding-bottom: 30px;
}
.j_left {
    width: 46.5%;
    margin-right: 7%;
    margin-bottom: 30px;
}
.j_right {
    width: 46.5%;
    margin-bottom: 30px;
}
.inner_divide2{
    width:100%;
    letter-spacing: -0.3em;
}
.j_left2 {
    display: inline-block;
    vertical-align: top;
    width: 18.2%;
    margin-right: 1.8%;
    margin-bottom: 30px;
    letter-spacing: 0;
}
.j_right2 {
    display: inline-block;
    vertical-align: top;
    width: 18.2%;
    letter-spacing: 0;
}
.inner_txt{
    text-align: left;
    padding:15px 0 10px;
    font-size: 12px;
}
.inner_divide a,.inner_divide2 a{
    display: inline-block;
}
.inner_divide a img,
.inner_divide2 a img{
    width:120px;
}
#sec01{ padding-bottom: 35px; }
#sec02{ padding-bottom: 35px; }
#sec03{ padding-bottom: 80px; }
#sec04{ padding-bottom: 110px; }
#sec05{ padding-bottom: 100px; }
.sec04_2{
    width:267px;
    padding:60px 0 40px;
}
.sec05_2{
    width:267px;
    padding:0px 0 40px;
}
#viewall{
    width:100%;
    text-align: center;
}
#viewall a{
    display: inline-block;
    vertical-align: middle;
    width:257px;
    margin: 0 auto;
}
#viewall a img{
    width:100%;
}
#copyright{
    text-align: center;
    padding: 75px 0 120px;
}
#copyright img{
    width:166px;
    margin:0 auto;
}
@media screen and (min-width: 769px) {
    #sec01 .sub_txt{ max-width:380px; }
    #sec02 .sub_ttl{ padding-top: 10px; }
    #sec03 .sub_ttl{ padding-top: 30px; }
}

@media screen and (max-width: 768px) {
    .divide_left1,.divide_right1,
    .divide_left2,.divide_right2,
    .divide_left3,.divide_right3{
        float: none;
        width: 100%;
    }
    .sp_area{
        width:90%;
        margin: 0 auto;
    }
    .sub_ttl{
        font-size: 4.8vw;
        letter-spacing: 0.05em;  
        padding: 8vw 0 4vw;
    }
    .sub_txt{
        padding-bottom: 10vw;
    }
    .j_left,.j_right,
    .j_left2,.j_right2 {
        margin-bottom: 8vw;
    }
    .inner_divide2{ text-align: left; }
    .j_left2,.j_right2{ width: 46.5%;}
    .j_left22 { margin-right: 5%;}

    .inner_txt{
        padding:2.6vw 0;
        font-size: 3.2vw;
    }
    .inner_divide a img{
        width:28vw;
    }
    #sec01{ padding-bottom: 8vw; }
    #sec02{ padding-bottom: 8vw; }
    #sec03{ padding-bottom: 9vw; }
    #sec04{ padding-bottom: 12vw; }
    #sec05{ padding-bottom: 12vw; }
    #viewall a{ width:52vw; }
    #copyright{ padding: 14vw 0 20vw; }
    #copyright img{ width:46vw; }
}





.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 8px);
  -webkit-transform: translate(0, 8px);
  transition: 0.6s; }

.fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewfadeInUp2 {
  opacity: 0;
  transform: translate(0, 8px);
  -webkit-transform: translate(0, 8px);
  transition: 0.6s;
  transition-delay: 0.4s; }

.fadeInUp2 {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewfadeInUp3 {
  opacity: 0;
  transform: translate(0, 8px);
  -webkit-transform: translate(0, 8px);
  transition: 0.8s;
  transition-delay: 0.8s; }

.fadeInUp3 {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }