@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;
line-height: 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; 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;
}   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;
outline: 0;
border-radius: 0;
text-align: inherit;
} [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} select::-ms-expand {
display: none;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
} legend {
color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } 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] {
outline: none;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}   template {
display: none;
} [hidden] {
display: none;
}

@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap");
.t-italic {
font-style: italic;
}
.t-color {
background: -webkit-linear-gradient(180deg, #10E8A5 10%, #FFC536);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.t-color1 {
color: #10E8A5;
}
.t-color2 {
color: #CBF3E7;
}
.t-color3 {
color: #FFFFFF;
}
.t-color4 {
color: #F07F28;
}   body {
overflow-x: hidden !important;
position: relative;
background: #10E8A5;
-ms-overflow-style: none; scrollbar-width: none; font-family: "Chakra Petch", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN", "メイリオ", "MS UI Gothic", sans-serif;
color: #FFFFFF;
background-color: #001313;
line-height: 1.8em;
font-weight: 400;
}
p {
font-family: "Inter", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN", "メイリオ", "MS UI Gothic", sans-serif;
}
p.deco {
font-family: "Covered By Your Grace", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN", "メイリオ", "MS UI Gothic", sans-serif;
}
::-webkit-scrollbar {
display: none;
width: 0; background: transparent; }
.scroll-lock {
overflow-y: hidden;
}
body .slick-next {
display: none;
} .grecaptcha-badge {
visibility: hidden;
}
#reCaptcha {
font-size: 12px;
text-align: center;
margin: 12px 0;
}
#reCaptcha > a {
color: #005EAD;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
}
h1 {
margin-bottom: 0px;
}
h2 {
text-align: center;
margin-bottom: 40px;
}
P {
text-align: left;
}
.container-wrap {
position: relative;
width: 100%;
}
.container {
position: relative;
margin: auto;
}
@media screen and (min-width: 769px) {
body {
font-size: 16px;
line-height: 1.8em;
}
body h1 {
font-size: 32px;
}
body h2 {
font-size: 28px;
}
body h3 {
font-size: 24px;
}
body h4 {
font-size: 20px;
}
body h5 {
font-size: 18px;
}
.container {
padding: 64px 24px;
}
}
@media screen and (min-width: 960px) {
body h1 {
font-size: 48px;
}
body h2 {
font-size: 40px;
}
body h3 {
font-size: 40px;
}
body h4 {
font-size: 32px;
}
body h5 {
font-size: 24px;
}
.container {
width: 100%;
padding: 64px 24px;
}
}
@media screen and (min-width: 1400px) {
.container {
width: 1200px;
}
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
line-height: 1.8em;
}
body h1 {
font-size: 24px;
}
body h2 {
font-size: 20px;
}
body h3 {
font-size: 18px;
}
body h4 {
font-size: 16px;
}
.container {
padding: 64px 16px;
}
} #splash {
position: fixed;
display: block;
width: 100vw;
height: 100vh;
background: #001313;
z-index: 9999999;
text-align: center;
top: 0;
}
#splash-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#splash-logo:before {
content: "";
width: 284px;
height: 67px;
display: block;
background-image: url(//robertbechara.com/wp-content/themes/GameDev/img/title-logo.png);
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto 20px;
}
.fadeIn {
opacity: 0;
transform: translate(0, 50%);
transition: 1.5s ease;
}
.fadeIn.is-show {
transform: translate(0, 0);
opacity: 1;
}
.fadeBottom {
opacity: 0;
transform: translate(0, -50%);
transition: 1.5s ease;
}
.fadeBottom.is-show {
transform: translate(0, 0);
opacity: 1;
}
.fadeLeft {
opacity: 0;
transition: 1.5s ease;
transform: translate(-20px, 0);
}
@media only screen and (min-width: 1400px) {
.fadeLeft {
transform: translate(-50%, 0);
}
}
@media only screen and (min-width: 961px) {
.fadeLeft {
transform: translate(-20%, 0);
}
}
.fadeLeft.is-show {
transform: translate(0, 0);
opacity: 1;
}
.fadeRight {
opacity: 0;
transition: 1.5s ease;
transform: translate(20px, 0);
}
@media only screen and (min-width: 1400px) {
.fadeRight {
transform: translate(50%, 0);
}
}
@media only screen and (min-width: 961px) {
.fadeRight {
transform: translate(20%, 0);
}
}
.fadeRight.is-show {
transform: translate(0, 0);
opacity: 1;
} @media screen and (min-width: 769px) {
.sp-hidden {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.pc-hidden {
display: none !important;
}
} .heading,
.heading02 {
color: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
font-weight: bold;
}
.heading div,
.heading02 div {
color: #10E8A5;
margin-bottom: 10px;
}
.heading h3,
.heading .heading-title,
.heading02 h3,
.heading02 .heading-title {
font-size: 24px;
}
@media only screen and (max-width: 768px) {
.heading h3,
.heading .heading-title,
.heading02 h3,
.heading02 .heading-title {
font-size: 22px;
}
}
.heading h3:after,
.heading .heading-title:after,
.heading02 h3:after,
.heading02 .heading-title:after {
content: "";
width: 40px;
height: 5px;
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
border-radius: 3px;
margin: 10px 0 40px;
display: block;
}
@media only screen and (max-width: 768px) {
.heading h3:after,
.heading .heading-title:after,
.heading02 h3:after,
.heading02 .heading-title:after {
margin: 10px 0 30px;
}
}
.heading P,
.heading02 P {
color: #CBF3E7;
font-size: 26px;
letter-spacing: 0;
margin-bottom: 30px;
line-height: 2em;
}
@media only screen and (max-width: 1279px) {
.heading P,
.heading02 P {
font-size: 20px;
}
}
.heading a,
.heading02 a {
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
border-radius: 10px;
width: 203px;
}
.heading02 {
text-align: center;
}
.heading02 h1:after,
.heading02 h2:after,
.heading02 h3:after,
.heading02 .heading-title:after {
margin-left: auto;
margin-right: auto;
}
.heading02 a {
margin: auto;
}
.heading02 p {
text-align: center;
}
.text-box .heading + p,
.text-box .heading + address,
.text-box .heading02 + p,
.text-box .heading02 + address {
margin-top: 37px;
}
.title {
font-size: 24px;
margin-bottom: 40px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.title {
font-size: 20px;
line-height: 1.6em;
align-items: flex-start;
}
}
.title:before {
content: "";
width: 5px;
height: 25px;
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
border-radius: 3px;
margin-right: 10px;
display: inline-block;
vertical-align: text-bottom;
}
@media only screen and (max-width: 768px) {
.title:before {
margin-top: 5px;
}
}
.btn {
padding: 8px 24px;
background: #F07F28;
border: 4px solid #F0B828;
margin-top: 24px;
display: block;
margin-left: auto;
margin-right: 0;
width: -moz-fit-content;
width: fit-content;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.btn:hover {
opacity: 0.7;
transition: 0.3s;
}
@media screen and (min-width: 768px) {
.header-fixed {
display: none !important;
}
}
#header {
position: absolute;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
transition: all 2s;
}
#header .triangle {
position: absolute;
top: 0;
border-top: 164px solid #333333;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 100%;
z-index: -1;
}
@media screen and (max-width: 1199px) {
#header .triangle {
border-top: 64px solid #333333;
}
}
#header .logo {
width: -moz-fit-content;
width: fit-content;
float: left;
color: #FFFFFF;
clear: both;
z-index: 1000;
position: relative;
margin-top: 24px;
margin-left: 72px;
margin-right: 24px;
}
#header .logo svg {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1199px) {
#header .logo {
font-size: 14px;
background: none;
width: 40px;
height: 64px;
margin: 0 8px 8px 24px;
}
}
#header .header-pc {
max-width: calc(100% - 48px);
width: 100%;
margin: 0 auto;              }
#header .header-pc h1 {
font-size: 16px;
padding: 24px 16px;
}
@media screen and (max-width: 765px) {
#header .header-pc h1 {
padding: 0px;
display: flex;
align-items: normal;
justify-content: center;
flex-direction: column;
}
}
#header .header-pc h1 span {
margin: 24px;
}
@media only screen and (max-width: 960px) {
#header .header-pc h1 span {
margin: 8px 0px 0px 0px;
}
}
#header .header-pc nav {
text-align: center;
display: flex;
justify-content: space-between;
border-top: 1px solid #fff;
margin: 0 48px 0 48px;
}
#header .header-pc nav ul {
list-style: none;
display: flex;
justify-content: center;
}
#header .header-pc nav ul ul {
display: block;
}
#header .header-pc nav ul li {
position: relative;
}
#header .header-pc nav ul li a {
display: block;
text-decoration: none;
color: #999;
padding: 20px 35px;
transition: all 0.3s;
}
#header .header-pc nav ul li li a {
padding: 10px 35px;
}
#header .header-pc nav ul li a:hover {
color: #fff;
}
#header .header-pc nav ul li.has-childPC::after {
content: "";
position: absolute;
right: 15px;
top: 25px;
width: 6px;
height: 6px;
border-top: 2px solid #999;
border-right: 2px solid #999;
transform: rotate(135deg);
}
#header .header-pc nav ul ul li.has-childPC::after {
content: "";
position: absolute;
left: 6px;
top: 17px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
#header .header-pc nav li.has-childPC ul { position: absolute;
left: 0;
top: 62px;
z-index: 4; background: #001313;
width: 280px; visibility: hidden;
opacity: 0; transition: all 0.3s;
}
#header .header-pc nav li.has-childPC:hover > ul,
#header .header-pc nav li.has-childPC ul li:hover > ul,
#header .header-pc nav li.has-childPC:active > ul,
#header .header-pc nav li.has-childPC ul li:active > ul {
visibility: visible;
opacity: 1;
}
#header .header-pc nav li.has-childPC ul li a {
color: #fff;
border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}
#header .header-pc nav li.has-childPC ul li:last-child > a {
border-bottom: none;
}
#header .header-pc nav li.has-childPC ul li a:hover,
#header .header-pc nav li.has-childPC ul li a:active {
background: #3577CA;
}
#header .header-pc nav li.has-childPC ul ul {
top: 0;
left: 182px;
background: #66ADF5;
}
#header .header-pc nav li.has-childPC ul ul li a:hover,
#header .header-pc nav li.has-childPC ul ul li a:active {
background: #448ED3;
}
@media screen and (max-width: 1199px) {
#header .header-pc {
max-width: 100%; }
#header .header-pc nav {
display: none;
}
#header .header-pc nav ul {
display: block;
}
#header .header-pc nav li.has-childPC ul,
#header .header-pc nav li.has-childPC ul ul {
position: relative;
left: 0;
top: 0;
width: 100%;
visibility: visible; opacity: 1; display: none; transition: none; }
#header .header-pc nav ul li a {
border-bottom: 1px solid #ccc;
}
#header .header-pc nav ul li.has-childPC::before {
left: 20px;
}
#header .header-pc nav ul ul li.has-childPC::before {
transform: rotate(135deg);
left: 20px;
}
#header .header-pc nav ul li.has-childPC.active::before {
transform: rotate(-45deg);
}
}
#header .header-sp {
position: absolute;
z-index: 998;
top: 0;
height: 68px; }
@media screen and (min-width: 1200px) {
#header .header-sp {
display: none;
}
}
#header .header-sp .telbtn,
#header .header-sp .mailbtn,
#header .header-sp .openbtn1 {
position: absolute;
width: 48px;
height: 48px;
cursor: pointer;
border-radius: 100%;
}
#header .header-sp .telbtn {
top: 0;
right: 100px;
background-color: #333333;
padding: 10px 0;
}
#header .header-sp .telbtn > img {
display: block;
width: 50%;
margin: auto;
}
#header .header-sp .mailbtn {
top: 100px;
right: 30px;
background-color: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
}
#header .header-sp .mailbtn > svg {
display: block;
width: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#header .header-sp .openbtn1 {
z-index: 9999;
top: 10px;
right: 30px;
border: 1px solid rgba(255, 255, 255, 0.4745098039);
}
#header .header-sp .openbtn1.active {
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
}
#header .header-sp .openbtn1 span {
display: inline-block;
transition: all 0.4s;
position: absolute;
height: 3px;
border-radius: 2px;
background: #FFFFFF;
width: 55%;
right: 11px;
}
#header .header-sp .openbtn1 span:nth-of-type(1) {
top: 12px;
}
#header .header-sp .openbtn1 span:nth-of-type(2) {
top: 23px;
}
#header .header-sp .openbtn1 span:nth-of-type(3) {
top: 34px;
}
#header .header-sp .openbtn1.active span {
background-color: #FFFFFF;
width: 55%;
}
#header .header-sp .openbtn1.active span:nth-of-type(1) {
top: 15px;
right: 10px;
transform: translateY(6px) rotate(-45deg);
}
#header .header-sp .openbtn1.active span:nth-of-type(2) {
opacity: 0;
}
#header .header-sp .openbtn1.active span:nth-of-type(3) {
top: 28px;
right: 10px;
transform: translateY(-6px) rotate(45deg);
}
#header .header-sp #g-nav_sp {
position: fixed;
z-index: 999;
right: -100vw;
width: 0%;
height: 100%;
color: #001313;
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
transition: all 0.6s;
overflow: scroll;
padding: 88px 0 24px 0;
}
#header .header-sp #g-nav_sp .btn {
margin-right: auto;
width: calc(100% - 32px);
text-align: center;
}
#header .header-sp #g-nav_sp p {
height: 50px;
padding: 12px 0 0 0px;
}
#header .header-sp #g-nav_sp > p {
background: #10E8A5;
}
#header .header-sp #g-nav_sp > ul {
border-top: 0;
}
#header .header-sp #g-nav_sp > ul > li {
margin-left: 30px;
margin-right: 30px;
border-bottom: 1px solid rgba(0, 19, 19, 0.1803921569);
font-weight: bold;
}
#header .header-sp #g-nav_sp > ul > li a {
display: block;
transition: all 0.3s;
padding: 12px 0;
position: relative;
font-size: 15px;
line-height: 1em;
font-weight: bold;
}
#header .header-sp #g-nav_sp > ul > li a i {
position: absolute;
transition: all 0.3s;
right: 0;
top: 22px;
transform: translateY(-50%);
}
#header .header-sp #g-nav_sp > ul > li a:hover i {
right: 10px;
}
#header .header-sp #g-nav_sp > ul > li a span {
font-size: 15px;
}
#header .header-sp #g-nav_sp > ul > li .has-child {
position: relative;
cursor: pointer;
transition: 0.3s;
}
#header .header-sp #g-nav_sp > ul > li .has-child i {
position: absolute;
transition: all 0.3s;
transform: translateY(-50%);
right: 0;
top: 22px;
}
#header .header-sp #g-nav_sp > ul > li .has-child:hover i {
right: 10px;
}
#header .header-sp #g-nav_sp > ul > li .has-child::before, #header .header-sp #g-nav_sp > ul > li .has-child::after {
position: absolute;
content: "";
width: 15px;
height: 2px;
top: 23px;
right: 0px;
transition: 0.3s;
background-color: #001313;
}
#header .header-sp #g-nav_sp > ul > li .has-child::before {
transform: rotate(0deg);
}
#header .header-sp #g-nav_sp > ul > li .has-child::after {
transform: rotate(90deg);
}
#header .header-sp #g-nav_sp > ul > li .has-child.close {
transition: 0.3s;
}
#header .header-sp #g-nav_sp > ul > li .has-child.close::after {
transform: rotate(0deg);
}
#header .header-sp #g-nav_sp > ul > li .child {
display: none;
}
#header .header-sp #g-nav_sp > ul > li .child > li {
transition: 0.3s;
border-top: 1px solid #001313;
}
#header .header-sp #g-nav_sp > ul > li .child > li > a {
padding: 10px 9px;
display: block;
}
#header .header-sp #g-nav_sp.panelactive {
right: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.header-fixed {
display: none;
position: fixed;
bottom: 70px;
right: 0;
z-index: 1100;
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
overflow: hidden;
width: 60px;
border-radius: 15px 0 0 15px;
}
.header-fixed .inner {
padding: 0;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.header-fixed .inner width:auto .deco-line {
width: 100px;
height: 1px;
background-color: #FFFFFF;
display: block;
}
.header-fixed .inner .access {
text-align: center;
font-size: 13px;
color: #FFFFFF;
line-height: 1.5em;
height: 60px;
}
.header-fixed .inner .access svg {
fill: #FFFFFF;
height: 25px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.header-fixed .inner .deco-line {
width: 100%;
height: 1px;
background: #fff;
}
.tel {
position: relative;
z-index: 1;
margin-left: 20px;
display: block;
}
.tel p:first-child {
margin-left: 35px;
}
.tel .icon-tel {
fill: #FFFFFF;
}
.tel .icon-tel-wrap {
font-size: 35px;
transition: all 0.3s;
}
.tel:hover .icon-tel-wrap {
transform: scale(1.03);
}
#header.HeightMin {
position: fixed;
z-index: 999999; animation: DownAnime 1s;
top: 0;
}
@keyframes DownAnime {
from {
opacity: 0;
transform: translateY(-200px);
}
to {
opacity: 1;
transform: translateY(-1px);
}
}
.blockE .inner .image-box {
width: 100%;
position: relative;
overflow: hidden;
}
.blockE .inner .image-box img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blockE .inner .image-box:after {
content: "";
display: block;
padding-top: 46.8%;
}
.blockE .inner .image-box + h3 {
margin-top: 64px;
text-align: center;
font-size: 26px;
line-height: 2em;
}
@media only screen and (max-width: 768px) {
.blockE .inner .image-box + h3 {
font-size: 20px;
margin-top: 40px;
}
}
.blockE .inner .image-box + h3 + p {
margin-top: 64px;
text-align: center;
letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
.blockE .inner .image-box + h3 + p {
margin-top: 32px;
text-align: left;
}
}
.blockE .inner .text-box {
padding: 30px 20px;
}
.blockE .inner .text-box address {
text-align: center;
}
.blockE .inner .text-box address span {
margin-left: 10px;
}
@media only screen and (max-width: 768px) {
.blockE .inner .text-box address span {
margin-left: 0;
display: block;
}
}
#section01 {
background: -webkit-linear-gradient(90deg, rgba(0, 92, 92, 0.231372549) 0%, #001313 200px);
}
#section01 .blockE .inner {
text-align: left;
display: flex;
justify-content: center;
align-items: center;
}
#section01 .blockE .inner .image-box {
max-width: 380px;
width: 100%;
border-radius: 4px;
}
#section01 .blockE .inner .image-box:after {
padding-top: 120%;
}
#section01 .blockE .inner .text-box {
padding-left: 40px;
}
#section01 .blockE .inner .text-box li {
font-size: 24px;
line-height: 2;
}
@media only screen and (max-width: 960px) {
#section01 .blockE .inner {
flex-wrap: wrap;
}
#section01 .blockE .inner + .inner {
margin-top: 40px;
}
}
@media only screen and (max-width: 575px) {
#section01 .blockE .inner .text-box, #section01 .blockE .inner .image-box {
width: 100%;
}
}
#section02 {
background: -webkit-linear-gradient(90deg, rgba(0, 92, 92, 0.231372549) 0%, #001313 200px, #001313 80%, rgba(0, 92, 92, 0.231372549) 100%);
}
#section02 h3 {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 60px;
}
#section02 .tab {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
#section02 .tab li a {
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
padding: 15px 20px;
border-radius: 30px;
color: #FFFFFF;
font-weight: bold;
margin: 0 15px 30px;
display: inline-block;
width: 250px;
text-align: center;
}
#section02 .tab li.active a {
background: #FFFFFF;
}
#section02 .area {
display: none;
}
#section02 .area.is-active {
display: block;
}
#section02 .blockE {
margin-top: 24px;
display: grid;
grid-column-gap: 24px;
grid-row-gap: 24px;
}
@media only screen and (max-width: 960px) {
#section02 .blockE {
display: flex;
flex-wrap: nowrap;
}
}
#section02 .blockE:first-of-type {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
#section02 .blockE:first-of-type .inner:first-child {
grid-column: 1/3;
grid-row: 1/3;
}
#section02 .blockE:nth-of-type(2) {
grid-template-columns: repeat(10, 1fr);
}
#section02 .blockE:nth-of-type(2) .inner:first-child {
grid-column: 1/7;
}
#section02 .blockE:nth-of-type(2) .inner:first-child .image-box:after {
padding-top: 42.6%;
}
#section02 .blockE:nth-of-type(2) .inner:last-child {
grid-column: 7/11;
}
#section02 .blockE:nth-of-type(2) .inner:last-child .image-box:after {
padding-top: 65%;
}
#section02 .blockE:nth-of-type(3) {
grid-template-columns: repeat(3, 1fr);
}
#section02 .blockE:nth-of-type(3) .image-box:after {
padding-top: 70%;
}
#section02 .blockE .inner .image-box:after {
padding-top: 60%;
}
#section02 .blockE .inner {
text-align: center;
border-radius: 20px;
overflow: hidden;
background: #30EDC1;
position: relative;
}
#section02 .blockE .inner .text-box {
padding: 16px;
text-align: left;
position: absolute;
bottom: 0;
left: 0px;
height: 78px;
width: 100%;
right: 0px;
background: #001313;
background: linear-gradient(180deg, rgba(0, 19, 19, 0) 0%, rgb(0, 19, 19) 100%);
}
#section02 .blockE .inner .text-box h5 {
font-size: 16px;
text-align: left;
}
#section02 .blockE .inner .text-box a {
position: absolute;
padding: 8px 18px;
margin-left: auto;
display: inline-block;
text-align: right;
right: 20px;
bottom: 20px;
}
#section02 .blockE .inner .text-box a span {
color: #FFFFFF;
font-weight: bold;
z-index: 1;
position: relative;
}
#section02 .blockE .inner .text-box a i {
color: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
position: relative;
z-index: 1;
margin-left: 35px;
}
#section02 .blockE .inner .text-box a:after {
content: "";
position: absolute;
right: 0;
top: 0;
background: #FFFFFF;
width: 45px;
height: 100%;
border-radius: 10px;
transition: all 0.3s;
}
#section02 .blockE .inner .text-box a:hover:after {
width: 100%;
}
#section02 .blockE .inner .text-box a:hover span {
color: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
}
.trian {
height: 200px;
width: 100%;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
background: #F07F28;
}
.down-trian {
height: 200px;
width: 100%;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
background: #30EDC1;
}
#section03 .container {
z-index: 1;
}
#section03 h3 {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 60px;
}
#section03 h4 {
margin-bottom: 8px;
}
#section03 h4 + .t-color1 {
margin-bottom: 24px;
}
#section03 .madewith {
margin-top: 24px;
color: rgba(255, 255, 255, 0.6470588235);
}
#section03 .madewith img {
max-width: 56px;
margin-top: 8px;
}
#section03 .container-wrap:first-child {
background: -webkit-linear-gradient(270deg, rgba(0, 92, 92, 0.231372549) 0%, #001313 200px);
}
#section03 .container-wrap:first-child .blockE .inner {
display: flex;
justify-content: center;
align-items: start;
}
@media only screen and (min-width: 961px) {
#section03 .container-wrap:first-child .blockE .inner .text-box {
width: calc(100% - 640px);
}
}
#section03 .container-wrap:first-child .blockE .inner:nth-of-type(n+1) {
margin-top: 120px;
}
#section03 .container-wrap:nth-of-type(2) {
background: -webkit-linear-gradient(270deg, rgba(240, 127, 40, 0) 0%, rgba(240, 127, 40, 0) 199px, #F07F28 200px, #F0B828 100%);
}
#section03 .container-wrap:nth-of-type(2) .blockE {
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 961px) {
#section03 .container-wrap:nth-of-type(2) .blockE {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 960px) {
#section03 .container-wrap:nth-of-type(2) .blockE {
align-items: stretch;
overflow-x: scroll;
gap: 16px;
padding-left: 24px;
}
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner {
background: #001313;
border-radius: 12px;
border: 2px solid rgba(48, 237, 193, 0.3843137255);
}
@media only screen and (max-width: 960px) {
#section03 .container-wrap:nth-of-type(2) .blockE .inner {
min-width: 320px;
width: 60%;
}
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .image-box {
border-radius: 0px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .banner {
padding: 8px 12px;
padding: 12px 16px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .banner img {
float: left;
clear: both;
border-radius: 100%;
max-width: 56px;
margin-right: 16px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .banner h5 {
margin-bottom: 0px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .banner p, #section03 .container-wrap:nth-of-type(2) .blockE .inner .banner h5 {
margin-left: 72px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .banner p {
font-size: 14px;
}
@media only screen and (min-width: 961px) {
#section03 .container-wrap:nth-of-type(2) .blockE .inner {
width: calc((100% - 40px) / 2);
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner:nth-of-type(n+3) {
margin-top: 60px;
}
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .text-box {
padding: 16px;
}
#section03 .container-wrap:nth-of-type(2) .blockE .inner .image-box {
max-width: 100%;
}
#section03 .blockE .inner {
text-align: left;
}
#section03 .blockE .inner .image-box {
max-width: 620px;
width: 100%;
border-radius: 4px;
}
#section03 .blockE .inner .image-box:after {
padding-top: 50%;
}
@media only screen and (min-width: 961px) {
#section03 .blockE .inner .text-box {
padding: 0 0 0 40px;
}
}
#section03 .blockE .inner .text-box li {
font-size: 24px;
line-height: 2;
}
#section03 .blockE .inner:nth-of-type(odd) {
flex-direction: row-reverse;
}
@media only screen and (min-width: 961px) {
#section03 .blockE .inner:nth-of-type(odd) .text-box {
padding: 0 40px 0 0;
}
}
@media only screen and (max-width: 960px) {
#section03 .blockE .inner {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 960px) and (min-width: 961px) {
#section03 .blockE .inner + .inner {
margin-top: 40px;
}
}
@media only screen and (max-width: 575px) {
#section03 .blockE .inner .text-box, #section03 .blockE .inner .image-box {
width: 100%;
}
}
#section04 {
background: #30EDC1;
color: #001313;
}
#section04 h3 {
text-align: center;
}
#section04 .btn {
margin-right: auto;
margin-bottom: 40px;
}
#section04 p.deco {
font-size: 32px;
transform: rotate(-3deg);
text-align: right;
margin-top: 24px;
}
#section04 .container {
padding-top: 280px;
}
#section04 .container .inner {
display: flex;
justify-content: center;
align-items: start;
gap: 24px;
}
@media only screen and (max-width: 960px) {
#section04 .container .inner {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 961px) {
#section04 .image-box-wrapper {
width: 50%;
}
#section04 .text-box {
width: 50%;
}
}
#section04 .image-box {
width: 100%;
}
#section04 .image-box img {
border-radius: 24px;
width: 100%;
}
#section04 .image-box::after {
padding-top: 117.2%;
}
#section04 .down-trian {
position: absolute;
background: #F0B828;
}
#news_page .blockE .inner:first-of-type {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
footer p {
text-align: center;
}
#back-to-top {
transition: 0.3s;
margin-bottom: 0px;
width: 100px;
height: 100px;
}
#back-to-top:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url(//robertbechara.com/wp-content/themes/GameDev/img/arrow-top.png) no-repeat;
background-size: contain;
}
#back-to-top:hover {
margin-bottom: 20px;
}
#mainvisual .image-box {
width: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
height: 800px;
}
#mainvisual .image-box img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.2;
}
#mainvisual .image-box:after {
content: "";
display: block;
padding-top: 46.8%;
}
#mainvisual .image-box + h3 {
margin-top: 64px;
text-align: center;
font-size: 26px;
line-height: 2em;
}
@media only screen and (max-width: 768px) {
#mainvisual .image-box + h3 {
font-size: 20px;
margin-top: 40px;
}
}
#mainvisual .image-box + h3 + p {
margin-top: 64px;
text-align: center;
letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
#mainvisual .image-box + h3 + p {
margin-top: 32px;
text-align: left;
}
}
#mainvisual .container {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 140px;
}
#mainvisual .container img {
max-width: 520px;
width: 100%;
}
@media only screen and (max-width: 960px) {
#mainvisual .container {
flex-wrap: wrap;
}
}
#mainvisual h2 {
font-size: 48px;
line-height: 1.6;
}
#news_single .btns .previous:before {
left: 19px;
top: 26px;
}
#news_single .btns .previous:hover:before {
left: 10px;
}
#news_single .btns .previous:after {
transform: rotate(-45deg);
top: 20px;
}
#news_single .btns .post-btn:last-child:after {
transform: rotate(-52deg);
right: 24px;
left: auto;
top: 22px;
}
#news_single .btns .post-btn:last-child:before {
transform: rotate(45deg);
top: 22px;
}
#news_single .btns .post-btn:last-child:hover:after {
top: 16px;
}
#news_single .btns .post-btn:last-child:hover:before {
top: 16px;
right: 19px;
}
@media screen and (max-width: 380px) {
#contact form table .th-title {
display: inline-block;
width: 100%;
}
}
.example-require {
margin-top: 64px;
margin-bottom: 20px;
}
.example-require,
.required:before {
background: #CBF3E7;
}
#contact {
color: #001313;
border-radius: 24px;
background: #30EDC1;
padding-bottom: 128px;
overflow-x: hidden;
}
#contact .btn {
position: relative;
text-align: center;
margin-right: auto;
}
#contact .btn p {
text-align: center;
}
#contact .container:last-child {
margin-top: 24px;
color: #FFFFFF;
background-color: #001313;
padding-bottom: 40px;
padding-top: 40px;
}
@media screen and (max-width: 568px) {
#contact {
padding-bottom: 64px;
}
}
#contact .container-wrap > .container {
padding-bottom: 0;
}
#contact .inner p {
text-align: center;
}
@media screen and (max-width: 767px) {
#contact .inner p {
text-align: left;
}
}
#contact .inner p + .li-dots {
margin-top: 40px;
}
#contact .inner .small {
margin-bottom: 120px;
margin-top: 40px;
}
#contact .inner .small p {
font-size: 12px;
line-height: 24px;
text-align: left;
padding-left: 40px;
}
#contact .inner .small p::before {
content: "●";
position: absolute;
left: 0px;
color: #F07F28;
display: block;
padding: 2px 5px;
font-size: 10px;
margin: 0px 5px;
background-size: 100% 100%;
border-radius: 10px;
}
#contact .tel {
font-weight: 700;
color: #F07F28;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0;
text-align: center;
}
@media screen and (max-width: 568px) {
#contact .tel {
font-size: 30px;
}
}
.page-contact-mainvisual {
margin-top: 0;
}
.link-btn {
margin-bottom: 30px;
}
.small-title {
margin-bottom: 20px;
}
.contact-head {
font-size: 24px;
text-align: center;
margin-top: 30px;
}
#contact form {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#contact form table {
width: 100%;
height: -moz-fit-content;
height: fit-content;
table-layout: fixed;
}
.flex {
display: flex;
gap: 18px;
}
.product-form:last-child {
margin-bottom: 30px;
}    #contact form table tr > th {
width: 30%;
text-align: left;
vertical-align: top;
}
#contact form table tr > td { padding-left: 20px;
} #contact form table tr > th,
#contact form table tr > td {
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px;
font-size: 13.33px;
}
#contact form table tr > th,
#contact form table tr > th + td {
border-top: solid 1px #e9e9ea;
}
#contact form .product-form table tbody tr > td,
#contact form .product-form table tbody tr > th {
border: solid 1px #e9e9ea;
text-align: center;
vertical-align: middle;
padding: 20px;
} #contact form input,
#contact form select,
#contact form textarea {
margin-top: 2px;
margin-bottom: 2px;
font-size: 13.33px;
}
#contact form .f-wrapper select {
width: 204px;
}
.smallfont {
font-size: 12px;
line-height: 24px;
letter-spacing: 1px;
}
input[type=number] {
padding-left: 10px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 20px;
opacity: 0; position: absolute;
top: 0;
right: -1px;
bottom: 0;
z-index: 2;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #DBDBDB !important;
opacity: 1;
}
#contact form .product-form input {
background-color: #FFFFFF;
}
@media screen and (max-width: 420px) {
#contact form .product-form table tbody tr > td,
#contact form .product-form table tbody tr > th {
padding-left: 10px;
padding-right: 10px;
}
} form textarea {
width: 100%;
height: 180px;
} #contact form input[type=date],
#contact form input[type=text],
#contact form input[type=email],
#contact form input[type=tel],
#contact form input[type=number],
#contact form textarea,
#contact form select {
border: solid 1px #CCC;
border-radius: 3px;
padding: 3px 8px;
margin: 2px;
vertical-align: middle;
font-size: 13.33px;
}
@media screen and (max-width: 568px) {
#contact form input[type=date],
#contact form input[type=text],
#contact form input[type=email],
#contact form input[type=tel],
#contact form input[type=number],
#contact form select {
height: 45px;
}
} .submit-arrow {
position: absolute;
display: block;
margin-left: 99px;
left: 50%;
top: 20px;
width: 14px;
height: 18px;
background-repeat: no-repeat;
}
form input[type=submit]:active,
form input[type=button]:active,
.submit-arrow:active { transform: scale(1); }
a.btn:hover span {
right: 13px;
}
a.btn-black-sm span {
right: 23px;
}
a.btn-black-sm:hover span {
right: 20px;
}  form input[name=your-address-prefectures],
form input[name=your-address-municipality] {
margin-bottom: 5px;
} form select[name=your-address-prefectures],
form input[name=your-address-municipality],
form input[name=your-address-num] {
margin-left: 5px;
} form input[name=your-name-sei],
form input[name=your-name-mei],
form input[name=your-name-sei-kana],
form input[name=your-name-mei-kana] {
width: 100%;
max-width: 150px;
} input[type=number] {
width: 80px;
}
label input {
background-color: #E2472A;
} .wpcf7-spinner {
position: relative;
bottom: -50px;
}
.wpcf7-submit {
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
font-size: 15px;
font-weight: bold;
} .required {
position: relative;
}
.required:before {
content: "必須";
position: absolute;
color: #ffffff;
display: block;
padding: 0px 8px;
font-size: 11px;
right: 0px;
line-height: 30px;
margin: 0px 9px;
background-size: 100% 100%;
background-color: #E2472A;
}
@media screen and (max-width: 960px) {
.required:before {
margin-right: 0;
}
}
.example-require {
color: #ffffff;
padding: 4px 8px;
font-size: 11px;
line-height: 30px;
margin: 0px 5px;
background-color: #E2472A;
}
label {
display: block;
} #contact form .specified-commercebox p {
border: 1px solid #ccc;
border-radius: 3px;
height: 346px;
padding: 15px;
margin: 0;
line-height: 1.2em;
text-align: justify;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
#contact form table td p::-webkit-scrollbar {
display: none;
} .hidden {
display: none;
}
.topright:hover {
color: red;
} #contact form .product-form {
display: block;
} #contact form table tr > th {
padding-bottom: 0px;
text-align: left;
}
#contact form .product-form table tr > th {
padding-bottom: 20px;
} #contact form table tr > th + td {
border-top: solid 1px #e9e9ea;
} span.wpcf7-form-control-wrap {
display: block;
width: 100%;
text-align: left;
}
span.wpcf7-form-control-wrap.your-address-prefectures {
text-align: left;
}
span.wpcf7-form-control-wrap.your-name-sei,
span.wpcf7-form-control-wrap.your-name-mei,
span.wpcf7-form-control-wrap.your-name-sei-kana,
span.wpcf7-form-control-wrap.your-name-mei-kana {
display: inline-block;
width: 48%;
box-sizing: border-box;
}
.product-form span.wpcf7-form-control-wrap {
text-align: center;
} #contact form input[type=date],
#contact form input[type=text],
#contact form input[type=email],
#contact form input[type=tel],
#contact form textarea {
width: 100%;
box-sizing: border-box;
}
#contact form select[name=your-address-prefectures] {
font-size: 13.33px;
} form span.your-address-prefectures,
form span.your-address-municipality {
margin-bottom: 10px;
}
form select[name=your-address-prefectures],
form input[name=your-address-municipality],
form input[name=your-address-num] {
margin-left: 0px;
} form input[name=your-name-sei],
form input[name=your-name-mei],
form input[name=your-name-sei-kana],
form input[name=your-name-mei-kana] {
max-width: none;
}  #contact form .wpcf7 .ajax-loader {
position: absolute;
} #recaptcha > div {
margin: auto;
margin-bottom: 20px;
} form > p {
display: none;
} .text-center span {
text-align: center;
}
@media screen and (max-width: 960px) {
#contact form table .th-title {
display: block;
width: 100%;
}
#contact form select {
width: 100%;
}
span.wpcf7-form-control-wrap {
text-align: left;
}
#contact form table tr > td.th-title {
border-top: none;
}
.required:before {
position: absolute;
right: 0;
}
}
@media screen and (max-width: 960px) { #contact form table.contact,
#contact form table.contact tbody,
#contact form table.contact tr,
#contact form table.contact tr > th,
#contact form table.contact tr > td {
display: block;
width: 100%;
box-sizing: border-box;
}
#contact form table tbody tr > th,
#contact form table tbody tr > td { padding-left: 0px;
padding-right: 0px;
font-size: 13.33px;
}
} .wpcf7-radio .wpcf7-list-item label {
display: inline-block;
position: relative;
padding-left: 22px; cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;    }
.wpcf7-radio .wpcf7-list-item label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.wpcf7-radio .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:before { border: 1px solid #fff;
content: "";
display: inline-block;
position: absolute;
border-radius: 50%;
width: 16px;
height: 16px;
left: 0;
top: 7px;
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after {
content: "";
position: absolute;
background-color: none;
border: 1px solid #fff;
border-radius: 50%;
width: 16px;
height: 16px;
left: 0;
top: 7px;
}
.wpcf7-radio .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
display: block;
top: 10px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #212A37;
border: none;
}
.wpcf7-list-item {
margin-left: 0 !important;
margin-right: 1em !important;
}
@media screen and (max-width: 575px) {
.wpcf7-list-item {
display: block !important;
}
}  .wpcf7 form.sent .wpcf7-response-output {
border-color: #F4F4F4 !important;
}
.wpcf7 form .wpcf7-response-output {
padding: 40px !important;
margin-top: 90px !important;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 575px) {
.wpcf7 form .wpcf7-response-output {
padding: 20px !important;
}
}  .wpcf7-checkbox .wpcf7-list-item label {
display: inline-block;
position: relative;
padding-left: 22px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;    }
.wpcf7-checkbox .wpcf7-list-item label input {
position: absolute;
opacity: 0;
cursor: pointer;
} .wpcf7-checkbox .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:before {
background-color: #F5F5F5;
border: 1px solid #212A37;
content: "";
display: inline-block;
position: absolute;
border-radius: 50%;
width: 16px;
height: 16px;
left: 0;
top: 8px;
}
.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:after {
content: "";
position: absolute;
background-color: white;
border: 1px solid #212A37;
border-radius: 50%;
width: 16px;
height: 16px;
left: 0;
top: 8px;
}
.wpcf7-checkbox .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
display: block;
top: 11px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #212A37;
border: none;
}  #contact input[type=file]::file-selector-button {
padding: 10px 15px;
border-radius: 0.2em;
background-color: #212A37;
overflow: hidden;
transition: 1s;
color: #fff;
border-radius: 40px;
border: none;
font-weight: bold;
position: relative;
width: 145px;
height: 48px;
}
#contact .cancel img {
width: 20px;
height: 20px;
min-width: 20px;
}
#contact .cancel {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#contact .file-wrap {
display: flex;
align-items: center;
margin-top: 20px;
position: relative;
}
#contact .file-wrap .wpcf7-file {
width: 100%;
}
@media screen and (max-width: 568px) {
#contact .file-wrap .wpcf7-file {
padding-right: 23px;
}
}             select::-ms-expand {
display: none;
}
.select-wrap {
width: 100%;
display: inline-block;
}
@media screen and (min-width: 993px) {
#contact form input[type=date],
.select-wrap {
max-width: 299px;
}
}
.select-wrap {
position: relative;
}
.select-wrap .wpcf7-form-control-wrap {
position: relative;
}
.select-wrap .wpcf7-form-control-wrap .wpcf7-form-control {
width: 100%;
}
.select-wrap i { position: absolute;
top: 15px;
right: 8px;
}
@media screen and (max-width: 575px) {
.select-wrap i {
top: 12.5px;
}
}
.select-wrap .wpcf7-form-control-wrap select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#news_page .container .inner .pager span.pages,
#news_page .container .inner .pager span.current {
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
border-radius: 14px;
}
#news_page span.pages {
display: none !important;
}
#news_page .container .inner .pager span.pages,
#news_page .container .inner .pager a.larger,
#news_page .container .inner .pager a.smaller {
background: #CBF3E7;
color: black;
border-radius: 14px;
}
#news_page .pager .nextpostslink,
#news_page .pager .previouspostslink {
color: #CBF3E7;
}
#news_page .container .inner dl a dt {
padding-left: 40px;
}
#reCaptcha > a {
color: #CBF3E7;
}
.slick-dots li button:before {
content: " " !important;
height: 5px !important;
background: linear-gradient(180deg, rgb(225, 197, 54) 0%, rgb(12, 232, 165) 100%);
border-radius: 5px;
}
.slick-dots li.slick-active button:before {
background: #CBF3E7;
}
.slick-dots {
bottom: 0px !important;
position: relative !important;
margin: 40px 0 0 !important;
}
.slick-dotted.slick-slider {
margin-bottom: 14px !important;
}
footer .slick-prev,
footer .slick-next {
z-index: 1;
}
footer .slick-prev:before,
footer .slick-next:before {
content: " " !important;
width: 14px;
height: 11px;
opacity: 1;
background: url(//robertbechara.com/wp-content/themes/GameDev/img/slick-arrow-left.svg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
display: block;
}
footer .slick-prev:before {
left: 20px;
}
footer .slick-next:before {
right: 16px;
transform: rotate(180deg);
transform-origin: center center;
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list {
background: #fff url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/fonts/slick.eot);
src: url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/fonts/slick.woff) format("woff"), url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/fonts/slick.ttf) format("truetype"), url(https://robertbechara.com/wp-content/themes/GameDev/js/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: none;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
display: none;
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #F6EBD6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #FFB238;
}