@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain { margin: 0 auto; position: relative; }
#contentsmain .inner-Box {height: 710px;margin: 0 auto;position: relative;width: 1px;}
#contentsmain .inner-Box figure.img { position: relative; margin-left: -960px; }
#contentsmain .inner-Box figure.img img{  }

.backkk{background: url(../images/common/common-back.jpg);padding: 113px 0 100px;margin-bottom: 90px;}

#contents01 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 h2 {margin-left: -50px;margin-bottom: 6px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box1 {margin: 0 auto 38px 0;position: relative;width: 737px;height: 503px;box-shadow: 0px 30px 60px #22222214;background: #fff;padding: 76px 89px;}
#contents01 .inner-Box1 h3.f-min {font-size: 28px;line-height: 1.64;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 16px;position: relative;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 44px;right: -363px;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;height: 503px;background: #Fff;box-shadow: 0px 30px 60px #22222214;padding: 72px 89px;}
#contents01 .inner-Box2 h3.f-min {font-size: 28px;line-height: 2.03;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 37px;position: relative;}
#contents01 .inner-Box2 div{
    position: relative;
    left: 20px;
}
#contents01 .inner-Box2 figure.img {position: relative;}
#contents01 .inner-Box2 figure.img img{width: auto;}

#contents02 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents02 h2 {margin-left: -50px;margin-bottom: 6px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box1 {margin: 0 auto 38px 0;position: relative;width: 737px;height: 503px;box-shadow: 0px 30px 60px #22222214;background: #fff;padding: 76px 89px;}
#contents02 .inner-Box1 h3.f-min {font-size: 28px;line-height: 1.64;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 16px;position: relative;}
#contents02 .inner-Box1 figure.photo {position: absolute;top: 44px;right: -363px;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;}


#contents03 {margin: 0 auto 108px;position: relative;width: 1100px;}
#contents03 h2 {margin-left: -50px;margin-bottom: 6px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;background: #Fff;box-shadow: 0px 30px 60px #22222214;padding: 61px 79px 13px 79px;}
#contents03 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 86px;position: relative;}
#contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 51px;}
#contents03 .inner-Box1 ul li {position: relative;width: 280px;margin-right: 50px;}
#contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin-bottom: 13px;}
#contents03 .inner-Box1 figure.img img{  }
#contents03 .inner-Box1 p.ltext { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents04 {margin: 0 auto 108px;position: relative;width: 1100px;}
#contents04 h2 {margin-left: -50px;margin-bottom: 6px;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;background: #Fff;box-shadow: 0px 30px 60px #22222214;padding: 61px 79px 92px 79px;}
#contents04 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 60px;position: relative;}
#contents04 .inner-Box1 figure.photo01 {position: absolute;top: 180px;right: 80px;}
#contents04 .inner-Box1 figure.photo01 img{  }
#contents04 .inner-Box1 ul{ width: 610px; }
#contents04 .inner-Box1 ul li {position: relative;border-radius: 20px;background: #F5F5F5;padding: 23px 0 2px 95px;margin-bottom: 9px;}
#contents04 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inner-Box1 span.ch {display: block;line-height: 1;position: absolute;top: 40px;left: 36px;}
#contents04 .inner-Box1 span.ch img {  }
#contents04 .inner-Box1 h3 {font-size: 18px;line-height: 2.03;font-weight: 700;letter-spacing: 0.9px;margin-bottom: -3px;position: relative;}
#contents04 .inner-Box1 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 26px;position: relative;}
#contents04 .inner-Box1 figure.photo02 {position: absolute;top: 490px;right: 80px;}
#contents04 .inner-Box1 figure.photo02 img{  }

#contents05 {margin: 0 auto;position: relative;width: 1100px;}
#contents05 h2 {margin-left: -50px;margin-bottom: 6px;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 .inner-Box1 {margin: 0 auto;position: relative;width: 1100px;background: #Fff;box-shadow: 0px 30px 60px #22222214;padding: 61px 79px 101px 79px;}
#contents05 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 50px;position: relative;}
#contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
#contents05 .inner-Box1 figure.photo img{  }

#contentsbottom {margin: 0 auto 110px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box h2.f-min {font-size: 24px;line-height: 2.08;font-weight: 400;letter-spacing: 2.64px;margin-bottom: 90px;position: relative;text-align: center;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

}

@media screen and (max-width: 767px) {


    #contentsmain {position: relative;margin: 9.7vw 0 0;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box figure.img { position: relative; margin-left: 0vw; }
    #contentsmain .inner-Box figure.img img{  }
    
    .backkk{background: url(../images/common/common-back.jpg);padding: 11.13vw 0 5.67vw;margin-bottom: 10.6vw;background-size: 100% auto;}
    
    #contents01 {margin: 0 auto 11.13vw;position: relative;}
    #contents01 h2 {margin-left: 0vw;margin: 0 25.7vw -4.4vw 8.2vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box1 {margin: 0 3vw 12.23vw;position: relative;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;background: #fff;padding: 11.27vw 4.63vw 3.27vw 4.63vw;}
    #contents01 .inner-Box1 h3.f-min {font-size: 5.80vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.82vw;margin-bottom: 5.77vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 figure.photo {position: relative;margin-bottom: 8.1vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;}
    #contents01 .inner-Box2 {position: relative;background: #Fff;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;padding: 7.2vw 0vw 17.3vw 11.3vw;}
    #contents01 .inner-Box2 h3.f-min {font-size: 6.76vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.74vw;margin-bottom: 9.87vw;position: relative;text-align: left;}
    #contents01 .inner-Box2 div{}
    #contents01 .inner-Box2 figure.img {position: relative;}
    #contents01 .inner-Box2 figure.img img{width: auto;height: 65vw;}
    
    #contents02 {margin: 0 auto -1.17vw;position: relative;}
    #contents02 h2 {margin-left: 0vw;margin: 0 2.8vw -4.4vw 8.2vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box1 {margin: 0 3vw 12.23vw;position: relative;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;background: #fff;padding: 11.27vw 4.63vw 3.27vw 4.63vw;}
    #contents02 .inner-Box1 h3.f-min {font-size: 5.80vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.82vw;margin-bottom: 5.77vw;position: relative;text-align: center;}
    #contents02 .inner-Box1 figure.photo {position: relative;margin-bottom: 8.1vw;}
    #contents02 .inner-Box1 figure.photo img{  }
    #contents02 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;}
    

    #contents03 {margin: 0 auto 12.83vw;position: relative;}
    #contents03 h2 {margin-left: 0vw;margin: 0 7.6vw -4.4vw 8.2vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 .inner-Box1 {margin: 0 3vw 12.23vw;position: relative;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;background: #fff;padding: 8.27vw 4.63vw 3.27vw 4.63vw;}
    #contents03 .inner-Box1 h3.f-min {font-size: 5.80vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.82vw;margin-bottom: 5.77vw;position: relative;text-align: center;}
    #contents03 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.5vw;position: relative;}
    #contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8.7vw 3.6vw;}
    #contents03 .inner-Box1 ul li {position: relative;margin-bottom: 0vw;}
    #contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents03 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin-bottom: 3.47vw;}
    #contents03 .inner-Box1 figure.img img{  }
    #contents03 .inner-Box1 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9vw;position: relative;}
    
    #contents04 {margin: 0 auto -0.97vw;position: relative;}
    #contents04 h2 {margin-left: 0vw;margin: 0 17vw -4.4vw 8.2vw;}
    #contents04 h2 span{  }
    #contents04 h2 img {  }
    #contents04 .inner-Box1 {margin: 0 3vw 12.23vw;position: relative;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;background: #fff;padding: 8.27vw 4.63vw 10.27vw 4.63vw;}
    #contents04 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 5.5vw;position: relative;}
    #contents04 .inner-Box1 figure.photo01 {position: relative;margin-bottom: 7.8vw;}
    #contents04 .inner-Box1 figure.photo01 img{  }
    #contents04 .inner-Box1 ul{margin-bottom: 6vw;}
    #contents04 .inner-Box1 ul li {position: relative;border-radius: 5.33vw;background: #F5F5F5;padding: 6.13vw 4vw 0.53vw 16.33vw;margin-bottom: 2.4vw;}
    #contents04 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents04 .inner-Box1 span.ch {display: block;line-height: 1;position: absolute;top: 9.67vw;left: 5.4vw;width: 7.4vw;}
    #contents04 .inner-Box1 span.ch img {  }
    #contents04 .inner-Box1 h3 {font-size: 4vw;line-height: 2.03;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 0vw;position: relative;}
    #contents04 .inner-Box1 p.ltext {font-size: 3.37vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 4.93vw;position: relative;}
    #contents04 .inner-Box1 figure.photo02 {position: relative;top: 0vw;}
    #contents04 .inner-Box1 figure.photo02 img{  }
    
    #contents05 {margin: 0 auto -0.97vw;position: relative;}
    #contents05 h2 {margin-left: 0vw;margin: 0 3vw -4.4vw 8.2vw;}
    #contents05 h2 span{  }
    #contents05 h2 img {  }
    #contents05 .inner-Box1 {margin: 0 3vw 8.23vw;position: relative;box-shadow: 0.0vw 8.0vw 16.0vw #22222214;background: #fff;padding: 8.27vw 4.63vw 10.27vw 4.63vw;}
    #contents05 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 5.5vw;position: relative;}
    #contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
    #contents05 .inner-Box1 figure.photo img{  }
    
    #contentsbottom {margin: 0 auto 9.33vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box h2.f-min {font-size: 4.35vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.22vw;margin: 0 3vw 11vw;position: relative;text-align: left;}
    #contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 5vw;}
    #contentsbottom .inner-Box ul li {margin-bottom: 9.67vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }




    
}