@charset "UTF-8";

/* === sp===*/
.top-worries { padding: 14vw 0; background: url(../images/top-worries-bg.jpg) no-repeat top center; background-size: cover; }
.top-worries-title { width: 100%; margin: 0 auto 6vw; color: #fff; text-align: center; }
.top-worries-title .en { margin-bottom: 2.5vw; font-size: 10.53vw; font-family: "Lato"; font-weight: 700; letter-spacing: 0.4vw; display: block; }
.top-worries-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-worries-content { width: 90vw; margin: 0 auto; }
.top-worries-image { width: 100%; margin: 0 auto 4vw; }
.top-worries-image img { width: 100%; }
.top-worries-items { width: 100%; }
.top-worries-items li { width: 100%; padding: 3vw 0 3vw 6vw; border-bottom: 1px dotted #8f96be; position: relative; }
.top-worries-items li:after { content: '\f058'; color: #00da4d; font-size: 138%; font-family: 'icon'; position: absolute; top: 4vw; left: 0; }
.top-worries-item-title { color: #fff; font-size: 3.95vw; font-weight: bold; line-height: 1.6; }
.top-worries-items span{color:#e2ff21;}

.top-intro { padding: 14vw 0; }
.top-intro-content { width: 90vw; margin: 0 auto; }
.top-intro-point { width: 100%; margin: 0 auto 8vw; }
.top-intro-point img { width: 100%; }
.top-intro-point-text { margin-bottom: 8vw; font-weight: bold; text-align: center; }
.top-intro-point-text .title { margin-bottom: 2.5vw; font-size: 5.92vw; line-height: 1.6; display: block; }
.top-intro-point-text .title .back { padding: 0.5vw 2vw 0; margin: 1vw 1vw 0; color: #fff; font-size: 4.47vw; vertical-align: top; background: #b30002; display: inline-block; }
.top-intro-point-text .sub { font-size: 4.21vw; line-height: 1.6; }
.top-intro-in { width: 95vw; margin-bottom: 6vw; }
.top-intro-in img { width: 100%; }
.top-intro-in-text { font-size: 5.53vw; font-weight: bold; text-align: center; line-height: 1.6; }
.top-intro-in-text .line {background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #e1ff21)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #e1ff21 70%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #e1ff21 70%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, #e1ff21 70%); display: inline-block; }
.top-intro-in-text .red { color: #b30003; }

.top-benefit-title { width: 100%; }
.top-benefit-title img { width: 100%; }
.top-benefit-content { padding: 2vw 0 12vw; background: #eaf3ff; }
.top-benefit-note { width: 90vw; padding: 5vw 0; margin: 0 auto 5vw; text-align: center; background: url(../images/bg01.jpg) repeat top center; background-size: 4vw; }
.top-benefit-note p { font-size: 4.21vw; line-height: 1.6; }
.top-benefit-note-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.top-benefit-note-items li { padding: 2vw 3.5vw 1.5vw 9vw; margin: 0 1vw 2vw; font-size: 5vw; font-weight: bold; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; }
.top-benefit-note-items li.item01 { background: #fff url(../images/top-benefit-note-item-icon01.png) no-repeat center left 3vw; background-size: 5vw; }
.top-benefit-note-items li.item02 { background: #fff url(../images/top-benefit-note-item-icon02.png) no-repeat center left 3vw; background-size: 5vw; }
.top-benefit-note-items li.item03 { background: #fff url(../images/top-benefit-note-item-icon03.png) no-repeat center left 3vw; background-size: 5vw; }
.top-benefit-note-foot { margin-bottom: 4vw; font-weight: bold; text-align: center; line-height: 1.6; }
.top-benefit-note-foot .title { margin-bottom: 1vw; font-size: 5.26vw; display: block; }
.top-benefit-note-foot .sub { font-size: 3.95vw; display: block; }
.top-benefit-note-foot .line {background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #e1ff21)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #e1ff21 50%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #e1ff21 50%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #e1ff21 50%); display: inline; }
.top-benefit-note-foot .red { color: #b30003; }
.top-benefit-arrow-title { width: 100%; }
.top-benefit-arrow-title img { width: 100%; }
.top-benefit-inbox { width: 98vw; margin: -10vw auto 2vw; z-index: 1; position: relative; }
.top-benefit-inbox img { width: 100%; }

.top-voice { padding: 18vw 0 10vw; background: url(../images/top-voice-bg.jpg) no-repeat top center; background-size: cover; }
.top-voice-title { margin-bottom: 6vw; color: #fff; text-align: center; }
.top-voice-title .en { margin-bottom: 2vw; font-size: 10.53vw; font-family: "Lato"; font-weight: 700; letter-spacing: 0.4vw; display: block; }
.top-voice-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-voice-content { position: relative; }
.top-voice-items { width: 90vw; margin: 0 auto; }
.top-voice-items li { width: 100%; padding: 8vw 6vw; margin-bottom: 4vw; background: url(../images/bg02.jpg) repeat top center; background-size: 5vw; position: relative; }
.top-voice-items li:before { content: ''; width: calc(100% - 4vw); height: calc(100% - 4vw); border: 1px solid #5dbeee; pointer-events: none; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-voice-item-content:before { content: ''; width: 2.5vw; height: 2.5vw; background: #5cbeed; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 1.25vw; left: 1.25vw; }
.top-voice-item-content:after { content: ''; width: 2.5vw; height: 2.5vw; background: #5cbeed; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 1.25vw; right: 1.25vw; }
.top-voice-item-head { padding-bottom: 3vw; margin-bottom: 4vw; border-bottom: 1px dotted #9fa4c0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-voice-item-head:before { content: ''; width: 2.5vw; height: 2.5vw; background: #5cbeed; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 1.25vw; left: 1.25vw; }
.top-voice-item-head:after { content: ''; width: 2.5vw; height: 2.5vw; background: #5cbeed; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 1.25vw; right: 1.25vw; }
.top-voice-item-icon { width: 18vw; margin-right: 4vw; }
.top-voice-item-title { font-weight: bold; flex: 1; }
.top-voice-item-title .user { padding: 1.5vw 1.5vw 1vw; margin-bottom: 1vw; color: #fff; font-size: 3.68vw; background: #5cbeed; display: table; }
.top-voice-item-title .title { color: #b30003; font-size: 4.47vw; line-height: 1.4; display: block; }
.top-voice-item-comment p { font-size: 3.68vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-voice-item-comment .back { background: #f3fea6; }
.top-voice-deco { width: 34vw; z-index: 1; position: absolute; top: -13vw; right: -2vw; }

.top-profile { padding: 14vw 0; background: url(../images/top-profile-bg.png) no-repeat top left; background-size: 100vw; }
.top-profile-head { margin: 0 auto 8vw; z-index: 1; position: relative; }
.top-profile-head-text { padding-top: 2.5vw; }
.top-profile-title { width: 90vw; margin: 0 auto 5vw; color: #132275; }
.top-profile-title .en { margin-bottom: 2vw; font-size: 13.16vw; font-family: "Lato"; font-weight: 700; letter-spacing: 0.2vw; display: block; }
.top-profile-title .jp { font-size: 4.21vw; font-weight: bold; display: block; }
.top-profile-position { width: 90vw; margin: 0 auto 2.8vw; color: #df600f; font-size: 3.29vw; font-weight: bold; line-height: 1.6; }
.top-profile-subtitle { width: 100%; margin-bottom: 6vw; color: #fff; font-size: 4.74vw; font-weight: bold; line-height: 1.6; }
.top-profile-subtitle span { padding: 0.5vw 4vw; margin-bottom: 1vw; background: #df600f; display: table; }
.top-profile-history { width: 90vw; margin: 0 auto; }
.top-profile-history dt { padding: 1.5vw 4vw; margin-bottom: 2.5vw; color: #fff; font-size: 4.74vw; font-weight: bold; background: #39b0cf; display: table; }
.top-profile-history dd { margin-bottom: 4vw; color: #071568; font-size: 3.68vw; font-weight: bold; line-height: 1.6; }
.top-profile-history dd ul { margin-top: -2.5vw; }
.top-profile-history dd li { padding: 2.5vw 0 2.5vw 6vw; border-bottom: 1px dotted #a2a8ca; position: relative; }
.top-profile-history dd li:after { content: '\f058'; color: #1a7cff; font-size: 138%; font-family: 'icon'; position: absolute; top: 1.5vw; left: 0; }
.top-profile-head-image { width: 60vw; z-index: -1; position: absolute; top: 0; right: -5vw; }
.top-profile-content { width: 90vw; margin: 0 auto; background: #f3f5fc; border: 2px solid #132275; }
.top-profile-content-head { padding: 8vw 0 6vw; color: #132275; font-weight: bold; text-align: center; border-bottom: 1px solid #132275; position: relative; }
.top-profile-content-head:after { content: ''; width: 100%; height: 1px; background: #132275; position: absolute; bottom: 5px; left: 0; }
.top-profile-content-title { margin-bottom: 4vw; font-size: 7.24vw; }
.top-profile-content-subtitle { font-size: 4.74vw; line-height: 1.6; }
.top-profile-content-box01 { padding: 8vw 5vw 5vw; border-bottom: 1px solid #132275; position: relative; }
.top-profile-content-box01:after { content: ''; width: 6vw; height: 4vw; background: url(../images/top-profile-arrow.jpg) no-repeat center bottom; background-size: 100%; position: absolute; bottom: -2.4vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-profile-content-check-items { width: 100%; margin-bottom: 2.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-profile-content-check-items li { width: 48%; padding-left: 6vw; margin-bottom: 3.5vw; color: #132275; font-size: 4.21vw; font-weight: bold; position: relative; }
.top-profile-content-check-items li:after { content: '\f058'; color: #01da4d; font-size: 130%; font-family: 'icon'; position: absolute; top: -0.8vw; left: 0; }
.top-profile-content-box01-text p { margin-bottom: 2.5vw; font-size: 3.42vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-profile-content-point-items { margin: 4vw 0; }
.top-profile-content-point-items li { padding-left: 4vw; margin-bottom: 2vw; color: #132275; font-size: 3.95vw; font-weight: bold; position: relative; }
.top-profile-content-point-items li:before { content: '・'; font-size: 110%; position: absolute; top: 0; left: 0; }
.top-profile-content-box02 { padding: 8vw 5vw 12vw; }
.top-profile-content-box02-text p { margin-bottom: 2.5vw; font-size: 3.42vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-profile-content-box02-text .red { color: #b30003; font-weight: bold; }
.top-profile-content-box03 { padding: 20vw 5vw 8vw; background: #132275; position: relative; }
.top-profile-content-box03-title { width: 92%; padding: 2.5vw 0; color: #132275; font-size: 3.68vw; font-weight: bold; text-align: center; line-height: 1.4; background: #fff; -moz-border-radius: 30vw; -webkit-border-radius: 30vw; border-radius: 30vw; position: absolute; top: -6vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-profile-content-box03-title .red { color: #b30003; }
.top-profile-content-box03-image { width: 100%; margin-bottom: 5vw; }
.top-profile-content-box03-text p {color: #fff;font-size: 3.42vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;margin-bottom: 5%;}
.top-profile-content-box03-text p:nth-last-of-type(1){margin-bottom:0;}
.top-profile-content-box03-text .yellow { color: #e2ff21; font-weight: bold; }


/* ==== pc====*/
@media screen and (min-width: 736px) { 
.top-worries { padding: 100px 0; }
.top-worries-title { margin-bottom: 40px; }
.top-worries-title .en { margin-bottom: 10px; font-size: 50px; letter-spacing: 2px; }
.top-worries-title .jp { font-size: 16px; }
.top-worries-content { width: 960px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.top-worries-image { width: 415px; margin: 0; }
.top-worries-items { width: 520px; }
.top-worries-items li { padding: 8px 0 8px 30px; }
.top-worries-items li:last-child { border: none; }
.top-worries-items li:after { font-size: 122%; top: 12px; }
.top-worries-item-title { font-size: 18px; }

.top-intro { padding: 100px 0; }
.top-intro-point { width: 960px; margin-bottom: 40px; }
.top-intro-point-text { margin-bottom: 50px; }
.top-intro-point-text .title { margin-bottom: 10px; font-size: 26px; }
.top-intro-point-text .title .back { padding: 2px 8px 0; margin: 0 3px; font-size: 22px; }
.top-intro-point-text .sub { font-size: 20px; }
.top-intro-in { width: 960px; margin: 0 auto 40px; }
.top-intro-in-text { font-size: 30px; }

.top-benefit-content { padding: 0 0 100px; }
.top-benefit-note { width: 630px; padding: 30px 0; margin-bottom: 30px; background-size: 16px; }
.top-benefit-note p { font-size: 16px; }
.top-benefit-note-foot{margin-bottom:30px;}
.top-benefit-note-items { margin-bottom: 20px; }
.top-benefit-note-items li { padding: 8px 14px 8px 42px; margin: 0 2px; font-size: 18px; }
.top-benefit-note-items li.item01, .top-benefit-note-items li.item02, .top-benefit-note-items li.item03 { background-position: center left 15px; background-size: 22px; }
.top-benefit-note-foot .title { margin-bottom: 5px; font-size: 26px; }
.top-benefit-note-foot .sub { font-size: 20px; }
.top-benefit-arrow-title { width: 900px; margin: 0 auto; }
.top-benefit-inbox { width: 990px; margin: -70px auto 20px; }

.top-voice { padding: 100px 0 80px; background: url(../images/top-voice-bg-pc.jpg) no-repeat top center; background-size: cover; }
.top-voice-title { margin-bottom: 40px; }
.top-voice-title .en { margin-bottom: 10px; font-size: 50px; letter-spacing: 2px; }
.top-voice-title .jp { font-size: 16px; }
.top-voice-content { width: 900px; margin: 0 auto; }
.top-voice-items { width: 100%; }
.top-voice-items li { padding: 50px 40px; margin-bottom: 20px; background-size: 22px; }
.top-voice-items li:before { width: calc(100% - 20px); height: calc(100% - 20px); }
.top-voice-item-head { padding-bottom: 15px; margin-bottom: 15px; }
.top-voice-item-head:before { width: 10px; height: 10px; top: 6px; left: 6px; }
.top-voice-item-head:after { width: 10px; height: 10px; top: 6px; right: 6px; }
.top-voice-item-icon { width: 75px; margin-right: 20px; }
.top-voice-item-title .user { padding: 5px 10px; margin-bottom: 10px; font-size: 18px; }
.top-voice-item-title .title { font-size: 28px; }
.top-voice-item-content:before { width: 10px; height: 10px; bottom: 6px; left: 6px; }
.top-voice-item-content:after { width: 10px; height: 10px; bottom: 6px; right: 6px; }
.top-voice-item-comment p { font-size: 16px; }
.top-voice-deco { width: 178px; top: -70px; right: 50px; }

.top-profile { padding: 100px 0; background: url(../images/top-profile-bg-pc.png) no-repeat top left calc(50% + 165px); background-size: 1290px; }
.top-profile-head { width: 960px; margin-bottom: 40px; }
.top-profile-head-text { width: 520px; padding: 0; }
.top-profile-title { width: 100%; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
.top-profile-title .en { margin: 0 10px 0 0; font-size: 50px; letter-spacing: 2px; }
.top-profile-title .jp { font-size: 16px; }
.top-profile-position { width: 100%; margin-bottom: 10px; font-size: 16px; }
.top-profile-subtitle { margin-bottom: 20px; font-size: 20px; }
.top-profile-subtitle span { padding: 2px 10px; margin-bottom: 6px; }
.top-profile-history { width: 100%; }
.top-profile-history dt { padding: 5px 12px; margin-bottom: 10px; font-size: 20px; }
.top-profile-history dd { margin-bottom: 10px; font-size: 16px; }
.top-profile-history dd ul { margin-top: -8px; }
.top-profile-history dd li { padding: 8px 0 8px 25px; }
.top-profile-history dd li:last-child { border: none; }
.top-profile-history dd li:after { top: 5px; }
.top-profile-head-image { width: 410px; right: 0; }
.top-profile-content { width: 960px; }
.top-profile-content-head { padding: 50px 0; }
.top-profile-content-title { margin-bottom: 30px; font-size: 35px; }
.top-profile-content-subtitle { font-size: 20px; }
.top-profile-content-box01 { padding: 50px 40px 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.top-profile-content-box01:after { width: 30px; height: 15px; bottom: -11px; }
.top-profile-content-check-items { width: 100%; margin-bottom: 40px; -webkit-justify-content: center; justify-content: center; }
.top-profile-content-check-items li { width: auto; padding-left: 26px; margin: 0 15px; font-size: 16px; }
.top-profile-content-check-items li:after { top: -2px; }
.top-profile-content-box01-image01 { width: 385px; }
.top-profile-content-box01-text { width: 450px; }
.top-profile-content-box01-text p { margin-bottom: 10px; font-size: 14px; }
.top-profile-content-point-items { margin: 18px 0; }
.top-profile-content-point-items li { padding-left: 18px; margin-bottom: 10px; font-size: 15px; }
.top-profile-content-box02 { padding: 50px 40px 80px; }
.top-profile-content-box02-text p { margin-bottom: 10px; font-size: 15px; }
.top-profile-content-box03 { padding: 80px 40px 50px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.top-profile-content-box03-title { width: 600px; padding: 15px 0; font-size: 20px; border: 2px solid #132275; top: -46px; }
.top-profile-content-box03-image { width: 340px; margin: 0; order: 1; }
.top-profile-content-box03-text { width: 500px; order: 0; }
.top-profile-content-box03-text p { font-size: 15px; }

/* retina用 ----------------------------------------------- */ }
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.top-worries { background: url(../images/top-worries-bg@2x.jpg) no-repeat top center; background-size: cover; }
.top-benefit-note { background: url(../images/bg01@2x.jpg) repeat top center; background-size: 16px; }
.top-benefit-note-items li.item01 { background: #fff url(../images/top-benefit-note-item-icon01@2x.png) no-repeat center left 15px; background-size: 22px; }
.top-benefit-note-items li.item02 { background: #fff url(../images/top-benefit-note-item-icon02@2x.png) no-repeat center left 15px; background-size: 22px; }
.top-benefit-note-items li.item03 { background: #fff url(../images/top-benefit-note-item-icon03@2x.png) no-repeat center left 15px; background-size: 22px; }
.top-voice { background: url(../images/top-voice-bg-pc@2x.jpg) no-repeat top center; background-size: cover; }
.top-voice-items li { background: url(../images/bg02@2x.jpg) repeat top center; background-size: 22px; }
.top-profile { background: url(../images/top-profile-bg-pc@2x.png) no-repeat top left calc(50% + 165px); background-size: 1290px; }
.top-profile-content-box01:after { background: url(../images/top-profile-arrow@2x.jpg) no-repeat center bottom; background-size: 100%; } 
}