@charset "UTF-8";
@charset "UTF-8";

   *,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap");
:root {
--col-white: #FCFCFC;
--col-black: #333333;
--col-gray: #868686;
--col-l-red: #FF5050;
--col-red: #D00700;
--col-l-orange: #FFC776;
--col-orange: #FFA50A;
--col-l-green: #40B5B5;
--col-green: #01777E;
--noto-sans:'Noto Sans JP';
--noto-serif:'Noto Serif JP';
}
html {
font-size: 14px;
}
body {
font-size:1rem;
line-height:1.6;
margin-top: 74px; color: var(--col-black);
}
p {
margin-bottom:1em;
}
img {
max-width: 100%;
height: auto;
}
main {
min-height:1000px;
}
@media screen and (min-width:768px) {
html {
font-size: 16px;
}
body {
margin-top: 78px; }
}  body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
b, strong, .bold{
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.noto-sans {
font-family: 'Noto Sans JP';
opacity: 0;
}
.noto-serif {
font-family: 'Noto Serif JP';
opacity: 0;
}
.serif {
font-family:'Times New Roman', Times, serif;
}
.wf-active .noto-sans,
.wf-active .noto-serif {
opacity: 1;
} .marker-red {
background:linear-gradient(transparent 60%, #ffb9b9 60%);
}
.marker-green {
background:linear-gradient(transparent 60%, #c2e6e6 60%);
}
.marker-orange {
background:linear-gradient(transparent 60%, #ffe2b5 60%);
} a {
color:var(--col-green);
text-decoration: underline;
}
a:hover {
color:var(--col-l-green);
color:#FFF;
}
.lp-btn {
position:relative;
display: inline-block;
color: var(--col-white);
background: var(--col-orange);
padding: .5em 1em;
border-radius: 6px;
text-decoration: none;
}
.lp-btn:hover {
background: var(--col-l-orange);
}
.lp-btn.lp-btn-green {
background: var(--col-green);
}
.lp-btn.lp-btn-green:hover {
background: var(--col-l-green);
}  .anker {
margin-top:-74px;
padding-top:74px;
}
.lp-header {
position:fixed;
z-index:10;
padding:1rem 0;
width: 100%;
top: 0;
}
header.lp-header .wrapper {
display: flex;
}
.head-title {
font-size: .6rem;
font-size: 10px;
}
.head-contact {
display: none;
} @media screen and (max-width:767px) {
.menu-btn {
position: absolute;
top: 1rem;
right: 1rem;
display: flex;
height: 46px;
width: 46px;
justify-content: center;
align-items: center;
z-index: 90;
background-color: var(--col-orange);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #ffffff;
position: absolute;
}
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
#menu-btn-check {
display: none;
}
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0); }
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
.menu-content {
width: 200px;
height: auto;
position: absolute;
top: calc(74px - 1rem);
left: 100%; z-index: 80;
background-color: var(--col-orange);
transition: all 0.5s; }
.menu-content ul {
padding: 1rem;
}
.menu-content ul li {
border-bottom: solid 1px #ffffff;
list-style: none;
}
.menu-content ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color:#ffffff;
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}
.menu-content ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}
#menu-btn-check:checked ~ .menu-content {
left: 100%;
margin-left: -200px;
}
} @media screen and (min-width:768px) {
.hamburger-menu input,
.hamburger-menu label {
display: none;
}
.head-contact {
display: block;
}
.menu-content {
width: 100%;
height: 100%;
position: static;
background: none;
}
.menu-btn {
display:none;
}
.menu-content ul {
padding: 0;
}
.menu-content ul li {
border: none;
line-height: 1;
}
.menu-content ul li a {
display: inline-block;
width: auto;
color: var(--col-black);
font-size: 14px;
padding: 0rem 0.5rem 0 0;
margin: 0.9rem 0rem 0rem 0.5rem;
border-right: 1px solid #333;
text-decoration: none;
}
.menu-content ul li a:hover {
text-decoration:underline;
}
.menu-content ul li:last-child a {
border: none;
}
.menu-content ul li a::before {
content: none;
}
.menu-content ul {
display: flex;
}
header.lp-header .wrapper {
position: relative;
}
header.lp-header .wrapper .head-logo {
padding-right: 1rem;
}
header.lp-header .wrapper .head-nav {
padding-right: 1rem;
}
header.lp-header .wrapper .head-contact {
position: absolute;
right: 1rem;
bottom: 0;
}
} .wp-lp div#wpadminbar {
display: none;
}
header{
background-color:#efefef;
}
section {
padding: 2.5rem 0;
}
.wrapper {
max-width:60rem;
margin:0 auto;
padding:0 1rem;
}
@media screen and (max-width:767px) {
}
@media screen and (min-width:768px) {
}
@media screen and (min-width:1024px) {
.wrapper {
max-width: 800px;
max-width: 50rem;
}
}
@media screen and (min-width:1280px) {
} h2 {
font-size: 1.571rem;
margin-bottom:2.5rem;
line-height: 1.2;
}
h3 {
font-size:1.428rem;
margin-bottom:1em;
line-height: 1.2;
}
.heading-border,
.heading-black,
.heading-white {
display: table;
margin: 0 auto;
font-family:var(--noto-sans);
font-weight: 700;
line-height: 1.2;
}
.heading-black h2 {
text-shadow:
0.5px 0 0 #fff,
0.5px 0.5px 0 #fff,
0 0.5px 0 #fff,
-0.5px 0.5px 0 #fff,
-0.5px 0 0 #fff,
-0.5px -0.5px 0 #fff,
0 -0.5px 0 #fff,
0.5px -0.5px 0 #fff
;
}
.heading-white h2 {
color: var(--col-white);
}
.heading-serif {
font-family: var(--noto-serif);
text-align: center;
font-weight: 900;
}
.heading-border h2 {
border-bottom:4px solid var(--col-green);
}
.green-border {
border-top: 2px solid var(--col-green);
border-bottom: 3px solid var(--col-green);
padding: .25rem 0;
margin-bottom:1rem;
}
.green-border h3 {
font-weight: 900;
}
.green-border .little {
font-size: .8rem;
line-height: 1;
color: #666666;
margin-bottom: 0.2rem;
}
.green-border h3 .big {
font-size: 1.428rem;
}
@media screen and (min-width:768px) {
.wrapper h2 {
font-size: 2em;
text-align:center;
}
} .bread {
background: #ddd;
padding: .2em 0;
} #main-visual-wrapper {
position: relative;
}
#main-visual {
background: url(/lp-humor/lp-images/main-visual-bg.jpg) repeat-x;
background-position: bottom left;
background-size: cover;
padding-bottom:0;
padding-top:0;
color:var(--col-white);
font-weight: 900;
text-shadow:
0.5px 0 0 #000,
0.5px 0.5px 0 #000,
0 0.5px 0 #000,
-0.5px 0.5px 0 #000,
-0.5px 0 0 #000,
-0.5px -0.5px 0 #000,
0 -0.5px 0 #000,
0.5px -0.5px 0 #000,
0 0 8px #000
;
}
.corp {
position:relative;
max-width:1024px;
margin:0 auto;
background: url(/lp-humor/lp-images/main-visual-corporate2.png) no-repeat;
background-position: 0% 100%;
background-size: contain;
padding-bottom: 2rem;
padding-top: 2rem;
}
.corp .wrapper{
padding-left:25%;
}
.catch {
line-height: 1.25;
font-size:4vw;
margin-bottom:.5em;
}
.catch-margin {
}
.seminar-title-wrapper {
border-left:3px solid var(--col-orange);
margin-bottom: 20px;
}
.seminar-title {
border-left:3px solid #856215;
padding-left:3px;
line-height: 1.3;
font-size: 3.2vw;
letter-spacing: -.02em;
}
.seminar-title > span{
display: block;
}
.seminar-title .seminar-title1 {
font-size: 82%;
padding-top: 0.06em;
}
.kakko01{
letter-spacing: -.6em;
}
.kakko02{
letter-spacing: -.45em;
}
.kakko03 {
position: relative;
left: -0.5em;
letter-spacing: -0.35em;
}
.kakko04{
letter-spacing: -.45em;
}
.seminar-title .seminar-title1 span.tx-red {
position: relative;
display: inline-block;
text-shadow:
1px 0 0 #fff,
1px 1px 0 #fff,
0 1px 0 #fff,
-1px 1px 0 #fff,
-1px 0 0 #fff,
-1px -1px 0 #fff,
0 -1px 0 #FFF,
1px 1px 0 #fff,
0 0 8px #000
;
}
.seminar-title .seminar-title2 {
font-size: 130%;
line-height: 1.25;
padding-bottom: 0.2em;
padding-top: 0.1em;
}
.seminar-title .seminar-title3 {
font-size: 87%;
padding-bottom: 0.2em;
}
.main-prof {
display:inline-block;
text-shadow: none;
color:var(--col-black);
background: rgba(255, 255, 255, 0.75);
font-size:10px;
line-height: 1.2;
padding: 0.5em;
}
.main-prof .instructor {
display: inline-block;
font-weight: 900;
border-bottom: 1px solid var(--col-black);
font-size:10px;
margin-bottom:0.25rem;
text-align: left;
}
.main-desc {
background: rgb(64,181,181);
background: radial-gradient(circle, rgba(64,181,181,1) 0%, rgba(1,119,126,1) 50%);
padding: 1rem;
margin-bottom: 0;
color:var(--col-white);
font-weight: bold;
text-shadow: 0 0 8px #000;
}
.main-prof p{
margin-bottom: 0;
}
@media screen and (max-width: 540px) {
.corp {
background-position: 20% 100%;
background-size: 120%;
}
}
@media screen and (min-width:768px) {
.main-prof .instructor {
display: block;
}
.main-prof {
width: 31%;
margin-right: 2%;
}
.main-prof-box {
display: flex;
justify-content: flex-start;
}
.main-desc-pc {
font-size: 15px;
line-height: 1.2;
width: 62%;
font-weight: normal;
padding-top: .5rem;
}
.main-desc-pc p {
margin-bottom:0;
}
.catch {
font-size: 2.5rem;
}
.seminar-title {
font-size: 1.5rem;
}
}
@media screen and (min-width:1024px) {
.corp {
max-width: 1024px;
padding-top: 4rem;
}
#main-visual {
padding-top: 2rem;
}
.catch {
font-size: 2.5rem;
margin-bottom: 2.5rem;
}
.corp .wrapper {
padding-left: 13%;
}
.seminar-title {
border-left: 8px solid #856215;
font-size: 1.8rem;
margin-bottom: 3rem;
padding-left: 8px;
padding-bottom: 6px;
margin-left: -1px;
}
.seminar-title-wrapper {
border-left: 8px solid var(--col-orange);
}
.main-prof {
width: 29%;
margin-right: 2%;
font-size: 11px;
position: absolute;
display: inline-block;
width: auto;
left: 2rem;
bottom: 5rem;
}
.main-desc-pc {
width: 69%;
line-height: 1.4;
}
.main-prof .instructor {
font-size: 17px;
}
}
@media screen and (min-width:1280px) {
} #match-people-wrapper {
background: url(/lp-humor/lp-images/seminar-room.jpg) no-repeat;
background-position:top;
background-size: auto 100%;
}
#match-people {
position: relative;
background: rgb(255,255,255);
background: linear-gradient(330deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 70%);
overflow:hidden;
z-index: 0;
}
#match-people:before {
content:"";
display: block;
position: absolute;
top:0;
left:35%;
width:15px;
background: var(--col-l-green);
height: 100%;
z-index: -1;
}
ul.avatars {
padding-left:1.5rem;
}
ul.avatars li {
position: relative;
min-height: 5em;
padding:1rem 0.5rem 1rem 3rem;
border: 2px solid var(--col-l-green);
margin-bottom: 2rem;
background: #FFF;
font-weight: 700;
line-height: 1.2;
font-size: 1.2rem;
}
ul.avatars .avatar:before {
content:"";
position: absolute;
display: block;
width:66px;
height: 84px;
background-image: url(/lp-humor/lp-images/avatar01.png);
background-size:cover;
z-index: 2;
left: -26px;
bottom: -15px;
}
ul.avatars .avatar.avatar01:before {
background-image: url(/lp-humor/lp-images/avatar01.png);
}
ul.avatars .avatar.avatar02:before {
background-image: url(/lp-humor/lp-images/avatar02.png);
}
ul.avatars .avatar.avatar03:before {
background-image: url(/lp-humor/lp-images/avatar03.png);
}
ul.avatars .avatar.avatar04:before {
background-image: url(/lp-humor/lp-images/avatar04.png);
}
ul.avatars .avatar.avatar05:before {
background-image: url(/lp-humor/lp-images/avatar05.png);
}
ul.avatars .avatar.avatar06:before {
background-image: url(/lp-humor/lp-images/avatar06.png);
}
ul.avatars .avatar.avatar07:before {
background-image: url(/lp-humor/lp-images/avatar07.png);
}
ul.avatars .avatar.avatar08:before {
background-image: url(/lp-humor/lp-images/avatar08.png);
}
@media screen and (min-width:768px) {
ul.avatars li { width: 47%;
}
ul.avatars li:nth-child(even) { }
ul.avatars {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media screen and (min-width:768px) {
#match-people-wrapper {
background-size: cover;
}
} #success {
padding-bottom: 0;
}
#success h2.success-head01 {
font-size: 6vw;
}
#success .success-head01.little {
font-size: 4vw;
}
#success h2.success-head02 {
font-size: 6vw;
line-height:1.5;
}
#success .success-head02.little {
font-size: 5vw;
}
.success01,
.success02 {
max-width:960px;
padding-bottom:6rem;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-size: 80%;
}
.success01 {
background-image: url(/lp-humor/lp-images/bg-miniture01.png);
padding-bottom: 8rem;
}
.success02 {
background-image: url(/lp-humor/lp-images/bg-miniture02.png);
}
@media screen and (min-width:768px) {
#success h2.success-head01 {
font-size: 3rem;
}
#success .success-head01.little {
font-size: 2rem;
}
#success h2.success-head02 {
font-size: 3rem;
}
#success .success-head02.little {
font-size: 2.5rem;
}
} @media screen and (min-width:768px) {
#think .white-bg {
padding: 3rem 3rem;
}
#think ul.check li {
font-size: 1.4rem;
}
#think ul.check li i {
font-size: 2.8rem;
padding-right: 1.5rem;
}
} #change .heading-border h2 {
line-height: 1.2;
padding-bottom: 0.5rem;
font-size:3.5vw;
text-align: left;
}
@media screen and (min-width:768px) {
#change .heading-border h2 {
font-size: 1.6rem;
}
section#change p {
max-width: 40rem;
display: table;
margin: 0 auto 1em;
}
} .knowhow-wrapper {
background: #D7E9F7 url(/lp-humor/lp-images/bg-woman.png) no-repeat;
background-position: bottom;
background-size: contain;
overflow: hidden;
}
#knowhow {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 70%, rgba(255,255,255,0.8) 90%);
}
#knowhow h2 {
font-size: 5.5vw;
text-align: left;
}
.baloon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.baloon li {
position: relative;
width:48%;
background: rgb(255,255,255,70%);
margin-bottom: 3rem;
padding:1rem;
line-height: 1.2;
min-height:8em;
border-radius:10px;
font-weight:bold;
font-size: 1.142em;
}
.baloon li:nth-child(even) {
top:1.5rem;
}
.baloon li:after {
content:"";
position: absolute;
bottom:-16px;
left:50%;
margin-left:-10px;
width: 0;
height: 0;
border-style: solid;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
border-top: 16px solid #ffffff;
border-bottom: 0;
opacity:.7;
}
.baloon01 .bld,
.baloon02 .bld,
.baloon03 .bld {
font-size:1.2em;
}
.baloon01 .bld {
color:var(--col-green);
}
.baloon02 .bld {
color:var(--col-red);
}
.baloon03 .bld {
color:var(--col-orange);
}
@media screen and (min-width:768px) {
#knowhow h2 {
font-size: 2.5rem;
}
.baloon {
justify-content: flex-start;
}
.baloon li {
width: 22%;
margin-right: 2%;
}
.baloon li:nth-child(even) {
top: 0;
}
ul.baloon.baloon02 {
margin-left: 0%;
position: relative;
left: 4%;
}
} @media screen and (min-width:768px) {
.green-border p {
font-size: 1rem;
}
.green-border .little {
font-size: 1.2rem;
}
.green-border h3 .big {
font-size: 2.2rem;
}
} #unique ,
#letsgo {
position: relative;
padding-bottom: 5rem;
}
#unique .wrapper ,
#letsgo .wrapper {
padding:0 2rem;
}
.crown-wrapper {
padding:0 1rem;
}
.crown {
max-width:960px;
margin:0 auto;
margin-bottom: 2rem;
text-align:center;
line-height:1.2;
text-shadow:
0.5px 0 0 #fff,
0.5px 0.5px 0 #fff,
0 0.5px 0 #fff,
-0.5px 0.5px 0 #fff,
-0.5px 0 0 #fff,
-0.5px -0.5px 0 #fff,
0 -0.5px 0 #fff,
0.5px -0.5px 0 #fff
;
}
#unique .crown {
font-size:8vw;
}
#letsgo .crown {
font-size:8vw;
padding:0rem 0rem;
background: url(/lp-humor/lp-images/bg-crown.png) no-repeat;
background-position: top;
background-size: contain;
}
.green-arrow{
width: 0;
height: 0;
border-style: solid;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
border-top: 16px solid var(--col-l-green);
border-bottom: 0;
}
#unique .green-arrow ,
#letsgo .green-arrow{
position: absolute;
bottom:-50px;
left:50%;
margin-left:-60px;
width: 0;
height: 0;
border-style: solid;
border-right: 60px solid transparent;
border-left: 60px solid transparent;
border-top: 100px solid #cae1e3;
border-bottom: 0;
}
.under-arrow {
padding-top:5rem !important;
}
@media screen and (min-width:768px) {
#unique .crown ,
#letsgo .crown {
font-size: 3rem;
}
#unique .wrapper p ,
#letsgo .wrapper p{
max-width: 35rem;
display: table;
margin: 0 auto 1rem;
}
} #seminar {
padding-bottom: 6rem;
}
.seminar-contents-wrapper {
padding: 2rem 0 ;
}
.seminar-contents {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#humor .seminar-contents {
justify-content: center;
}
.seminar-contents .circle {
width: 50%;
background-color: var(--col-green);
position: relative;
overflow: hidden;
border-radius: 300px;
box-shadow: 10px -10px 0 var(--col-l-green);
}
#humor .seminar-contents .circle {
background-color: var(--col-orange);
box-shadow: 10px -10px 0 var(--col-l-orange);
}
.seminar-contents .circle::before{
content: "";
padding-top: 100%;
display: block;
}
.circle p{
position: absolute;
top: 0;
left: 0;
padding: 6% 18%;
padding: 4% 14% 6% 19%;
font-size: 3.7vw;
line-height:1.2;
margin: 0;
width:100%;
color:var(--col-white);
}
.circle p span.num {
display: block;
width: 100%;
margin-bottom: 3%;
padding-right: 10%;
text-align: center;
font-size: 35px;
font-family: Arial;
font-weight: 600;
font-style: italic;
}
#humor .circle.c01 { }
#humorr .circle.c02 { }
#humor .circle.c03 { top: -20px;
}
#seminar .circle.c01 {
left: 3%;
}
#seminar .circle.c02 {
top: 60px;
left: -5%;
}
#seminar .circle.c03 {
left: 3%;
}
#seminar .circle.c04 {
top: 60px;
left: -5%;
}
#seminar .circle.c05 {
left: 3%;
}
#seminar .circle.c06 {
top: 60px;
left: -5%;
}
@media screen and (min-width:768px) {
#seminar {
padding-bottom: 3rem;
}
.seminar-contents {
justify-content: center;
}
.seminar-contents .circle {
width: 31%;
margin:0 1%;
}
#humor .circle.c01 {
left: 0%;
}
#humor .circle.c02 {
left: 0%;
}
#humor .circle.c03 {
left: 0%;
top: 0;
}
#seminar .circle.c01 {
top: 0;
left: 0;
}
#seminar .circle.c06 {
top: 0;
left: 0;
right: 0;
}
#seminar .circle.c02 {
top: 0;
left: -4%;
}
#seminar .circle.c03 {
top: 0;
left: -8%;
}
#seminar .circle.c04 {
top: 0;
left: -4%;
}
#seminar .circle.c05 {
top: 0;
left: -8%;
}
#seminar .circle.c04 ,
#seminar .circle.c05 ,
#seminar .circle.c06  {
top: -40px;
}
.circle p{
font-size: 1.2rem;
}
.circle p span.num {
font-size: 50px;
}
} #benefits {
background: #FBF7F4;
background-image: url(/lp-humor/lp-images/bg-green-texture.jpg);
}
#benefits h2 {
font-size: 5.2vw;
padding-top: 12%;
}
#benefits .heading-serif h2 {
background: url(/lp-humor/lp-images/emblem-head.png) no-repeat;
background-size: contain;
background-position: top center;
display: inline-block;
}
.emblem-wrapper {
border:5px solid #CEA66F;
padding:4px;
position: relative;
margin:0 1rem 1rem;
background: #EDEDED;
}
.emblem-wrapper:before ,
.emblem-wrapper:after {
content:"";
position: absolute;
width:120px;
height:120px;
background-size: cover;
}
.emblem-wrapper:before {
top:-20px;
left:-20px;
background-image: url(/lp-humor/lp-images/emblem-left.png);
}
.emblem-wrapper:after {
bottom:-20px;
right:-20px;
background-image: url(/lp-humor/lp-images/emblem-right.png);
}
.emblem-inner {
border:1px solid #CEA66F;
padding:2rem 1.5rem;
}
dl.medal { min-height:80px;
margin-bottom: 2rem;
line-height: 1.2;
}
.emblem-inner dl:last-child {
margin-bottom: 0;
}
dl.medal dt {
min-height: 24px;
padding-right: 30px;
margin-bottom: 5px;
background: url(/lp-humor/lp-images/lily.png) no-repeat;
background-position: right top;
line-height: 24px;
color:#763C2F;
font-size: 1.2rem;
}
dl.medal .medal-title {
color: #763C2F;
font-size: 1.2rem;
text-shadow: 1px 1px 0px #FFF;
display: inline-block;
margin-bottom: 8px;
font-weight: bold;
}
dl.medal .medal-content {
display: inline-block;
min-height: 76px;
padding-left: 84px;
background: url(/lp-humor/lp-images/medal.png) no-repeat;
background-position: left top;
}
dl.medal dt span {
background: #EDEDED;
position: relative;
}
@media screen and (min-width:768px) {
dl.medal dt {
text-align: center;
}
.emblem-wrapper {
margin:0 40px 4em;
}
.emblem-inner {
padding: 3em 4em;
}
#benefits .heading-serif h2 {
background-size: inherit;
}
#benefits h2 {
font-size: 2rem;
padding-top: 6%;
margin-bottom:2em;
}
.emblem-wrapper:before ,
.emblem-wrapper:after {
width:240px;
height:240px;
}
.emblem-wrapper:before {
top:-40px;
left:-40px;
}
.emblem-wrapper:after {
bottom:-40px;
right:-40px;
}
} #seminar-info {
padding:0;
}
#seminar-info .green-filter {
padding:2rem 0;
}
#seminar-info h2 {
text-shadow: 0px 0px 3px #00000080;
}
.bg-seminar {
background: url(/lp-humor/lp-images/bg-seminar.jpg);
background-position: top center;
background-size: cover;
}
.seminar-date ,
.seminar-date-inner {
font-size: 1.2rem;
}
.seminar-date-inner {
}
.seminar-date > dt {
border-bottom:2px solid var(--col-green);
margin-bottom: 1rem;
}
.seminar-date > dd {
margin-bottom: 1rem;
}
.seminar-date dd:last-child {
margin-bottom: 0;
}
.seminar-date-inner {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.seminar-date-inner dt {
width: 8em;
border: none;
}
.seminar-date-inner dd { width: calc(100% - 8em);
}
@media screen and (min-width:768px) {
.seminar-date {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.seminar-date > dt {
width: 15%;
border: none;
text-align: center;
}
.seminar-date > dd {
width: 85%;
}
} .p-image {
text-align: center;
}
.p-head {
font-weight: 900;
font-size: 1.2rem;
display: table;
margin: 0 auto 1rem;
}
.prof-bio {
clear:both;
margin-bottom:1em;
}
.prof-bio dt {
float:left;
font-weight: normal;
}
.prof-bio dd {
padding-left :4em;
}
.gold-box {
overflow: hidden;
background: #EDEDED;
border:2px solid #CEA66F;
padding:1rem;
}
.gold-box dt {
clear:both;
margin-bottom: .5em;
}
.gold-box dd {
margin-bottom: 1em;
}
.gold-box dd:last-child {
margin-bottom: 0em;
}
.gold-box img {
float:right;
position: relative;
top:-1.5em;
padding-left: 1em;
}
#message {
font-size: 1.6rem;
}
@media screen and (min-width:768px) {
.p-image {
float:right;
padding-left:1rem;
}
.p-head {
display: block;
}
#message {
text-align: center;
padding: 1rem 0 2rem;
}
} .faq-box {
background-color: #fff;
border: 2px solid var(--col-green);
margin-bottom: 2rem;
padding: .8rem;
line-height: 1.25;
}
.faq-box dt {
position: relative;
border-bottom:2px solid var(--col-green);
padding-bottom: .5rem;
margin-bottom: .5rem;
padding-left: calc(2rem + 50px);
font-weight: bold;
min-height:calc(50px + .5rem);
color: var(--col-green);
}
.faq-box dd {
position: relative;
padding-left: 1.5rem;
}
.faq-box dt:before ,
.faq-box dt:after ,
.faq-box dd:before {
position: absolute;
font-weight: bold;
}
.faq-box dt:before {
content:"Q.";
left:calc(50px + .5rem);
}
.faq-box dt:after {
content:"";
left:0;
top:0;
width:50px;
height:50px;
border: 2px solid var(--col-green);
border-radius: 50px;
background: url(/lp-humor/lp-images/avatar04.png) no-repeat;
background-position: center 5px;
background-size: contain;
}
.faq-box.faq01 dt:after {
background-image: url(/lp-humor/lp-images/avatar04.png);
}
.faq-box.faq02 dt:after {
background-image: url(/lp-humor/lp-images/avatar05.png);
}
.faq-box.faq03 dt:after {
background-image: url(/lp-humor/lp-images/avatar02.png);
}
.faq-box.faq04 dt:after {
background-image: url(/lp-humor/lp-images/avatar03.png);
}
.faq-box dd:before {
content:"A.";
left:0;
} #contact {
padding: 0;
}
#contact .orange-filter {
padding: 2rem 0;
}
.contact-box {
display: flex;
flex-direction: column;
text-align: center;
}
.contact-box .mail {
border-bottom: 1px solid #aaa;
margin-bottom: 1rem;
}
.contact-box .mail a{
text-decoration: none;
}
.contact-box h3 {
font-weight: bold;
}
@media screen and (min-width:768px) {
.contact-box {
flex-direction: row;
}
.contact-box .form,
.contact-box .mail {
width: 50%;
}
.contact-box .mail {
border: none;
border-right: 1px solid #aaa;
}
.contact-box p {
margin-bottom: 0px;
}
.form p {
padding: 1rem 0;
}
} .company-box-wrapper {
display: table;
margin: 0 auto;
}
.company-box {
display: flex;
flex-direction: column;
margin-bottom: 2.5rem;
}
.company-box dt {
padding-right:0rem;
text-align: center;
margin-bottom: 1rem;
}
@media screen and (min-width:768px) {
.company-box {
display: flex;
flex-direction: row;
}
.company-box dt {
margin-bottom: 0;
}
.company-box dd {
padding-left:1rem;
}
}   #formArea dl dt {
width: 100%;
padding: 5px 0 0 0;
margin-bottom: 15px; }
#formArea dl dd {
width: 100%;
margin-bottom: 15px; }
#formArea .att {
color: #ff4834;
font-size: 12px; }
#formArea .error {
margin: 0; }
#formArea .radio_wrap {
margin-top: 10px; }
#formArea .vertical-item {
display: block !important; }
#formArea input[type="text"],
#formArea input[type="email"],
#formArea input[type="number"],
#formArea textarea {
padding: 8px .5em 8px 10px;
margin: 0;
width: 100%;
max-width: 100%;
overflow: hidden;
margin-bottom: 0;
border-color: #ddd;
width: 100%;
border-width: 1px;
padding: 8px 0.5em 8px 10px; }
#formArea input[type="text"] + input,
#formArea input[type="email"] + input,
#formArea input[type="number"] + input,
#formArea textarea + input {
margin-top: 10px; }
#formArea input[type="number"].short {
width: 60px; }
#formArea input[type="text"],
#formArea input[type="email"] {
width: 100%; }
#formArea input[type="text"] .short,
#formArea input[type="email"] .short {
max-width: 150px; }
#formArea select {
padding: .4em 0 .3em .5em;
margin-bottom: 5px;
display: block;
border-color: #ddd;
width: 100%;
border-width: 1px;
padding: 8px 0.5em 8px 10px; }
#formArea select option {
word-wrap: normal; }
#formArea input[type="text"].short {
width: 200px;
text-align: left;
margin-bottom: 0; }
#formArea input[type="text"].hasDatepicker {
margin: 5px 0;
background: #EEEEEE; }
#formArea input[type="text"].hasDatepicker:hover, #formArea input[type="text"].hasDatepicker:focus {
background: #fff; }
#formArea .mwform-checkbox-field {
display: block;
width: 100%;
margin: 5px 5px;
font-size: 14px; }
#formArea input[type="checkbox"] {
border: 1px solid #aaaaaa;
vertical-align: -8px;
-webkit-appearance: none;
position: relative;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 26px;
height: 26px; background: #e2e2e2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2)); background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); }
#formArea input[type="checkbox"]:checked { background: #FFA50A; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFA50A), color-stop(1, #FFA50A)); background: linear-gradient(to bottom, #FFA50A 0%, #FFA50A 100%);
border: 1px solid #FFA50A; }
#formArea input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 16px;
display: block;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
content: "";
width: 10px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center; }
#formArea input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 16px;
content: "";
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
width: 16px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center; }
#formArea .mwform-zip-field input {
width: inherit; }
#formArea .mwform-tel-field input {
margin: 0 !important;
width: auto; }
#formArea .mwform-radio-field {
display: block;
margin: 5px 0 10px; }
#formArea .mwform-radio-field input {
margin: 0 15px 0 0; }
#formArea .mwform-radio-field-text {
margin-left: 10px; }
#formArea input[type="radio"] {
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
content: "";
background-color: #FFFFFF;
border: 1px solid #999999;
-webkit-border-radius: 24px;
border-radius: 24px; vertical-align: middle;
cursor: pointer; }
#formArea input[type="radio"]:checked:after {
display: block;
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 12px;
height: 12px;
background: #00A0E9;
-webkit-border-radius: 12px;
border-radius: 12px; }
#formArea input[type="file"] {
margin-bottom: 10px; }
#formArea .return {
margin: 0 auto 0; }
#formArea .submit:hover, #formArea .submit:focus {
cursor: pointer; }
#formArea .inline_wrap select {
display: inline-block; }
@media print, screen and (min-width: 768px) {
#formArea input[type="text"],
#formArea input[type="email"],
#formArea input[type="number"],
#formArea textarea {
margin: 0; }
#formArea select {
margin-bottom: 0; }
#formArea .mwform-checkbox-field {
display: inline-block;
width: auto; }
#formArea .mwform-radio-field {
display: inline-block;
margin: 0 15px 5px 0; }
#formArea .mwform-radio-field .mwform-radio-field-text {
margin-right: 15px; }
#formArea .mwform-radio-field input {
margin: 0; }
#formArea .mwform-radio-field-text {
margin-left: 10px; } } footer{
background-color:#efefef;
padding: 1rem 0;
height: 130px;
}
.wp-lp footer {
height: auto;
}
footer p {
margin-bottom: 0;
text-align: center;
}
.fotter-nav {
padding: 1rem 0;
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
bottom: 0;
width: 100%;
}
.fotter-nav p{
margin-bottom: 0;
}
.fotter-nav ul {
display: flex;
justify-content: space-evenly;
}
@media screen and (min-width:768px) {
.fotter-nav {
display: none;
}
footer {
height: auto;
}
} .bg-dott-top {
background: url(/lp-humor/lp-images/bg-dott-top.jpg) repeat-x;
background-position: top;
}
.bg-dott-bottom {
background: url(/lp-humor/lp-images/bg-dott-bottom.png) repeat-x;
background-position: bottom;
}
.green-filter {
background-color: #01777E60;
}
.orange-filter {
background-color: #FFA50A40;
}
.green-texture {
background-image: url(/lp-humor/lp-images/bg-green-texture.jpg);
}
.white-texture {
background-image: url(/lp-humor/lp-images/bg-white-texture.jpg);
}
.bg-note {
background: url(/lp-humor/lp-images/note-border.png);
}
.white-bg {
background: var(--col-white);
padding:1.5rem 1rem;
margin-bottom: 2rem;
}
ul.check {
margin: 0;
}
ul.check li {
position: relative;
display:flex;
flex-wrap: nowrap;
align-items: center;
line-height:1.15;
margin-bottom: 1em;
font-weight: bold;
}
ul.check li:last-child {
margin:0;
}
ul.check li i {
color: var(--col-green);
font-size: 2rem;
padding-right: .25em;
}
.pc-only {display: none;}
.sp-only {display: table;}
@media screen and (min-width:768px) {
.pc-only {display: table;}
.sp-only {display: none;}
}
@media screen and (max-width:767px) {
}
.tx-white{color:var(--col-white) !important;}
.tx-black{color:var(--col-black) !important;}
.tx-gray{color:var(--col-gray) !important;}
.tx-l-red{color:var(--col-l-red) !important;}
.tx-red{color:var(--col-red) !important;}
.tx-l-orange{color:var(--col-l-orange) !important;}
.tx-orange{color:var(--col-orange) !important;}
.tx-l-green{color:var(--col-l-green) !important;}
.tx-green{color:var(--col-green) !important;}
.fs60 { font-size:60% !important; }
.fs80 { font-size:80% !important; }
.fs100 { font-size:100% !important; }
.fs120 { font-size:120% !important; }
.fs135 { font-size:135% !important; }
.fs140 { font-size:140% !important; }
.fs160 { font-size:160% !important; }
.fs180 { font-size:180% !important; }
.fs200 { font-size:200% !important; }
.fs220 { font-size:220% !important; }
.fs240 { font-size:240% !important; }
.fs260 { font-size:260% !important; }
.fs280 { font-size:280% !important; }
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1rem !important;}
.mb2 {margin-bottom:2rem !important;}
.mb3 {margin-bottom:3rem !important;}
.mb4 {margin-bottom:4rem !important;}
.mb5 {margin-bottom:5rem !important;}
.mb6 {margin-bottom:6rem !important;}
.lh1 {line-height:1 !important;}
.lh12 {line-height:1.2 !important;}
.lh14 {line-height:1.4 !important;}
.lh16 {line-height:1.6 !important;}
.bld {font-weight: bold !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.fll {float: left;}
.flr {float: right;}
.clb {clear: both;}
.no-shadow {
text-shadow: none !important;
}