@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}

html {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
padding: 0;
}

div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

ul,
ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

img {
vertical-align: bottom;
border: 0;
max-width: 100%;
height: auto;
}

i {
display: block;
}

a {
background-color: transparent;
text-decoration: none;
}

a:hover {
text-decoration: underline;
outline: 0;
}

a:active {
text-decoration: underline;
outline: 0;
}

a:before,
a:after {
text-decoration: none !important;
}

b,
strong {
font-weight: bold;
}

em {
font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
padding: 0;
background-color: transparent;
border: none;
color: inherit;
overflow: visible;
}

button:focus {
outline: none;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}


button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

input,
select {
vertical-align: middle;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

p {
line-height: 1.8;
font-size: 16px;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

.contents {
overflow: hidden;
}

.wrapper {
position: relative;
}

body {
min-width: 1000px;
}

h2 {
font-weight: bold;
}

@media (max-width: 767px) {
body {
min-width: 320px;
}
}

.inner {
width: 1000px;
margin: 0 auto;
}



.link-over {
opacity: 1;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.link-over:hover {
opacity: 0.8;
}

.pc-only {
display: block;
}

@media (max-width: 767px) {
.pc-only {
display: none;
}
}

.sp-only {
display: none;
}

@media (max-width: 767px) {
.sp-only {
display: block;
}
}

.header {
position: absolute;
width: 100%;
top: 20px;
left: 0;
}

.header .inner {
padding: 0 10px;
}

.header .logo {
width: 159px;
}

.header-in {
margin: 0 205px;
}

@media (max-width: 767px) {
.header-in {
margin: 0;
}
}

.fv {
background-image: url(../img/fv-bg.png);
background-size: cover;
background-position: center;
}

/*
.fv .inner {
padding: 50px 10px 40px;
background-image: url(../img/fv-img.png);
background-size: 50%;
background-position:100% 100%;
}
*/

@media (max-width: 767px) {
.fv .inner {
padding: 0;
width: 100%;
max-width: 100%;

position: relative;
}
.header .logo {
width: 82px;
}
}

.fv .fv-txt {
/*
width: 615px;
position: relative;

*/
padding: 150px 0 140px;
position: relative;
left: 21%;
}

@media (max-width: 767px) {
.fv .fv-txt {
width: 100%;
padding: 12vw 0 0;
position: relative;
left: 0px;
}
}

.en {
font-family: 'Oswald', sans-serif;
font-size: 80px;
font-weight: 400;
font-style: italic
}

.jp {
font-size: 18px;
font-weight: normal;
}

#sec1 {
background-color: #f5f6f9;
padding: 60px 0;
}
#sec1 .inner {
}
#sec1 .box {
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
}

#sec1 h2 {
background-color: #ffdb00;
text-align: center;
font-size: 40px;
font-style: italic;
font-weight: bold;
padding: 20px 0;
}

#sec1 .small {
font-size: 30px;
}
#sec1 p {
font-size: 26px;
font-weight: bold;
text-align: center;
padding: 40px 0;
}

#sec1 .border {
background:linear-gradient(transparent 50%, #ffdb00 0%);
}

#sec2 {
padding: 80px 0;
}

#sec2 .caseBox h3 {
font-size: 24px;
font-weight: bold;
padding-bottom: 30px;
}

#sec2 .y-Box {
background-color :#ffdb00;
padding: 10px 20px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-style: italic;
margin-right: 20px;

}

#sec2 .caseBox {
padding: 30px 0;
}

#sec2 .caseBox .s-List1 li {
background-color: #009bbf;
display: inline-block;
border-radius: 50px;
padding: 5px 20px;
color: #fff;
margin-right: 5px;
}

#sec2 .caseBox .s-List2 ul {
margin-top: 10px;
}
#sec2 .caseBox .s-List2 li {
background-color: #ffa800;
display: inline-block;
border-radius: 50px;
padding: 5px 20px;
color: #fff;
margin-right: 5px;
}
#sec2 .caseBox .kome {
font-size: 14px;
padding-top: 10px;
}

#sec2 .caseBox .talkList1 {
display: flex;
margin-top: 40px;
}
#sec2 .caseBox .talkList1 .t_box {
width: 740px;
height: auto;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
margin-right: 50px;
padding: 30px 20px;
line-height: 1.8;

}

#sec2 .caseBox .talkList1 .p_box {
max-width: 180px;
width: 100%;
}
#sec2 .caseBox .talkList1 img {
width: 100%;
}
#sec2 .caseBox .talkList2 {
display: flex;
margin-top: 40px;
}
#sec2 .caseBox .talkList2 .p_box {
max-width: 180px;
width: 100%;
}
#sec2 .caseBox .talkList2 img {
width: 100%;
}
#sec2 .caseBox .talkList2 .t_box {
width: 740px;
height: auto;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
margin-left: 50px;
padding: 30px 20px;
line-height: 1.8;
}


#sec2 .cvArea {
border-style: solid;
border-width: 10px;
border-color: rgb(255, 219, 0);
background-color: rgb(255 255 255);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
width: 780px;
margin: 0 auto;
text-align: center;
padding-bottom: 30px;
margin-top: 100px;
}
#sec2 .cvArea h3 {
padding: 30px 0;
font-size:30px;
font-weight: bold;
font-style: italic;
}
#sec2 .cvArea br {
}
#sec2 .red {
color: #ff0000;
}


#sec2 .btn {
padding: 20px 0;
}

.btn a {
display: inline-block;
max-width: 360px;
width: 100%;
padding: 10px 20px;
font-size: 16px;
border-radius: 10px;
text-align: center;
color: #fff;
position: relative;
font-weight: bold;
text-decoration: none;
}

.btn a::before {
background-color: #fff;
position: absolute;
top: 50%;
right: 20px;
width: 15px;
height: 4px;
margin-top: 0px;
content: "";
}

.btn a::after {
position: absolute;
top: 50%;
right: 20px;
width: 12px;
height: 12px;
margin-top: -6px;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
border-top: 4px solid #fff;
border-right: 4px solid #fff;
content: "";
display: inline-block;
vertical-align: middle;
}

/*
.btn a:after{
content: "";
position: absolute;
width: 15px;
height: 15px;
border: 0px;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
margin-top: -8px;
right: 30px;
}
*/


#sec2 a {
background-image: -moz-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
padding: 30px 80px;
color: #fff;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
}

#sec2 a:hover {
text-decoration: none;
opacity: .8;
}
#sec2 .cv_kome {
padding-top: 10px;
font-weight: bold;
}
#sec3 {
background-color: #f5f6f9;
padding: 60px 0;
}


#sec3 .profBox {
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
padding: 20px;

}

#sec3 .p-main {
display: flex;
}
#sec3 .p-photo {
max-width: 450px;
width: 100%;

}

#sec3 .p-detail1 {
padding-left: 30px;

}
#sec3 .p-detail1 h3 {
padding: 30px 0;
font-size: 24px;
font-weight: bold;
}
#sec3 .prof1 {
line-height: 1.8;
}
#sec3 .prof1 br {
}
#sec3 .prof2 {
padding-top: 30px;
}
#sec3 .prof2 p {
}
#sec3 .prof2 br {
}
#sec3 .achievement {
padding-top: 60px;
}

#sec3 .list1 li {
width: 276px;
vertical-align: top;
display: inline-block;
margin-right: 60px;
}
#sec3 .list1 li:last-child{
margin-right: 0px;
}

#sec3 .list1 li h3 {
background-color: #ffdb00;
text-align: center;
font-weight: bold;
font-size: 24px;
padding: 5px 0;
}

#sec3 .list2 li {
vertical-align: top;
display: inline-block;
margin-right: 60px;
}
#sec3 .list1 li:last-child{
margin-right: 0px;
}

#sec3 .list2 li h3 {
width: 276px;
background-color: #ffdb00;
text-align: center;
font-weight: bold;
font-size: 24px;
padding: 5px 0;
}
#sec3 li p {
padding: 20px 0;
font-size: 14px;
}

#sec3 .list2 li img {
width: 420px;
padding-bottom: 40px

}

#sec4 {
padding: 80px 0;
}

#sec4 .service-img {
margin-top: 40px;
}
#sec4 .service-txt {
padding: 40px;
}

#contact {
background-color: #f5f6f9;
padding: 60px 0;
}

#contact .contact-box {
max-width: 660px;
width: 100%;
margin: 0 auto;
padding-top: 60px;
}

#contact dt {
padding-bottom: 10px;
}
#contact dt .inputBox {
}
#contact .required {
font-size: 12px;
color: #ff0000;
border: 1px solid;
padding: 2px;
margin-left: 10px;
}
#contact dd {
padding-bottom: 30px;
}
#contact dd .select {
padding: 15px 20px 15px 10px;
border: none;
background: #fff!important;
}

#contact dd .inputBox {
width: 100%;
padding: 15px 10px;
border: none;
background: #fff!important;
}
#contact .contactkome {
font-size: 12px;
padding-top: 10px;
}
#contact .textBox {
width: 100%;
padding: 15px 10px;
border: none;
background: #fff!important;
}

#contact .submit {
text-align: center;
}
#contact .submit input[type=submit]{
background-image: -moz-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
width: 450px;
line-height: 90px;
color: #fff;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
border: none;
}
#contact .submit input[type=submit]:hover {
opacity: .8;
}
footer {
background-color: #303030;
color: #fff;
text-align: center;
padding: 40px 0;

}

footer a {
color: #fff;
}
footer .copiyright {
padding-top: 40px;
}

#thanks {
padding: 40px 0;
text-align: center;
}

.r-btn {
padding: 20px 0;
}

@media (max-width: 767px) {
.inner {
max-width: 500px;
width: 100%;
padding: 0 20px;
}

.en {
font-size:10.666666666666666vw;
}

.jp {
font-size:3.2vw;
}

#sec2,#sec3,#sec4 {
padding: 40px 0;
}
#sec1 h2 {
background-color: #ffdb00;
text-align: center;
font-size: 5.333333333333333vw;
font-style: italic;
font-weight: bold;
padding: 20px 0;
}

#sec1 .small {
font-size: 4vw;
}
#sec1 p {
font-size: 4.266666666666667vw;
font-weight: bold;
text-align: center;
padding: 40px 0;
}

#sec2 .caseBox h3 {
font-size: 3.2vw;
font-weight: bold;
padding-bottom: 30px;
}

#sec2 .y-Box {
background-color :#ffdb00;
padding: 10px 20px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-style: italic;
margin-right: 20px;

}

#sec2 .caseBox .s-List1 li {
font-size: 2.6666666666666665vw;
display: inline-block;
border-radius: 50px;
padding: 5px 10px;
color: #fff;
margin-right: 2px;

}

#sec2 .caseBox .s-List2 li {
font-size: 2.6666666666666665vw;
display: inline-block;
border-radius: 50px;
padding: 5px 10px;
color: #fff;
margin-right: 2px;
margin-bottom: 10px
}

#sec2 .caseBox .talkList1 .t_box {
width: 75%;
height: auto;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
margin-right: 10px;
padding: 20px;
line-height: 1.8;
}
#sec2 .caseBox .talkList1 .p_box {
max-width: 25%;
width: 100%;
}

#sec2 .caseBox .talkList2 .t_box {
width: 70%;
height: auto;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
margin-left: 10px;
padding: 20px;
line-height: 1.8;
}
#sec2 .caseBox .talkList2 .p_box {
max-width: 30%;
width: 100%;
}
#sec2 .caseBox .kome {
font-size: 2.6666666666666665vw;
}

#sec2 .cvArea {
border-style: solid;
border-width: 6px;
border-color: rgb(255, 219, 0);
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 30px;
margin-top: 40px;
}
#sec2 .cvArea h3 {
padding: 20px 0;
font-size:4.533333333333333vw;
font-weight: bold;
font-style: italic;
}

#sec2 .red {
color: #ff0000;
}


#sec2 .btn {
padding: 20px 0;
}

/*
.btn a:after{
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
margin-top: -6px;
right: 20px;
}
*/

#sec2 a {
background-image: -moz-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
padding: 20px 60px;
color: #fff;
border-radius: 50px;
font-size: 3.2vw;
font-weight: bold;
}

#sec2 .cv_kome {
font-size: 2.6666666666666665vw;
}


#sec3 .p-main {
display: block;
}


#sec3 .profBox {
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-top: 20px;
}

#sec3 .p-detail1 {
padding-left: 0px;

}
#sec3 .p-detail1 h3 {
padding: 10px 0;
font-size: 4.533333333333333vw;
font-weight: bold;
}
#sec3 .prof1 {
line-height: 1.8;
font-size: 3.7333333333333334vw;
}
#sec3 .prof1 br {
}
#sec3 .prof2 {
padding-top: 30px;
font-size: 3.7333333333333334vw;
}
#sec3 .prof2 p {
}
#sec3 .prof2 br {
}
#sec3 .achievement {
padding-top: 60px;
}

#sec3 .list1 li {
width: 100%;
vertical-align: top;
display: inline-block;
margin-right: 0px;
}
#sec3 .list1 li:last-child{
margin-right: 0px;
}

#sec3 .list1 li h3 {
width: 240px;
background-color: #ffdb00;
text-align: center;
font-weight: bold;
font-size: 4.533333333333333vw;
padding: 5px 0;
}

#sec3 .list2 li {
vertical-align: top;
display: inline-block;
margin-right: 60px;
}
#sec3 .list1 li:last-child{
margin-right: 0px;
}

#sec3 .list2 li h3 {
width: 240px;
background-color: #ffdb00;
text-align: center;
font-weight: bold;
font-size: 4.533333333333333vw;
padding: 5px 0;
}

#sec3 .list2 li {
width: 100%;
vertical-align: top;
display: inline-block;
margin-right: 0px;
}
#sec3 li p {
padding: 20px 0;
font-size: 3.7333333333333334vw;
}


#sec4 .service-img {
margin-top: 20px;
}
#sec4 .service-txt {
padding: 30px 0 0 0 ;
}

#contact dd .select {
padding: 15px 20px 15px 10px;
border: none;
background: #fff!important;
border: none!important;
}

#contact .contact-box {
padding-top: 30px;
}
#contact dl {
font-size: 3.7333333333333334vw;
}

#contact dt {
font-size: 3.7333333333333334vw;
}

#contact dd {
font-size: 3.7333333333333334vw;
}

#contact .required {
font-size: 2.6666666666666665vw;
color: #ff0000;
border: 1px solid;
padding: 2px;
margin-left: 10px;
}
#contact .submit input[type=submit]{
background-image: -moz-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(22,219,250) 0%, rgb(80,162,253) 100%);
width: 280px;
line-height: 60px;
color: #fff;
border-radius: 50px;
font-size: 3.2vw;
font-weight: bold;
border: none;
}

footer {
background-color: #303030;
color: #fff;
text-align: center;
padding: 20px 0;
font-size: 2.6666666666666665vw;
}

footer a {
color: #fff;
}
footer .copiyright {
padding-top: 20px;
}

}

.mw_wp_form .error {
font-size : 93%;
color : #B70000;
display : block;
}


.mw_wp_form .akismet_error {
display: block;
}


.mw_wp_form .vertical-item {
display: block;
}
.mw_wp_form .vertical-item + .vertical-item {
margin-top: 5px;
}


.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 10px;
}


.mwform-checkbox-field label,
.mwform-radio-field label {
font-weight: normal;
margin-bottom: 0;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
margin-right: 5px;
}


.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
width: 40%;
margin: 0 5px;
}


.mw-wp-form-deprecated-message {
background: #fdeeee;
border: 1px solid #f7bdb8;
border-radius: 5px;
color: #af4040;
font-size: 13px;
line-height: 1.6;
margin: 0 0 10px;
padding: 1em;
}


.mw_wp_form input[type="file"] {
display: inline-block;
}


.mwform-file-delete {
cursor: pointer;
visibility: hidden;
}


.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}


.sec-cv {
margin: 0 auto;
padding: 45px 0 45px;
text-align: center;
background-color: #00479d;
}

.sec-cv .box {
padding: 0 0 45px;
}

.btn .cv a {
display: inline-table;
background-color: #ff8182;
border-radius: 50px;
padding: 18px 20px 18px 0;
font-size: 24px;
font-weight: bold;
color: #fff;
}

@media (max-width: 767px) {
.btn .cv a {
padding: 15px;
font-size: 5.2vw;
}
}

.sec-top01 {
padding-top: 100px;
}

.sec-top01 .flow01 {
background-image: url(../img/flow01.png);
background-position-y: 40px;
margin-bottom: 48px;
width: 1000px;
height: 495px;
}

@media (max-width: 767px) {
.sec-top01 .flow01 {
width: 100%;
height: auto;
}
}

.sec-top01 .flow01-tit {
text-align: center;
color: #0156a5;
font-size: 40px;
font-weight: bold;
font-style: italic;
}

.sec-top01 .flow01-list {
padding: 0 20px 0 60px;
font-size: 26px;
font-weight: bold;
}

.sec-top01 .flow01-list li {
background-image: url(../img/flow01-check.png);
background-position: 0 50%;
padding: 12px 0 12px 40px;
}

@media (max-width: 767px) {
.sec-top01 {
padding-top: 6vw;
}
.sec-top01 .flow01 {
margin-bottom: 6vw;
}
.sec-top01 .flow01-tit {
font-size: 9vw;
}
.sec-top01 .flow01-list {
padding: 0 30px 0 30px;
font-size: 4.26666666666666vw;
}
.sec-top01 .flow01-list li {
background-position: 0 50%;
padding: 12px 0 12px 40px;
}
}

.sec-top01 .flow02 {
margin-bottom: 80px;
}

@media (max-width: 767px) {
.sec-top01 .flow02 {
margin-bottom: 15vw;
}
}

.sec-top01 .flow02-tit {
padding-bottom: 30px;
text-align: center;
color: #0156a5;
font-size: 40px;
font-weight: bold;
font-style: italic;
}

@media (max-width: 767px) {
.sec-top01 .flow02-tit {
padding-bottom: 3vw;
}
}

.sec-top01 .flow02-tit span {
    background: linear-gradient(transparent 50%, #ffdb00 0%);
}

.sec-top01 .flow02-txt li {
margin-bottom: 10px;
padding: 20px;
background-color: #fffab9;
font-size: 26px;
font-weight: bold;
color: #000;
text-align: center;
}

@media (max-width: 767px) {
.sec-top01 .flow02-txt li {
font-size: 4.26666666666666vw;
}
}

.sec-top01 .flow02-txt li span {
color: #0156a5;
}

.sec-top02 {
margin-bottom: 30px;
padding: 0 0 60px;
background-color: #f5f6f9;
position: relative;
}

.sec-top02 .box {
text-align: center;
}

.sec-top02 .sec-top02-tit {
position: relative;
display: block;
top: -40px;
margin-bottom: -10px;
color: #0156a5;
font-size: 40px;
font-weight: bold;
font-style: italic;
}

@media (max-width: 767px) {
.sec-top02 .sec-top02-tit {
top: -40px;
margin-bottom: -20px;
}
}

.sec-top02-tit-s01 {
margin: 0 auto 10px;
padding: 0 10px;
background-color: #0156a5;
font-size: 24px;
font-weight: bold;
display: inline-table;
color: #fff;
}

.sec-top02-tit-s02 {
margin-bottom: 15px;
font-size: 26px;
font-weight: bold;
}

.sec-top02-txt {
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}

.sec-top02-price {
display: inline-block;
padding: 25px 200px;
background-color: #fff;
border: 4px solid #e5e5e5;
font-size: 20px;
font-weight: bold;
}

.sec-top02-price span {
font-size: 26px;
}

@media (max-width: 767px) {
.sec-top02-price {
    padding: 25px 10vw;
}
.sec-top02-tit-s02,
.sec-top02-price span {
font-size: 6vw;
}
}