.right
{
text-align: right;
}
.txtl {text-align: left;}
.block {display: block;}
.ml0 {margin-left: 0 !important;}
.icon-box.alchem_section_2_feature_image_4,
.icon-box.alchem_section_2_feature_image_5
{
width: 100%; height: auto;
}
.magee-feature-box.style1 .icon-box img
{width: auto;
height: 40px;
}
.entry-content ol li span
{
margin-left: 0;
}
.wrapper
{
overflow: hidden;
}
.dot-bg
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(#444 20%, transparent 0), radial-gradient(#444 20%, transparent 0);
background-position: 0 0, 3px 3px;
background-size: 3px 3px;
}
.alchem-home-section-5
{
padding-top: 60px;
padding-bottom: 50px;
background-image: url(//g-pit.com/2019/wp-content/uploads/gpit-1.jpg);
}
#menu-main > li > a > span
{
font-size: 16px !important;
}
.magee-feature-box.style1
{ margin: 0 auto 15px;
padding: 16px 0 10px;
border: 1px solid #ddd;
border-radius: 3px;
background: #fff;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.magee-feature-box.style1:hover, .list__item:hover
{
color: #222;
background: #ececec;
}
.magee-feature-box.style1 h3
{
margin: 15px 0 3px;
}
a,
a:hover,
a:active
{
outline: none;
}
.section-content.services a
{
color: #222;
}
.entry-summary img,
.entry-content .section_type02 img
{
max-width: 420px;
}
.no1_text
{
font-size: 1.8em; width: 100%;
} #gpit-count
{
padding: 0 1em;
}
#gpit-count .row > [class*="col-md"] {
padding-bottom: 0px;
}
@media screen and (max-width: 250px)
{
#gpit-count .col-xs-4
{
font-size: 1.2em;
width: 100%;
padding: 0;
}
#gpit-count .counter-top-icon
{
margin: 7px 0 10px;
}
}
@media screen and (max-width: 450px)
{
.no1_text
{
font-size: 2em;
}
}
@media screen and (max-width: 991px)
{
.atend-img
{padding: 0 0 15px 0;
text-align: center;
}
}
@media screen and (min-width: 992px) and (max-width: 1220px)
{
.atend-img
{
padding: 14px 0 0;
}
}
@media screen and (min-width: 1221px) and (max-width: 1450px)
{
.atend-img
{
padding: 7px 0 0;
}
}
div.hometitle
{
font-size: 18px; font-weight: 500;
line-height: 15px;
margin: 0 0 0;
padding: 8px;
color: #fff;
background-color: #333333;
}
table.info
{
border: none;
}
table.info tr
{
border: none; border-bottom: 1px dotted rgba(0, 0, 0, .1);
}
table.info th
{
width: 37%; border-top: none;border-right: none; border-left: none; background-color: #fff;
}
table.info td
{border-top: none;
border-right: none; border-left: none;
}
#gpit-count .counter-top-icon
{
font-size: 14px; display: inline-block;
margin: 0;
padding: 0 10px; color: #fff; white-space: nowrap;
}
#gpit-count .count-soudan
{
margin: 0 3%;
padding: 5px 0 0;
border-radius: 3px;
background: #1b365c;
}
#gpit-count .count-soudan:after
{
margin: 10px 30px;
border-bottom: 1px solid #1b365c;
}
#gpit-count .count-soudan .counter-top-icon
{
font-size: 20px;
font-weight: 600;
line-height: 1;
margin: 0;
color: #ffc845;
background: none;
}
#gpit-count .soudan-counter
{
font-size: 32px;
line-height: 1em;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
color: #fff;
}
#gpit-count .counter-text
{
font-size: .4em;
padding-left: 5px;
}
.p-box
{
margin-top: 10px;
}
.btn a
{
color: #333;
}
.btn a:hover
{
color: #333 !important;
}
.btn-gray
{
display: inline-block;
padding: .5em 1em; border: 1px solid #999;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.btn-green {
display: inline-block;
background: #2f9b93;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
border-radius: 3px;
text-align: center;
color: #fff;
padding: 1.2em;
font-weight: 600;
}
.brown-tag {
background: brown;
padding: 5px 10px;
border-radius: 50px;
display: inline-block;
margin: 0 0 5px;
color: #fff;
font-weight: bold;
}
.gray-tag {
background: #444;
color: #fff;
padding: 5px;
display: inline-block;
border-radius: 5px;
}
.ca-txt {font-size: 12px;}
.jisseki-btn
{
display: block;
max-width: 450px;
margin: 0 auto;
padding: 10px 0;
border: 1px solid #999;
font-size: 0.9em;
}
a.gray,
a.gray:hover,
a.gray:active
{
color: #555 !important;
}
.post-pagination li span
{
display: inline-block;
width: 40px;
padding: 15px 0;
border-top: 2px solid transparent;
}
.post-pagination .page-numbers
{
text-align: center;
}
.comment-reply-link
{
font-size: 12px; float: right!important;
padding: 4px 15px;
text-align: center;
color: #fff;
border: none;
border-radius: 0;
background-color: #fdd200;
}
.form-submit .submit
{
display: inline-block;
padding: 8px 20px;
text-align: center;
color: #fff; border: none;
border-radius: 0;
background-color: #fdd200;
}
.retina_logo
{
display: none;
}
header
{
position: relative;
}
.parallax-scrolling
{
background-attachment: fixed !important;
}
.feature-img-box img
{
height: auto;
}
.related-posts
{
position: relative;
}
.multi-carousel-nav span
{
z-index: 1;
}
.related-posts .owl-controls
{
position: absolute;
z-index: 2;
top: 45%;
bottom: auto;
width: 100%;
}
.related-posts .owl-controls .owl-next
{
right: 0;
}
.related-posts .owl-controls .owl-prev,
.related-posts .owl-controls .owl-next
{
font: normal normal normal 14px/30px FontAwesome;
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 30px;
margin-top: -15px;
text-align: center;
opacity: .8;
color: #fff;
background-color: rgba(0,0,0,.8);
}
.related-posts .owl-controls .owl-prev:hover,
.related-posts .owl-controls .owl-next:hover
{
opacity: 1;
}
.related-posts .owl-controls .owl-prev:before
{
content: '\f104';
}
.related-posts .owl-controls .owl-next:before
{
content: '\f105';
}
.related-posts .owl-controls .owl-prev,
.style1 .multi-carousel-nav-prev
{
left: 0;
}
.related-posts .owl-controls .owl-next,
.style1 .multi-carousel-nav-next
{
right: 0;
}
.fxd-header
{
z-index: 9;
}
.post-slider
{
position: relative;
}
.portfolio-video iframe
{
top: 0;
left: 0;
width: 100%;
}
.yt_iframe {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.yt_iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.magee-animated
{
visibility: hidden;
} #filters li span
{
display: block;
cursor: pointer;
}
.portfolio-list-filter .portfolio-box-wrap
{
display: none;
overflow: hidden;
}
.portfolio-wrapper
{
position: relative !important;
overflow: hidden;
cursor: pointer;
background: #666;
}
.company_message
{
padding: 0 5px;
}
.list-filter li a:hover,
.list-filter span.active a
{
color: #fff;
background-color: #fdd200;
}
.wrapper-boxed
{
padding: 0 !important;
}
.woocommerce span.onsale
{
font-size: .9em;
font-weight: inherit;
line-height: inherit;
position: absolute;
z-index: 10;
top: 0;
right: 0;
left: inherit;
display: inline-block;
padding: 10px 15px;
color: #fff;
border-radius: 0;
background: #fa5c5d;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del
{
display: inline-block;
color: #767676;
}
.woocommerce ul.products li.product .onsale
{
margin: 0;
}
.woocommerce .products .star-rating
{
display: inline-block;
}
#infscr-loading
{
width: 100%;
text-align: center;
}
.woocommerce .products ul,
.woocommerce ul.products
{
margin: auto;
padding: inherit;
}
.woocommerce ul.products.row
{
margin-right: -15px;
margin-left: -15px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product
{
margin: auto;
}
.contact-failed
{
padding-bottom: 15px;
color: red;
}
.contact-failed.notice-success
{
color: green;
}
.portfolio-list-style-2 .img-box img
{
margin-bottom: 0;
}
.magee-feature-box.style2.reverse img.feature-box-icon
{
position: absolute;
top: 0;
right: 0;
left: auto;
display: inline-block;
}
.about-linkbox .icon-circle {
line-height: 2em;
width: 2em;
height: 2em;
}
.about-linkbox .icon-box {
font-size: 25px;
}
.owl-controls
{
height: 0;
}
.owl-nav
{
position: relative;
}
.owl-prev
{
left: 0;
} .alchem-home-style-0.alchem-home-section-0 .magee-heading
{
font-size: 2.8em;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
text-align: right;
color: #fff;
}
.alchem-home-style-1 .home-banner-slider a.magee-btn-normal
{
border-width: 0;
}
.alchem-home-style-1 .home-banner-slider .magee-heading
{
font-size: 70px;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
text-align: right;
color: #fff;
}
.alchem-home-style-1 .home-banner-slider .heading-border .heading-inner
{
border-width: 5px;
}
.alchem-home-style-1 .home-banner-slider  .heading-doubleline .heading-inner:before,
.alchem-home-style-1 .home-banner-slider  .heading-doubleline .heading-inner:after
{
border-width: 5px;
}
.alchem-home-style-1 .home-banner-slider .magee-btn-normal,
.home-banner-slider .magee-btn-normal:hover
{
text-decoration: none !important;
}
.alchem-home-style-1 .home-banner-slider .magee-btn-normal
{
border-width: 2px;
}
.alchem-home-style-1 .home-banner-slider .magee-btn-normal,
.alchem-home-style-1 .home-banner-slider .magee-btn-normal:hover
{
color: #fff;
}
.alchem-home-style-1 .home-banner-slider .magee-btn-normal
{
color: #fff !important;border-color: #fff !important;
} .alchem-home-style-1 h2.section-title
{
font-family: 'Cuprum';
text-align: center;
}
.alchem-home-style-1.alchem-home-section-0 .magee-heading
{
font-size: 68px;
font-weight: 600;
margin-top: 0;
margin-bottom: 30px;
text-align: center;
color: #fff;
border-color: #fff;
}
.alchem-home-style-1.alchem-home-section-0 .heading-inner
{
border: none;
}
.alchem-home-style-1.alchem-home-section-0 .magee-btn-normal,
.alchem-home-style-1.alchem-home-section-0 .magee-btn-normal:hover
{
text-decoration: none ;
color: #fff;
border-color: #fff;
}
.alchem-home-style-1.alchem-home-section-1 .magee-heading
{
font-size: 62px;
font-weight: 600;
margin-top: 0;
margin-bottom: 30px;
text-align: left;
} .alchem-home-style-2 h2.section-title
{
font-family: 'Poiret One';
font-size: 42px;
text-align: center;
}
.alchem-home-style-2 .section-subtitle
{
font-size: 12px;
text-align: center;
}
.alchem-home-style-2 .home-banner-slider .magee-heading
{
font-size: 62px;
font-weight: 600;
margin-top: 0;
margin-bottom: 30px;
text-align: center;
color: #fff;
border-color: #fff;
}
.alchem-home-style-0 .section-subtitle
{
text-align: center;
}
.alchem-home-section-3
{
padding: 30px 0;
background-color: #f9f9fb;
}
.sp-only
{
display: none;
}
.sp-center
{
display: block !important;
float: none !important;
text-align: center !important;
}
.btn-inbox
{
font-size: 1.2em;
padding: 25px 50px;
}
.plan #plan10,
.plan #plan25,
.plan #vip
{
margin-top: -50px;
padding-top: 50px;
} .category-interview input[type=radio],
.category-interview input[type=checkbox]
{
margin: 0;
}
.category-interview ul,
.category-draft ul
{
margin: 0;
}
.category-interview .entry-tags.no-border li a,
.category-draft .entry-tags.no-border li a
{
font-weight: 600;
line-height: 20px;
box-sizing: border-box;
margin-bottom: 8px;
padding: 0 12px;
color: gray;
border: 1px solid gray;
border-radius: 12px;
}
.category-interview .entry-box-wrap,
.category-draft .entry-box-wrap
{
margin-bottom: 30px;
padding: 0 8px;
border-bottom: 1px solid #e3e3e3;
} #youtube
{
position: relative;
width: 100%;
padding-top: 56.25%;
}
#youtube iframe
{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .p-list .open {
cursor:pointer; }
.p-list #pop-up {
display: none; }
.p-list .overlay {
display: none; }
.p-list #pop-up:checked + .overlay {
display: block;
z-index: 9999;
background-color: #00000099;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}
.p-list .window {
width: 95%;
max-width: 780px; max-height: 90%;
background-color: #ffffff;
border-radius: 6px;
display: flex;
justify-content: center; position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll;
overscroll-behavior: contain;
line-height: 1.7;
}
.p-list .text {
font-size: 14px;
margin: 0;
text-align: left;
padding: 3%;
}
.p-list .text .pop-title {
font-size: 20px;
font-weight: 700;
line-height: 2;
position: relative;
padding-left: 16px;
margin-bottom: 10px;
}
.p-list .text .pop-title:before {
background-color: #1b365d;
border-radius: 3px;
content: "";
display: inline-block;
left: 0;
position: absolute;
vertical-align: middle;
height: calc(100% - 9px);
top: 6px;
width: 4px;
}
.p-list .nonScroll {
height:calc(100vh + 1px) ;
width: 1px;
background-color: transparent;
}
.p-list .pop-close {
cursor:pointer; position: fixed;
top: 0;
right: 5px;
font-size: 35px;
color: #fff;
opacity: .7;
text-align: right;
padding: 0% 2%;
width: 100%;
height: 100vh;
} .kouen section {padding: 5rem 0 0;} 
.kouen section .bg-white {
background: #fff;
margin: 2rem 0 0;
padding: 3rem 0; 
}
.kouen section .bg-none {
margin: 0;
padding: 3rem 0 0; 
}
.kouen section#profile {padding: 0;} 
.kouen section#voice {
padding: 1rem 0 0;
}
#about .bg-white {
padding: 1em;
}
#jisseki .bg-white {
padding: 2em 0.5em;
}
.page-id-684 .post-wrap,.page-id-684 .page-inner{background: #f0f0f0;}
.c-title-lead__wrap h3 {
font-size: 2rem;
margin: 0;
border-bottom: 6px solid #aacfdf;
display: inline-block;
}
.p-home__firstview {
margin-top: 5vw;
}
.p-home__mainvisual__wrap {
position: relative;
pointer-events: none;
}
.p-home__mainvisual {
display: none;
}
.p-home__mainvisual .img{
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
z-index: 100;
}
.colorchange_bg2 {
height: 250px;
background: #aaccff;
background: radial-gradient(circle, #3fc7e263 0%, #814cc36b 100%) 0 0 / 200% 100% repeat;
animation: colorchangeanimation-bg2 5s infinite alternate;
width: 95%;
height: 95%;
display: block;
position: absolute;
top: 3em;
left: -3em;
}
.p-home__maincopy {
margin: 3em auto 0;
position: relative;
display: table;
background: #fff;
padding: 10px 10px;
}
.p-home__maincopy__main {text-align: center;}
.p-home__maincopy__main .title {
font-size: 1.3rem;
line-height: 1.2;
margin: 1em 0;
font-weight: 500;
display: inline-flex;
text-align: left;
}
.p-home__maincopy__main .title div {
padding-left: 20px;
padding-top: 25px;
}
.p-home__maincopy__sub {
margin-top: 1em;
line-height: 1.7;
padding: 0px 3%;
}
.p-home__maincopy__main h1:before{
background-image: url(//g-pit.com/img/lecture/p001.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
content: '';
width: 100px;
height: 100px;
display: block;
border-radius: 80px;
}
.p-case-archive__list {
width: 100%; margin: 0 auto 0;
padding: 1em .5em;
}
.p-case-archive__item:nth-child(2n+1) {
margin-left: auto;
margin-bottom: 12vw;
}
.p-case-archive__item {
width: 75%;
display: block;
margin-bottom: 0;
}
.p-case-archive__img {
position: relative;
}
.p-case-archive__num {
position: absolute;
font-size: 2rem;
font-family: "Barlow Semi Condensed", sans-serif;
width: 2em;
height: 2em;
text-align: center;
line-height: 2;
border-radius: 50%;
border: 1px solid;
top: -1em;
right: calc(24% - 1em);
z-index: 2;
}
.p-case-archive__img .img {
width: 76%;
height: 0;
padding-bottom: 76%;
position: relative;
overflow: hidden;
}
.p-case-archive__img .img img {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
z-index: 1;
}
.p-case-archive__shadow {
width: 100%;
height: 0;
padding-bottom: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
margin: auto;
z-index: -1;
}
.c-gradation-item {
display: block;
-webkit-clip-path: url(#shadow);
clip-path: url(#shadow);
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.p-case-archive__title {
margin: 0.8em 0;
line-height: 1.5;
font-size: 1.2rem;
font-feature-settings: "palt";
font-family: "Zen Kaku Gothic New", sans-serif, sans-serif;
font-weight: 500;
line-height: 2;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
letter-spacing: 0.035em;
}
.p-case-archive__desc {
font-size: 0.9rem;
line-height: 1.75;
margin-bottom: 15px;
}
.p-case-archive__text {
z-index: 100;
position: relative;
}
.colorchange_bg {
height: 250px;
margin: 25px;
background: #aaccff;
background: radial-gradient(circle, #3d7cee4d 0%, #66e9eb3b 100%) 0 0 / 200% 100% repeat;
background: radial-gradient(circle, #3fc7e263 0%, #814cc36b 100%) 0 0 / 200% 100% repeat;
background: radial-gradient(circle, #3fc7e263 0%, #f5fccd87 100%) 0 0 / 200% 100% repeat;
animation: colorchangeanimation-bg2 5s infinite alternate;
width: 85%;
height: 0;
padding-bottom: 85%;
display: block;
position: absolute;
top: 0;
left: 0;
}
@keyframes colorchangeanimation-bg2 {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
@media screen and (min-width: 768px){
.p-home__firstview {
position: relative;
margin-bottom: 20%;
margin-top: 0vw;
margin-bottom: 2rem;
min-height: 580px;
}
.p-home__mainvisual {
display: block;
width: 32%;
margin: 0 -1% 0 auto;
position: relative;
}
.p-home__maincopy {
margin: auto;
position: absolute;
top: 5vw;
left: 0;
margin: 0.5em auto 0;
}    
.p-home__maincopy__main {text-align: left;}
.p-home__maincopy__main .title {
font-size: 1.5rem;
line-height: 1.5;
margin: 1em .5em;
font-weight: 500;
display: inline-flex;
}
.p-home__maincopy__main .title div {
padding-left: 35px;
}
.p-home__maincopy__main h1:before{
width: 130px;
height: 130px;
}
.p-home__maincopy__main {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.p-home__maincopy__sub {
margin-top: 0;
padding: 10px 4% 0 40px;
}
.p-case-archive__text .f08 { font-size: .9em;}
.p-case-archive__item {
width: 65%;
}
#about .bg-white {
padding: 2em;
}
}
@media screen and (min-width: 1024px) {
.p-home__maincopy__sub {
margin-top: 0;
padding: 10px 20px 0 35px;
}
.p-home__mainvisual {
width: 30%;
margin: 0 0 0 auto;
}
.p-home__maincopy { 
padding: 10px 30px;
min-width: 85%;
}
.p-case-archive__list {
padding: 1em 2em;
}
} .box-jisseki {
display: flex;
margin-bottom: 5em;
}
.box-jisseki a {text-decoration: underline;}
.box-jisseki .text1 { position: relative;
height: auto;
display: table-cell;
width: 75%;
font-size: .8em;
} .box-jisseki .text1 .text1-left {
background: rgb(254 254 254 / 92%);
padding: 0.5em;
margin-right: -230px;
margin-top: 14em;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
} .box-jisseki .text1 .text1-right {
background: rgb(254 254 254 / 92%);
padding: 0.5em;
margin-left: -230px;
margin-top: 14em;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.box-jisseki .img {
flex: 1 0 200px;
}
.box-jisseki .img img, .p-home__mainvisual img {
max-width: 300px;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
@media (max-width: 360px) {
.box-jisseki .img img {max-width: 265px;}
.box-jisseki .text1 .text1-left {margin-right:-265px}
.box-jisseki .text1 .text1-right {margin-left:-265px}
}
@media (min-width: 480px) {
.box-jisseki .img img {max-width: 350px;}
}
@media screen and (min-width: 768px) {
header .container {width: 100%; max-width: 1080px;} 
.p-case-archive__num {
font-size: 2.5rem;
}
.p-case-archive__desc {
font-size: 1rem;
}
.p-case-archive__title {
font-size: 1.5rem;
}
.p-case-archive__text {
padding: 0 40px;
}
.box-jisseki .text1 {
font-size: .9em;
}
.box-jisseki .text1 .text1-right {
padding: 1em 2em;
margin-left: -5em;
margin-top: 10em;
}
.box-jisseki .text1 .text1-left  {
padding: 1em 2em;
margin-right: -5em;
margin-top: 10em;
}
#about .bg-white, #jisseki .bg-white{
padding: 2em;
}
.kouen section#voice {
padding: 5rem 0 0;
}
}
@media screen and (min-width: 1024px) { .p-case-archive__item {
width: 70%;
position: relative;
margin-bottom: 8vw;
display: block;
min-width: 632px;
}
.p-case-archive__img {
width: 50%;
}
.p-case-archive__text {
position: absolute;
left: calc(38% + 2rem);
top: 100%;
margin: auto;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
padding: 0;
}
.p-case-archive__desc {
font-size: 1.1rem;
}
.p-case-archive__title {
font-size: 1.7rem;
margin: 0;
}
.box-jisseki .img img {max-width: 450px;}
.kouen section {
padding: 8rem 0 0;
}
}  .balloon
{
position: relative;
margin-bottom: 2em;
}
.balloon:before,
.balloon:after
{
display: block;
clear: both;
content: '';
}
.balloon figure
{
width: 60px;
height: 60px;
}
.balloon-image-left
{
float: left;
margin-right: 20px;
}
.balloon-image-right
{
float: right;
margin-left: 20px;
}
.balloon figure img
{
width: 100%;
height: 100%;
margin: 0;
border: 1px solid #aaa;
border-radius: 50%;
}
.balloon-image-description
{
font-size: 10px;
padding: 5px 0 0;
text-align: center;
}
.balloon-text-right,
.balloon-text-left
{
position: relative;
display: inline-block;
max-width: -webkit-calc(100% - 120px);
max-width:         calc(100% - 120px);
padding: 10px;
border: 1px solid;
border-radius: 10px;
}
.balloon-text-right
{
border-color: #aaa;
}
.balloon-text-left
{
border-color: #aaa;
}
.balloon-text-right
{
float: left;
}
.balloon-text-left
{
float: right;
}
.balloon p
{
max-width: 550px;
margin: 0 0 20px;
}
.balloon p:last-child
{
margin-bottom: 0;
} .balloon-text-right:before
{
position: absolute;
top: 15px;
left: -20px;
content: '';
border: 10px solid transparent;
border-right: 10px solid #aaa;
}
.balloon-text-right:after
{
position: absolute;
top: 15px;
left: -19px;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
}
.balloon-text-left:before
{
position: absolute;
top: 15px;
right: -20px;
content: '';
border: 10px solid transparent;
border-left: 10px solid #aaa;
}
.balloon-text-left:after
{
position: absolute;
top: 15px;
right: -19px;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
} .think .balloon-text-right,
.think .balloon-text-left
{
border-radius: 30px;
}
.think .balloon-text-right:before
{
top: 15px;
left: -12px;
width: 8px;
height: 8px;
border: 1px solid #aaa;
border-radius: 50%;
}
.think .balloon-text-right:after
{
top: 20px;
left: -19px;
width: 4px;
height: 4px;
border: 1px solid #aaa;
border-radius: 50%;
}
.think .balloon-text-left:before
{
top: 15px;
right: -12px;
width: 8px;
height: 8px;
border: 1px solid #aaa;
border-radius: 50%;
}
.think .balloon-text-left:after
{
top: 20px;
right: -19px;
width: 4px;
height: 4px;
border: 1px solid #aaa;
border-radius: 50%;
} @media screen and (max-width: 960px)
{
.alchem-home-style-0.alchem-home-section-0 .magee-heading .heading-inner
{
font-size: 90%;
}
.sp-only
{
display: block !important;
}
.pc-only
{
display: none;
}
.support_box {padding: 0 !important;}
.support_box .col-md-12.border {padding: 0;}
.support_box .col-md-12.border .col-md-4 {padding: 5px;} #fixed-box
{
z-index: 1;
top: 70px;
display: block;
width: 100%;
background: #1b355d;
}
#fixed-box a,
#fixed-box a:hover
{
color: #1a355d;
}
#fixed-box .btn-inbox
{font-size: .9em;
padding: 10px 8px;
color:#1a355d;
background: #fff;
margin:10px 5px;
}
}
.fixed
{
position: fixed;
}
#fixed-box.fixed {left:0;} .fixed-box .btn-navy
{
background-color: #fff;
}
.plan #plan10,
.plan #plan25,
.plan #vip
{
margin-top: -210px;
padding-top: 210px;
}
@media screen and (max-width: 768px)
{
.alchem-home-style-0.alchem-home-section-0 .magee-heading .heading-inner
{
font-size: 73%;
}
}
@media screen and (max-width: 480px)
{
.alchem-home-style-0.alchem-home-section-0 .magee-heading .heading-inner
{
font-size: 58%;
}
#fixed-box .btn-inbox
{font-size: .8em;}
.btn-green {
font-size: .9em;
}
}  .hidden_box {
margin: 2em 0; padding: 0;
} .hidden_box label {
padding: 10px 15px;
cursor: pointer;
background: #1c345e;
color: #fff;
width: 90%;
border-radius: 30px;
max-width: 300px;
margin-bottom: 10px;
height: 50px;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
} .hidden_box label#topMessageBtn:hover {
background: #efefef;
} .hidden_box input#topMessageBtn {
display: none;
} .hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
margin: 0 5px;
} .hidden_box input#topMessageBtn:checked ~ .hidden_show {
padding: 48px 0;
height: auto;
opacity: 1;
background: url(//g-pit.com/img/logo_bk2.gif) no-repeat center;
background-size: contain;
}
.hidden_box .b {border-bottom: 1px solid;}
@media screen and (min-width: 769px){
.hidden_box .hidden_show .f08 {font-size: 0.9em;}
}
@media screen and (min-width: 1100px){
.hidden_box input#topMessageBtn:checked ~ .hidden_show {
padding: 150px 0;}
}  .content-flow {
width: 100%;
padding: 0 15px;
}
.flow-list__wrapper {
padding: 0 80px;
margin: 0 auto;
}
.c-heading.heading--lv1 {
font-size: 24px;
letter-spacing: 0.5px;
margin-bottom: 50px;
}
.c-heading {
clear: both;
display: inline-block;
font-size: 28px;
font-weight: bold;
line-height: 1.4;
background: transparent;
}
.flow-list__item {
min-height: 75px;
margin-bottom: 40px;
position: relative;
display: flex;
}
.flow-list__number {
margin-right: 45px;
font-family: Oswald;
font-size: 44px;
letter-spacing: -1.8px;
color: #1c345e;
}
.flow-list__icon {
margin-right: 35px;
text-align: center;
}
.flow-list__icon img {
width: 80px;
height: 75px;
}
.flow-list__heading {
font-weight: bold;
font-size: 18px;
margin: 20px 0;
}
.flow-list__description {
text-align: justify;
}
.content-flow i.fas,.content-flow i.far,.content-flow i.fa,.content-flow i.fab {
font-size: 70px;
width: 70px;
}
.flow-btm-mess {
background: #dcf0fd;
padding: 1em;
font-size: .9em;
margin: 0 40px;
}
.mail-caution {
border: 1px solid #888;
padding: 1.5em;
font-size: .9em;
margin: 40px;
}
.contact .flow-btm-mess,.contact .yl-box {
margin: 15px;
}
table.soudan-price {
background:#fff;
width:auto;
min-width: 450px;
}
table.soudan-price .price {
text-align: right;
}
table.soudan-price th {font-size: inherit;}
span.ml0 {margin-left: 0 !important;}
@media (min-width: 981px){
.flow-list__wrapper {
padding: 0 180px;
}
table.soudan-price .price {
min-width: 150px;
}
}
@media (max-width: 768px){
.flow-list__wrapper {
padding: 0;
}
.contact .flow-btm-mess, .contact .yl-box,.contact .guide {
margin: 10px 5px;
}
table.soudan-price {
width: 100%;
min-width: 100%;
}
table.soudan-price th {font-size: 0.9em;}
}
@media (max-width: 480px){
.content-flow {
padding: 0 5px;
}
.flow-list__item {
margin-bottom: 20px;
flex-direction: column;
text-align: center;
}
.flow-list__heading {
margin-top: 20px;
}
.flow-list__number, .flow-list__icon {
margin-right: 0;
}
.content-flow .fa-fw {
font-size: 45px;
}
.flow-btm-mess {
margin: 0;
}
}    a
{
text-decoration: none;
color: #62a9f9;
}
a:hover
{
color: #0d1975;
}
.content-wrap a
{
text-decoration: underline;
}    .slide .slide-content.entry
{
border-right: 4px solid #757575;
background: url(//g-pit.com/2019/wp-content/themes/G-pit2019/images/purple.png);
}
#slides .pagination li a
{
background-image: url(//g-pit.com/2019/wp-content/themes/G-pit2019/images/pagination.png);
}
.slide .slide-content.entry h2 a
{
color: #3f3f3f;
}
.slide-content p
{
font-size: 15px;
line-height: 24px;
color: #2b2b2b;
} blockquote
{
background: url(//g-pit.com/2019/wp-content/themes/G-pit2019/images/qoute.png) no-repeat;
}
blockquote a
{
color: #4f7327;
}
img
{
max-width: 100%;
} .red
{
color: #e11212;
}
.green
{
color: #266e26;
}
.shadow
{
text-shadow: rgba(0, 0, 0, .746094) 2px 3px 6px;
}
.sl div,
.sl p
{clear: both;
padding: 0 5px;
}
div.support-box
{
margin-bottom: 15px;
padding: .5em;
}
@media screen and (min-width: 769px)
{
div.sup-content
{
height: 270px;
}
}
@media screen and (min-width: 1200px)
{
div.sup-content
{
height: 230px;
}
}
div.y-title,
h3.y-title
{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding: 15px;
color: #323232;
background-color: #efefef;
}
@media screen and (min-width: 769px){
div.y-title,
h3.y-title
{
font-size: 18px;
}
}
.category-interview h2,
div.n-title,
.category-draft h2
{
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 15px;
color: #fff;
background-color: #1b365d;
position: relative;
}
div.g-title
{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
padding: 15px;
color: #fff;
background-color: #2f9b93;
position: relative;
}
.thai-srs div.n-title{
padding: 25px 0;
margin-top: 2em;
}
.link div.y-title
{
margin-bottom: 10px;
}
.n-title.arrow::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border: 20px solid transparent;
border-top: 20px solid #1b365d;
}
.support-page div.y-title
{
margin-bottom: 0;
padding: 15px 0 0;
text-align: center;
}
table,
th,
td
{
border: 1px solid #cecece;
}
table th
{
font-size: 14px;
text-align: center;
vertical-align: middle;
background-color: #f8f8f8;
}
table.support th,
table.support td
{
line-height: 2.2;
}
table.noborder
{
border: none;
} table.p-list
{   font-size: 20px;
}
.breadcrumb-nav {
display: none;
}
.p-box .col-md-6
{
padding: 0 5px;
}
p.btn_yoyaku
{
margin-bottom: 0;
}
.sup-title
{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 2px solid #222;
}
.max500
{
max-width: 500px !important;
}
.sup-content
{
font-size: .9em;
padding: 1em;
border: 1px solid #efefef;
}
div.pink-botton
{
padding: 15px 10px;
margin: 10px 0;
background-color: #fee8e9;
text-align: center;
display: inline-block;
border: 1px solid #333;
font-size: 1.1em;
font-weight: 600;
min-width: 145px;
}
.accom-txt div.pink-botton {
margin: 30px 0 0;
}
.thai-ftm div.pink-botton
{
display: inline-block;
width: 140px;
margin: 10px 0;
padding: 15px 5px;
text-align: center;
background-color: #fee8e9;
}
div.gray-botton
{
display: inline-block;
width: 120px;
margin: 10px 0;
padding: 15px 0;
text-align: center;
background-color: #eee;
}
div.pink-botton:hover,
.btn-box .btn-yoyaku:hover,
.QA .btn-yoyaku:hover
{
background-color: #fed2d5;
}
.btn-box .btn-voice:hover,
.gray-botton:hover
{
background-color: #ccc;
}
a.botton-text,
a.botton-text:hover,
a.botton-text:active
{
color: #555 !important;
}
.btn-thai,
.btn-jp,
.btn-topcontact
{
margin-bottom: 8px;
}
.btn-jp,
.btn-thai,
.btn-topcontact
{
margin-left: 8px;
}
.alchem_enable_page_title_bar
{
margin: 30px auto 0;
}
.guide-img
{
margin-top: 20px;
}
.guide-img img
{
height: auto;
}
.guide
{
margin: 15px;
} .main-list .y-title::before
{ height: 70px; margin-top: -70px; content: ' ';
vertical-align: top;
}
.btn-wh
{
margin: 5px 0;
padding: 10px;
border: 1px solid #ccc;
}
.btn-box
{
margin: 20px 0;
text-align: right;
}
.inline-box
{
display: inline-block;
padding: 10px;
}
.btn-yoyaku
{
margin: 5px 0;
padding: 12px;
background-color: #fee8e9;
}
.btn-voice
{
margin: 5px 0 5px 5px;
padding: 12px; background-color: #eee;
}
.btn-white
{
margin: 5px 0 5px 5px;
padding: 12px;
border: 1px solid #ddd;
border-radius: 3px;
}
.inline-block
{
display: inline-block;
}
.blue li
{
font-weight: 600;
color: #444;
}
.blue li span
{
color: #444;
}
div.graphic,
div.figure-content
{
padding: 0;
}
p.dotbox
{
font-size: 1.1em;
padding: 8px;
border: 3px dotted #ffadd5;
}
p.dotbox a
{
text-decoration: none;
color: #ffadd5;
}
.m5 {margin: 5px;}
.mt5
{
margin-top: 5px;
}
.mt0
{
margin-top: 0 !important;
}
.mb0
{
margin-bottom: 0 !important;
}
.mb5
{
margin-bottom: 5px;
}
.mt10
{
margin-top: 10px;
}
.mt3r
{
margin-top: 3rem;
}
.mr10
{
margin-right: 10px;
}
.pt10,
.sl div.pt10
{
padding-top: 10px;
}
.mtb10
{
margin: 10px 0;
}
.p20
{
padding: 20px;
}
.center,
.ctr
{
text-align: center;
}
.ma-ctr {margin: 0 auto;}
.f08
{
font-size: .8em;
}
.f09
{
font-size: .9em;
}
.f11
{
font-size: 1.1em;
}
.f12
{
font-size: 1.2em;
}
.f14
{
font-size: 1.4em;
}
.right
{
display: inline;
float: right;
}
.b
{
font-weight: bold;
}
.normal
{
font-weight: normal;
}
.b800,
.b900
{
font-weight: 900;
}
.lh14
{
line-height: 1.4;
}
.mb8
{
margin-bottom: 8px;
}
.txtr
{
text-align: right;
}
.txtvam
{
vertical-align: middle;
}
.yellow-bdr
{
background: linear-gradient(transparent 60%, #ff6 60%);
}
.t70
{
margin-top: -70px;
padding-top: 70px;
}
table
{
margin-bottom: 3px;
}
table td
{
vertical-align: top;
}
table th,
table td
{
line-height: 1.2;
padding: 10px 10px 9px;
text-align: left;
}
p.p0
{
padding: 0;
}
p.m0
{
margin: 0;
}
hr
{
margin: 10px 0;
}
.container {
padding-right: 12px;
padding-left: 12px;
}
.price-box
{
font-size: 1.4em;
font-weight: 700;
padding: 10px;
color: #fff;
background-color: #8c6839;
}
.enpo-box {
border: 1px solid #efefef;
max-width: 510px;
padding: 20px 20px 0;
}
@media(max-width:768px){
.enpo-box {
padding: 10px 10px 0;
}
}
.bb
{
margin-bottom: 10px;
border-bottom: 1px solid #8da9bc;
}
.orange
{
color: #f7c248;
}
.f06
{
font-size: 12px;
}
.f07
{
font-size: .7em;
}
.f11
{
font-size: 1.1em;
}
.f16
{
font-size: 16px;
}
.f17
{
font-size: 17px;
}
.f18
{
font-size: 18px;
}
.f20
{
font-size: 20px;
}
.mt15
{
margin-top: 15px;
}
.mt20
{
margin-top: 20px;
}
.mt30
{
margin-top: 30px;
}
.mb10
{
margin-bottom: 10px!important;
}
.mb15
{
margin-bottom: 15px;
}
.mb20
{
margin-bottom: 20px;
}
.mb30
{
margin-bottom: 30px;
}
.ml10
{
margin-left: 10px;
}
.pt5
{
padding-top: 5px;
}
.p5
{
padding: 5px;
}
.p10
{
padding: 10px;
}
.border
{
border: 1px solid #eee;
}
mark
{
padding: .5em .2em;
color: #555;
background-color: #ffedc1 !important;
}
.breadcrumbs {display: none;}
.bk-blue
{
background: #e9f4f7;
}
.bk-pink
{
background: #fbeaeb;
}
.bk-gray
{
background: #fafafa;
}
.y-under
{
border-bottom: 3px solid #ffc845;
}
div.navy-bk
{
font-family: 'Helvetica Neue';
font-size: 18px;
width: 60%;
margin: 10px auto;
padding: 10px 0;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(1, 25, 147);
}
.wide
{
display: block;
}
#flow
{
padding: 1.5em 0;
color: #fff;
background: #1c345e;
}
#flow h3
{
font-size: 1.2em;
font-weight: 600;
}
div.news-box
{
max-width: 600px; margin: 0 auto;
padding: 0; text-align: left;
border-radius: 3px;
}
.top-ca {
text-align: right;
margin: 2em 0 5em;
}
a div.news-box,
div.news-box a
{
color: #555 !important;
}
div.news-box b
{
color: #0d33a5 !important;
}
#news .date
{
display: inline-block;
margin: 0 10px 5px 0;
padding: 3px 9px 3px 0;
color: #fff;
border-radius: 5px;
background: #16335c;
}
#news .date::before
{
font-family: 'Font Awesome 5 Free'; font-size: 14px !important;
top: 0;
left: 0;
padding: 0 5px 0 7px;
content: '\f272';
color: white;
border-radius: 30px;
}
.news-box .news-title
{
font-weight: 600;
color: #0d33a5 !important;
font-size: 14px;
}
.youtube-box
{
padding: 1em 3em;
}
.youtube-waku
{
max-width: 500px;
margin: 0 auto;
}
.news-event
{
margin-top: 1em;
padding: 1em .5em;
background-color: #f9f9fb;
}
.news-waku
{
padding: 1em 2em;
}
div.yanhee
{
display: inline-table;
clear: none;
height: 250px;
padding: 15px 5px;
border: 1px solid #ddd;
background-color: #fff7fe;
}
div.gamon
{
display: inline-table;
clear: none;
height: 250px;
padding: 15px 5px;
border: 1px solid #ddd;
background-color: #eff8ff;
}
strong.title,
.under a
{
text-decoration: underline;
}
.yanhee div,
.gamon div
{
padding: 0 10px;
}
.blue
{
color: #0f00bf;
}
.navy
{
color: #16335c;
}
.gray
{
color: #777;
}
.blue li span strong
{
color: #ec0000;
}
.brown
{
color: #884545;
}
.qa caption
{ line-height: 1.4;
padding: 5px 10px;
border: #eee 1px solid;
}
.mtf caption
{
background-color: #ffecc1;
}
.col-main caption,
caption.lh1,
.lh1
{
line-height: 1.5;
padding: 10px;
}
caption.lh1
{
border: none;
background-color: #c4e0e9;
}
.mtf caption
{
background-color: #f9dbff;
}
.th
{
display: inline-block;
border: 1px solid #adadad;
background-color: #f1f1f1;
}
.td
{
display: inline-block;
border: 1px solid #adadad;
}
.left
{
float: left;
}
.plan-list
{
font-size: 20px;
width: 100%;
max-width: 540px; }
.plan-list .title
{
font-weight: 700;
}
.plan-list td
{
font-size: 16px; vertical-align: middle;
} .plan-list tr td:nth-child(2)
{
font-size: 14px;
min-width: 170px;
}
.p-list80
{font-size: 18px;
width: 80%;
}
.p-list li
{font-size: .68em;
margin-left: 20px;
}
.p-list span.title
{
font-weight: 700;
line-height: 1.8;
}
table.p-list th
{
font-size: 14px;
}
table.p-list td
{
text-align: right;
font-size: 16px; }
.list1
{
float: left; margin-right: 2%;
}
ul.black li
{
color: #000;
}
.place li
{
margin: 10px 5px;
padding: 5px 5px 5px 15px;
list-style: none;
color: #310f00;
}
.job table th {text-align: center;}
.job-list ul
{
margin: 0;
}
.job-list .place li
{
margin: 10px 0;
padding: 5px 5px 5px 0;
list-style: none;
color: #310f00;
}
.place a
{
text-decoration: none;
}
.z-title
{
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 3px;
padding-left: 10px;
border-bottom: 1px #999 solid;
}
.z-title:before
{
position: absolute;
display: block;
width: 0;
height: 0;
margin-top: 7px;
content: '';
border: 5px solid transparent;
border-left: 5px solid navy;
}
.z-title  div
{
float: right;
}
.myform
{
max-width: 100%;
}
p.pinkbox,
div.pinkbox
{
font-size: 14px;
margin-bottom: 10px;
padding: 40px 10px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ffe5e5;
}
.sl div.support_box
{
margin-bottom: 10px;
padding: 20px 10px;
text-align: center;
}
.support_box .pink
{
padding: 8px 0;
BACKGROUND-COLOR: #fee8e9;
}
.box1,
.box2,
.box3
{
margin-top: 10px;
padding: 7px;
text-align: center;
}
.triangle
{
width: 0;
height: 0;
margin: 20px 0;
border-top: 22px solid #dbeae4;
border-right: 16px solid transparent;
border-left: 16px solid transparent;
}
#contact .guide
{
font-size: 16px;
}
#aboutus
{
font-size: 1em;
padding-top: 22px;
color: #fff;
text-shadow: 0 0 10px black;
}
ul.support
{
margin: 0; list-style: none;
}
ul.support.flex
{
display: flex;
}
ul.support li
{
line-height: 6em;
display: inline-block;
min-width: 23.5%;
height: 6em;
margin: 0 .2em 15px;
text-align: center;
border: 2px solid #888;
padding: 0 1em;
}
.widget-area .widget-box li
{
font-size: 18px;
font-weight: bold;
line-height: 5em;
display: inline-block;
width: 98%;
height: 5em;
margin: 0 0 5px;
padding: 0;
text-align: center;
border: 1px solid #ddd;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.widget-area img
{
max-height: 55px;
}
.plan-menu ul.support li
{
line-height: 5em;
display: inline-block;
width: 24%;
height: 5em;
margin: 0;
text-align: center;
border: 1px solid #ddd;
border-bottom: none;
}
.plan-menu ul
{
height: 5em;
}
.plan-text
{
font-size: 14px;
padding: 20px;
}
ul.support li:hover,
ul.plan-menu li:hover,
.btn-gray:hover,
.btn-white:hover
{
background-color: #f8f8f8;
}
ul.support li.active
{
background-color: #fee7e9;
}
ul.support li a,
ul.support li a:active,
ul.gid-clinic-menu a
{
color: #555 !important;
}
ul.gid-clinic-menu li
{
line-height: 4em;
display: inline-block;
width: 19%;
height: 4em;
margin: 0 3px 3px 0;
text-align: center;
border: 1px solid #ddd;
}
ul.QA
{
margin: 0 0 24px 10px;
}
li.question::before
{
font-size: 16px;
font-weight: bold;
margin-right: 5px;
padding: 3px 7px;
content: 'Q';
color: #f5f5f5;
border-radius: 3px;
background-color: #337ab7;
}
li.question,
li.answer
{
font-size: 1.1em;
font-weight: bold;
margin-left: 0;
padding: 2px 0 4px 5px; list-style: none;
color: #000;
}
li.answer
{font-size: 1em;
font-weight: normal; margin-top: 8px;
}
#id table.support td
{
font-size: 1em;
}
#id table.support td span
{
font-size: .9em;
} p.pinkbox2
{
padding: 10px;
background-color: #ffe5e5;
line-height: 1.5;  }
.yl-box {
padding: 15px;
background: #fff5df;
}
h2.pink
{
text-align: center;
background-color: #ffe5e5;
}
ul.none
{
list-style: none;
}
ul.none li
{
margin-left: 0;
}
table.noborder td
{
border: none;
}
.line
{
font-size: 1.3em;
margin: 0 0 10px 10px;
border-bottom: 1px solid;
}
.title-inside-link{
margin-left:5%;
text-decoration:underline;
}
.title-inside-link a:hover, .title-inside-link a:focus{
color: #fff
}
.guide p.img230 img
{
max-height: 230px;
}
.guide img
{
max-height: 272px;
}
.entry-content img.price
{max-width: 800px;
max-height: 100%;
}
.staff-img img
{
border-radius: 50%;
}
div.bnr_support
{
max-width: 100%;
height: 0;
padding-top: 15%;
text-indent: -9999px;
background: url(//g-pit.com/img/bnr_support_pc3.png) 0 0 no-repeat;
background-size: contain;
}
.rireki-box
{padding: 10px 0;
border-bottom: 1px dotted #ccc;
}
.bdr-gray
{
border: 1px solid #999;
}
.btn-navy
{
background-color: #1b365d;
border-radius: 3px;
} .btn-dpink
{
background-color: #d36685;
border-radius: 3px;
}
.btn-navy span,
.btn-green span,
.btn-dpink span
{font-weight: 600;
color: white;
}
.bg-brown {background: #32240b;}
.bg-pink {background-color: #fee8e9;}
.inner {
max-width: 1170px;
margin: 0 auto;} .x-scroll
{
overflow: auto;
}
.x-scroll table
{
width: 100%;
}
.x-scroll::-webkit-scrollbar
{
height: 5px; }
.x-scroll::-webkit-scrollbar-track
{
background: #f1f1f1; }
.x-scroll::-webkit-scrollbar-thumb
{
background: #d6d6d6; }
.x-scroll td,
.x-scroll th
{
white-space: nowrap;
}
.x-scroll td
{
text-align: right;
}
.x-scroll thead th
{
background-color: #e9f4f7;
}
table.data th.l-title
{font-size: 14px; padding: 10px;
text-align: center;
}
table th.l-option
{font-size: 14px;
background-color: #e8e8e8;
}  div.x_data_area
{
overflow: hidden; width: 1110px;
max-width: 100%; margin-bottom: 20px;
} div.lock_box
{
float: left;
width: 170px;
}
div.x_scroll_box table.data th
{
background-color: #e8e8e8;
} div.x_scroll_box
{
float: left;
overflow-x: scroll; overflow-y: hidden; width: calc(100% - 170px);
border-left: 1px solid #ccc;
} .width300
{
width: 180px;
}
.width2500
{
width: 678px;
}
table.data
{
margin-bottom: 0;
table-layout: fixed; border-spacing: 0; border-collapse: separate;
border-width: 0;
}
table.data th
{
border-top: 1px solid #ccc;
background: #f8f8f8;
}
table.data th,
table.data td
{
overflow: hidden; white-space: nowrap; }
table.data td p
{
margin: 0; }
table.data th
{
padding: 10px;
font-size: 14px;
}
table.data td
{
padding: 11px 10px 10px;
text-align: right;
font-size: 14px;
} table.data
{
_border-collapse: collapse; } *:first-child + html table.data
{
border-collapse: collapse; } .btn_srs-yoyaku{
width:94%;
max-width:800px;
text-align: center;
margin: 1em auto 1em;
border-radius: 3px;
background: #ff5959;
color: #fff;
padding: 1.5em 0;
font-weight: 600;
font-size: 1.1em; -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.btn_srs-yoyaku2{
max-width:800px;
text-align: center;
margin: 1%;
border-radius: 3px;
background: #ff5959;
color: #fff;
padding: 1.2em 0;
font-weight: 600;
display: inline-block;
width: 30%;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.plan-jp .btn_srs-yoyaku {
width: 120px;
padding: 1em 0;
}
.btn_srs-yoyaku.contact, .btn_srs-yoyaku2.contact{
background: #1a355d;
}
.btn_srs-yoyaku2.plan{
background: #2f9b93;
}
.topimg-srs{
margin-bottom: 3em;
} .post-4162 .post-inner, .post-4162 .page-inner {
padding: 10px 0;
}
.btn-price-ftm, .btn-price-mtf {
width: 47%;
text-align: center;
margin: 0 1%;
border-radius: 3px;
border: 2px solid #101010;
color: #101010;
padding: 1em 0;
display: inline-grid;
background: white;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.w-tag{
border: 1px solid;
padding: 3px;
margin: 5px;
display: inline-block;
}
.l-border {
border-left: 4px solid;
padding-left: 5px;
font-size: 1.1em;
} .tab-wrap {
display: flex;
flex-wrap: wrap;
margin:0 auto 20px;
max-width: 1000px;
padding: 0 15px;
margin-top: -70px;
padding-top: 70px;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 3px; display: block;
order: -1;
}
.tab-label {
font-size: 1.2em;
color: #222;
background:#fff;
font-weight: bold;
white-space: nowrap;
text-align: center;
padding: 20px .5em;
margin-bottom: 15px;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
flex: 1;
border-radius: 3px;
position: relative;
border: 2px solid;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
} .tab-switch:checked+.tab-label {
background: #2f9b93;
border: 2px solid #2f9b93;
color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 15px 5px;
opacity: 1;
transition: .5s opacity; text-align: center;
}
.tab-wrap2 .tab-switch:checked+.tab-label+.tab-content {
background: #f5f5f5;
} .tab-switch {
display: none;
} @media (max-width: 767px){
.tab-wrap {
padding: 70px 10px 0 10px;
}
.tab-label {
font-size: 1em;
}
.topimg-srs{
margin-bottom: 2em;
}
.btn_srs-yoyaku2{
font-size:0.9em;
}
}  .tab-wrap2 {
display: flex;
flex-wrap: wrap;
margin:5px auto;
max-width:870px;
} .tab-wrap2 .tab-label {
margin: 10px 5px;
}
.tab-wrap2 .tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0; } .tab-wrap2 .tab-switch:checked+.tab-label {
color: #fff;
}
.tab-wrap2 .tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 0;
opacity: 1;
transition: .5s opacity;
margin-top: 20px;
}
.tab-content .tab-sub .tab-switch:checked+.tab-label,.tab-content .tab-sub .tab-label {
background:#1a355d; padding: 1.5em 0.6em;
margin: 10px 3px;
border: 0px;
}
.tab-content .tab-sub .tab-label {
background:#fff; padding: 1.5em 0.6em;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
border: 2px solid #555;
} .tab-wrap2 .tab-switch {
display: none;
} .tab-content .box1, .srs-payment .box1 {
text-align: left;
max-width: 650px;
margin: 10px auto;
background: #FDF2DF;
padding: 1em;
font-size: .9em;
}
.tab-content .box2 {
background: #fbeaeb;
max-width: 430px;
margin: 5px auto;
padding: .5em 1em;
font-size: .9em;
text-align: left;
}
.price1 .red.f07 {background: #fff;
padding: 1px 5px;
border-radius: 2px;}
.srs-payment {text-align: center; margin-bottom: 20px;}
.srs-payment .content-flow {padding: 0 0.8em;} body {
font-family: "Open Sans", sans-serif;
line-height: 1.25;
}
table.price1 {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 650px;
table-layout: fixed;
}
table.price1 tr {
background-color: #fff;
}
table.price1 th{
padding: 1em 10px 1em 1em;
border: 2px solid #f5f5f5;
}
table.price1 td {
padding: 1em;
border: 2px solid #f5f5f5;
}
.mtf table.price1 td {
padding: 0.5em 1em;
}
table.price1 th {
font-size: 1em;
}
table.price1 thead tr th{
background-color: #f3b425;
color:#fff;
text-align: center;
}
table.price1 thead tr th:first-of-type{
width: 40%;
}
table.price2 thead tr th{
background-color: #2f9b93;
}
table.price1 tbody th {
background: #fff;
color: #444;
text-align: center;
}
.price1 .txt{
text-align: left;
font-size: 1em;
}
.price1 .price{
text-align: right;
font-weight: bold;
}
.price1 .non{
background:#fff;
border: 1px solid #fff;
}
span.num,span.num2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.price1 span.num {
font-size: 2rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: .025em;
padding: 0 0.3rem;
color: #89432f;
}
.price1 span.num2 {
font-size: 2em;
padding: 0 0.1rem;
color: #a5450d;
font-weight: 600;
line-height: 1.5;
}
.mtf .price1 span.num{
color: #555;
font-size: 2em;
}
.mtf2 .price1 span.num{
font-size: 1.5em;
}
.mtf2 .price1 .txt{
text-align: left;
font-size: 1em;
left: 0;
position: absolute;
bottom: 5px;
}
.rel-box {position: relative;}
.mtf .price1 span.num a {
border-bottom: 1px solid #0d33a5;
color: #0d33a5;
}
.price1 .border {
border-bottom: 1px dotted #ccc;
}
.tab-sub .tab-switch:checked+.tab-label:after {
position: absolute; content: ''; border-top: 15px solid #1a355d; border-right: 13px solid transparent;
border-left: 13px solid transparent;
top: 99%; left: 50%; transform: translateX(-50%); }
.sub-title-size {
margin: 20px 0 10px;
font-size: 1.1em;
font-weight: 600;
padding: 2px 50px;
background: #bf3700;
border-radius: 30px;
color: #fff;
display: inline-block;
}
.txtr-notes {
font-weight: bold;
margin: 0 auto 20px;
display: block;
text-align: right;
max-width: 650px;
}
.tab-wrap :checked+.tab-label:after {
position: absolute; content: ''; border-top: 15px solid #2f9b93; border-right: 13px solid transparent;
border-left: 13px solid transparent;
top: 100%; left: 50%; transform: translateX(-50%); }
.page-id-1406 .tab-wrap2 :checked+.label-menu01:after {
position: absolute;
content: '';
border-top: 15px solid #2f9b93;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
@media screen and (min-width: 601px) {
.tab-wrap2 :checked+.label-menu01:after {
position: absolute; content: ''; border-top: 15px solid #2f9b93; border-right: 13px solid transparent;
border-left: 13px solid transparent;
top: 100%; left: 50%; transform: translateX(-50%); }
.mtf2 .price1 .txt{
font-size: 0.9em;
}
}
@media screen and (max-width: 600px) {
table.price1 {
border: 0;
width:100%
}
.price1 .txt{
font-size: 1.2em;
}
table.price1 th{
background-color: #167F92;
display: block;
border-right: none;
}
table.price1 thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table.price1 tr {
display: block;
margin-bottom: .625em;
}
table.price1 td {
border-bottom: 1px solid #bbb;
display: block;
padding: 0.5em;
font-size: .8em;
text-align: right;
position: relative;
padding: 0.625em;
border: 0px;
}
table.price1.ope-require td {
font-size:1em;
text-align:center;
}
table.price1 td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #1a5652;
}
table.price1 td:last-child {
border-bottom: 0;
}
table.price1 tbody th {
color: #fff;
background-color: #e79c14;
border:0px;
}
table.price2 tbody th {
background-color: #2f9b93;
}
.tab-wrap2 .label-menu01 {
min-width: 35%;
margin: 10px 15px;
}
.tab-wrap2 .tab-switch:checked+.tab-label+.tab-content {
margin-top: 5px;
}
.arrow-g {
padding: 0 0 15px 0;
background: #fff;
}
} .cp_box *,
.cp_box *:before,
.cp_box *:after
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box
{
position: relative;
}
.cp_box label
{
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 110px; cursor: pointer;
text-align: center; background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, .95) 90%);
}
.cp_box input:checked + label
{
background: inherit; }
.cp_box label:after
{
font-family: "Font Awesome 5 Free";
line-height: 2.5rem;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 16rem;
content: '続きを読む';
transform: translate(-50%, 0);
letter-spacing: .05em;
color: #fff;
border-radius: 20px;
background-color: rgba(27, 37, 56, 1);
}
.cp_box input
{
display: none;
}
.cp_box .cp_container
{
overflow: hidden;
height: 250px; transition: all .5s;
}
.cp_box input:checked + label:after
{
font-family: "Font Awesome 5 Free";
content: '閉じる';
}
.cp_box input:checked ~ .cp_container
{
height: auto;
padding-bottom: 80px; transition: all .5s;
} .jisseki-btn .btn-gray
{
width: 100%; text-align: center;
}
.jisseki-btn .box01
{
margin-right: 5%;
}
.jisseki-btn .box02
{
margin: 0 5%;
}
.jisseki-btn .box03
{
margin-left: 5%;
}
#section-10
{
margin: 2em 0;
}
.alchem-home-section-10
{
padding-top: 50px;
padding-bottom: 50px;
background-image: url(//g-pit.com/2019/wp-content/uploads/bg-03-1.jpg);
}
#flow .fa-fw
{
font-size: 1.5em;
visibility: visible;
vertical-align: middle;
}
.btn-list .icon-box
{
width: 100% !important;
}
.btn-txt
{
font-size: 1em;
margin: 15px auto 0;
text-align: center;
}
.btn-list
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0;
}
.list__item
{
display: flex;
align-items: stretch;
width: calc((100% - 10px) / 3);
min-height: 80px;
margin-bottom: 10px;
padding: 16px 0 10px;
border: 1px solid #ddd; border-radius: 3px;
background: gray;
background: #fff;
}
.list__item__link
{
line-height: 1.5;
align-items: center; justify-content: center;
width: 100%;
text-decoration: none; color: black;
} .acd-check{
display: none;
}
.acd-label{
background: #1c345e;
color: #fff;
display: block;
margin-bottom: 1px;
padding: 10px;
position: relative;
height: 35px;
}
.acd-label:after{
box-sizing: border-box;
content: '\f067';
display: block;
font-family: "Font Awesome 5 Free";
height: 35px;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.acd-content{
display: block;
height: 0;
opacity: 0;
padding: 0 10px; visibility: hidden;
background-color: #F2F2F2;
border-bottom: solid 1px #D6D6D6;
}
.acd-check:checked + .acd-label:after{
content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
height: 100%;
opacity: 1;
padding: 10px 15px;
visibility: visible;
}
.acd-content div.y-title{
background: #6ea9dc;
color: #fff;
padding: 5px;
font-size: 1em;
}
ul.square {list-style: square; margin: 0 0 10px 0;}
ul.square li {margin: 0 0 0 2em}
div.k-title{
background: #313131;
color: #fff;
padding: 5px;
font-size: 1em;
margin-bottom: 5px;
}
.ico_yt img{
height: 20px;
margin: auto 5px 3px 0;
}
.bk-navy {
background-color: #1b365d;
color: #fff;
padding: 2px 5px;
}
.bk-red {
background: #ea6290;
color: #fff;
padding: 2px 5px;
}
.site-nav > ul > li.menu-item-search-icon {
display: none;
}
@media (max-width: 979px) {
.site-nav > ul > li.menu-item-search-icon a {
display: none;
}
.site-nav > ul > li.menu-item-search-icon .search-form {
display: inline-block;
position: relative;
margin: 0 15px;
}
}
@media (max-width: 991px)
{ #section-10
{
margin: 2em 0 1em;
}
.youtube-box
{
padding: 1em;
}
#contact ul.support li a {font-size: 1.12em;}
#alchem-home-sections .alchem-home-section-5.parallax-scrolling
{
padding-bottom: 0;
background: url(//g-pit.com/img/member-sp3.jpg) !important;
}
.title-inside-link{
text-decoration:underline;
}
}
@media (min-width: 600px) and (max-width: 991px)
{
.rireki .col-xs-6
{
width: 33% ;
}
.btn-gray
{
display: inline-block;
padding: .5em 5em;
}
}
@media (max-width: 499px)
{
.pconly {display: none;}
.acd-check:checked + .acd-label + .acd-content{
padding: 10px;
}
.rireki .col-xs-6
{
width: 100% ; margin-bottom: 5px;
}
#aboutus
{
font-size: .9em; padding-top: 10px;padding-bottom: 20px;
}
.section-banner .section-content
{
padding-top: 20px;
}
.services .col-xs-4,
.services .col-xs-6,
.services .col-md-12
{
padding: 0 5px !important;
}
.services .fa-fw
{
width: .9em;
}
#flow{padding: 1em 0;}
#flow .fa-fw
{
font-size: 1.5em; margin-bottom: 5px;
}
.jisseki-btn
{
font-size: .8em;
margin: 0;
}
.jisseki-btn .box01,
.jisseki-btn .box02,
.jisseki-btn .box03
{
margin: 0 1%;
}
.top-ca {
margin: 2em 0 3em;
}
.news-event
{
padding: 5px 5px 20px;
}
.news-waku
{
padding: 0 1.5em 1.5em;
}
#news .date {
margin: 5px 10px 0px 0;
padding: 0px 5px 0px 0;
}
div.news-box {
margin: 0;
}
.magee-feature-box.style1 h3
{
font-size: .7em;
margin: 10px 0 0;
}
.icon-box
{
font-size: 20px !important;
}
.btn-txt
{
font-size: 0.8em;
}
.alchem-home-section-10 .alchem_section_10_model{
font-size: 0.9em;
}
}
@media (max-width: 368px)
{
.top-ca {
margin: 2em 0;
}
.rireki .col-xs-6
{
width: 100% ;
}
.magee-feature-box.style1
{
padding: 16px 10px;
}
.jisseki-btn
{font-size: .7em;
margin: 0;
}
.btn-gray
{
display: inline-block;
padding: .8em .2em;
}
.btn-txt {
font-size: 11px;
}
}
td#place
{
width: 12%;
padding: 10px;
}
table.bordernone td,
table.bordernone th
{
border: none; border-bottom: 1px solid #ddd;
}
table.bordernone
{
margin-top: 20px;
}
.foot-menu
{font-size: .9em;
text-align: center; color: #fff;
}
.foot-menu a
{
color: #fff;
}
table.tg
{
max-width: 550px;
}
table.tg th
{
background-color: #d9ece8;
} .sidebar div
{
margin-bottom: 5px;
}
h2.widget-title
{
font-size: 1.3em;
margin: 10px 0;
padding-left: 5px;
border-bottom: 1px solid #ddd;
border-left: 5px solid #ddd;
}
.pagelet-body
{
width: 80%;
margin: 0 auto;
padding: 19px;
text-align: center;
background: white;
}
.widget-waku
{
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.guide .testimonial_item_inner
{
display: flex;
}
.guide .testimonial_item:nth-child(2n+2)
{
margin-right: 0;
}
p.txtl
{
text-align: left;
}
.fl
{
float: left;
} .guide .testimonial_item_content .testimonial_item
{
width: 58%;
margin-right: 1.68%;
margin-bottom: 20px;
}
.testimonial_item strong
{
font-size: 1.1em;
}
.testimonial_item_content .testimonial_item .sns img
{
display: inline-block;
float: none;
width: auto;
height: auto;
margin: 1px 1px 0 0;
border-radius: 0;
}
.staff-img
{
float: right;
}
.testimonial_item_content .testimonial_item .staff-img img
{
margin: 1px 1px 0 0;
}
.guide .testimonial_item_content .testimonial_item:before
{
border: none;
}
.top-box
{
display: flex;
margin: 10px 0;
padding: 3% 0;
}
#staff
{
margin-bottom: 10px;
}
.link img
{
max-width: 80%;
max-height: 145px;
margin-right: 3px;
margin-bottom: 5px;
padding: 16px;
border: 1px #ddd solid;
border-radius: 3px;
} label
{
margin: 0;
padding: 10px 0;
color: #62a9f9;
}
input[type='checkbox'].on-off
{
display: none;
}
.photo ul
{
margin: 0;
padding: 0;
list-style: none;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.photo li
{
margin: 0;
}
.guide .photo img {
max-width: 49%;
}
input[type='checkbox'].on-off + ul
{
overflow: hidden;
height: 0;
}
input[type='checkbox'].on-off:checked + ul
{
height: 100%;
}
span#place
{
font-size: .9em;
display: inline-block;
margin-right: 5px;
padding: 3px 5px;
color: #555;
border-radius: 3px;
background-color: #e0e0e0;
}
#topbtn .topbtnbody
{
font-size: 12px;
line-height: 1em;
position: fixed;
z-index: 3;
right: 0;
bottom: 120px;
width: 3em;
height: 3em;
padding: 1em;
text-align: center;
text-decoration: none;
color: #fff;
background-color: rgba(0, 0, 0, .5);
}
.feature_widget_desc img
{
max-width: 90%;
} .testimonial_item_container
{
margin: 10px 0 10px 0;
padding-top: 35px; }
.testimonial_heading_container
{
margin-bottom: 50px;
text-align: center;
}
.testimonial_heading_container h2
{
font-size: 32px;
margin-bottom: 0;
}
.testimonial_heading_container p
{
font-size: 18px;
margin-bottom: 22px;
}
.testimonial_item_content
{
margin-bottom: 8px;
}
.testimonial_item_content .testimonial_item
{
display: inline-block;
width: 98%;
margin: 0 auto 10px 1%;
padding: 20px 20px 17px 20px;  border: 1px solid #e9e9e9;
border-radius: 4px;
}
.testimonial_item_content .testimonial_item:nth-child(3n+3)
{
margin-right: 0;
} .testimonial_item_content .testimonial_item_inner
{ display: inline-flex;
}
.testimonial_item_content .face img
{ float: left; width: 74px;
height: 74px;
margin: 1px 12px 0 0;
}
.testimonial_item_content .testimonial_item img:hover
{
-webkit-animation: bounceIn_custom .7s ease-in-out;
-moz-animation: bounceIn_custom .7s ease-in-out;
-o-animation: bounceIn_custom .7s ease-in-out;
animation: bounceIn_custom .7s ease-in-out;
}
.testimonial_item_content .testimonial_item  p
{
font-size: 17px;
line-height: 27px;
margin-bottom: 18px;
}
.testimonial_item_content .testimonial_item_inner span
{
font-size: 17px; margin-top: 20px;
vertical-align: top;
text-decoration: none;
color: #7b7b7d;;
}
.testimonial_item #name
{
font-size: 1.2em;
font-weight: bold;
}
caption .f08
{
font-weight: bold;
}
.magee-feature-box h3.abouticon-title {
color: #fff;
font-weight: 600;
margin: 10px 0;
} #PageTopBtn
{
position: fixed; right: 10px; bottom: -10px; }
#PageTopBtn a
{
display: block; text-align: center; text-decoration: none; color: #fff; border-radius: 5%; outline: none; background-color: rgba(0, 0, 0, .5); }
#PageTopBtn a:hover
{
text-decoration: none;
background: #f7c24a; } .contact div.y-title{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding: 15px;
color: #fff;
background-color: #1c345e;
}
.contact ul.support li {
border-radius: 3px;
min-width: 20%;
-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
ul.check { padding: 0;
position: relative;
margin: 0 15px;
}
ul.check li {
line-height: 1.5;
padding: 0.2em 0 0 1.2em;
list-style-type: none!important; }
.contact ul.check li {
margin-bottom: 5px;
}
.contact p.check {
margin: 15px;
}
ul.check li::before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
position: absolute;
left : 0; color: #555; }
ul.mb0 li {
margin: 0 0 0 1.5em;
list-style-type: inherit;
}
.inner_content {padding: 10px;}
.flow-mess-title {border-bottom: 1px solid;} @media (min-width: 768px)
{
#PageTopBtn
{
font-size: 13px; }
#PageTopBtn a
{
width: 3em;
height: 3em;
padding: 9px 0; }
.flow-btm-mess ul.check li,.flow-btm-mess ul.check div {
line-height: 2;
font-size: 1.2em;
}
.flow-mess-title {margin-left: 20px;}
.pc-ctr {text-align: center;}
.pc-right {text-align: right;}
.rireki .rireki-date {
width: 20%;
}
}
@media screen and (min-width: 992px){
.rireki-date {
padding: 0;
}
}
@media screen and (min-width: 650px)
{
.br-sp
{
display: none;
}
} @media (max-width: 767px)
{
.title-left .breadcrumb-nav{ display: none;}
.alchem_enable_page_title_bar .page-title h1
{
font-size: 16px;
}
#PageTopBtn
{
font-size: 10px;
}
#PageTopBtn a
{
font-size: 12px;
line-height: 1em;
width: 35px;
height: 35px;
padding: 1em;
text-align: center;
text-decoration: none;
color: #fff;
}
.guide
{
margin: 5px;
}
div.y-title, h3.y-title {
padding: 15px 10px;
}
.table.support td
{
padding-right: 5px;
}
.magee-feature-box h3.abouticon-title {
font-size: 1em;
margin: 8px 0;
}
.yl-box {padding: 10px;}
.m-ctr {text-align: center;
}
.category-interview h2,
div.n-title,
.category-draft h2{
font-size: 18px;
}
.sp-txtl {text-align: left;}
}
@media only screen and ( max-width: 1360px )
{
#gpit-count .counter-num
{
font-size: .9em;
}
#gpit-count .counter-text
{
font-size: .4em;
padding-left: 3px;
}
}
@media only screen and ( max-width: 1260px )
{
table.clinic
{
font-size: 18px;
}
.p-list
{
width: 100%;
}
.list1
{
float: none; margin: 0 0 20px 0;
}
.plan-list
{
font-size: 18px;
}
div.bnr_support
{
max-width: 100%;
height: 0; padding-top: 40%;
text-indent: -9999px;
background: url(//g-pit.com/img/bnr_support_sp3.png?0427) 0 0 no-repeat;
background-size: contain;
}
.one_half
{
width: 100%;
margin-right: 0;
}
.guide .testimonial_item_content .testimonial_item
{
width: 90%;
margin-right: .68%;
padding: 20px;
}
table.info th,
table.info td
{display: block;
width: 100%;
}
table.info tr,
table.info th
{
border-bottom: none;
}
table.info td
{
padding: 5px 10px 10px;
}
.link img
{
max-width: 25%;
}
}
@media only screen and ( max-width: 991px )
{
.p-box .bk-gray
{
background: #fff;
}
}
@media only screen and ( max-width: 960px )
{
.one_third
{
width: 45%;
}
.link img
{
max-width: 35%;
}
}
@media only screen and ( max-width: 770px )
{
h2
{
font-size: 20px;
}
table.clinic
{
font-size: 14px;
}
.plan-list
{
font-size: 18px;
}
.support div
{
font-size: .8em;
display: table-cell;
width: 135px;
height: 60px;
text-align: center;
vertical-align: middle;
}
.contact .support div{
width: auto;
}
ul.support li
{
margin-right: 5px;
}
.heading_section
{
padding: 1px;
}
p.pinkbox
{
padding: 20px 15px; text-align: left;
}
.banner2  .social-icons
{
display: none;
}
.staff-img
{
display: flex;
margin-bottom: 5px;
margin-left: 5px;
}
.one_third
{
width: 100%;
}
.one_third img
{
max-width: 60%;
}
.feature_widget_desc
{
margin-top: 20px;
}
.feature_widget_desc img
{
max-width: 80%;
}
.container_24 .grid_16
{
padding-bottom: 10px;
border-bottom: 3px double #ddd;
}
.w24 th {
width:25%;
}
}
@media only screen and ( min-width: 768px ) and ( max-width: 840px )
{
.top-box
{
display: inline-block;
}
}
@media only screen and ( max-width: 768px )
{
.support-box
{float: none;
max-width: 366px; margin: auto;
}
.guide-img img
{
height: auto;
}
}
@media only screen and ( max-width: 532px )
{
.link img
{
max-width: 35%;
}
ul
{
margin: 0 !important;
}
ul.place li
{
margin: 0; padding: 0;
}
.testimonial_item_content label
{
margin-bottom: 5px;
}
.widget-area
{
margin-top: 20px;
}
ul.gid-clinic-menu li
{
width: 24%; min-width: 74px;
}
.guide ul.support li
{
width: 45%;
} .contact ul.support li
{
width: 98%;
line-height: 4em;
display: inline-block;
height: 4em;
margin: 0 .2em;
text-align: center;
border: 1px solid #888;
}
ul.support.flex {
display: revert;
}
.contact ul.support li.btn-line{
height: 5em;
}
.contact .support div {
width: 100%;
}
.contact p.check {
margin: 10px 0;
}
#gpit-count .count-soudan
{
margin: 0;
}
.breadcrumb-nav span, .breadcrumb-nav a {
font-size: 10px !important;
}
ul.ml20 {
margin: 0 0 20px 10px !important;
padding-left: 10px !important;
}
.magee-feature-box.style2 {
padding: 5px 0 0 50px!important;
height: 40px!important;
margin-bottom: 1em!important;
}
}
@media only screen and ( min-width: 481px )
{
.sp
{
display: none;
}
}
@media only screen and ( max-width: 480px )
{
#gpit-count .counter-top-icon
{line-height: 1;
padding: 0 3px;
}
.counter-top-icon
{
font-size: .8em !important;
}
.count-soudan .counter-top-icon
{
font-size: 1.4em !important;
}
#gpit-count .soudan-counter .counter-num
{
font-size: .8em;
}
.counter
{
font-size: 28px !important;
}
}
@media only screen and ( max-width: 341px )
{
.staff-img
{
float: none;
margin-left: 0;
}
table.rireki th
{
width: auto;
}
table.rireki span#place
{
line-height: 2.5;
}
div.y-title:before
{
content: none;
}
.guide
{
margin-right: 2px;
margin-left: 2px;
}
div.y-title, h3.y-title {
font-size: 16px;
}
.plan-list th,
.plan-list td
{
font-size: .7em;
}
.guide .testimonial_item_content .testimonial_item
{
padding: 10px;
}
.link img
{
max-width: 33%;
}
.link p
{
text-align: center;
}
.top-box
{
display: inline-block;
}
.place li
{
margin: 10px 1px;
padding: 3px 3px 3px 5px;
}
.p-list
{
font-size: 16px;
}
.p-list span.title
{
font-size: 1em;
}
.smart08
{
font-size: .9em;
}
.counter-top-icon
{
font-size: .8em !important;
}
.count-soudan .counter-top-icon
{
font-size: 1.3em !important;
}
.counter
{
font-size: 22px !important;
}
.col-xs-4
{
padding: 5px;
}
}