@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 45px;position: relative;width: 1100px;padding: 18px 0 0;}
#contentsmain .inner-Box {margin: 0 auto 84px;position: relative;text-align: center;}
#contentsmain .inner-Box h2 {margin-bottom: 65px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0px;margin-bottom: 36px;position: relative;}
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box2 h2.ttl02 {text-align: center;margin-bottom: 46px;}
#contentsmain .inner-Box2 h2.ttl02 span{  }
#contentsmain .inner-Box2 h2.ttl02 img {  }
#contentsmain .inner-Box2 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;}
#contentsmain .inner-Box2 ul li {margin-right: 40px;margin-bottom: 49px;}
#contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }

#contents01 {margin: 0 auto 101px;position: relative;width: 1280px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2.f-min {font-size: 45px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 33px;position: relative;text-align: center;}
#contents01 .inner-Box h3 {margin-bottom: 35px;}
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box h3 img {  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2.13;font-weight: 400;letter-spacing: 0px;margin: 0 auto 84px;position: relative;width: 1100px;}

#contents01 .inner-Box p.text2 {font-size: 16px;line-height: 2.13;font-weight: 400;letter-spacing: 0px;margin: 0 auto 84px;position: relative;width: 1100px;}
#contents01 .inner-Box p.text3 {font-size: 16px;line-height: 2.13;font-weight: 400;letter-spacing: 0px;margin: 0 auto 84px;position: relative;width: 1100px;}
#contents01 .inner-Box p.text4 {font-size: 16px;line-height: 2.13;font-weight: 400;letter-spacing: 0px;margin: 0 auto 84px;position: relative;width: 1100px;}

#contents01 .inner-Box p::before{content: "";width: 14px;height: 14px; border-radius: 50%;position: absolute;top: -51px;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box p.text2::before{ background: #CB7086;}
#contents01 .inner-Box p.text3::before{ background: #6EAFC1;}
#contents01 .inner-Box p.text4::before{ background: #DBAA4C;}

.mfp-container{ height: 100%!important;}

#contents02 {margin: 0 auto 102px;position: relative;width: 1100px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {text-align: center;margin-bottom: 40px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box ul.sys-list {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;}
#contents02 .inner-Box ul li {position: relative;width: 343px;margin-right: 35px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box figure.photo {width: 343px;
    height: 248px; position: relative;top: 0;left: 0;margin-bottom: 13px; overflow: hidden;}
#contents02 .inner-Box figure.photo img{ width: 343px;
    height: 248px; }
#contents02 .inner-Box h3 { font-size: 20px; line-height: 1.68; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px; position: relative; }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 34px;position: relative;}

#contentsbottom {margin: 0 auto 140px;position: relative;width: 900px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2.f-min {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 31px;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;width: 419px;margin: 0 auto;}
#contentsbottom .inner-Box ul li {margin-right: 0px;}
#contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

.mfp-arrow-left {background: url('../images/statement/right.png') no-repeat center center;background-size: auto;left: 50%;margin-left: -390px;bottom: 138px;top: auto;}
.mfp-arrow-right {background: url('../images/statement/left.png') no-repeat center center;background-size: auto;top: auto;bottom: 139px;left: 50%;margin-left: -170px;}
.mfp-close {background: url('../images/statement/close.png') no-repeat center center;background-size: auto;width: 110px;height: 40px;top: auto!important;right: 20px;bottom: 175px;left: 50%;overflow: hidden!important;padding-top: 40px!important;margin-left: -290px;}


.popup-content{width: 1100px;height: 640px;background: #6EAFC1;position: relative;margin: 0 auto;padding: 0 466px 0 0;color: #fff;}
#contentsop02{ background: #CB7086;}
#contentsop03{ background: #DBAA4C;}
#contentsop04{ background: #A1BE58;}

.popup-content .photo{position: absolute;top: 0;right: 0;}
.popup-content h2{text-align: center;font-size: 18px;letter-spacing: 0;padding: 50px 0 0;}
.popup-content h2 span{ font-size: 34px; }
.popup-content h3 {text-align: center;font-size: 40px;letter-spacing: 0px;line-height: 1.55;margin-bottom: 30px;}
.popup-content p.text{font-size: 16px;letter-spacing: 0;line-height: 2.13;margin: 0 30px 0;}

}

@media screen and (max-width: 767px) {
    #contentsmain {margin: 0 auto 4.87vw;position: relative;padding: 5.55vw 0 0;}
    #contentsmain .inner-Box {margin: 0 auto 8.99vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2 {margin-bottom: 7.7vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.85;font-weight: 400;letter-spacing: 0.0vw;margin: 0 8vw 0.5vw;position: relative;text-align: left;}
    #contentsmain .inner-Box2 { margin: 0 4vw; position: relative; }
    #contentsmain .inner-Box2 h2.ttl02 {text-align: center;margin: 0 8.3vw 6.11vw;}
    #contentsmain .inner-Box2 h2.ttl02 span{  }
    #contentsmain .inner-Box2 h2.ttl02 img {  }
    #contentsmain .inner-Box2 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;}
    #contentsmain .inner-Box2 ul li {margin-bottom: 9.14vw;}
    #contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 ul li figure {  }
    #contentsmain .inner-Box2 ul li a {  }
    #contentsmain .inner-Box2 ul li a:hover {  }
    
    #contents01 {margin: 0 auto -2.2vw;position: relative;}
    #contents01 .inner-Box { margin: 0 4vw; position: relative; }
    #contents01 .inner-Box h2.f-min {font-size: 7.49vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.77vw;position: relative;text-align: center;}
    #contents01 .inner-Box h3 {margin-bottom: 8.45vw;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box h3 img {  }
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 2.13;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.1vw 15.29vw;position: relative;}
    
    #contents01 .inner-Box p.text2 {font-size: 3.86vw;line-height: 2.13;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.1vw 15.29vw;position: relative;}
    #contents01 .inner-Box p.text3 {font-size: 3.86vw;line-height: 2.13;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.1vw 15.29vw;position: relative;}
    #contents01 .inner-Box p.text4 {font-size: 3.86vw;line-height: 2.13;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.1vw 20.29vw;position: relative;}
    
    #contents01 .inner-Box p::before{content: "";width: 3.38vw;height: 3.38vw;border-radius: 50%;position: absolute;top: -9.8vw;left: 50%;transform: translateX(-50%);}
    #contents01 .inner-Box p.text2::before{ background: #CB7086;}
    #contents01 .inner-Box p.text3::before{ background: #6EAFC1;}
    #contents01 .inner-Box p.text4::before{ background: #DBAA4C;}
    
    
    #contents02 {margin: 0 auto 24.64vw;position: relative;}
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .inner-Box h2 {text-align: center;margin: 0 13.9vw 6.66vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inner-Box ul.sys-list {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 4vw;}
    #contents02 .inner-Box ul li {position: relative;width: 100%;}
    #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inner-Box ul li a {  }
    #contents02 .inner-Box ul li a:hover {  }
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.14vw;width: 100%;height: 60.39vw;}
    #contents02 .inner-Box figure.photo img{width: 100%;height: 60.39vw;}
    #contents02 .inner-Box h3 { font-size: 4.83vw; line-height: 1.68; font-weight: 400; letter-spacing: 0.0vw; margin-bottom: 0.0vw; position: relative; }
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.21vw;position: relative;}
    
    #contentsbottom {margin: 0 auto 33.82vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 8.2vw;position: relative;}
    #contentsbottom .inner-Box h2.f-min {font-size: 5.80vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.77vw;margin-bottom: 6.69vw;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-bottom: 12.49vw;}
    #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    
    .popup-content{background: #6EAFC1;position: relative;margin: 5vw 4vw 5vw;padding: 0 0vw 30vw 0;color: #fff;}
    #contentsop02{ background: #CB7086;}
    #contentsop03{ background: #DBAA4C;}
    #contentsop04{ background: #A1BE58;}
    
    .popup-content .photo{position: relative;top: 0;right: 0;}
    .popup-content h2{text-align: center;font-size: 3.86vw;letter-spacing: 0;padding: 12.08vw 0 0;margin-bottom: 3vw;}
    .popup-content h2 span{font-size: 6.76vw;}
    .popup-content h3 {text-align: center;font-size: 7.00vw;letter-spacing: 0.0vw;line-height: 1.55;margin-bottom: 7.25vw;}
    .popup-content p.text{font-size: 3.86vw;letter-spacing: 0;line-height: 2.13;margin: 0 7.25vw 0;min-height: 113.82vw;}
    
	
    .mfp-arrow-left {background: url('../images/statement/right.png') no-repeat center center;background-size: 4vw;top: auto;bottom: 1.6vw;left: 20vw;}
    .mfp-arrow-right {background: url('../images/statement/left.png') no-repeat center center;background-size: 4vw;top: auto;bottom: 1.6vw;left: 56vw;}
    .mfp-close {background: url('../images/statement/close.png') no-repeat center center;background-size: 100% auto;height: 9.66vw;top: auto!important;right: 4.83vw;bottom: -107.4vw;left: 50%;width: 19vw;overflow: hidden!important;padding-top: 20vw!important;margin-left: -9vw;}

	
}