@charset "utf-8";
body{margin: 0;}
p{margin: 0;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; list-style: none;}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}
.disp_pc{display: block;}
.disp_sp{display: none;}
.disp_pad{display: none;}
.disp_in_pc{display: inline-block;}
.disp_in_sp{display: none;}
header{background: #fff; padding: 23px 0; position: fixed; width: 100%; top: 0; z-index: 9999;}
header .header-inner{width: 100%; max-width: 1440px; margin: auto; display: flex; flex-wrap: wrap;}
header .header-inner .btn{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
header .header-inner .btn .logo{width: 12%}
header .header-inner .btn .anchor{font-size: 18px; font-weight: bold; padding-top: 1em;}
header .header-inner .btn .anchor a{color: #002360; padding-bottom: 0.25em;}
header .header-inner .btn .anchor a:hover{background: url(../img/anc01bg.png) no-repeat; background-position: bottom; background-size: contain;}
header .header-inner .btn .document-request{width: 15%}
header .header-inner .btn .document-request a{display: block; background: #569a13; color: #fff; height: 55px;}
header .header-inner .btn .document-request a .document-request-box{display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
header .header-inner .btn .document-request a .document-request-box .document-request-img{width: 30%; display: flex; justify-content: center; align-items: center;}
header .header-inner .btn .document-request a .document-request-box .document-request-img p{text-align: center;}
header .header-inner .btn .document-request a .document-request-box .document-request-txt{width: 70%; display: flex; justify-content: center; align-items: center;}
header .header-inner .btn .document-request a .document-request-box .document-request-txt p{text-align: center; font-size: 18px; font-weight: bold; line-height: 1em;}
header .header-inner .btn .document-request a .document-request-box .document-request-txt p span{font-size: 13px;}
header .header-inner .btn .consultation{width: 15%}
header .header-inner .btn .consultation a{display: block; background-image: linear-gradient(0deg, rgba(6, 59, 118, 1), rgba(46, 107, 196, 1)); border-bottom: 4px solid #b2c1d1; border-radius: 10px; color: #fff; height: 55px;}
header .header-inner .btn .consultation a .consultation-box{display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
header .header-inner .btn .consultation a .consultation-box .consultation-img{width: 30%; display: flex; justify-content: center; align-items: center;}
header .header-inner .btn .consultation a .consultation-box .consultation-img p{text-align: center;}
header .header-inner .btn .consultation a .consultation-box .consultation-txt{width: 70%; display: flex; justify-content: center; align-items: center;}
header .header-inner .btn .consultation a .consultation-box .consultation-txt p{text-align: center; font-size: 18px; font-weight: bold;}
header .header-inner .btn .document-request a:hover,header .header-inner .btn .consultation a:hover{opacity: 0.5;}

.mv-band{background: #002360; padding: 15px 0; margin-top: 106px;}
.mv-band p{text-align: center; font-size: 24px; font-weight: bold; color: #fff;}

.mv{background: url(../img/mvbg-pc.png) no-repeat; background-size: cover;}
.mv .wrap{width: 100%; max-width: 1440px; margin: auto; padding:35px 0;}
.mv .wrap .mv01{text-align: center; line-height: 1em; margin:0 0 25px;}
.mv .wrap .mv02{text-align: center; line-height: 1em;}
.subscription{background: #d9e0e8;}
.subscription .wrap{width: 100%; max-width: 1088px; margin: auto; padding: 40px 0 20px; display: flex; flex-wrap: wrap;}
.subscription .wrap ul{width: 100%; display: flex; flex-wrap: wrap; justify-content:space-around; margin-bottom: 20px;}
.subscription .wrap ul .three-min{text-align: center; width: 30%;}
.subscription .wrap ul .document-request{width: 30%;}
.subscription .wrap ul .document-request a {display: block; background: #569a13; color: #fff; height: 80px;}
.subscription .wrap ul .document-request a .document-request-box{display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.subscription .wrap ul .document-request a .document-request-box .document-request-img {width: 25%; display: flex; justify-content: center; align-items: center;}
.subscription .wrap ul .document-request a .document-request-box .document-request-txt {width: 75%; display: flex; justify-content: center; align-items: center;}
.subscription .wrap ul .document-request a .document-request-box .document-request-txt p{font-size: 20px; font-weight: bold; text-align: center; line-height: 1em;}
.subscription .wrap ul .document-request a .document-request-box .document-request-txt p span{font-size: 15px;}
.subscription .wrap ul .consultation{width: 30%;}
.subscription .wrap ul .consultation a {display: block; background: #002360; color: #fff; height: 80px;}
.subscription .wrap ul .consultation a .consultation-box {display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.subscription .wrap ul .consultation a .consultation-box .consultation-img {width: 30%; display: flex; justify-content: center; align-items: center;}
.subscription .wrap ul .consultation a .consultation-box .consultation-txt {width: 70%; display: flex; justify-content: center; align-items: center;}
.subscription .wrap ul .consultation a .consultation-box .consultation-txt p{font-size: 20px; font-weight: bold;}
.subscription .wrap ul .document-request a:hover,.subscription .wrap ul .consultation a:hover{opacity: 0.5;}
.subscription-fl{display: none;}

.worries{background: url(../img/worries-bg.png) repeat;}
.worries .wrap{width: 100%; max-width: 1440px; margin: auto; padding: 50px 0 100px;}
.worries .wrap .worries-title{position: relative;}
.worries .wrap .worries-title .worries-title-img{text-align: center; margin-bottom: 30px;}
.worries .wrap .worries-title .worries-title-ico{position: absolute; right:250px; top:-57px;}
.worries .wrap .worries-gray{display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; max-width: 1140px; margin: 0 auto 40px;}
.worries .wrap .worries-gray li{width: 32%; background: #eee; font-size: 18px; font-weight: bold; text-align: center; padding: 30px 0; box-shadow: 8px 8px 15px -5px #ccc;}
.worries .wrap .worries-gray li span{color: #569a13;}
.worries .wrap .worries-title-blue{background: #e9f8ff; color: #002360; font-size: 30px; text-align: center; font-weight: bold; width: 100%; max-width: 1140px; margin: 0 auto; padding: 30px 0;}
.worries .wrap .solution{display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; max-width: 1140px; margin: 0 auto 40px;}
.worries .wrap .solution li{width: 23%; background: #003168; padding: 30px 0 50px; position: relative;}
.worries .wrap .solution li::before{background: url(../img/worries-triangle.png); content: ""; width: 67px; height: 34px; position: absolute; left: 40%; top: -20%;}
.worries .wrap .solution li p{text-align: center;}
.worries .wrap .solution li .solution-img{margin-bottom: 20px;}
.worries .wrap .solution li .solution-txt{color: #fff; font-size: 18px; font-weight: bold;}
.worries .wrap .solution li .solution-txt span{color: #fffc08;}
.worries .wrap .solution-sum-up{font-size: 30px; font-weight: bold; text-align: center;}
.worries .wrap .solution-sum-up .red-txt{color: #ff705b;}
.worries .wrap .solution-sum-up .red-txt-yl{color: #ff705b; display: inline; background-position: left -100% center; padding-bottom: 0.6em;  background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(255, 252, 8, 1) 50%, rgb(255, 252, 8) 50%); transition: background-position 2s ease 0.1s;}

.variable-insurance{background: url(../img/variable-insurance-bg.png) repeat;}
.variable-insurance .wrap {width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 0;}
.variable-insurance .wrap .variable-insurance-title {max-width: 1140px; margin: 0 auto; position: relative;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-c {text-align: center; margin:0 0 70px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-l {position: absolute; left: 5%; top: 0;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-r {position: absolute; right: 5%; top: 100px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt {background: #fff; padding: 40px 0; margin-bottom: 100px; position: relative;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-explanation{text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-explanation span{background: #ffe203; font-size: 20px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-note{text-align: center; font-size: 14px; color: #e60012;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-ico{position: absolute; bottom: 0; right: 30px; line-height: 1em;}
.variable-insurance .wrap .variable-insurance-reason-ttl{text-align: center; padding-top: 100px; margin:-100px 0 65px;}
.variable-insurance .wrap .variable-insurance-box{max-width: 1060px; margin: 0 auto 35px; background: #fff; padding: 40px; position: relative;}
.variable-insurance .wrap .variable-insurance-box .point-ico{position: absolute; left: -15px; top: -20px;}
.variable-insurance .wrap .variable-insurance-box .point-ttl{text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 40px;}
.variable-insurance .wrap .variable-insurance-box .point-ttl span{color: #e60012;}
.variable-insurance .wrap .variable-insurance-box .point-img{text-align: center; margin-bottom: 40px;}
.variable-insurance .wrap .variable-insurance-box .point-txt{text-align: center; font-size: 16px; margin-bottom: 30px;}
.variable-insurance .wrap .variable-insurance-box .point-txt span{color: #e60012;}
.variable-insurance .wrap .variable-insurance-box .point-document{text-align: center; margin-bottom: 20px;}
.variable-insurance .wrap .variable-insurance-box .point-insurance{font-size: 14px;}
.variable-insurance .wrap .variable-insurance-box .point-note{font-size: 14px; text-indent: -1em; padding-left: 1em;}
.variable-insurance .wrap .variable-insurance-point{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: 0 auto;}
.variable-insurance .wrap .variable-insurance-point li{width: 42%; background: #fff; padding: 40px; position: relative;}
.variable-insurance .wrap .variable-insurance-point li .point-ico{position: absolute; left: -15px; top: -20px;}
.variable-insurance .wrap .variable-insurance-point li .point-ttl{text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 40px;}
.variable-insurance .wrap .variable-insurance-point li .point-ttl span{color: #e60012;}
.variable-insurance .wrap .variable-insurance-point li .point-img{text-align: center; margin-bottom: 40px;}
.variable-insurance .wrap .variable-insurance-point li .point-txt{font-size: 16px; margin-bottom: 30px;}
.variable-insurance .wrap .variable-insurance-point li .point-txt span{color: #e60012;}
.variable-insurance .wrap .variable-insurance-point li .point-document{text-align: center; margin-bottom: 20px;}
.variable-insurance .wrap .variable-insurance-point li .point-note{font-size: 14px; text-indent: -1em; padding-left: 1em;}
.variable-insurance .wrap .variable-insurance-point li .point-insurance{font-size: 14px;}
.variable-insurance .wrap .structure-ttl {text-align: center; padding-top: 80px; margin: -80px 0 50px;}
.variable-insurance .wrap .structure-ttl-txt{text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 30px;}
.variable-insurance .wrap .contract-example{position: relative; max-width: 1140px; margin: 0 auto;}
.variable-insurance .wrap .contract-example .contract-example-img{position: absolute; left: 45%; top:15%;}
.variable-insurance .wrap .contract-example .contract-example-txt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.variable-insurance .wrap .contract-example .contract-example-txt li{width: 49%; background: #fff; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 25px 0; display: flex; align-items: center; justify-content: center;}
.variable-insurance .wrap .contract-example .contract-example-note{text-align: center; font-size: 16px; margin-top: 10px;}
.variable-insurance .wrap .mechanism-diagram-ttl{text-align: center; font-size: 24px; font-weight: bold; margin:45px 0 30px;}
.variable-insurance .wrap .mechanism-diagram-double{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: 0 auto 40px;}
.variable-insurance .wrap .mechanism-diagram-double li{width: 49%;}
.variable-insurance .wrap .mechanism-diagram-txt{max-width: 1140px; margin: 0 auto; font-size: 16px;}
.variable-insurance .wrap .insurance-ttl{text-align: center; font-size: 24px; font-weight: bold; margin:80px 0 30px;}
.variable-insurance .wrap .insurance-double{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: 0 auto 40px;}
.variable-insurance .wrap .insurance-double li{width: 49%;}
.variable-insurance .wrap .insurance-txt{max-width: 1140px; margin: 0 auto 35px; font-size: 16px;}
.variable-insurance .wrap .operational-performance{max-width: 1140px; margin: 0 auto 80px;}
.variable-insurance .wrap .caution{max-width: 1040px; margin: 0 auto; background: #fff; border: 1px solid #e60012; padding: 40px 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.variable-insurance .wrap .caution .caution-l{width: 20%;}
.variable-insurance .wrap .caution .caution-l .caution-ttl .caution-ttl-img{text-align: center; margin-bottom: 30px;}
.variable-insurance .wrap .caution .caution-l .caution-ttl .caution-ttl-txt{text-align: center; font-size: 18px; font-weight: bold; color:#e60012;}
.variable-insurance .wrap .caution .caution-r{width: 75%; padding-left: 5%;}
.variable-insurance .wrap .caution .caution-r .caution-note li{font-size: 16px; color:#e60012; text-indent: -1em; padding-left: 1em;}
.variable-insurance .wrap .qa-box{max-width: 1040px; margin: 0 auto; position: relative; background-color: #fff; padding: 50px 45px; z-index: 1;}
.variable-insurance .wrap .qa-box::before {position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; border: 2px dashed #9c9b99; content: ''; z-index: -1;}
.variable-insurance .wrap .qa-box .qa-ttl{text-align: center; font-size: 24px; font-weight: bold; color: #569a13; margin:0 0 50px;}
.variable-insurance .wrap .qa-box .question-box{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
.variable-insurance .wrap .qa-box .question-box .question-ico{width: 5%; text-align: center; align-self: center;}
.variable-insurance .wrap .qa-box .question-box .question-txt{width: 94%; font-size: 20px; font-weight: bold; align-self: center;}
.variable-insurance .wrap .qa-box .answer-box{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;}
.variable-insurance .wrap .qa-box .answer-box-mb{margin-bottom: 30px;}
.variable-insurance .wrap .qa-box .answer-box .answer-ico{width: 5%; text-align: center; align-self: center;}
.variable-insurance .wrap .qa-box .answer-box .answer-txt{width: 94%; font-size: 16px; font-weight: bold; align-self: center;}
.variable-insurance .wrap .qa-box-note{max-width: 970px; margin: 0 auto; font-size: 16px;}

.lineup{background: #fff;}
.lineup .wrap{width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 0;}
.lineup .wrap .lineup-ttl{text-align: center; font-size: 34px; font-weight: bold; margin:0 0 30px;}
.lineup .wrap .lineup-heading{text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.lineup .wrap .lineup-txt{text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 50px;}
.lineup .wrap .variable-life{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: 0 auto 70px;}
.lineup .wrap .variable-life li{width: 30%; background: #569a13;}
.lineup .wrap .variable-life li a{padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lineup .wrap .variable-life li a .variable-life-img{width: 20%;}
.lineup .wrap .variable-life li a .variable-life-txt{width: 78%; padding-left: 2%; color: #fff; position: relative;}
.lineup .wrap .variable-life li a .variable-life-txt::before {background: url(../img/pdf-ico.png); content: ""; background-size: contain; width: 25px; height: 32px; position: absolute; right: 0; bottom: 0;}
.lineup .wrap .variable-life li a .variable-life-txt .variable-life-ttl{font-size: 20px; font-weight: bold;}
.lineup .wrap .variable-life li a .variable-life-txt .variable-life-note{font-size: 16px; margin-top: 15px;}
.lineup .wrap .risk-box{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin: 0 auto 90px;}
.lineup .wrap .risk-box .risk-box-l{width: 30%;}
.lineup .wrap .risk-box .risk-box-l p{text-align: right;}
.lineup .wrap .risk-box .risk-box-r{width: 70%;}
.lineup .wrap .risk-box .risk-box-r .risk-box-r-img{margin-bottom: 10px;}
.lineup .wrap .risk-box .risk-box-r .risk-box-r-txt{font-size: 18px; font-weight: bold; padding-left: 60px;}
.lineup .wrap .risk-box .risk-box-r .risk-box-r-txt .risk-box-r-txt-r{color: #e60012;}
.lineup .wrap .risk-box .risk-box-r .risk-box-r-txt .risk-box-r-txt-y{background: #ffe203;}
.lineup .wrap .biz-plan-web{background: #e9f8ff; padding: 100px 0 60px;}
.lineup .wrap .biz-plan-web .biz-plan-web-title{width: 100%; max-width: 1050px; margin: 0 auto 60px; position: relative;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-c{text-align: center;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-l{position: absolute; left: 0; top: 0;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-r{position: absolute; right: 0; top: 0; text-align: right;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-txt{text-align: center; font-size: 18px; font-weight: bold;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-txt span{background: #ffe203;}
.lineup .wrap .biz-plan-web .search {margin: 0 auto 30px; text-align: center;}
.lineup .wrap .biz-plan-web .biz-plan-web-movie {width: 100%; max-width: 900px; margin: 0 auto 60px;}
.lineup .wrap .biz-plan-web .biz-plan-web-movie p {width: 100%; aspect-ratio: 16 / 9;}
.lineup .wrap .biz-plan-web .biz-plan-web-movie p iframe {width: 100%; height: 100%;}
.lineup .wrap .biz-plan-web .biz-plan-web-btn{text-align: center;}
.lineup .wrap .introduction-life-planer{text-align: center; font-size: 20px; font-weight: bold; margin: 80px 0; line-height: 2em;}
.lineup .wrap .introduction-life-planer span{color: #e60012;} 
.lineup .wrap .life-planer{background: url(../img/variable-insurance-bg.png) repeat; padding: 80px 0 100px;}
.lineup .wrap .life-planer .life-planer-title{width: 100%; max-width: 1140px; margin: 0 auto; position: relative;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-c {text-align: center; margin: 0 0 67px;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-l {position: absolute; left: 10%; top: 0;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-r {position: absolute; right: 5%; top: 20%;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt {background: #fff; padding: 40px 0; margin-bottom: 60px;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt p {text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 22px;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt p:nth-child(2) {margin-bottom: 0;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt .life-planer-title-txt-dash span{border-bottom: 2px dashed #9c9b99; padding-bottom: 0.5em;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt .life-planer-title-txt-red span{color: #e60012;}
.lineup .wrap .life-planer .life-planer-menu {width: 100%; max-width: 1140px; margin: 0 auto 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}  
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double{width: 40%; background: #e9f8ff; padding: 50px; border-radius: 72px 0 83px 0; position:relative;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu01 {position: absolute; top: -8px; left: -8px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu02 {position: absolute; bottom: -15px; right: 0px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title01 {text-align: center; width: 80%; margin: 0 auto 40px; font-size: 24px; font-weight: bold; padding: 20px 0; background: #fff; position: relative; color: #e60012;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title01:after {border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-top-width: 30px; border-bottom-width: 10px; border-left-width: 0; border-right-width: 30px; margin-left: -10px; border-top-color: #fff; top: 100%; left: 50%;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title02 {text-align: center; font-size: 16px; font-weight: bold; color: #422720; margin-bottom: 1em;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title03 {text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 30px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title03 span {display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgb(255, 255, 255) 50%); transition: background-position 2s ease 0.1s;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-img {text-align: center;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-txt {font-size: 16px; font-weight: bold;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-txt span {color: #e60012;}
.lineup .wrap .life-planer .opinion-title {text-align: center; margin: 0 0 60px;}
.lineup .wrap .life-planer .opinion-box {width: 100%; max-width: 1140px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce {width: 26%; background: #fff; padding: 30px;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-img {margin-bottom: 20px;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-point {width: 50%; height: 2em; padding-top: 0.5em; background: #003168; font-size: 16px; font-weight: bold; color: #fff; text-align: center; position: relative;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-point::after {border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-top-width: 20px; border-bottom-width: 10px; border-left-width: 0; border-right-width: 30px; margin-left: -50px; border-top-color: #003168; top: 80%; right: 35%;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-heading {font-size: 17px; font-weight: bold; margin: 25px 0 45px;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-heading2l {font-size: 17px; font-weight: bold; margin: 25px 0 20px;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-heading span, .lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-heading2l span {display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.5em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(233,248,255,1) 50%, rgb(233,248,255) 50%); transition: background-position 2s ease 0.1s;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-txt {font-size: 16px; font-weight: bold;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce .opinion-txt span {color: #e60012;}
.lineup .wrap .life-planer .slick-style-opinion{display: none;}

.consulting-flow{background: #f4fbff;}
.consulting-flow .wrap{width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 0;}
.consulting-flow .wrap .consulting-flow-title{text-align: center; margin-bottom: 55px;}
.consulting-flow .wrap .consulting-flow-box{width: 100%; max-width: 1140px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.consulting-flow .wrap .consulting-flow-box li{width: 26%; background: #fff; padding: 30px;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-ttl{display: flex; flex-wrap: wrap; justify-content: space-between;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-ttl .flow-box-num{width: 23%;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-ttl .flow-box-title{width: 75%; display: flex; justify-content: center; align-items: center; height: 70px; font-size: 22px; font-weight: bold; border-bottom: 2px dashed #9c9b99;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-img{width: 100%; margin: 30px 0; text-align: center;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-img img{width: 60%;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-txt{font-size: 16px; font-weight: bold;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-txt a{text-decoration: underline;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-txt span{color: #e60012;}

.qa{background: url(../img/variable-insurance-bg.png) repeat;}
.qa .wrap{width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 0 150px;}
.qa .wrap .qa-title{text-align: center; margin-bottom: 50px;}

.notes{background: #fff;}
.notes .wrap{width: 100%; max-width: 1440px; margin: 0 auto; padding: 50px 0;}
.notes .wrap .notes-content{width: 100%; max-width: 1037px; margin: 0 auto;}
.notes .wrap .notes-content .notes-title{font-size: 16px; font-weight: bold;}
.notes .wrap .notes-content .notes-txt{font-size: 16px; margin-bottom: 40px;}
.notes .wrap .notes-content .notes-lst{margin-bottom: 40px; padding-left: 1.5em;}
.notes .wrap .notes-content .notes-lst li{list-style: disc; font-size: 16px;}
.notes .wrap .notes-content .notes-txt-r{font-size: 16px; text-align: right;}

.company{background: #ddf4f9;}
.company .wrap{width: 100%; max-width: 1440px; margin: 0 auto; padding: 50px 0;}
.company .wrap .company-content{width: 100%; max-width: 1037px; margin: 0 auto;}
.company .wrap .company-content .company-title{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.company .wrap .company-content .company-information{font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 50px;}
.company .wrap .company-content .company-menu{display: flex; flex-wrap: wrap; justify-content: space-between;}
.company .wrap .company-content .company-menu li{font-size: 16px; font-weight: bold;}
.company .wrap .company-content .company-menu li a{color: #000;}
.company .wrap .company-content .company-menu li a:hover{text-decoration: underline;}

footer{background: #000; padding: 20px 0;}
footer p{text-align: center; color: #fff; font-size: 16px; font-weight: bold;}

@media screen and (max-width: 1340px) {
.disp_pad{display: block;}
header .header-inner .btn .anchor{font-size: 16px;}
header .header-inner .btn .document-request a .document-request-box .document-request-txt p {font-size: 16px;}
header .header-inner .btn .consultation a .consultation-box .consultation-txt p {font-size: 15px;}
.worries .wrap .worries-title .worries-title-ico {right: 5%;}
.subscription .wrap ul .three-min{width: 30%;}
.subscription .wrap ul .document-request{width: 30%;}
.subscription .wrap ul .consultation{width: 30%;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt {background: #fff; padding: 40px 0; width: 90%; margin: 0 auto 100px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-ico {text-align: right;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-ico img {width: 75%;}
.variable-insurance .wrap .variable-insurance-box {max-width: 90%; margin: 0 auto 35px; padding: 20px;}  
.variable-insurance .wrap .variable-insurance-point {max-width: 90%;}
.variable-insurance .wrap .variable-insurance-point li {width: 43%; padding: 20px;}  
.variable-insurance .wrap .contract-example {max-width: 90%;}
.variable-insurance .wrap .mechanism-diagram-double {max-width: 90%;}  
.variable-insurance .wrap .mechanism-diagram-txt {max-width: 90%;}
.variable-insurance .wrap .insurance-double {max-width: 90%;} 
.variable-insurance .wrap .insurance-txt {max-width: 90%;}
.variable-insurance .wrap .operational-performance {max-width: 90%;}
.variable-insurance .wrap .caution {max-width: 75%;}
.variable-insurance .wrap .qa-box {max-width: 75%;}
}

@media screen and (max-width: 1060px) {
header{padding: 23px 0;}
header .header-inner{width: 90%;}
header .header-inner .btn {width: 90%; justify-content: flex-start;}
header .header-inner .btn .logo{width: 100%;}
header .header-inner .btn .anchor{display: none;}
header .header-inner .btn .document-request{display: none;}
header .header-inner .btn .consultation{display: none;}
.worries .wrap .worries-title .worries-title-ico {right: 5%; top: -10px; text-align: right;}
.worries .wrap .worries-title .worries-title-ico img{width: 70%;}
.subscription .wrap ul .three-min{width: 20%;}
.subscription .wrap ul .document-request{width: 35%;}
.subscription .wrap ul .consultation{width: 35%;}
.consulting-flow .wrap .consulting-flow-box li{width: 24%;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-ttl .flow-box-title{font-size: 16px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double {width: 40%; padding: 40px;}
}

@media screen and (max-width: 970px) {
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double {width: 40%; padding: 30px;}
.lineup .wrap .life-planer .opinion-box .opinion-box-ce {width: 26%; padding: 20px;}
}

@media screen and (max-width: 767px) {
header{position: static; padding: 4vw 0;}
.disp_pc{display: none;}
.disp_sp{display: block;}
.disp_in_pc{display: none;}
.disp_in_sp{display: inline-block;}

.mv-band{background: #002360; padding: 1em 0; margin-top: 0;}
.mv-band p{text-align: center; font-size: 3.4vw; font-weight: bold; color: #fff;}  
  
.mv{background: url(../img/mvbg-sp.png) no-repeat; background-size: cover;}
.mv .wrap{width: 90%; padding-top:5.3vw;}
.mv .wrap .mv01{margin:0 0 5.3vw;}

.subscription .wrap{width: 90%; padding:2.6vw 0;}
.subscription .wrap ul{width: 100%; padding: 0 1%; margin-bottom: 0;}
.subscription .wrap ul .three-min{width: 50%;}
.subscription .wrap ul .document-request{display: none;}
.subscription .wrap ul .consultation{display: none;}
.subscription .subscription-sp {display: flex; flex-wrap: wrap;}
.subscription .subscription-sp li{width: 50%;}
.subscription .subscription-sp .document-request a{display: block; background: #569a13; color: #fff; height: 9.3vw;}
.subscription .subscription-sp .document-request a .document-request-box {display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.subscription .subscription-sp .document-request a .document-request-box .document-request-img {width: 25%; display: flex; justify-content: center; align-items: center;} 
.subscription .subscription-sp .document-request a .document-request-box .document-request-txt {width: 75%; display: flex; justify-content: center; align-items: center;} 
.subscription .subscription-sp .document-request a .document-request-box .document-request-txt p {font-size: 3.4vw; font-weight: bold; text-align: center; line-height: 1em;} 
.subscription .subscription-sp .document-request a .document-request-box .document-request-txt p span {font-size: 3.2vw}
.subscription .subscription-sp .consultation a{display: block; background: #002360; color: #fff; font-weight: bold; height: 9.3vw;}
.subscription .subscription-sp .consultation a .consultation-box {display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.subscription .subscription-sp .consultation a .consultation-box .consultation-img {width: 30%; display: flex; justify-content: center; align-items: center;}
.subscription .subscription-sp .consultation a .consultation-box .consultation-txt {width: 70%; display: flex; justify-content: center; align-items: center;}  
.subscription .subscription-sp .consultation a .consultation-box .consultation-txt p {font-size: 3.4vw; font-weight: bold; text-align: center;}
  
.worries .wrap{padding: 13.3vw 0;}
.worries .wrap .worries-title .worries-title-img{text-align: center; margin-bottom: 9.3vw;}
.worries .wrap .worries-title .worries-title-img img{width: 70%;}
.worries .wrap .worries-gray{width: 80%; margin-bottom: 9.3vw;}
.worries .wrap .worries-gray li{width: 100%; margin-bottom: 4vw;}
.worries .wrap .worries-title-blue{font-size: 6vw; padding: 10.6vw 0; width: 90%;}
.worries .wrap .solution{width: 85%; margin-bottom: 0;}
.worries .wrap .solution li{width: 100%; padding: 5.3vw; margin-bottom: 6.6vw; position: static; display: flex; flex-wrap: wrap; justify-content: space-around;}
.worries .wrap .solution li::before{display: none;}
.worries .wrap .solution li .solution-img {margin-bottom: 0; width: 30%;}
.worries .wrap .solution li .solution-txt {width: 65%; padding-left: 5%; font-size: 4vw; text-align: left;}
.worries .wrap .solution-sum-up{font-size: 5.3vw; font-weight: bold; text-align: center;}

.variable-insurance .wrap {padding: 10.6vw 0;}
.variable-insurance .wrap .variable-insurance-title {width: 100%; max-width: 1140px; margin: 0 auto; position: relative;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-c {text-align: center; margin-bottom: 0; line-height: 1em;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-r {right: 5%; text-align: right; top: 60px;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-r img{width: 50%;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt {padding: 6.6vw 0 0; width: 90%; margin:0 auto 10.6vw; position: static;}  
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-explanation{font-size: 3.7vw; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-explanation span{font-size: 5.3vw;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-note{font-size: 3.2vw; margin-bottom: 4vw;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-ico{text-align: center; position: static;}
.variable-insurance .wrap .variable-insurance-title .variable-insurance-title-txt .variable-insurance-title-txt-ico img{width: auto;}
.variable-insurance .wrap .variable-insurance-reason-ttl{width: 80%; padding-top: 10.6vw; margin:-10.6vw auto 9.3vw;}
.variable-insurance .wrap .variable-insurance-box {max-width: 80%; margin: 0 auto 35px; padding: 6.6vw 4vw;}   
.variable-insurance .wrap .variable-insurance-box .point-ico{position: absolute; left: -15px; top: -25px;}
.variable-insurance .wrap .variable-insurance-box .point-ico img{width: 70%;}
.variable-insurance .wrap .variable-insurance-box .point-ttl{font-size: 4.2vw; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-box .point-img{text-align: center; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-box .point-img img{width: 50%;}  
.variable-insurance .wrap .variable-insurance-box .point-txt{font-size: 3.4vw; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-box .point-document{margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-box .point-insurance{font-size: 3.2vw;}
.variable-insurance .wrap .variable-insurance-box .point-note{font-size: 3.2vw;}
.variable-insurance .wrap .variable-insurance-point{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 90%; margin: 0 auto;}
.variable-insurance .wrap .variable-insurance-point li{width: 100%; background: #fff; padding: 6.6vw 4vw; position: relative; margin-bottom: 8vw;}
.variable-insurance .wrap .variable-insurance-point li:last-child{margin-bottom: 0;}
.variable-insurance .wrap .variable-insurance-point li .point-ico{position: absolute; left: -15px; top: -20px;}
.variable-insurance .wrap .variable-insurance-point li .point-ico img{width: 70%;}
.variable-insurance .wrap .variable-insurance-point li .point-ttl{font-size: 4.2vw; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-point li .point-img{text-align: center; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-point li .point-img img{width: 50%;}
.variable-insurance .wrap .variable-insurance-point li .point-txt{font-size: 3.4vw; margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-point li .point-document{margin-bottom: 6.6vw;}
.variable-insurance .wrap .variable-insurance-point li .point-note{font-size: 3.2vw;}
.variable-insurance .wrap .variable-insurance-point li .point-insurance{font-size: 3.2vw;}
.variable-insurance .wrap .structure-ttl {width: 80%; padding-top: 10.6vw; margin: -10.6vw auto 5.3vw;}
.variable-insurance .wrap .structure-ttl-txt{font-size: 3.4vw; margin-bottom: 3.2vw;}
.variable-insurance .wrap .contract-example{max-width: 90%; margin: 0 auto;}
.variable-insurance .wrap .contract-example .contract-example-img{position: absolute; left: 40%; top:30%;}
.variable-insurance .wrap .contract-example .contract-example-img img{width: 50%;}
.variable-insurance .wrap .contract-example .contract-example-txt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.variable-insurance .wrap .contract-example .contract-example-txt li{font-size: 3.4vw; padding: 8vw 0;}
.variable-insurance .wrap .contract-example .contract-example-note{text-align: left; font-size: 3.4vw;}
.variable-insurance .wrap .mechanism-diagram-ttl{font-size: 4.2vw; margin:6.6vw 0 5.3vw;}
.variable-insurance .wrap .mechanism-diagram-double{max-width: 90%; margin: 0 auto 5.3vw;}
.variable-insurance .wrap .mechanism-diagram-double li{width: 100%; margin-bottom: 4vw;}
.variable-insurance .wrap .mechanism-diagram-double li:last-child{margin-bottom: 0;}
.variable-insurance .wrap .mechanism-diagram-txt{max-width: 90%; margin: 0 auto; font-size: 3.4vw;}
.variable-insurance .wrap .insurance-ttl{font-size: 4.2vw; margin:10.6vw 0 5.3vw;}  
.variable-insurance .wrap .insurance-double{max-width: 90%; margin: 0 auto 5.3vw;}
.variable-insurance .wrap .insurance-double li{width: 100%; margin-bottom: 4vw;}
.variable-insurance .wrap .insurance-double li:last-child{margin-bottom: 0;}
.variable-insurance .wrap .insurance-txt{max-width: 90%; margin: 0 auto 3.4vw; font-size: 3.4vw;}
.variable-insurance .wrap .operational-performance{max-width: 90%; margin: 0 auto 10.6vw;}
.variable-insurance .wrap .caution{max-width: 80%; margin: 0 auto; padding: 6.6vw 4vw;}
.variable-insurance .wrap .caution .caution-l{width: 100%; margin-bottom: 5.3vw}
.variable-insurance .wrap .caution .caution-l .caution-ttl{display: flex; flex-wrap: wrap; justify-content: space-between;}
.variable-insurance .wrap .caution .caution-l .caution-ttl .caution-ttl-img{width: 30%; margin-bottom: 0;}
.variable-insurance .wrap .caution .caution-l .caution-ttl .caution-ttl-img img{width: 50%;}
.variable-insurance .wrap .caution .caution-l .caution-ttl .caution-ttl-txt{width: 70%; text-align: left; font-size: 3.7vw; align-self: center;}
.variable-insurance .wrap .caution .caution-r{width: 100%; padding-left: 0%;}
.variable-insurance .wrap .caution .caution-r .caution-note li{font-size: 3.2vw;}
.variable-insurance .wrap .qa-box{max-width: 75%; margin: 0 auto; padding: 5.3vw 6.6vw;}
.variable-insurance .wrap .qa-box::before {top: 1.3vw; left: 1.3vw;}
.variable-insurance .wrap .qa-box .qa-ttl{font-size: 3.7vw; margin:0 0 5.3vw;}
.variable-insurance .wrap .qa-box .question-box{margin-bottom: 4.6vw;}
.variable-insurance .wrap .qa-box .question-box .question-ico{width: 20%;}
.variable-insurance .wrap .qa-box .question-box .question-txt{width: 75%; font-size: 3.7vw;}
.variable-insurance .wrap .qa-box .answer-box{margin-bottom: 8vw;}
.variable-insurance .wrap .qa-box .answer-box-mb{margin-bottom: 8vw;}
.variable-insurance .wrap .qa-box .answer-box .answer-ico{width: 20%;}
.variable-insurance .wrap .qa-box .answer-box .answer-txt{width: 75%; font-size: 3.4vw;}
.variable-insurance .wrap .qa-box-note{margin: 0 auto; font-size: 3.2vw;}

.lineup{background: #fff;}
.lineup .wrap{padding: 10.6vw 0 13.3vw;}
.lineup .wrap .lineup-ttl{font-size: 5.3vw; margin:0 0 5.3vw;}
.lineup .wrap .lineup-heading{font-size: 3.7vw; margin-bottom: 5.8vw;}
.lineup .wrap .lineup-txt{font-size: 3.2vw; margin-bottom: 10.6vw;}
.lineup .wrap .variable-life{max-width: 90%; margin: 0 auto 10.6vw;}
.lineup .wrap .variable-life li{width: 100%; margin-bottom: 4vw;}
.lineup .wrap .variable-life li:last-child{margin-bottom: 0;}  
.lineup .wrap .variable-life li a{padding: 2.6vw;}
.lineup .wrap .variable-life li a .variable-life-txt .variable-life-ttl{font-size: 3.7vw;}
.lineup .wrap .variable-life li a .variable-life-txt .variable-life-note{font-size: 3.2vw; margin-top: 4vw;} 
.lineup .wrap .risk-box{max-width: 90%; margin: 0 auto 9.8vw;}
.lineup .wrap .risk-box .risk-box-l{width: 100%; margin-bottom: 8vw;}
.lineup .wrap .risk-box .risk-box-l p{text-align: center;}
.lineup .wrap .risk-box .risk-box-r{width: 100%;}
.lineup .wrap .risk-box .risk-box-r .risk-box-r-txt{font-size: 3.4vw; padding-left: 0;}
.lineup .wrap .biz-plan-web{padding: 8vw 0; width: 90%; margin: 0 auto;}
.lineup .wrap .biz-plan-web .biz-plan-web-title{margin: 0 auto 8vw; position: relative;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-c img{width: 55%}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-l{position: absolute; left: 0; top: -30px; width: 20%;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-r{position: absolute; right: 0; top: -40px; width: 20%; text-align: right;}
.lineup .wrap .biz-plan-web .biz-plan-web-title .biz-plan-web-title-txt{font-size: 3.7vw;}  
.lineup .wrap .biz-plan-web .search {margin: 0 auto 4vw;}
.lineup .wrap .biz-plan-web .search img{width: 80%;}
.lineup .wrap .biz-plan-web .biz-plan-web-movie {max-width: 90%; margin: 0 auto 8vw;}
.lineup .wrap .biz-plan-web .biz-plan-web-btn a img{width: 90%;}
.lineup .wrap .introduction-life-planer{text-align: center; font-size: 3.4vw; font-weight: bold; margin: 10.6vw 0;}
.lineup .wrap .life-planer{padding: 6.6vw 0 10.6vw; width: 90%; margin: 0 auto;}
.lineup .wrap .life-planer .life-planer-title{position: relative; height: 90vw;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-c {margin: 0; position: relative; z-index: 2;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt {width: 70%; padding: 6.7vw; position: absolute; top: 21vw; left: 8%; margin-bottom: 8vw; z-index: 1;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt p {font-size: 3.7vw;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt .life-planer-title-txt-dash{border-bottom: 2px dashed #9c9b99; padding-bottom: 0.5em;}
.lineup .wrap .life-planer .life-planer-title .life-planer-title-txt .life-planer-title-txt-dash span{border-bottom: none; padding-bottom: 0;}
.lineup .wrap .life-planer .life-planer-menu {width: 90%; margin: 0 auto 10.6vw;}  
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double{width: 100%; padding: 8vw 5.3vw; border-radius: 45px 0 64px 0; margin-bottom: 8vw;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu01 {position: absolute; top: -8px; left: -8px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu02 {position: absolute; bottom: -10px; right: -18px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu01 img,.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-double .life-planer-menu02 img{width: 70%;}  
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title01 {text-align: center; width: 80%; margin: 0 auto 6.6vw; font-size: 4vw; padding: 4vw 0;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title01:after {border-top-width: 20px;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title02 {font-size: 4vw;}
.lineup .wrap .life-planer .life-planer-menu .life-planer-menu-title03 {font-size: 4vw;}
.lineup .wrap .life-planer .opinion-title {width: 80%; margin: 0 auto 6.6vw;}
.lineup .wrap .life-planer .opinion-box {display: none;}
.lineup .wrap .life-planer .slick-style-opinion{display: block;}

.consulting-flow .wrap{padding: 10.6vw 0;}
.consulting-flow .wrap .consulting-flow-title{margin:0 auto 6.6vw; width: 80%;}
.consulting-flow .wrap .consulting-flow-box{width: 90%;}
.consulting-flow .wrap .consulting-flow-box li{width: 100%; margin-bottom: 6.6vw; padding: 4vw;}	
.consulting-flow .wrap .consulting-flow-box li:last-child{margin-bottom: 0;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-ttl .flow-box-title{font-size: 5vw;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-img{margin: 4vw 0;}
.consulting-flow .wrap .consulting-flow-box li .consulting-flow-box-txt{font-size: 3.7vw;}	
	
.qa .wrap{padding: 10.6vw 0 13.3vw;}
.qa .wrap .qa-title{margin:0 auto 6.6vw; width: 80%;}

.notes .wrap{width: 80%; padding: 10.6vw 0;}
.notes .wrap .notes-content .notes-title{font-size: 3.4vw; font-weight: bold; margin-bottom: 1em;}
.notes .wrap .notes-content .notes-txt{font-size: 3.4vw; margin-bottom: 8vw;}
.notes .wrap .notes-content .notes-lst{margin-bottom: 8vw;}
.notes .wrap .notes-content .notes-lst li{font-size:  3.4vw;}
.notes .wrap .notes-content .notes-txt-r{font-size: 3.4vw;}
	
.company .wrap{width: 80%; padding: 8vw 0 4vw;}
.company .wrap .company-content .company-title{font-size: 3.4vw; margin-bottom: 2.6vw;}
.company .wrap .company-content .company-information{font-size: 2.9vw; margin-bottom: 4vw; border-bottom: 1px solid #000; padding-bottom: 4vw;}
.company .wrap .company-content .company-menu{padding-left: 4vw;}
.company .wrap .company-content .company-menu li{font-size: 2.9vw; font-weight: bold; width: 100%;}
	
footer{padding: 4vw 0; margin-bottom: 24vw;}
footer p{font-size: 3.2vw;}

.subscription-fl{display: block; width: 100%; position: fixed; bottom: 0; z-index: 9999;}
}

@media screen and (max-width: 767px) {
  /*画像拡大*/
  .operational-performance{position: relative;}
  .operational-performance .abso{position: absolute; width: 30px; height: 30px; bottom: 40%; right: 40%;}
}