@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list{margin-bottom: -66px;}

.bg-area{ width:100%; max-width:1920px; margin:0 auto; padding-top: 104px; background: url(../images/partner/con01-bg01.png) no-repeat center top,#F0F2F4; }

#con01{ width:100%; max-width:1920px; margin:0 auto 106px; padding-top: 90px; background: url(../images/partner/con01-bg02.png) no-repeat center top; }
#con01 .inner-Box{ width:1200px; margin:0 auto; }
#con01 .box1{ width:647px; margin-left:auto; background-color:#fff; padding:63px 60px 63px 70px; }
#con01 .box1 .ttl{ font-size:27px; line-height:48px; letter-spacing:1.35px; margin-bottom:10px; }
#con01 .box1 .ttl1{ font-size:18px; font-weight: 700; line-height:37px; letter-spacing:0.9px; margin-bottom:20px; }
#con01 .box1 .txt{ font-size:15px; line-height:30px; letter-spacing:0.75px; }

#con02{ width:100%; max-width:1600px; margin:0 auto 120px; height:694px; background: url(../images/partner/con02-bg01.png) no-repeat center top; }
#con02 .inner-Box{ color:#fff; width:1080px; margin:0 auto; padding-top:100px; }
#con02 .ttl{ text-align:center; font-size:36px; line-height:53px; letter-spacing:5px; margin-bottom:30px; }
#con02 .txt{ text-align:center; font-size:18px; line-height:36px; letter-spacing:0.9px; margin-bottom:100px; }
#con02 .ttl1{ text-align:center; font-size:24px; line-height:42px; letter-spacing:0; margin-bottom:20px; }
#con02 .list{ display: flex; justify-content: space-between; margin-bottom:34px; }
#con02 .txt2{ text-align:center; font-size:15px; line-height:26px; letter-spacing:0.75px; }

#con03{ width:100%; max-width:1920px; margin:0 auto 110px; padding-bottom: 155px; background: url(../images/partner/con03-bg01.png) no-repeat center bottom; }
#con03 .inner-Box{ width:1100px; margin:0 auto; }
#con03 .ttl{ width:918px; margin:0 auto 54px; text-align: center; padding: 32px 0 32px; background-color:#fff; border-radius: 100px; font-size:25px; font-weight:550; line-height:64px; letter-spacing:1.25px; }
#con03 .ttl1{ text-align:center; font-size:24px; line-height:48px; letter-spacing:1.2px; margin-bottom:73px; }
#con03 .list { position: relative; margin-bottom: 195px; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
#con03 .list::before{ content: url(../images/partner/con03-icon02.png); position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con03 .list li {width: 530px; margin-right: 40px; background: transparent linear-gradient(270deg, rgba(60, 102, 139, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%) 0% 0% no-repeat padding-box;position: relative;border-radius: 5px;overflow: hidden;margin-bottom: 24px;height: 56px;padding: 14px 0 0 85px;}
#con03 .list li:nth-child(2n){ margin-right:0; }
#con03 .list span.ch {display: block;line-height: 1;width: 56px;height: 56px;background: #3C668B;padding: 14px 0 0 19px;position: absolute;top: 0;left: 0;}
#con03 .list span.ch img {  }
#con03 .txt{ text-align:center; }

#con04{ width:1100px; margin:0 auto 240px; }
#con04 .ttl{ text-align:center; margin-bottom:123px; }
#con04 .num1{ position:relative; margin-bottom:137px; }
#con04 .num1::before{ content: url(../images/partner/con04-num01.png); position: absolute; top: -70px; right: 30px; }
#con04 .num1 .txt-box{ width:470px; margin-left:auto; }
#con04 .num1 .txt-box .pic{ position:absolute; top:0px; left:0px; }
#con04 .num1 .txt-box .ttl1{ font-size:27px; line-height:76px; letter-spacing:1.35px; margin-bottom:5px; position:relative; z-index:2; }
#con04 .num1 .txt-box .txt{ font-size:15px; line-height:30px; letter-spacing:0.75px; }
#con04 .num1 .txt-box .mb1{ margin-bottom:20px; }

#con04 .num2{ position:relative; margin-bottom:137px; }
#con04 .num2::before{ content: url(../images/partner/con04-num02.png); position: absolute; top: -70px; left: 255px; }
#con04 .num2 .txt-box{ width:470px; }
#con04 .num2 .txt-box .pic{ position:absolute; top:0px; right:0px; }
#con04 .num2 .txt-box .ttl1{ font-size:27px; line-height:76px; letter-spacing:1.35px; margin-bottom:5px; position:relative; z-index:2; }
#con04 .num2 .txt-box .txt{ font-size:15px; line-height:30px; letter-spacing:0.75px; }
#con04 .num2 .txt-box .mb1{ margin-bottom:20px; }
#con04 .num2 .txt-box .list{ margin:50px 0 50px; }
#con04 .num2 .txt-box .list li{ padding-left:30px; font-size:16px; font-weight:700; line-height:26px; letter-spacing:0.8px; margin-bottom:15px; position:relative; }
#con04 .num2 .txt-box .list li::before{ content: url(../images/partner/con04-check01.png); position: absolute; top: 3px; left: -2px; }

#con04 .num3{ position:relative; margin-bottom:137px; }
#con04 .num3::before{ content: url(../images/partner/con04-num03.png); position: absolute; top: -70px; right: 30px; }
#con04 .num3 .txt-box{ width:470px; margin-left:auto; }
#con04 .num3 .txt-box .pic{ position:absolute; top:15px; left:0px; }
#con04 .num3 .txt-box .ttl1{ font-size:27px; line-height:76px; letter-spacing:1.35px; margin-bottom:5px; position:relative; z-index:2; }
#con04 .num3 .txt-box .txt{ font-size:15px; line-height:30px; letter-spacing:0.75px; }
#con04 .num3 .txt-box .mb1{ margin-bottom:20px; }

#con05{ width:100%; max-width:1920px; margin:0 auto -80px; padding-bottom: 200px; background: url(../images/partner/con05-bg01.png) no-repeat center bottom; }
#con05 .inner-Box{ width:1100px; margin:0 auto; }
#con05 .ttl{ text-align:center; font-size:29px; line-height:43px; letter-spacing:4px; margin-bottom: 23px; }
#con05 .txt{ text-align:center; font-size:20px; line-height:36px; letter-spacing:3px; margin-bottom: 91px; }
#con05 .pic{ margin-bottom:47px; }
#con05 .txt2{ text-align:center; font-size:20px; line-height:40px; letter-spacing:1px; }



}

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

.bg-area{ margin:0 auto; padding-top: 25vw; background: url(../images/partner/sp-con01-bg01.png) no-repeat center top,#F0F2F4; background-size: 100%; }

#con01{ margin:0 auto 18vw; padding-top: 48vw; background: url(../images/partner/sp-con01-bg02.png) no-repeat center top; background-size: 100%; }
#con01 .inner-Box{ margin:0 auto; }
#con01 .box1{ width: 80vw; margin: 0 auto; background-color:#fff; padding:8vw 5vw 8vw 5vw; }
#con01 .box1 .ttl{ font-size:5.8vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:2.41vw; }
#con01 .box1 .ttl1{ font-size:3.9vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:4.83vw; }
#con01 .box1 .txt{ font-size:3.62vw; line-height: 1.8; letter-spacing: 0.24vw; }

#con02{ margin:0 auto 18vw; padding-bottom: 25vw; background: url(../images/partner/sp-con02-bg01.png) no-repeat center top; background-size: 100%; }
#con02 .inner-Box{ color:#fff; margin:0 auto; padding-top:18vw; }
#con02 .ttl{ text-align:center; font-size:7.4vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:7.24vw; }
#con02 .txt{ text-align:center; font-size:3.9vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:20vw; }
#con02 .ttl1{ text-align:center; font-size:4.6vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom:4.83vw; }
#con02 .list{ margin:0 5vw 12vw; }
#con02 .list li{ margin-bottom:6vw; }
#con02 .txt2{ text-align:center; font-size:3.62vw; line-height: 1.8; letter-spacing: 0.24vw; }

#con03{ margin:0 auto 18vw; padding-bottom: 25vw; background: url(../images/partner/sp-con03-bg01.png) no-repeat center bottom; background-size: 100%; }
#con03 .inner-Box{ margin:0 6vw; }
#con03 .ttl{ margin:0 auto 9vw; text-align: center; padding: 7.72vw 0 7.72vw; background-color:#fff; border-radius: 24.15vw; font-size:4.2vw; font-weight:550; line-height: 1.6; letter-spacing: 0.24vw; }
#con03 .ttl1{ text-align:center; font-size:4.2vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:9vw; }
#con03 .list { position: relative; margin-bottom: 36vw; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
#con03 .list::before{ content: url(../images/partner/sp-con03-icon02.png); position: absolute; bottom: -35vw; left: 36.5%; transform: scale(0.5); }
#con03 .list li { background: transparent linear-gradient(270deg, rgba(60, 102, 139, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%) 0% 0% no-repeat padding-box; background-size: 100%;position: relative;border-radius: 1.2vw;overflow: hidden;margin-bottom: 5.79vw; width: 100%; height: 20vw;padding: 3.38vw 0 0 20.53vw; }
#con03 .list span.ch {display: block;line-height: 1.6; width: 16vw; height: 20vw;background: #3C668B; background-size: 100%;padding: 5.8vw 0 0 5.48vw;position: absolute;top: 0;left: 0; }
#con03 .list span.ch img { width:7vw; }
#con03 .txt{ text-align:center; width:96%; margin:0 auto; }

#con04{ margin:0 5vw 25vw; }
#con04 .ttl{ text-align:center; margin: 0 14vw 20vw; }
#con04 .num1{ position:relative; margin-bottom:25vw; }
#con04 .num1::before{ content: url(../images/partner/sp-con04-num01.png); position: absolute; top: -16.9vw; right: 26vw; transform: scale(0.5); }
#con04 .num1 .txt-box{ margin-left:auto; }
#con04 .num1 .txt-box .pic{ margin-bottom:8vw; }
#con04 .num1 .txt-box .ttl1{ text-align: center; font-size:5.8vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:6vw; position:relative; z-index:2; }
#con04 .num1 .txt-box .txt{ font-size:3.62vw; line-height: 2; letter-spacing: 0.24vw; }
#con04 .num1 .txt-box .mb1{ margin-bottom:4.83vw; }

#con04 .num2{ position:relative; margin-bottom:25vw; }
#con04 .num2::before{ content: url(../images/partner/sp-con04-num02.png); position: absolute; top: -16.9vw; right: 23vw; transform: scale(0.5); }
#con04 .num2 .txt-box{ margin-left:auto; }
#con04 .num2 .txt-box .pic{ margin-bottom:8vw; }
#con04 .num2 .txt-box .ttl1{ text-align: center; font-size:5.8vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:6vw; position:relative; z-index:2; }
#con04 .num2 .txt-box .txt{ font-size:3.62vw; line-height: 2; letter-spacing: 0.24vw; }
#con04 .num2 .txt-box .mb1{ margin-bottom:4.83vw; }

#con04 .num3{ position:relative; margin-bottom:25vw; }
#con04 .num3::before{ content: url(../images/partner/sp-con04-num03.png); position: absolute; top: -16.9vw; right: 24vw; transform: scale(0.5); }
#con04 .num3 .txt-box{ margin-left:auto; }
#con04 .num3 .txt-box .pic{ margin-bottom:8vw; }
#con04 .num3 .txt-box .ttl1{ text-align: center; font-size:5.8vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:6vw; position:relative; z-index:2; }
#con04 .num3 .txt-box .txt{ font-size:3.62vw; line-height: 2; letter-spacing: 0.24vw; }
#con04 .num3 .txt-box .mb1{ margin-bottom:4.83vw; }

#con05{ margin:0 auto 0vw; padding-bottom: 12vw; background: url(../images/partner/sp-con05-bg01.png) no-repeat center bottom; background-size: 100%; }
#con05 .inner-Box{ margin:0 auto; }
#con05 .ttl{ text-align:center; font-size:5.4vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom: 5.55vw; }
#con05 .txt{ text-align:center; font-size:3.9vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom: 6vw; }
#con05 .pic{ margin: 0 8vw 10vw; }
#con05 .txt2{ text-align:center; font-size:3.9vw; line-height: 1.8; letter-spacing: 0.24vw; }


}