html {
height: 100%;
overflow-y: scroll;
}
body {
height: 100%;
}
a,
a:focus {
text-decoration: none;
}
a:hover {
opacity: .5;
}
a:focus {
outline: none;
}  .inner {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.inner-sm {
max-width: 880px;
}
.inner-lg {
max-width: calc(100% - 112px);
} .section_pdg {
padding-top: 80px;
padding-bottom: 80px;
}
.section_pdg-sm {
padding-top: 40px;
padding-bottom: 40px;
} .flt-rgt {
float: right;
}
.flt-lft {
float: left;
} .pos_rel {
position: relative;
z-index: 0;
} .mgn-btm8 {
margin-bottom: 8px;
}
.mgn-btm16 {
margin-bottom: 16px;
}
.mgn-btm24 {
margin-bottom: 24px;
}
.mgn-btm32 {
margin-bottom: 32px;
}
.mgn-btm40 {
margin-bottom: 40px;
}
.mgn-btm48 {
margin-bottom: 48px;
}
.mgn-btm56 {
margin-bottom: 56px;
}
.mgn-btm64 {
margin-bottom: 64px;
}
.mgn-btm72 {
margin-bottom: 72px;
}
.mgn-btm80 {
margin-bottom: 80px;
} .pc-none,
.pc-none-inline,
.pc-none-table,
.pc-none-flex {
display: none;
}
.sp-none {
display: block;
}
.sp-none-inline {
display: inline;
}
.sp-none-table {
display: table;
}
.sp-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.inner,
.inner-sm,
.inner-lg {
width: 90%;
}
.inner-lg {
max-width: 90%;
}
.mgn-btm16 {
margin-bottom: 8px;
}
.mgn-btm24 {
margin-bottom: 16px;
}
.mgn-btm32 {
margin-bottom: 16px;
}
.mgn-btm40 {
margin-bottom: 24px;
}
.mgn-btm48 {
margin-bottom: 24px;
}
.mgn-btm56 {
margin-bottom: 32px;
}
.mgn-btm64 {
margin-bottom: 32px;
}
.mgn-btm72 {
margin-bottom: 40px;
}
.mgn-btm80 {
margin-bottom: 40px;
}
.sp-none,
.sp-none-inline,
.sp-none-table,
.sp-none-flex {
display: none;
}
.pc-none {
display: block;
}
.pc-none-inline {
display: inline;
}
.pc-none-table {
display: table;
}
.pc-none-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .section_pdg {
padding-top: 40px;
padding-bottom: 40px;
}
.section_pdg-sm {
padding-top: 24px;
padding-bottom: 24px;
}
}  .flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .flex-inline {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
} .flex-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} .flex-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .flex-j-start {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-j-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-j-ctr {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-j-between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-j-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
} .flex-a-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-a-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-a-ctr {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-a-baseline {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-a-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
} .flex-c-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-c-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .flex-c-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-c-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-start {
-webkit-align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-c-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.flex-c-ctr {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flex-c-baseline {
-webkit-align-content: baseline;
-ms-flex-line-pack: baseline;
align-content: baseline;
}
.flex-c-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
@media screen and (max-width: 767px) { .flex-sp-block {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
} .txt-lg {
font-size: 107%;
}
.txt-sm {
font-size: 93%;
}
.txt-ctr {
text-align: center;
}
.txt-rgt {
text-align: right;
}
.txt-attention-kome {
position: relative;
padding-left: 1.4em;
}
.txt-attention-kome::before {
content: '※';
position: absolute;
left: 0;
top: 0;
}
.txtarea p:not(:last-child) {
margin-bottom: 1em;
} #page_ttl {
position: relative;
color: #fff;
text-align: center;
background-size: auto;
}
#page_ttl::before {
content: '';
background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .3));
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 5;
}
#page_ttl_in {
position: relative;
overflow: hidden;
}
#page_ttl_in .container {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
z-index: 10;
line-height: 1.5;
}
#page_ttl_in .page_ttl-jp,
#page_ttl_in .page_ttl-en {
display: block;
text-shadow: 0 0 .5em rgba(102, 102, 102, .2);
}
#page_ttl_in .page_ttl-en {
font-size: 60%;
}
@media screen and (max-width: 992px) {
#page_ttl,
#page_ttl_in::before {
font-size: 180%;
background-size: auto 120px;
background-position: top 65px center;
}
#page_ttl_in .container {
padding-top: 32px;
padding-bottom: 32px;
}
} #wrapper .container+.container {
margin-top: 40px;
}
.txt-wh {
color: #fff !important;
}
.movie_wrap iframe {
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.movie_wrap iframe {
width: 100%;
height: 50vw;
}
} #page_ttl+.container {
max-width: 100%;
margin: 0;
padding: 0;
}
.container {
width: auto;
max-width: 1100px;
}
.row-eq-height {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} _::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-2 {
width: 16.4% !important;
}
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-4 {
width: 33.2% !important;
}
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-6 {
width: 49.95% !important;
}
@media screen and (min-width: 1200px) {
.container-sm {
width: 840px;
}
}
@media screen and (min-width: 992px) {
.row.row-eq-height .col-sm-4 {
width: 33.3%;
}
}
@media screen and (max-width: 767px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding-left: 0;
padding-right: 0;
}
.container {
padding-left: 5%;
padding-right: 5%;
}
.content-section>.container {
padding-left: 0;
padding-right: 0;
}
.row {
margin: 0;
}
.column-4 .row,
.column-5 .row {
margin-left: -15px;
margin-right: -15px;
}
.row.row-eq-height .col-sm-2,
.row.row-eq-height .col-sm-4,
.row.row-eq-height .col-sm-6,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-2,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-4,
_::-webkit-full-page-media,
_:future,
:root .row.row-eq-height .col-sm-6 {
width: 100% !important;
}
.row.row-eq-height .col-xs-6,
.row.row-eq-height .col-sm-five-1 {
width: 49.8%;
}
.row-eq-height {
display: block;
}
.column-4 .row-eq-height,
.column-5 .row-eq-height {
display: flex;
}
} .col-lg-five-1,
.col-md-five-1,
.col-sm-five-1,
.col-xs-five-1,
.col-lg-five-2,
.col-md-five-2,
.col-sm-five-2,
.col-xs-five-2,
.col-lg-five-3,
.col-md-five-3,
.col-sm-five-3,
.col-xs-five-3,
.col-lg-five-4,
.col-md-five-4,
.col-sm-five-4,
.col-xs-five-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-five-1 {
width: 20%;
float: left;
}
.col-xs-five-2 {
width: 40%;
float: left;
}
.col-xs-five-3 {
width: 60%;
float: left;
}
.col-xs-five-4 {
width: 80%;
float: left;
}
@media (min-width: 768px) {
.col-sm-five-1 {
width: 20%;
float: left;
}
.col-sm-five-2 {
width: 40%;
float: left;
}
.col-sm-five-3 {
width: 60%;
float: left;
}
.col-sm-five-4 {
width: 80%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-five-1 {
width: 20%;
float: left;
}
.col-md-five-2 {
width: 40%;
float: left;
}
.col-md-five-3 {
width: 60%;
float: left;
}
.col-md-five-4 {
width: 80%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-five-1 {
width: 20%;
float: left;
}
.col-lg-five-2 {
width: 40%;
float: left;
}
.col-lg-five-3 {
width: 60%;
float: left;
}
.col-lg-five-4 {
width: 80%;
float: left;
}
} .ttl-01 {
position: relative;
z-index: 1;
text-align: center;
line-height: 1.3;
-webkit-font-smoothing: auto;
}
.home .content-section .ttl-01 {
padding-top: 80px;
}
.ttl-02 {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
text-align: center;
line-height: 1.4;
letter-spacing: 2px;
-webkit-font-smoothing: auto;
}
.ttl-03 {
letter-spacing: 2px;
line-height: 1.4;
-webkit-font-smoothing: auto;
margin-bottom: 24px;
}
.ttl-03+p {
margin-top: 16px;
}
@media screen and (max-width: 992px) {
.home .content-section .ttl-01 {
padding-top: 40px;
}
} .btn {
text-align: center;
}
.btn a {
position: relative;
z-index: 1;
display: inline-block;
}
.btn a[target="_blank"],
.btn a[target="pdf"] {
padding-right: 56px;
}
.btn svg {
transition: all .4s ease-out;
}
.btn a:hover {
color: #fff;
opacity: .5;
}
.btn a:hover::before {
left: -1%;
}
.btn a:hover svg {
fill: #fff;
}
.mce-content-body+.btn {
margin-top: 40px;
}
.content-button+.content-button {
margin-top: 24px;
}
.content-button .btn {
font-size: 108%;
}
.content-button .btn a {
min-width: inherit;
display: block;
}
.content-section .btn svg {
position: absolute;
top: 50%;
display: block;
transform: translateY(-50%);
}
.content-section .btn .icon-svg {
right: 30px;
width: 14px;
height: 14px;
}
.content-section .btn .icon-pdf {
right: 20px;
width: 27px;
height: 12px;
}
@media screen and (max-width: 767px) {
.btn a[target="_blank"],
.btn a[target="pdf"] {
padding-right: 48px;
}
.btn a[target="_blank"]::after {
right: 10px;
}
.btn a[href$=".pdf"]::after {
right: 14px;
width: 20px;
height: 9px;
}
.mce-content-body+.btn {
margin-top: 16px;
}
.content-button {
margin-bottom: 8px;
}
.content-button:last-child {
margin-bottom: 40px;
}
.content-button+.content-button {
margin-top: 8px;
}
.content-button .btn {
width: 100%;
}
.content-button .btn:not(:last-child) {
margin-bottom: 8px;
}
.content-section .btn .icon-new_tab {
right: 20px;
}
} .content-child {
position: relative;
z-index: 1;
}
.content-child+.ttl-02,
.content-button+.ttl-02,
.content-button+.content-child,
.content-child+.content-child {
margin-top: 80px;
}
.content-column+.content-column,
.content-child+.content-button {
margin-top: 40px;
}
.content-child .text {
width: 100%;
}
.content-child .text {
position: relative;
line-height: 1.7;
}
.content-child .text:not(:last-child) {
margin-bottom: 24px;
}
.content-child .text.has_img_ab {
overflow: hidden;
}
.content-child .text.has_img_ab .ttl-03,
.content-child .text.has_img_ab .mce-content-body>*:not(.img_ab_wrap) {
position: relative;
z-index: 1;
}
.content-child .text .img-ab {
position: absolute;
bottom: 0;
margin: 0;
right: 0;
}
.content-child .img.bg-color-img {
position: relative;
}
.content-child .cap {
margin-top: .5em;
font-size: 90%;
}
.content-child .img.bg-color-img .cap {
position: absolute;
bottom: .5em;
right: 1em;
text-shadow: #fff 1px 0, #fff -1px 0,
#fff 0 -1px, #fff 0 1px,
#fff 1px 1px, #fff -1px 1px,
#fff 1px -1px, #fff -1px -1px,
#fff 0 1px, #fff 0 1px,
#fff 0 -1px, #fff 0 -1px,
#fff 1px 0, #fff -1px 0,
#fff 1px 0, #fff -1px 0;
} .bg-wh,
.bg-color {
background-color: #fff;
}
.bg-color.row {
margin-right: 0;
margin-left: 0;
}
.bg-overlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .7);
}
.content-slide .img+.text {
margin-top: 24px;
}
@media screen and (max-width: 1050px) {
.content-child .text .img-ab {
opacity: .3;
}
}
@media screen and (max-width: 767px) {
.content-child+.ttl-02,
.content-button+.ttl-02,
.content-button+.content-child,
.content-child+.content-child {
margin-top: 40px;
}
.content-column+.content-column {
margin-top: 24px;
}
.content-child .bg-color {
padding-left: 15px;
padding-right: 15px;
}
.content-slide .img+.text,
.content-youtube .movie+.text {
margin-top: 16px;
}
.content-child .text .img-ab {
right: -24px;
}
} .content-column .img {
text-align: center;
}
.content-column .img,
.content-column .row .inner {
width: 100%;
}
.content-column .text.bg-color,
.content-column .inner {
height: 100%;
}
.content-column .flex .inner {
height: auto;
}
.content-column .img {
background-size: cover;
}
.content-column .img+.text {
height: auto;
padding-top: 40px;
}
.content-column .row>div {
padding: 0 15px;
}
.content-column .content_pdg.bg-color {
padding: 40px;
}
@media screen and (max-width: 767px) {
.content-column .row>.col-sm-12,
.content-column .row>.col-sm-6,
.content-column .row>.col-sm-4 {
padding: 0;
}
.content-column .row>.col-sm-12+.col-sm-12,
.content-column .row>.col-sm-6+.col-sm-6,
.content-column .row>.col-sm-5+.col-sm-5,
.content-column .row>.col-sm-4+.col-sm-4,
.content-column .row>.col-sm-3+.col-sm-3 {
margin-top: 24px;
}
.content-column .row>.col-xs-6,
.content-column .row>.col-sm-five-1 {
margin-bottom: 16px;
}
.content-column .col-xs-6 .img+.text,
.content-column .col-sm-five-1 .img+.text {
padding-top: 16px;
}
.content-column .img+.text {
padding-top: 24px;
}
.content-column .content_pdg.bg-color {
padding: 24px;
}
} .content-img_text .col-sm-6 .inner {
width: calc(100% + 34px);
height: 100%;
margin-left: -30px;
padding-left: 40px;
}
.content-img_text .col-sm-6 .inner.bg-color,
.content-img_text .col-sm-12 .inner.bg-color {
padding: 40px;
}
.content-img_text .col-sm-pull-6 .inner {
margin-left: 0;
padding-left: 0;
padding-right: 40px;
}
.content-img_text .col-sm-6 .inner>div {
width: 505px;
max-width: 100%;
}
.content-img_text .col-sm-12 .inner>div {
width: 100%;
}
.content-img_text .img {
background-position: center;
background-size: cover;
text-align: center;
}
@media screen and (max-width: 767px) {
.content-img_text .col-sm-6 .inner,
.content-img_text .col-sm-12 .inner {
width: 100%;
}
.content-img_text .col-sm-6 .inner {
padding-top: 24px;
padding-left: 0;
margin-left: 0;
}
.content-img_text .col-sm-6 .inner.bg-color,
.content-img_text .col-sm-12 .inner.bg-color {
width: 100%;
padding: 24px;
}
.content-img_text .col-sm-pull-6 .inner {
padding-right: 0;
}
.content-img_text .img {
width: 100%;
}
} .content-slide .slick-list {
margin-bottom: 16px;
}
.content-slide .slick-arrow {
position: absolute;
top: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 100%;
transform: translateY(-50%);
text-decoration: none;
}
*::-ms-backdrop,
.content-slide .slick-arrow {
transform: translateX(-50%) translateY(-50%);
}
.content-slide .slick-prev {
left: -60px;
}
.content-slide .slick-next {
right: -60px;
}
.content-slide .slick-dots {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.content-slide .slick-arrow::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 40px;
transform: rotate(45deg);
}
.content-slide .slick-prev::after {
border-bottom-width: 2px;
border-left-width: 2px;
border-bottom-style: solid;
border-left-style: solid;
}
.content-slide .slick-next::after {
border-top-width: 2px;
border-right-width: 2px;
border-top-style: solid;
border-right-style: solid;
}
.content-slide .slick-dots li {
display: block;
width: 14px;
height: 14px;
border-width: 1px;
border-style: solid;
background-color: #fff;
border-radius: 50%;
}
.content-slide .slick-dots li+li {
margin-left: 8px;
}
.content-slide .slick-dots button {
padding: 0;
cursor: pointer;
color: transparent;
background: transparent;
outline: none;
border: none;
}
@media screen and (max-width: 1080px) {
.content-slide .slick-arrow {
width: 40px;
}
.content-slide .slick-prev {
left: -16px;
}
.content-slide .slick-next {
right: -16px;
}
.content-slide .slick-prev::after {
left: 20px;
}
.content-slide .slick-next::after {
right: 20px;
}
.content-slide .slick-arrow::after {
width: 24px;
height: 24px;
bottom: -8px;
}
} .content-banner {
text-align: center;
}
.content-banner .bnr {
display: inline-block;
margin: 0 8px 16px 8px;
}
.content-banner .bnr:not(:last-child) {
margin-right: 16px;
}
.content-banner .bnr a:hover {
opacity: .5;
} #header {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.header_table {
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
}
.head--logo {
line-height: 48px;
font-size: 200%;
width: 320px;
}
.head--logo a {
display: block;
}
.head--logo a:hover {
opacity: .7;
} .head_contact {
display: flex;
margin-left: 16px;
} .tel_box {
line-height: 1;
}
.tel_box a {
padding-left: 32px;
line-height: 1;
}
.tel_box i {
position: absolute;
left: 0;
top: 50%;
font-size: 170%;
transform: translateY(-50%);
}
.tel_box .tel_number {
font-weight: bold;
}
.tel_box:not(.foot_tel) .tel_number {
font-size: 200%;
}
.tel_box .tel_time {
display: block;
margin-top: 4px;
color: #434343;
font-size: 70%;
text-align: center;
}
@media screen and (max-width: 767px) {
#header {
position: fixed;
top: 0;
display: flex;
width: 100%;
height: 60px;
padding: 0;
background-color: #fff;
}
#header .container {
width: 100%;
}
.head_tel_area {
display: none;
}
.header_table {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.head--logo {
margin-left: 5%;
width: calc(100% - 88px);
}
.head--logo img {
padding: 0;
height: auto;
max-width: 90%;
}
#header .head--logo img {
max-width: 100%;
height: 40px;
}
.head_tel_area {
display: none;
}
} #gnav {
width: 100%;
border: none;
}
.gnav--menu li:hover .head_sub_nav {
visibility: visible;
opacity: 1;
}
.gnav--menu a {
position: relative;
display: inline-block;
text-decoration: none;
opacity: 1;
}
.gnav_sub_toggle {
display: none;
cursor: pointer;
}
#gnav .sns_area a::before {
display: none;
}
#gnav .sns_area a:hover {
opacity: .7;
}
#gnav .head_contact i {
color: #fff;
}
.head_sub_nav {
display: block;
position: absolute;
z-index: 100;
padding-top: 8px;
font-size: 93%;
text-align: left;
visibility: hidden;
opacity: 0;
transition: all .2s;
}
.gnav--menu .head_sub_nav a {
padding-top: 8px;
padding-bottom: 8px;
}
.gnav--menu .head_sub_nav a::before {
display: none;
}
.gnav--menu .head_sub_nav a:hover {
opacity: .7;
}
@media screen and (max-width: 1230px) {
.gnav--menu a {
font-size: 120%;
}
.gnav--menu {
justify-content: center;
}
.head_contact {
margin-left: 8px;
}
#gnav .gnav--rgt .head_tel a {
font-size: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.gnav--menu .head_sub_nav {
position: relative;
width: 100%;
margin: 0;
padding-top: 0;
}
.gnav--menu .head_sub_nav li {
border: none;
}
.gnav--menu .head_sub_nav a {
padding: 10px;
background-color: #fff;
color: #000 !important;
text-align: center;
}
.gnav_btn {
position: fixed;
top: 0;
right: 0;
width: 48px;
height: 48px;
z-index: 9999;
}
.gnav_btn--lines {
position: relative;
width: 24px;
height: 13px;
}
.gnav_btn--lines span {
transition: all .4s;
box-sizing: border-box;
}
.gnav_btn--lines span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
.gnav_btn--lines span:nth-of-type(1) {
top: 0;
}
.gnav_btn--lines span:nth-of-type(2) {
top: 6px;
}
.gnav_btn--lines span:nth-of-type(3) {
bottom: 0;
}
.header.active .gnav_btn--lines span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-35deg);
transform: translateY(6px) rotate(-35deg);
}
.header.active .gnav_btn--lines span:nth-of-type(2) {
opacity: 0;
}
.header.active .gnav_btn--lines span:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(35deg);
transform: translateY(-6px) rotate(35deg);
}
#gnav {
display: none;
border: none;
text-align: center;
font-size: 100%;
}
#gnav {
position: fixed;
top: 0;
left: 0;
z-index: 300;
width: 100%;
height: 100%;
margin: 0;
padding: 64px 5% 24px;
overflow: scroll;
background-color: rgba(255, 255, 255, .9);
}
#gnav li {
position: relative;
display: block;
}
#gnav .gnav--menuIcon {
margin: 0;
}
.gnav--menu {
margin-bottom: 40px;
}
.gnav--menu a {
display: block;
border-radius: 4px;
}
.gnav--menu::before {
display: none;
}
.gnav_sub_toggle {
position: absolute;
top: 0;
right: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
font-size: 10px;
width: 40px;
height: 40px;
color: #fff;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.gnav_sub_toggle.active {
transform: rotate(180deg);
}
} #header.fixed a {
color: #333;
}
.fixed .gnav--menu a::before {
background-color: #000;
}
@media screen and (max-width: 767px) {
.gnav--menu .current a::before {
display: none;
}
} .footer .section_pdg {
padding-top: 40px;
padding-bottom: 40px;
}
.footer--logo h1 {
display: inline-block;
max-width: 200px;
}
.footer--logo {
padding-top: 16px;
padding-bottom: 16px;
}
.contact_info address {
font-style: normal;
}
.contact_info address span {
margin-right: 8px;
}
@media screen and (max-width: 767px) {
.contact_info {
margin-bottom: 16px;
text-align: center;
}
.footer--logo h1 {
display: block;
max-width: none;
margin-bottom: 24px;
}
.footer--logo h1 img {
margin-left: auto;
margin-right: auto;
}
} #foot_contact {
padding: 100px 0;
}
.footer--ttl {
font-weight: normal;
line-height: 1;
margin-bottom: 32px;
}
.footer--ttl small {
display: block;
font-size: 43.7%;
font-weight: bold;
margin-top: 16px;
}
#foot_contact .tel_btn a {
font-size: 150%;
margin-bottom: 40px;
padding: 16px 64px;
font-weight: bold;
background-color: #aaa;
border-radius: 3px;
line-height: 1;
color: #fff;
}
#foot_contact .tel_btn strong {
letter-spacing: .15em;
font-weight: normal;
}
#foot_contact .tel_btn span {
font-size: 133.5%;
}
#foot_contact .tel_btn a small {
display: block;
line-height: 1;
font-size: 59%;
margin-top: 16px
}
@media screen and (max-width: 767px) {
#foot_contact {
padding: 40px 0;
}
.footer--ttl {
font-size: 180%;
}
#foot_contact .ttl-02 {
padding: 5px 0;
margin: 20px auto 0;
width: 100%;
}
#foot_contact .tel_btn a {
display: block;
font-size: 129%;
padding: 16px;
}
#foot_contact .tel_btn a small {
margin-top: 8px;
}
} .sns_area {
margin-left: 16px;
}
.sns_area li:not(:last-child) {
margin-right: 16px;
}
.sns_area li a {
width: 20px;
height: 20px;
font-size: 20px;
}
#header .sns_area li i {
font-size: 120%;
}
@media screen and (max-width: 767px) {
.sns_area {
justify-content: center;
margin-left: 0;
}
.sns_area li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 160%;
padding: 0;
}
.sns_area li a:hover::before {
display: none;
}
}  #likebox {
text-align: center;
}
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
max-width: 100% !important;
} .foot_description {
margin-bottom: 32px;
font-size: 81%;
line-height: 1.7;
color: #fff;
padding: 16px;
background-color: rgba(255, 255, 255, .2);
} #foot_nav {
flex: 1;
}
.foot_nav--list {
padding-left: 32px;
}
.foot_nav--list a {
display: block;
}
.foot_nav--list li:not(:last-child) a {
padding-right: 24px;
} #page_top {
display: block;
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
width: 64px;
height: 64px;
font-size: 90%;
}
#page_top::before,
#page_top::after {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 1px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#page_top::before {
bottom: 8px;
height: 48px;
}
#page_top::after {
bottom: 40px;
height: 16px;
transform: rotate(25deg) translate(-4px, 0);
}
#page_top:hover::before {
height: 56px;
}
#page_top:hover::after {
bottom: 48px;
}
@media all and (-ms-high-contrast:none) {
#page_top::after {
top: 8px;
height: 16px;
transform: rotate(25deg) translate(-3px, 0);
}
#page_top:hover::after {
bottom: 56px;
}
}
#page_top span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: table;
transform: rotate(90deg) translate(0, -32px);
}
@-moz-document url-prefix() {
#page_top span {
transform: rotate(90deg) translate(18px, -16px);
}
}
@media all and (-ms-high-contrast:none) {
#page_top span {
transform: rotate(90deg) translate(18px, -32px);
}
}
@media screen and (max-width: 767px) { #likebox {
margin-bottom: 32px;
float: none;
display: block;
} .foot_description {
padding: 8px;
} #foot_nav,
#foot_nav li {
width: 100%;
}
#foot_nav ul {
text-align: left;
}
.foot_nav--list {
padding-left: 0;
margin-bottom: 16px;
}
.foot_nav--list a {
padding-right: 0;
}
.foot_nav--list li:not(:last-child) a {
padding-right: 0;
} #page_top {
display: none;
}
} .copyright {
text-align: center;
font-size: 86%;
line-height: 1;
padding-top: 8px;
padding-bottom: 8px;
}
.pbll {
display: block;
opacity: .5;
margin-top: .5em;
margin-left: 16px;
}
.pbll:hover {
opacity: 1;
}  .main_visual {
position: relative;
background-size: cover;
background-position: center;
}
.main_visual_catch {
position: relative;
z-index: 1;
height: 100%;
}
.sm-slider {
position: absolute;
z-index: 0;
display: block;
list-style: none;
}
.sm-slider li span {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
}
.sm-slider li div {
position: absolute;
bottom: 30px;
left: 0;
z-index: 1000;
width: 100%;
text-align: center;
opacity: 0;
color: #fff;
}
@media screen and (max-width: 767px) {
.sm-slider {
left: 0;
width: 100%;
}
.sm-slider::after {
background-color: rgba(0, 0, 0, .3);
}
} .home .content-column.column-2 .row>div,
.home .content-column.column-3 .row>div {
position: relative;
width: 33.33%;
flex: 1;
}
.home .content-column.column-2 .inner,
.home .content-column.column-3 .inner {
position: relative;
z-index: 1;
}
.home .content-column.column-2 .img,
.home .content-column.column-3 .img {
background-size: cover;
background-position: center;
}
@media screen and (max-width: 767px) {
.home .content-child {
padding-bottom: 40px;
}
.home .content-column.column-2 .row>div,
.home .content-column.column-3 .row>div {
width: 100%;
}
}  .content-section {
position: relative;
background-position: center;
}
.subpage .content-section {
padding-top: 80px;
padding-bottom: 80px;
}
.content-section .jump {
position: absolute;
top: -72px;
left: 0;
}
@media screen and (max-width: 767px) {
.subpage .content-section {
padding-top: 40px;
padding-bottom: 40px;
}
.content-section .jump {
top: -60px;
}
} .sitemap--list {
width: 49%;
}
.sitemap--list-page.sitemap--list>li {
margin-bottom: 10px;
}
.sitemap--list-posts.sitemap--list .sitemap--item-ttl:not(:first-child) {
margin-top: 10px;
}
.sitemap--list-posts.sitemap--list>.sitemap--item-child {
margin-bottom: 16px;
}
.sitemap--list li a {
display: block;
text-decoration: none;
}
.sitemap--list li a:hover {
color: #4267b2;
text-decoration: underline;
}
.sitemap--item-ttl {
font-weight: bold;
}
.sitemap--item:not(.sitemap--item-ttl) {
font-size: 85%;
} .sitemap--list li.sitemap--item-child a {
padding-left: 8px;
}
.sitemap--list li.sitemap--item-child.sitemap--item-page {
padding: 6px 0 6px 24px;
}
.sitemap--list li.sitemap--item-taxonomy ul {
letter-spacing: -.4em;
}
.sitemap--list li.sitemap--item-taxonomy ul li {
display: inline-block;
padding: 0;
margin-right: 8px;
letter-spacing: normal;
}
@media screen and (max-width: 767px) {
.sitemap--list {
width: 100%;
}
.sitemap--list-posts.sitemap--list>.sitemap--item-child {
margin-bottom: 8px;
}
} .post {
position: relative;
} #blog_post_list .post {
position: relative;
padding: 56px 0;
border-bottom: 1px solid rgba(51, 119, 187, .1);
line-height: 1.8;
}
#blog_post_list .post:first-child {
padding: 0 0 56px;
}
#blog_post_list .post--ttl {
font-size: 138%;
font-weight: normal;
}
#blog_post_list .post_img {
position: relative;
width: 336px;
height: 224px;
overflow: hidden;
margin-right: 40px;
}
#blog_post_list .post_img img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#blog_post_list .txt {
flex: 1;
}
@media screen and (max-width: 767px) {
#blog_post_list .txt {
width: 100%;
}
#blog_post_list .post {
padding: 32px 0;
}
#blog_post_list .post:first-child {
padding: 0 0 32px;
}
#blog_post_list .post:last-child {
border-bottom: none;
}
#blog_post_list .textArea {
margin: 0;
}
#blog_post_list .post_img {
width: auto;
height: 60vw;
margin: 0 auto 16px;
}
#blog_post_list img {
float: none;
display: block;
}
}  .news--archive {
padding-top: 20px;
padding-bottom: 20px;
background-color: #111;
}
.news--archive li {
margin-left: 8px;
margin-right: 8px;
}
.news--archive a {
color: #fff;
} main .news_list .post {
padding-bottom: 16px;
padding-top: 16px;
margin-bottom: 0;
}
main .news_list .post:not(:last-child) {
border-bottom: 1px solid #dedede;
}
main .news_list .post--date {
margin-right: 16px;
font-size: 92%;
}
main .news_list .post--ttl {
flex: 1;
}
main .news_list .post a {
display: block;
}
main .news_list .post a:hover {
opacity: 1;
}
main .news_list .post svg {
width: 1em;
height: 1em;
margin-left: .5em;
transition: all .4s ease-out;
}
main .news_list a[href="javascript:void(0);"],
main .news_list a[href="javascript:void(0);"]::before {
color: inherit;
cursor: inherit;
opacity: 1;
text-decoration: none;
}
@media screen and (max-width: 767px) { .news--archive {
padding-top: 10px;
padding-bottom: 10px;
} main .news_list .post {
display: block;
}
main .news_list .post--date {
display: inline-block;
}
} .wp-pagenavi {
text-align: center;
margin-top: 64px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
display: block;
padding: 2px 20px;
color: #fff;
margin: 0 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
}
.wp-pagenavi a {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.wp-pagenavi a:hover {
opacity: .7;
color: #fff;
}
.wp-pagenavi .current {
border: 1px solid #ddd;
color: #ddd;
}
.wp-pagenavi .extend {
margin: 0 8px;
}
.wp-pagenavi .current {
background: transparent;
}
.nextpostslink,
.previouspostslink {
position: relative;
background: none !important;
border: none !important;
padding: 2px 16px !important;
}
.previouspostslink::before,
.nextpostslink::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
border-width: 1px;
border-top-style: solid;
border-right-style: solid;
-webkit-transition: all .3s cubic-bezier(.2, .01, 1, .8);
-moz-transition: all .3s cubic-bezier(.2, .01, 1, .8);
-ms-transition: all .3s cubic-bezier(.2, .01, 1, .8);
transition: all .3s cubic-bezier(.2, .01, 1, .8);
}
.previouspostslink::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.previouspostslink::before {
left: 20px;
}
.nextpostslink::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nextpostslink::before {
right: 20px;
}
@media screen and (max-width: 767px) {
.wp-pagenavi {
margin-top: 40px;
font-size: 90%;
}
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 4px 8px;
}
.single .wp-pagenavi a[rel="next"],
.single .wp-pagenavi a[rel="prev"] {
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.previouspostslink::before,
.nextpostslink::before {
width: 12px;
height: 12px;
}
.nextpostslink,
.previouspostslink {
padding: 2px 12px !important;
}
}
@media screen and (max-width: 640px) {
#mainContent .container-mini .wp-pagenavi a {
display: block;
margin: 2px;
line-height: 1.2;
padding: 8px 15px;
}
} @media screen and (max-width: 767px) {
.main_column {
margin-bottom: 80px;
}
}
.post--link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
} .side_section:not(:last-child) {
margin-bottom: 64px;
}
.side--ttl {
position: relative;
margin-bottom: 16px;
padding-bottom: 16px;
font-size: 120%;
letter-spacing: .2em;
line-height: 1;
background-repeat: repeat-x;
background-position: left bottom;
background-image: url(//vn.hirano.ac.jp/wp/wp-content/themes/lite/images/common/line-red-01.png);
} .posts-side .post:not(:last-child) {
margin-bottom: 16px;
}
.posts-side .post--img {
margin-right: 16px;
border-radius: 3px;
width: 64px;
height: 64px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.posts-side .txtarea {
flex: 1;
line-height: 1;
}
.post--date {
display: inline-block;
color: #aaa;
font-size: 85%;
}
.posts-side .post--date {
margin-bottom: 4px;
}
.posts-side .post--ttl {
line-height: 1.4;
} .side_column .archive_list--ttl::after {
content: '';
display: block;
width: 8px;
height: 8px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(135deg);
transition: .4s ease-out;
}
.side_column .archive_list--ttl.active::after {
transform: rotate(315deg);
}
.side_column .archive_month {
display: none;
} .archive-pulldown {
margin-left: auto;
position: relative;
z-index: 1;
}
.archive-pulldown .archive_list {
position: relative;
font-size: 92%;
}
.archive-pulldown .archive_list:not(:last-child) {
margin-right: 24px;
}
.archive-pulldown .archive_list a {
display: block;
padding: 2px 16px;
text-align: left;
}
.archive-pulldown .archive_list a:not(:last-child) {
border-bottom: 1px solid #eee;
}
.archive-pulldown .archive_list--label {
margin-right: 8px;
}
.archive-pulldown .archive_list--btn {
cursor: pointer;
border: none;
outline: none;
appearance: none;
padding: 8px 54px 8px 32px;
background-color: #fff;
border: 1px solid #ccc;
line-height: 1;
}
.archive-pulldown .archive_list--btn::after {
content: '';
position: absolute;
top: 9px;
right: 10px;
display: block;
width: 10px;
height: 10px;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
transition: .2s ease-out;
transform-origin: 50% 50%;
}
.archive-pulldown .active .archive_list--btn::after {
top: 14px;
transform: rotate(225deg);
}
.archive-pulldown .archive_list--menu {
position: absolute;
z-index: 1;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
visibility: hidden;
opacity: 0;
transition: .2s ease-out;
}
.archive-pulldown .active .archive_list--menu {
visibility: visible;
opacity: 1;
} .link_area {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.link_area:hover {
background-color: #fff;
filter: alpha(opacity=30);
-moz-opacity: .3;
opacity: .3;
}
.single_content .post--ttl {
font-size: 185%;
}
.post_info .date {
display: inline-block;
font-size: 93%;
color: #999;
}
.cat_link {
margin-right: 16px;
}
.cat_link a {
position: relative;
z-index: 100;
margin-right: 2px;
padding: 6px 16px;
color: #fff;
font-size: 92%;
text-decoration: none;
border-radius: 25px;
}
.cat_link a:hover {
opacity: .7;
}
.eyecatch {
text-align: center;
margin-bottom: 32px;
}
.eyecatch img {
max-width: 100%;
height: auto;
} #pageNav {
text-align: center;
width: 100%;
margin-top: 64px;
clear: both;
}
.pageNav--item {
color: #eee;
}
.pageNav--item:nth-child(1),
.pageNav--item:nth-child(3) {
width: 40%;
}
.wp-pagenavi a,
.wp-pagenavi .current,
.pageNav--item:nth-child(2) a {
border-width: 1px;
border-style: solid;
border-radius: 30px;
}
.pageNav--item:nth-child(2) {
width: 20%;
}
.pageNav--item a {
display: block;
padding: 8px 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.pageNav--item:nth-child(1) a:hover::before {
animation: in-n-out-p-l .4s forwards;
-webkit-animation: in-n-out-p-l .4s forwards;
}
.pageNav--item:nth-child(3) a:hover::before {
animation: in-n-out-p-r .4s forwards;
-webkit-animation: in-n-out-p-r .4s forwards;
}
.pageNav--item:nth-child(1) a::before,
.pageNav--item:nth-child(3) a::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
border-width: 1px;
border-top-style: solid;
border-right-style: solid;
transition: all .3s cubic-bezier(.2, .01, 1, .8);
-webkit-transition: all .3s cubic-bezier(.2, .01, 1, .8);
-moz-transition: all .3s cubic-bezier(.2, .01, 1, .8);
-ms-transition: all .3s cubic-bezier(.2, .01, 1, .8);
}
.pageNav--item:nth-child(1) a::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.pageNav--item:nth-child(1) a::before {
left: 4px;
}
.pageNav--item:nth-child(3) a::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pageNav--item:nth-child(3) a::before {
right: 4px;
}
.pageNav--item a:hover {
opacity: 1;
}
.pageNav--item:nth-child(2) a:hover {
text-decoration: none;
}
.pageNav--item span {
display: inline-block;
}
@media screen and (max-width: 767px) {
#pageNav {
margin-top: 40px;
font-size: 90%;
}
.pageNav--item a {
padding: 6px 12px;
}
.pageNav--item:nth-child(1) a,
.pageNav--item:nth-child(3) a {
padding: 6px 12px;
}
.pageNav--item:nth-child(1) a::before,
.pageNav--item:nth-child(3) a::before {
width: 8px;
height: 8px;
}
.pageNav--item:nth-child(1) a::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.pageNav--item:nth-child(1) a::before {
left: 3px;
}
.pageNav--item:nth-child(3) a::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pageNav--item:nth-child(3) a::before {
right: 3px;
}
.pageNav--item span {
display: none;
}
} #search-list .section_pdg {
padding-top: 50px;
padding-bottom: 50px;
}
#search-list .ttl-01 {
margin: 70px 0 0;
} #formy_form table {
width: 100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
border-bottom: solid 1px #eee;
}
#formy_form th {
font-weight: normal;
white-space: nowrap;
text-align: left;
width: 34%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size: 100%;
}
#formy_form textarea {
height: 100px;
}
#formy_form select {
height: 40px;
}
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover {
opacity: .7;
}
#formy_form textarea:hover {
opacity: .7;
}
#formy_form input:focus {
outline: none;
}
#formy_form .parsley-validated {
background-color: #eee;
}
#formy_form .parsley-error {
background-color: #fee;
}
#formy_form .parsley-success {
background-color: #fff;
}
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help {
display: none;
}
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
background-color: #f55;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
}
#formy_btn {
padding-top: 32px;
text-align: center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 32px;
-webkit-appearance: none;
appearance: none;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] {
display: none !important;
}
#formy_form ul li label {
position: relative;
display: inline-block;
padding: .5em 8px .5em 26px;
line-height: 1.6;
vertical-align: top;
cursor: pointer;
}
#formy_form ul li label:hover {
opacity: .7;
}
#formy_form ul li label::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 0;
top: 12px;
}
#formy_form ul li input[type="radio"]+label::before {
border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked+label,
#formy_form ul li input[type="checkbox"]:checked+label {
color: #e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked+label::before,
#formy_form ul li input[type="checkbox"]:checked+label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked+label::after,
#formy_form ul li input[type="checkbox"]:checked+label::after {
content: '';
width: 10px;
height: 18px;
top: 4px;
left: 5px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm {
background-color: #4dbaff;
}
.formy_submit_disabled {
background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
opacity: 1;
cursor: default;
}
.autoConfirmBack {
background-color: #aaa;
}
.formy_send {
background-color: #ff6600;
}
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
@media screen and (max-width: 767px) {
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom: none;
padding-bottom: 0;
white-space: normal;
font-weight: bold;
}
#formy_form td {
padding-top: 0;
}
#formy_btn {
padding-top: 8px;
}
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
.autoConfirmBack {
margin-bottom: 8px;
}
}