@charset "UTF-8";

@media screen and (min-width:768px) {
#contentsmain {position: relative;padding-top: 90px;margin: -97px 0 0;}
#contentsmain .inner-Box {width: 1200px;height: 390px;margin: 0 auto;position: relative;background: url('../images/financial-plan/contentsmain-back01.png') no-repeat center center;background-size: cover;}
#contentsmain .main-Box {width: 100%;height: 100%;position: relative;text-align: center;padding-top: 80px;border: rgba(255,255,255,0.6) 1px solid;outline: rgba(255,255,255,0.6) 1px solid;outline-offset: -11px;}
#contentsmain .main-Box h2 {font-size: 40px;line-height: 1.45;font-weight: 400;color: #fff;margin-bottom: 30px;}
#contentsmain .main-Box .lead {font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #fff;margin-bottom: 30px;}
#contentsmain .main-Box .note {font-size: 15px;line-height: 1;color: #b6b6b6;letter-spacing: 0.02em;}
#contentsmain .main-Box .main-icon {width: 140px;height: 140px;position: absolute;right: 240px;top: -26px;margin: 0;}
#contentsmain .main-Box .main-icon img {display: block;width: 100%;height: auto;}

#contents01 {position: relative;padding: 70px 0 143px;}
#contents01 .inner-Box1 {width: 1200px;height: 610px;margin: 0 auto;background: #f1f1f1;position: relative;padding-top: 80px;}
#contents01 .inner-Box1 > h2 {font-size: 28px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #004080;text-align: center;margin-bottom: 49px;}
#contents01 .check-list {width: 710px;margin: 0 auto;}
#contents01 .check-list li {width: 710px;height: 80px;background: #fff;display: flex;align-items: center;padding: 0 30px 0 47px;margin-bottom: 10px;}
#contents01 .check-list li .list-icon {display: block;width: 26px;height: 26px;margin-right: 20px;flex-shrink: 0;}
#contents01 .check-list li .list-icon img {display: block;width: 100%;height: auto;}
#contents01 .check-list li p {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .bottom-Box {position: relative;text-align: center;padding-top: 45px;}
#contents01 .bottom-Box h3 {font-size: 24px;line-height: 1.5;font-weight: 500;letter-spacing: 3px;color: #1a1a1a;

}
#contents01 .bottom-Box .photo01 {width: 93px;height: 147px;position: absolute;right: 174px;top: 22px;margin: 0;}
#contents01 .bottom-Box .photo01 img {display: block;width: 100%;height: auto;}
#contents01 .request-btn {display: flex;width: 530px;height: 80px;align-items: center;justify-content: center;position: absolute;left: 50%;top: 119px;transform: translateX(-50%);background-size: 100% 100%;color: #fff;}
#contents01 .request-btn span {font-size: 22px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;}

#contents02 {position: relative;padding: 0 0 87px;}
#contents02 .inner-Box1 {width: 1200px;margin: 0 auto;position: relative;}
#contents02 .ttl-Box {text-align: center;margin-bottom: 35px;}
#contents02 .ttl-Box .en {font-size: 13px;line-height: 1.3;font-weight: 400;letter-spacing: 0.03em;color: #99b5d0;margin-bottom: 13px;}
#contents02 .ttl-Box h2 {font-size: 32px;line-height: 1;font-weight: 600;letter-spacing: 0.08em;color: #004080;}
#contents02 .lead {font-size: 16px;line-height: 1.5;letter-spacing: 0.02em;color: #1a1a1a;text-align: center;margin-bottom: 52px;}
#contents02 .lead span {color: #b57619;}
#contents02 .guide-list {display: flex;justify-content: center;gap: 60px;}
#contents02 .guide-list li {width: 240px;position: relative;padding-bottom: 48px;}
#contents02 .guide-list .guide-ttl {display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 8px;position: absolute;text-align: center;width: 100%;bottom: 0;}
#contents02 .guide-list .guide-ttl span {font-size: 20px;line-height: 1.5;color: #1a1a1a;}
#contents02 .guide-list .guide-ttl h3 {font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: 0.02em;color: #1a1a1a;}
#contents02 .guide-list figure {width: 240px;height: 240px;margin: 0;border-radius: 50%;overflow: hidden;}
#contents02 .guide-list figure picture {display: block;width: 100%;height: 100%;}
#contents02 .guide-list figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contents03 {position: relative;background: #e3e6e8;padding: 75px 0 1px;width: 1200px;margin: 0 auto;}
#contents03 .inner-Box1 {width: 1200px;margin: 0 auto;position: relative;}
#contents03 .ttl-Box {text-align: center;margin-bottom: 30px;}
#contents03 .ttl-Box .en {font-size: 13px;line-height: 1.3;font-weight: 400;letter-spacing: 0.03em;color: #99b5d0;margin-bottom: 13px;}
#contents03 .ttl-Box h2 {font-size: 32px;line-height: 1;font-weight: 600;letter-spacing: 0.08em;color: #004080;}
#contents03 .lead {font-size: 16px;line-height: 1.5;letter-spacing: 0.02em;color: #1a1a1a;text-align: center;margin-bottom: 75px;}
#contents03 .voice-Box {width: 1000px;min-height: 900px;margin: 0 auto 60px;background: #fff;border-top: #9fb1bc 1px solid;position: relative;padding: 73px 110px 60px;}
#contents03 .voice-head {min-height: 94px;display: flex;align-items: flex-start;position: relative;margin-bottom: 10px;}
#contents03 .voice-head .voice-icon {width: 94px;height: 94px;margin: 0 60px 0 0;flex-shrink: 0;}
#contents03 .voice-head .voice-icon img {display: block;width: 100%;height: auto;}
#contents03 .voice-head h3 {font-size: 20px;line-height: 1.8;font-weight: 500;letter-spacing: 0.02em;color: #004080;padding-top: 8px;}
#contents03 .voice-text {padding-left: 154px;margin-bottom: 43px;}
#contents03 .voice-text > p:not(.profile) {font-size: 16px;line-height: 1.75;letter-spacing: 0.02em;color: #1a1a1a;}
#contents03 .voice-text .profile {display:none;}
#contents03 .voice-photo {width: 780px;height: 480px;margin: 0 auto;}
#contents03 .voice-photo picture {display: block;width: 100%;height: 100%;}
#contents03 .voice-photo img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 .voice-head .voice-icon figcaption{font-size: 14px;text-align: center;padding-top: 15px;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

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

@media screen and (max-width:767px) {
#contentsmain {position: relative;padding-top: 40px;margin: -6vw 0 12vw;}
#contentsmain .inner-Box {height: 68.6vw;position: relative;background: url('../images/financial-plan/sp-contentsmain-back01.png') no-repeat center center;background-size: cover;}
#contentsmain .main-Box {height: 100%;position: relative;text-align: center;padding-top: 12.6vw;outline: rgba(255,255,255,0.6) 0.2vw solid;outline-offset: -1.0vw;}
#contentsmain .main-Box h2 {font-size: 5.8vw;line-height: 1.4167;font-weight: 400;color: #fff;margin-bottom: 5.8vw;}
#contentsmain .main-Box .lead {font-size: 3.9vw;line-height: 1.5;font-weight: 400;color: #fff;margin-bottom: 4.8vw;}
#contentsmain .main-Box .note {font-size: 3.4vw;line-height: 1;color: #b6b6b6;letter-spacing: 0.02em;}
#contentsmain .main-Box .main-icon {width: 18.4vw;height: 18.4vw;position: absolute;right: 6.5vw;top: -4.8vw;margin: 0;}
#contentsmain .main-Box .main-icon img {display: block;width: 100%;height: auto;}

#contents01 {position: relative;background: #f1f1f1;padding: 14.5vw 0 0.1vw;}
#contents01 .inner-Box1 {width: 91.8vw;margin: 0 auto;position: relative;}
#contents01 .inner-Box1 > h2 {font-size: 5.3vw;line-height: 1.4545;font-weight: 500;letter-spacing: 0.02em;color: #004080;text-align: center;margin-bottom: 9.7vw;}
#contents01 .check-list {width: 91.8vw;margin: 0;}
#contents01 .check-list li {width: 91.8vw;background: #fff;display: flex;align-items: center;padding: 2.4vw;margin-bottom: 1.9vw;}
#contents01 .check-list li .list-icon {display: block;width: 4.8vw;height: 4.8vw;margin-right: 4.8vw;flex-shrink: 0;}
#contents01 .check-list li .list-icon img {display: block;width: 100%;height: auto;}
#contents01 .check-list li p {font-size: 3.9vw;line-height: 1.625;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;width: 77.3vw;}
#contents01 .bottom-Box {position: relative;text-align: left;padding: 6.8vw 0 0;margin-bottom: -8vw;}

#contents01 .bottom-Box h3 {
	font-size: 4.589vw;
            line-height: 1.7;
            font-weight: 500;
            letter-spacing: 0.725vw;
            color: #1a1a1a;
            text-align: center;
}

#contents01 .bottom-Box .photo01 {width: 12.1vw;height: 19.1vw;position: absolute;right: 2.4vw;top: 10.4vw;margin: 0;}
#contents01 .bottom-Box .photo01 picture {display: block;width: 100%;height: 100%;}
#contents01 .bottom-Box .photo01 img {display: block;width: 100%;height: auto;}
#contents01 .request-btn {display: flex;width: 87.0vw;height: 16.9vw;align-items: center;justify-content: center;position: relative;margin: 6.5vw auto 0;background: url('../images/financial-plan/sp-contents01-btn01.png') no-repeat center center;background-size: 100% 100%;color: #fff;}
#contents01 .request-btn span {font-size: 4.3vw;line-height: 1.6667;font-weight: 500;letter-spacing: 0.02em;}

#contents02 {position: relative;padding: 29.7vw 0 18.3vw;}
#contents02 .inner-Box1 {width: 100%;margin: 0 auto;position: relative;}
#contents02 .ttl-Box {text-align: center;margin-bottom: 6.0vw;}
#contents02 .ttl-Box .en {font-size: 3.1vw;line-height: 1.2308;font-weight: 400;letter-spacing: 0.03em;color: #99b5d0;margin-bottom: 1.0vw;}
#contents02 .ttl-Box h2 {font-size: 5.8vw;line-height: 1.5833;font-weight: 600;letter-spacing: 0.02em;color: #004080;}
#contents02 .lead {width: 91.8vw;margin: 0 auto 9.8vw;font-size: 3.6vw;line-height: 1.7333;letter-spacing: 0.02em;color: #1a1a1a;text-align: center;}
#contents02 .lead span {color: #b57619;}
#contents02 .guide-list {width: 87.0vw;margin: 0 auto;}
#contents02 .guide-list li {width: 87.0vw;position: relative;margin-bottom: 6.4vw;}
#contents02 .guide-list li:last-child {margin-bottom: 0;}
#contents02 .guide-list .guide-ttl {display: flex;align-items: center;gap: 4.1vw;margin-bottom: 2.4vw;}
#contents02 .guide-list .guide-ttl span {font-size: 4.3vw;line-height: 1;color: #1a1a1a;}
#contents02 .guide-list .guide-ttl h3 {font-size: 3.9vw;line-height: 1;font-weight: 500;letter-spacing: 0.02em;color: #1a1a1a;position: relative;top: -0.5vw;left: -1vw;}
#contents02 .guide-list figure {width: 87.0vw;height: 43.5vw;margin: 0;border-radius: 1.2vw;overflow: hidden;}
#contents02 .guide-list figure picture {display: block;width: 100%;height: 100%;}
#contents02 .guide-list figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contents03 {position: relative;background: #e3e6e8;padding: 21.7vw 0 12.3vw;margin-bottom: 19vw;}
#contents03 .inner-Box1 {width: 100%;margin: 0 auto;position: relative;}
#contents03 .ttl-Box {text-align: center;margin-bottom: 6.0vw;}
#contents03 .ttl-Box .en {font-size: 3.1vw;line-height: 1.2308;font-weight: 400;letter-spacing: 0.03em;color: #99b5d0;margin-bottom: 1.0vw;}
#contents03 .ttl-Box h2 {font-size: 5.8vw;line-height: 1.5833;font-weight: 600;letter-spacing: 0.02em;color: #004080;}
#contents03 .lead {width: 91.8vw;margin: 0 auto 9.6vw;font-size: 3.6vw;line-height: 1.7333;letter-spacing: 0.02em;color: #1a1a1a;text-align: center;}
#contents03 .voice-Box {width: 94.2vw;margin: 0 auto 7.2vw;background: #fff;border-top: #9fb1bc 0.2vw solid;position: relative;padding: 14.5vw 7.2vw 17.2vw;}
#contents03 .voice-head {display: flex;align-items: flex-start;position: relative;margin-bottom: 4.3vw;}
#contents03 .voice-head .voice-icon {width: 15.7vw;height: 15.7vw;margin: 0 4.8vw 0 0;flex-shrink: 0;}
#contents03 .voice-head .voice-icon img {display: block;width: 100%;height: auto;}
#contents03 .voice-head h3 {width: 64.2vw;font-size: 3.9vw;line-height: 1.625;font-weight: 500;letter-spacing: 0.02em;color: #004080;margin-right: -0.4vw;}
#contents03 .voice-text {margin-bottom: 7.2vw;}
#contents03 .voice-text > p:not(.profile) {font-size: 3.6vw;line-height: 1.7333;letter-spacing: 0.02em;color: #1a1a1a;}
#contents03 .voice-text .profile {font-size: 3.4vw;line-height: 1;color: #656565;letter-spacing: 0.02em;margin-top: 3.6vw;left: -2.5vw;position: relative;}
#contents03 .voice-photo {width: 79.7vw;height: 49.0vw;margin: 0 auto;}
#contents03 .voice-photo picture {display: block;width: 100%;height: 100%;}
#contents03 .voice-photo img {display: block;width: 100%;height: 100%;object-fit: cover;}
}


}