@charset "UTF-8";
  @font-face {
font-family: ten-mincho-text, serif;
src: url(//komuta-geka.com/wp-content/themes/komuta/fonts/design_plus.eot?v=1.6);
src: url(//komuta-geka.com/wp-content/themes/komuta/fonts/design_plus.eot?v=1.6#iefix) format("embedded-opentype"), url(//komuta-geka.com/wp-content/themes/komuta/fonts/design_plus.woff?v=1.6) format("woff"), url(//komuta-geka.com/wp-content/themes/komuta/fonts/design_plus.ttf?v=1.6) format("truetype"), url(//komuta-geka.com/wp-content/themes/komuta/fonts/design_plus.svg?v=1.6#design_plus) format("svg");
font-weight: normal;
font-style: normal;
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
max-width: 100%;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
ul, ol {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
q:before, q:after {
content: '';
content: none;
}
a:focus {
outline: none;
}
ins {
text-decoration: none;
}
mark {
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
button, input, select, textarea {
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
input, textarea {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
-webkit-appearance: none;
border-radius: 0; }
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
img {
-ms-interpolation-mode: bicubic;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a.anchor {
display: block;
padding-top: 70px;
margin-top: -70px;
}
a.anchor.-marg{
margin-top: 0;
}
h2, h3, h4, h5, h6 {
font-weight: 400;
}
h1.h_01, h2.h_01, h3.h_01, h4.h_01, h5.h_01, h6.h_01, span.h_01 {
display: inline-block;
background-color: #888FE5;
color: #FFF;
padding: 8px 12px 10px 12px;
text-align: center;
font-family: fot-seurat-pron, sans-serif;
font-size: 0.7em;
margin-top: -10px;
margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
br.pc {
display: none;
}
}
@media screen and (min-width: 769px) {
br.td {
display: none;
}
}
.center_pc {
text-align: center;
}
@media screen and (max-width: 768px) {
.center_pc {
text-align: left;
}
}
h2::after, h3::after, h4::after, h5::after, h6::after, .btn01::before, .table01::after, .box_apr::after, .btn01::before, .wp-block-dp-ex-blocks-colored-box::after, .box_flow .flow dt > span::after, .box_contact01, .contact-waku, .contact-flow, .text-center::after {
-webkit-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
.tr-dray03::after {
-webkit-transition-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.tr-dray04::after {
-webkit-transition-delay: 0.4s !important;
transition-delay: 0.4s !important;
} .object_fit_img {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.rich_font {
font-family: ten-mincho-text, serif !important;
}
.text-center {
text-align: center;
}
@media screen and (min-width: 768px) {
br.sp {
display: none;
}
} #page_contents #index_course_list {
margin: 20px 0 0 0;
}
#page_contents #index_course_list li {
padding: 38px 38px 28px;
}
@media screen and (max-width: 768px) {
#page_contents #index_course_list li {
padding: 28px 10px 18px;
}
}
#page_contents #index_course_list li .image {
height: 310px;
}
@media screen and (max-width: 768px) {
#page_contents #index_course_list li .image {
height: 260px;
}
}
#page_contents #index_course_list li .image img {
width: 100%;
height: 310px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
#page_contents #index_course_list li .image img {
height: 260px;
}
}
.clearfix {
display: inline-block;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
overflow: hidden;
}/*\*/* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/**/ body {
font-family: "Noto Sans JP", sans-serif !important;
font-size: 16px;
line-height: 1;
width: 100%;
animation: fadeIn 2.6s ease 0s 1 normal;
-webkit-animation: fadeIn 2.6s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.pc .admin-bar {
padding-top: 33px;
}
a {
text-decoration: none;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color, color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-o-transition-property: background-color, color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
transition-property: background-color, color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
a:before, a:after {
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color, color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-o-transition-property: background-color, color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
transition-property: background-color, color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
input {
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color, color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-o-transition-property: background-color, color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
transition-property: background-color, color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.clear {
clear: both;
}
.hide {
display: none;
} #main_contents {
background: #fff;
width: 100%;
position: relative;
z-index: 10;
}
#main_col, #main_col03 {
width: 100%;
max-width: 1180px;
margin: 50px auto 0px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.main_col_section {
width: 100%;
margin: 50px auto 0px;
padding: 0 20px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.main_col_section_listbox {
padding: 60px 0 !important;
}
#main_col02, #main_col04, #main_col06, #main_col07 {
width: 100%;
margin: 50px auto 0px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#main_col07 .table table {
max-width: 710px;
width: 100%;
}
#main_col07 .table table td {
width: 0;
}
.main_col {
width: 1180px;
min-width: 1180px;
margin: 50px auto 0px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.main_col_b {
width: 100% !important;
}
#left_col {
width: 830px;
float: left;
}
#side_col {
width: 300px;
float: right;
margin-top: 10px;
}
.layout2 #left_col {
float: right;
}
.layout2 #side_col {
float: left;
}
.pc .no_side_content #left_col {
width: auto;
float: none;
} .color_font {
color: #20a9c9 !important;
}
.design_button a {
display: inline-block;
max-width: 260px;
width: 100%;
padding: 14px 0;
background: #79c5d1 !important;
color: #fff;
text-align: center;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
}
.design_button a:hover {
background: #6598a1;
color: #fff;
} .container-fluid {
margin-top: 60px;
background-color: #e9f6ff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #f4f9ff), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #f4f9ff), color-stop(0.75, #f4f9ff), color-stop(0.75, transparent), to(transparent));
-webkit-background-size: 14px 14px;
}
.container-fluid .index_content {
background: none;
padding: 50px 30px 50px;
}
.container-fluid .index_content:first-of-type {
top: 0px;
}
.index_content {
background: #fff;
width: 1180px;
padding: 90px 30px 20px;
margin: 0 auto 0px;
}
.index_content:first-of-type {
position: relative;
top: -80px;
margin: 0 auto -80px;
}
.index_content:last-of-type {
margin-bottom: 0px;
}
.index_content img {
max-width: 100%;
height: auto;
display: block;
}
.no_header_slider .index_content:first-of-type {
top: 0;
margin: 0 auto;
} #index_3box {
padding-top: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#index_3box.index_content:first-of-type {
padding-top: 30px;
}
#index_3box .box { width: 33.33333%;
width: calc(100% / 3);
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_3box .box p {
font-size: .9rem;
font-family: auto;
color: white;
line-height: 2;
background: #79c5d1;
-webkit-transition: .2s;
transition: .2s;
padding: 10px 0 14px;
}
@media screen and (max-width: 1050px) {
#index_3box .box p {
font-size: .8rem;
}
}
@media screen and (max-width: 830px) {
#index_3box .box p {
font-size: .68rem;
}
}
#index_3box .box p:hover {
-webkit-transition: .2s;
transition: .2s;
background: #6598a1;
}
#index_3box .title {
font-family: ten-mincho-text, serif !important;
font-size: 1.4rem !important;
-webkit-transition: .2s;
transition: .2s;
letter-spacing: .5px;
}
@media screen and (max-width: 1050px) {
#index_3box .title {
font-size: 1.2rem !important;
}
}
#index_3box .title a {
padding: 10px 0;
display: block;
font-weight: normal;
line-height: 58px;
text-align: center;
background: #afcfd2;
color: #fff;
}
@media screen and (max-width: 650px) {
#index_3box .title a {
height: auto !important;
}
}
#index_3box .title a:hover {
background: #6598a1;
}
#index_3box .title a:hover p {
background: #6598a1;
}
#index_3box .image {
width: 100%;
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
#index_3box img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} #index_intro .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
#index_intro .left {
display: none;
}
}
#index_intro .right {
padding-left: 60px;
}
@media screen and (max-width: 768px) {
#index_intro .right {
padding-left: 0;
}
}
#index_intro .headline {
font-size: 32px !important;
letter-spacing: 1px;
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
@media screen and (max-width: 768px) {
#index_intro .headline {
font-size: 24px !important;
}
}
#index_intro .desc {
color: #20a9c9;
text-align: center;
line-height: 2.0;
margin: 20px 0 0 0;
font-family: ten-mincho-text, serif;
}
@media screen and (max-width: 768px) {
#index_intro .desc {
text-align: left;
}
}
@media screen and (max-width: 768px) {
#index_intro .desc {
margin: 22px 0 0 0 !important;
}
}
#index_intro .image {
width: 100%;
height: 380px;
position: relative;
margin: 85px 0 0 0;
}
#index_intro .button {
display: inline-block;
height: 55px;
line-height: 55px;
min-width: 220px;
padding: 0 20px;
text-align: center;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} #index_point .headline {
font-size: 32px;
letter-spacing: 1px;
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
@media screen and (max-width: 768px) {
#index_point .headline {
font-size: 24px;
}
}
#index_point .desc {
text-align: center;
line-height: 2.0;
margin: 22px 0 0 0;
}
#index_point .image {
width: 100%;
height: 380px;
position: relative;
margin: 85px 0 0 0;
}
#index_point .button {
display: inline-block;
height: 55px;
line-height: 55px;
min-width: 220px;
padding: 0 20px;
text-align: center;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_point .item-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#index_point .item-contents .item {
margin-top: 60px;
width: 30%;
padding: 0 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
#index_point .item-contents .item {
width: 50%;
}
#index_point .item-contents .item:nth-child(n + 3) {
margin-top: 50px;
}
}
@media screen and (max-width: 600px) {
#index_point .item-contents .item {
width: 100%;
padding: 0 20px;
}
#index_point .item-contents .item:nth-child(n + 2) {
margin-top: 50px;
}
}
@media screen and (max-width: 600px) {
#index_point .item-contents .item {
padding: 0 12px;
}
}
#index_point .item-contents .item .contents {
position: relative;
margin-bottom: 20px;
}
#index_point .item-contents .item .contents .item-img img {
width: 100%;
height: 220px;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
#index_point .item-contents .item h3 {
font-family: ten-mincho-text, serif !important;
color: #20a9c9;
letter-spacing: .5px;
font-size: 1.3rem;
line-height: 1.5;
text-align: left;
padding: 14px 0 12px 40px;
}
#index_point .item-contents .item p.i__1 {
min-height: 190px;
}
#index_point .item-contents .item p.i__2 {
min-height: 100px;
}
#index_point .item-contents .item p {
font-size: .9rem;
line-height: 1.8;
}
@media screen and (max-width: 1282px) {
#index_point .item-contents .item p {
min-height: 364px;
}
}
@media screen and (max-width: 1036px) {
#index_point .item-contents .item p {
min-height: 444px;
}
}
@media screen and (max-width: 900px) {
#index_point .item-contents .item p {
min-height: 200px;
}
}
@media screen and (max-width: 730px) {
#index_point .item-contents .item p {
min-height: 290px;
}
}
@media screen and (max-width: 600px) {
#index_point .item-contents .item p {
min-height: auto;
}
}
#index_point .item-contents .item .contents::before {
content: '';
position: absolute;
width: 40px;
top: 8px;
right: 0;
bottom: 0;
left: -12px;
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_item_p01.svg) no-repeat;
z-index: 10;
}
#index_point .item-contents .item .contents_2::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_item_p02.svg) no-repeat;
}
#index_point .item-contents .item .contents_3::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_item_p03.svg) no-repeat;
}
#index_point .item-contents .item .contents_4::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_item_p04.svg) no-repeat;
}
#index_point .item-contents .item2 {
margin-top: 30px;
width: 25%;
padding: 0 12px;
}
@media screen and (max-width: 920px) {
#index_point .item-contents .item2 {
width: 100%;
}
}
#index_point .item-contents .item3 {
width: 50%;
}
@media screen and (max-width: 920px) {
#index_point .item-contents .item3 {
width: 100%;
}
} #index_news .headline {
font-size: 32px !important;
letter-spacing: 1px;
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
@media screen and (max-width: 768px) {
#index_news .headline {
font-size: 24px !important;
}
}
#index_news .sub_title {
text-align: center;
font-size: 16px;
line-height: 1.0;
margin: 0;
}
#index_news_list {
margin: 60px 0 40px;
}
#index_news_list article {
float: left;
background: #f5f5f5;
width: 380px;
height: 150px;
margin: 0 20px 0 0;
overflow: hidden;
}
#index_news_list article:nth-child(3n) {
margin: 0;
}
#index_news_list .image {
width: 150px;
height: 150px;
display: block;
float: left;
position: relative;
z-index: 2;
overflow: hidden;
}
#index_news_list .image img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#index_news_list .title_area {
float: left;
position: relative;
height: 150px;
width: calc(100% - 150px);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_news_list .no_image .title_area {
width: 100%;
}
#index_news_list .title_area_inner {
position: absolute;
left: 40px;
right: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#index_news_list .title {
font-weight: normal;
line-height: 1.8;
}
#index_news_list .title a {
display: block;
}
#index_news_list .date {
font-size: 12px;
color: #999;
margin-top: 7px;
}
#index_news .button {
text-align: center;
} #index_wide_content {
width: 100%;
min-width: 1180px;
height: 440px;
position: relative;
margin: 100px 0 0 0;
}
#index_wide_content .headline_area {
position: absolute;
text-align: center;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#index_wide_content .headline {
text-align: center;
color: #6598a0;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
#index_wide_content .button {
display: inline-block;
height: 55px;
line-height: 55px;
min-width: 220px;
padding: 0 20px;
text-align: center;
margin: 30px 0 0 0;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} #index_course .headline {
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
#index_course .desc {
text-align: center;
line-height: 3.0;
margin: 0px 0 0 0;
}
#index_course_list {
margin: 87px 0 0 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index_course_list li {
float: left;
width: 50%;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_course_list.type2 li {
width: 33.3333%;
width: calc(100% / 3);
}
#index_course_list a {
display: block;
padding: 38px 38px 28px;
background: #fff;
height: 100%;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_course_list a:hover {
background: #f9f9f9;
}
#index_course_list .image {
margin: 0 0 43px 0;
}
#index_course_list .title {
text-align: center;
font-size: 24px;
font-weight: 400;
margin: 0 0 25px 0;
}
#index_course_list .short_desc {
line-height: 2.7;
}
#index_course .button {
text-align: center;
margin: 40px 0 0 0;
} #index_blog {
width: 100%;
min-width: 1180px;
background: #f5f5f5;
margin: 100px 0 0 0;
}
#index_blog_inner {
width: 1180px;
margin: 0 auto;
padding: 48px 0 60px;
}
#index_blog .headline {
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
#index_blog .sub_title {
text-align: center;
font-size: 16px;
line-height: 1.0;
margin: 0;
}
#index_blog .button {
text-align: center;
margin: 40px 0 0 0;
} #index_blog_list {
margin: 60px 0 0 0;
position: relative;
height: 342px;
border: 1px solid #ddd;
}
#index_blog_list .item {
width: 25%;
height: 340px;
border-right: 1px solid #ddd;
padding: 15px;
background: #fff;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#index_blog_list .image {
width: 100%;
display: block;
margin: 0 0 15px 0;
position: relative;
z-index: 2;
overflow: hidden;
}
#index_blog_list img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#index_blog_list .title {
font-size: 16px;
font-weight: normal;
line-height: 1.7;
margin: 0 0 10px 0;
}
#index_blog_list .title a {
display: block;
}
#index_blog_list li {
float: left;
font-size: 12px;
color: #999;
}
#index_blog_list li:first-of-type {
border-right: 1px solid #ddd;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
}
#index_blog_list li.category a {
color: #999;
display: none;
}
#index_blog_list li.category a:first-of-type {
display: inline;
}
#index_blog_list .slick-arrow {
width: 15px;
height: 15px;
position: absolute;
overflow: hidden;
cursor: pointer;
background: none !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#index_blog_list .slick-arrow span {
text-indent: -200px;
display: block;
}
#index_blog_list .slick-arrow:before {
font-family: 'design_plus';
color: #555;
font-size: 15px;
font-weight: bold;
display: block;
position: absolute;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#index_blog_list .slick-prev:before {
content: '\e90f';
}
#index_blog_list .slick-next:before {
content: '\e910';
}
#index_blog_list .slick-arrow:hover:before {
color: #666;
}
#index_blog_list .slick-prev {
top: 162px;
left: -40px;
}
#index_blog_list .slick-next {
top: 162px;
right: -40px;
} #index_gmap .headline {
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: normal;
}
#index_gmap .sub_title {
text-align: center;
font-size: 16px;
line-height: 1.0;
margin: 0 0 60px;
}
#index_gmap .button {
text-align: center;
margin: 40px 0 0 0;
}
#index_gmap .p-access__map {
width: 100%;
height: 500px;
margin-bottom: 40px;
}
#index_gmap .p-access__custom-overlay-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: -94px;
left: -40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px !important;
height: 80px !important;
border-radius: 50%;
font-size: 18px;
text-align: center;
}
#index_gmap .p-access__custom-overlay-inner::after {
display: block;
position: absolute;
right: 0;
bottom: -15px;
left: 0;
width: 0;
height: 0;
margin: auto;
border-width: 16px 5px 0 5px;
border-style: solid;
content: "";
}
#index_gmap .access {
max-width: 1000px;
margin: 0 auto;
padding-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
#index_gmap .access h3 {
font-family: fot-seurat-pron, sans-serif;
font-size: 1.2rem;
color: #20a9c9;
padding-bottom: 7px;
}
@media screen and (max-width: 768px) {
#index_gmap .access h3 {
font-size: 1rem;
}
}
#index_gmap .access .item {
width: 33.3%;
margin: 0 14px;
}
@media screen and (max-width: 768px) {
#index_gmap .access .item {
margin: 0 8px;
}
}
#index_gmap .access .item p {
margin-top: 18px;
line-height: 1.8;
}
.access {
max-width: 1000px;
margin: 0 auto;
padding-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.access h3 {
font-family: fot-seurat-pron, sans-serif;
font-size: 1.2rem;
color: #20a9c9;
padding-bottom: 7px;
}
@media screen and (max-width: 768px) {
.access h3 {
font-size: 1rem;
}
}
.access .item {
width: 33.3%;
margin: 0 14px;
}
@media screen and (max-width: 768px) {
.access .item {
margin: 0 8px;
}
}
.access .item p {
margin-top: 18px;
line-height: 1.8;
} #index_company {
padding-top: 100px;
}
#index_company .left_area {
width: 560px;
float: left;
margin: 0 0 0 0;
}
#index_company .right_area {
width: 560px;
float: right;
margin: 0 0 0 0;
}
#index_company .image {
margin: 0 0 17px 0;
}
#index_company .desc {
line-height: 2.5;
}
#index_company li {
float: left;
width: 30px;
}
#index_company li a {
display: block;
position: relative;
text-decoration: none;
}
#index_company li a span {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}
#index_company li a:before {
font-family: 'design_plus';
color: #7f7f7f;
font-size: 13px;
display: block;
position: absolute;
top: 10px;
left: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#index_company li a:hover:before {
color: #000;
}
#index_company li.twitter a:before {
content: "\e904";
}
#index_company li.facebook a:before {
content: "\e902";
}
#index_company li.insta a:before {
content: "\ea92";
top: 10px;
}
#index_company li.pint a:before {
content: "\e905";
}
#index_company li.mail a:before {
content: "\f0e0";
} #schedule_table {
margin: 0;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#schedule_table caption {
background: #ccc;
color: #fff;
height: 50px;
line-height: 50px;
margin-bottom: -1px;
font-weight: normal;
}
#schedule_table thead {
background: #fafafa;
}
#schedule_table td, #schedule_table th {
padding: 20px 10px;
text-align: center;
vertical-align: middle;
font-weight: normal;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#schedule_table .header {
width: 180px;
background: #fff;
}
#schedule_table .color {
background: #eff5f6;
}  .index_headline_set .headline {
text-align: center;
line-height: 1.5;
margin: 0;
font-weight: 500;
}
.index_headline_set .desc {
text-align: center;
line-height: 3.0;
margin: 0px 0 0 0;
} .title_sp {
display: none;
}
@media screen and (max-width: 768px) {
.title_sp {
position: absolute;
display: block;
top: -120px;
left: 10px;
color: white;
width: 100%;
max-width: 300px;
padding: 22px 14px;
line-height: 2.2;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-weight: 500;
background: #20a9c9cc;
border-radius: 4px;
text-shadow: none !important;
font-size: .7rem !important;
letter-spacing: 1px;
line-height: 1.4;
z-index: 999;
}
}
#header_slider {
width: 100%;
min-width: 1180px;
padding-top: 56.85%;
overflow: hidden;
position: relative;
background: #fff;
}
#header_slider .item {
opacity: 0;
width: 100%;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#header_slider .image {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#header_slider .caption {
width: 100%;
z-index: 3;
padding: 0 20px;
margin-top: 170px;
position: absolute;
top: 50%;
left: 3%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#header_slider .caption .title {
width: 100%;
max-width: 460px;
padding: 22px 20px;
line-height: 2.2;
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
font-weight: 500;
background: #20a9c9cc;
border-radius: 4px;
text-shadow: none !important;
letter-spacing: .5px;
}
@media all and (-ms-high-contrast: none) {
#header_slider .caption .title {
background: #20a9c9;
opacity: 0.92;
}
}
@media screen and (max-width: 768px) {
#header_slider .caption .title {
display: none;
width: 45%;
max-width: 240px !important;
line-height: 1.4;
}
}
#header_slider .caption img {
position: absolute;
right: 7%;
width: 20%;
min-width: 280px;
}
@media screen and (max-width: 900px) {
#header_slider .caption img {
display: none;
}
}
#header_slider .link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
}
#header_slider .overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
#header_slider video {
position: absolute;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: inherit;
}
#header_slider .image-entity {
width: 100%;
height: auto;
opacity: 0;
}
.youtube-player {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
} #header_slider .caption {
opacity: 0;
}
#header_slider .caption.type2 {
width: 100%;
padding: 0;
margin: 0;
height: calc(100% - 80px);
position: relative;
top: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
#header_slider .caption.type2 h3 {
text-align: left;
padding: 50px 0;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#header_slider .slick-active .caption {
-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
animation: opacityAnimation 1.0s ease forwards 1.0s;
}
#header_slider .first_active .caption {
-webkit-animation: opacityAnimation 1.0s ease forwards 2.0s !important;
animation: opacityAnimation 1.0s ease forwards 2.0s !important;
}
#header_slider .animation_type1.animate .image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: zoomOut 35.0s ease forwards;
animation: zoomOut 35.0s ease forwards;
}
#header_slider .animation_type2.animate .image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: zoomIn 35.0s ease forwards;
animation: zoomIn 35.0s ease forwards;
}  @-webkit-keyframes opacityAnimation {
0% {
}
100% {
opacity: 1;
}
}
@keyframes opacityAnimation {
0% {
}
100% {
opacity: 1;
}
} @-webkit-keyframes zoomOut {
0% {
-webkit-transform: scale(1) rotate(0.0001deg);
transform: scale(1) rotate(0.0001deg);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes zoomOut {
0% {
-webkit-transform: scale(1) rotate(0.0001deg);
transform: scale(1) rotate(0.0001deg);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
} @-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale(1.3) rotate(0.0001deg);
transform: scale(1.3) rotate(0.0001deg);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomIn {
0% {
-webkit-transform: scale(1.3) rotate(0.0001deg);
transform: scale(1.3) rotate(0.0001deg);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
} #page_header {
width: 100%;
min-width: 1180px;
height: 440px;
position: relative;
text-align: center;
}
#page_header .square_headline {
background: #fff;
display: inline-block;
position: relative;
padding: 0 15px;
height: 200px;
width: auto;
min-width: 200px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#page_header .square_headline_inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#page_header .title {
line-height: 1.5;
font-size: 28px;
}
#page_header .sub_title {
margin: 5px 0 0 0;
font-size: 16px;
}
#page_header.no_image {
background: #f2f2f2;
position: relative;
}
#page_menu {
max-width: 960px;
width: 100%;
margin: 0 auto;
margin-top: 2px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
#page_menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#page_menu ul a {
position: relative;
width: 33.3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: ten-mincho-text, serif;
font-size: .9rem;
padding: 16px 0px;
}
@media screen and (max-width: 770px) {
#page_menu ul a {
width: 25%;
}
}
@media screen and (max-width: 570px) {
#page_menu ul a {
width: 50%;
}
#page_menu ul a:nth-child(2) {
border-right: none;
}
}
@media screen and (max-width: 768px) {
#page_menu ul a {
font-size: .9rem;
}
}
#page_menu ul a:not(:last-child) {
border-right: 1px solid #ccc;
}
#page_menu ul .pege_menu_selected {
color: #20a9c9;
background-color: #f7f7f7;
}
#page_menu ul .pege_menu_selected:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #20a9c9;
bottom: 0px;
width: 100%;
}
#archive_catch {
text-align: center;
}
#archive_catch .catch {
font-size: 28px;
line-height: 1.5;
}
#archive_catch .desc {
line-height: 2.7;
margin-top: 12px;
}  #course_list {
margin-top: 90px;
}
.single-course #course_list {
margin-top: 100px;
}
#course_list .headline {
height: 60px;
line-height: 60px;
padding: 0 35px;
color: #fff;
font-size: 22px;
font-weight: normal;
}
#course_list .course {
margin: 0 0 100px 0;
}
#course_list ol {
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#course_list li {
width: 50%;
float: left;
margin: 0 0 -1px 0;
padding-top: 1px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#course_list li:nth-child(2n) {
border-right: none;
}
#course_list li a {
display: block;
padding: 38px;
background: #fff;
height: 100%;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#course_list li a:hover {
background: #f9f9f9;
}
#course_list .image {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 0 38px 0 0;
}
#course_list .image img {
width: 100%;
height: auto;
display: block;
}
#course_list .title {
font-size: 22px;
margin: -3px 0 10px 0;
display: block;
line-height: 1.4;
font-weight: normal;
}
#course_list .excerpt {
line-height: 2.4;
margin-bottom: -10px;
} #single_course {
margin-top: 100px;
} #course_title_area {
height: 60px;
line-height: 60px;
position: relative;
background: #f9f0f0;
}
#course_title_area .category {
font-size: 22px;
padding: 0 34px;
min-width: 220px;
color: #fff;
display: inline-block;
float: left;
text-align: center;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#course_title_area .title {
font-size: 22px;
font-weight: normal;
padding: 0 34px;
float: left;
} #course_image {
height: 360px;
} #curse_main_content {
border: 1px solid #ddd;
border-top: none;
padding: 95px 60px 80px;
}
#curse_main_content .catch {
font-size: 36px;
color: #000;
font-weight: 500;
text-align: center;
line-height: 1.5;
margin: 0 0 10px 0;
}
#curse_main_content .desc {
font-size: 14px;
line-height: 2.7;
width: 840px;
margin: 0 auto 20px;
}  #course_content_list {
margin: 90px 0 0;
}
#course_content_list .item {
margin: 0 0 80px 0;
}
#course_content_list .image {
float: left;
width: 500px;
}
#course_content_list .desc {
float: right;
width: 500px;
line-height: 2.5;
margin-top: -10px;
}
#course_content_list .even .image {
float: right;
}
#course_content_list .even .desc {
float: left;
} #course_next_prev_link {
text-align: center;
margin-top: 70px;
}
#course_next_prev_link div {
display: inline-block;
margin: 0 3px;
}
#course_next_prev_link a {
display: block;
width: 220px;
height: 55px;
line-height: 55px;
text-align: center;
background: #ccc;
color: #fff;
}
#course_next_prev_link a:hover {
background: #65989f;
}  #archive_news_list {
margin: 100px 0 0 0;
position: relative;
border: 1px solid #ddd;
overflow: hidden;
}
#archive_news_list .item {
float: left;
width: 50%;
height: 200px;
border: 1px solid #ddd;
border-top: none;
border-left: none;
margin: 0 0 -1px 0;
padding: 18px;
position: relative;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#archive_news_list .item:nth-child(2n) {
border-right: none;
}
#archive_news_list .image {
width: 260px;
height: auto;
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
#archive_news_list img {
width: 270px;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#archive_news_list .title {
font-size: 16px;
font-weight: normal;
line-height: 1.7;
margin: 0 0 9px 0;
}
#archive_news_list .title a {
display: block;
}
#archive_news_list .date {
font-size: 12px;
color: #999;
}
#archive_news_list .title_area {
padding: 0px 40px 0 300px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#archive_news_list .no_image .title_area {
padding: 0 18px;
} .single-news #post_meta_top li:first-of-type:after {
display: none;
}
#single_news_list {
margin: 50px 0 0 0;
position: relative;
}
#single_news_list .headline {
margin: 0;
font-weight: 400;
background: #afcfd2;
height: 50px;
line-height: 50px;
color: #fff;
padding: 0 24px;
z-index: 1;
}
#single_news_list .link {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 50px;
line-height: 50px;
padding: 0 35px 0 20px;
color: #fff;
z-index: 2;
}
#single_news_list .link:before {
content: '';
width: 15px;
height: 20px;
font-family: 'design_plus';
color: #fff;
font-size: 12px;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e910';
position: absolute;
top: 0px;
right: 14px;
}
#single_news_list ol {
position: relative;
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
}
#single_news_list li a {
display: block;
border-bottom: 1px solid #ddd;
height: 48px;
line-height: 48px;
padding: 0 24px;
}
#single_news_list li:last-of-type a {
border: none;
}
#single_news_list li .date {
float: left;
font-size: 12px;
color: #999;
width: 90px;
}
#single_news_list li .title {
float: right;
font-weight: normal;
width: calc(100% - 90px);
}
#single_news_list li a:hover {
background: #f9f9f9;
} #archive_faq_list {
margin: 100px 0 0 0;
border-bottom: 1px solid #ddd;
}
#archive_faq_list .item {
border: 1px solid #ddd;
border-bottom: none;
background: #fff;
}
#archive_faq_list .question {
font-size: 16px;
line-height: 2;
padding: 18px 70px 18px 40px;
font-weight: normal;
position: relative;
cursor: pointer;
}
#archive_faq_list .question:hover, #archive_faq_list .question.active, #archive_faq_list .question:hover:before, #archive_faq_list .question.active:before {
color: #65989f;
}
#archive_faq_list .question:before {
content: '\e90e';
font-family: 'design_plus';
color: #666;
font-size: 12px;
display: block;
width: 18px;
height: 18px;
position: absolute;
right: 28px;
top: 25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#archive_faq_list .question.active:before {
content: '\e911';
}
#archive_faq_list .answer {
padding: 32px 40px 3px;
background: #f6f9f9;
display: none;
border-top: 1px solid #ddd;
} #blog_list {
margin: 100px 0 0 0;
position: relative;
}
#blog_list .item {
float: left;
width: 25%;
height: 340px;
border: 1px solid #ddd;
margin: 0 -1px -1px 0;
padding: 18px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#blog_list .image {
width: 100%;
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
#blog_list img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#blog_list .title {
font-size: 16px;
font-weight: normal;
line-height: 1.7;
margin: 13px 0 5px 0;
}
#blog_list .title a {
display: block;
}
#blog_list .meta {
max-height: 60px;
overflow: hidden;
}
#blog_list li {
display: inline;
line-height: 1.7;
font-size: 12px;
color: #999;
position: relative;
}
#blog_list li:first-of-type {
padding: 0 9px 0 0;
margin: 0 3px 0 0;
}
#blog_list li:first-of-type:after {
content: '';
display: block;
position: absolute;
right: 0px;
top: 3px;
width: 1px;
height: 10px;
background: #999;
}
#blog_list li.category a:first-of-type {
display: inline;
}
.no_post {
text-align: center;
margin: 50px 0 0 0;
} .page_navi {
margin: 40px 0 0 0;
}
.page_navi ul {
margin: 0;
font-size: 0;
}
.page_navi li {
display: inline;
margin: 0 5px 5px 0;
}
.page_navi a {
font-size: 14px;
padding: 14px 16px;
line-height: 1;
margin: 0;
background: #f5f5f5;
color: #333;
display: inline-block;
}
.page_navi a:hover {
font-size: 14px;
padding: 14px 16px;
line-height: 1;
margin: 0;
background: #f5f5f5;
color: #333;
display: inline-block;
}
.page_navi span {
font-size: 14px;
padding: 14px 16px;
line-height: 1;
margin: 0;
background: #f5f5f5;
color: #333;
display: inline-block;
}
.page_navi a:hover {
color: #fff;
background: #000;
border-color: #000;
}
.page_navi span.dots {
background: none;
}
.page_navi span.current {
color: #fff;
background: #000;
border-color: #000;
}
.page_navi .next span, .page_navi .prev span {
display: none;
}
.page_navi .next:before {
font-family: 'design_plus';
color: #333;
font-size: 11px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before {
font-family: 'design_plus';
color: #333;
font-size: 11px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
}
.page_navi .next:before {
content: '\e910';
}
.page_navi .prev:hover:before, .page_navi .next:hover:before {
color: #fff;
} .post_content a:hover {
text-decoration: underline;
} #post_title {
font-size: 40px;
line-height: 1.3;
color: #000;
margin: 5px 0 10px 0;
}
body.page #post_title {
text-align: center;
margin: -30px 0 50px 0;
}
.pc .no_side_content #post_title {
text-align: center;
} #post_meta_top {
margin: 0 0 45px 0;
}
#post_meta_top li {
display: inline;
line-height: 1.7;
font-size: 12px;
color: #999;
position: relative;
}
#post_meta_top li:first-of-type {
padding: 0 9px 0 0;
margin: 0 3px 0 0;
}
#post_meta_top li:first-of-type:after {
content: '';
display: block;
position: absolute;
right: 0px;
top: 3px;
width: 1px;
height: 10px;
background: #999;
}
#post_meta_top a {
color: #999;
} #post_image {
padding: 0;
margin: 0 0 38.8px 0;
position: relative;
}
#post_image img {
width: 100%;
height: auto;
display: block;
margin: 0;
z-index: 1;
} #single_share_top {
margin: 0 0 5px 0;
}
#single_share_top #share_top1 {
padding-top: 0;
}
#single_share_bottom {
margin: 0;
}
#single_share_bottom .share-btm {
margin-bottom: 0;
padding: 0;
}
#single_share_bottom .mb45 {
margin-bottom: 45px !important;
} #post_pagination {
margin: 0 0 40px 0;
padding: 12px 0 0 0;
clear: both;
font-size: 0;
text-align: center;
}
#post_pagination h5 {
margin: 0 0 10px 0;
font-size: 12px;
}
#post_pagination a {
font-size: 12px;
display: inline-block;
background: #fff;
margin: 0 0 0 -1px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #333;
border: 1px solid #ccc;
}
#post_pagination p {
font-size: 12px;
display: inline-block;
background: #fff;
margin: 0 0 0 -1px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #333;
border: 1px solid #ccc;
background: #000;
color: #fff;
border-color: #000;
position: relative;
}
#post_pagination a:hover {
color: #fff;
} #p_readmore {
text-align: center;
padding: 12px 0 0 0;
}
#p_readmore .button {
background: #000;
color: #fff;
display: inline-block;
height: 50px;
line-height: 50px;
min-width: 220px;
padding: 0 40px;
text-decoration: none;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#p_readmore .button:hover {
background: #999;
} #post_meta_bottom {
margin: 0 0 50px;
background: #fafafa;
padding: 25px;
}
#post_meta_bottom li {
display: inline;
margin: 0 10px 0 0;
padding: 0 15px 0 20px;
border-right: 1px solid #ddd;
font-size: 12px;
line-height: 1.8;
position: relative;
}
#post_meta_bottom li:last-child {
border: none;
margin: 0;
}
#post_meta_bottom li:before {
font-family: 'design_plus';
color: #aaa;
font-size: 13px;
width: 13px;
height: 13px;
line-height: 13px;
display: block;
position: absolute;
top: 0;
left: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#post_meta_bottom li.post_author:before {
content: '\e90d';
top: 1px;
}
#post_meta_bottom li.post_category:before {
content: '\e92f';
}
#post_meta_bottom li.post_tag:before {
content: '\e935';
top: 2px;
}
#post_meta_bottom li.post_comment:before {
content: '\e916';
font-size: 16px;
top: 1px;
} #previous_next_post {
margin: 0;
}
#previous_next_post .prev_post, #previous_next_post .next_post {
float: left;
width: 50%;
}
#previous_next_post a {
width: 100%;
display: block;
border: 1px solid #ddd;
line-height: 1.8;
height: 97px;
position: relative;
display: table;
background: #fff;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#previous_next_post div:last-of-type a {
border-left: none;
}
#previous_next_post div:only-of-type a {
border-left: 1px solid #ddd;
}
#previous_next_post .next_post a {
padding: 0 60px 0 25px;
}
#previous_next_post .prev_post a {
padding: 0 25px 0 60px;
}
#previous_next_post a span {
display: table-cell;
vertical-align: middle;
height: 50px;
overflow: hidden;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#previous_next_post span.nav {
display: none;
}
#previous_next_post a:hover {
background: #f7f7f7;
}
#previous_next_post .prev_post a:before {
content: '';
width: 15px;
height: 20px;
font-family: 'design_plus';
color: #111;
font-size: 16px;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e90f';
position: absolute;
top: -6px;
bottom: 0px;
left: 20px;
margin: auto;
}
#previous_next_post .next_post a:before {
content: '';
width: 15px;
height: 20px;
font-family: 'design_plus';
color: #111;
font-size: 16px;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e910';
position: absolute;
top: -6px;
bottom: 0px;
right: 20px;
margin: auto;
} #single_banner_top {
margin: 5px 0 30px;
text-align: center;
padding: 30px 20px;
}
#single_banner_bottom {
margin: 50px 0;
text-align: center;
padding: 30px 20px;
}
#single_banner_shortcode {
margin: 0 0 30px 0;
padding: 10px 0 0 0;
text-align: center;
}
.single_banner_area .single_banner_left {
width: 50%;
float: left;
padding: 0 10px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.single_banner_area .single_banner_right {
width: 50%;
float: right;
padding: 0 10px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.single_banner_area img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.single_banner_area.one_banner .single_banner_left {
float: none;
margin: 0 auto;
}
.single_banner_area.one_banner img {
margin: 0 auto;
} #related_post {
margin: 50px 0 0 0;
}
#related_post .headline {
margin: 0;
font-weight: 400;
background: #afcfd2;
height: 50px;
line-height: 50px;
color: #fff;
padding: 0 24px;
}
#related_post ol {
position: relative;
width: calc(100% + 2px);
}
#related_post li {
height: 260px;
margin: 0 -1px -1px 0;
border: 1px solid #ddd;
padding: 22px;
float: left;
width: 33.33333%;
width: calc(100% / 3);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#related_post .image {
display: block;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
z-index: 2;
margin: 0 0 15px 0;
}
#related_post .image img {
display: block;
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#related_post .title {
line-height: 1.9;
font-weight: normal;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#related_post .title a {
display: block;
}  #profile_page_top .user_avatar {
overflow: hidden;
width: 200px;
height: 200px;
display: block;
margin: 0px auto 30px;
border-radius: 130px;
}
#profile_page_top .user_avatar img {
width: 100%;
height: auto;
display: block;
}
#profile_page_top .user_name {
font-size: 21px;
margin: 0 0 25px 0;
text-align: center;
font-weight: 400;
}
#profile_page_top .user_sns {
text-align: center;
margin-bottom: 33px;
padding: 0;
font-size: 0;
}
#profile_page_top li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
line-height: 100%;
font-size: 11px;
background: none;
width: 30px;
}
#profile_page_top li a {
position: relative;
text-decoration: none;
}
#profile_page_top li a span {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}
#profile_page_top li a:before {
font-family: 'design_plus';
color: #333;
font-size: 12px;
display: block;
position: absolute;
top: 10px;
left: -5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#profile_page_top li.twitter_button a:before {
content: "\e904";
}
#profile_page_top li.facebook_button a:before {
content: "\e902";
}
#profile_page_top li.insta_button a:before {
content: "\ea92";
top: 10px;
}
#profile_page_top li.pint_button a:before {
content: "\e905";
}
#profile_page_top li.mail_button a:before {
content: "\f0e0";
}
#profile_page_top li.twitter_button a:hover:before {
color: #16b9dc;
}
#profile_page_top li.facebook_button a:hover:before {
color: #3B5998;
}
#profile_page_top li.insta_button a:hover:before {
color: #8a3ab9;
}
#profile_page_top li.pint_button a:hover:before {
color: #c92228;
}
#profile_page_top li.mail_button a:hover:before {
color: #16b9dc;
} #header_image_for_404 {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#header_image_for_404 img {
width: 100%;
height: auto;
display: block;
}
#header_image_for_404 .caption {
margin: 0;
width: 100%;
padding: 0 30px;
line-height: 1.5;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-mox-transform: translate(-50%, -50%);
transform: translateY(-50%, -50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#header_image_for_404 .caption p + p {
margin-top: 0.5em;
}
#header_image_for_404.animate .caption {
-webkit-animation: opacityAnimation 1.0s ease forwards 1.5s !important;
animation: opacityAnimation 1.0s ease forwards 1.5s !important;
} #page_banner {
margin: 50px 0;
text-align: center;
font-size: 0;
}
#page_banner img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
#page_banner .page_banner {
width: 50%;
display: inline-block;
border: 1px solid #ddd;
padding: 40px;
text-align: center;
width: calc(50% - 15px);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#page_banner .banner_left {
margin: 0 15px 0 0;
}
#page_banner .banner_right {
margin: 0 0 0 15px;
}
#page_banner.one_banner .banner_left, #page_banner.one_banner .banner_right {
margin: 0;
} #previous_next_page {
text-align: center;
margin: 12px 0 70px 0;
font-size: 0;
}
#previous_next_page a {
font-size: 14px;
display: inline-block;
vertical-align: top;
text-decoration: none;
text-align: center;
padding: 0 25px;
height: 50px;
line-height: 50px;
min-width: 180px;
background: #ccc;
color: #fff;
position: relative;
margin: 0 5px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#previous_next_page a:after {
font-family: 'design_plus';
content: '\e910';
color: #fff;
display: block;
position: absolute;
top: 1px;
right: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#previous_next_page a.prev:after {
content: '\e90f';
right: auto;
left: 16px;
} #header {
font-family: ten-mincho-text, serif !important;
height: 90px;
width: 100%;
min-width: 1180px;
position: relative;
z-index: 20;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#header:after, :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
}
#wrap {
position: relative;
background: white;
width: 100%;
}
@media screen and (max-width: 1280px) {
#wrap {
display: none;
}
}
#svg-bg {
position: absolute;
bottom: -30px;
height: 50px;
left: 0;
width: 100%;
}
#header_inner {
height: 90px;
width: 1180px;
margin: 0 auto;
position: relative;
} .pc #logo_text, .pc #logo_image {
display: inline;
position: absolute;
left: 0;
top: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#logo_image {
z-index: 999;
}
@media screen and (max-width: 768px) {
#logo_image {
top: 80% !important;
left: 3px !important;
}
}
#logo_image p {
color: #20a9c9;
top: -80px;
padding-left: 170px;
position: absolute;
display: block;
width: 500px;
font-size: .86rem;
letter-spacing: .5px;
}
@media screen and (max-width: 1280px) {
#logo_image p {
display: none;
}
}
#logo_image .logo img {
max-width: 160px;
height: auto;
}
@media screen and (max-width: 1280px) {
#logo_image .logo img {
max-width: 120px;
}
}
@media screen and (max-width: 768px) {
#logo_image .logo img {
width: 80px;
height: auto;
}
}
.pc #logo_image img.pc_logo_image {
display: block;
margin: 0 auto;
}
.pc #logo_image img.mobile_logo_image {
display: none;
}
.pc #logo_text h2 {
line-height: 1;
font-weight: normal;
}
.pc #logo_text a {
text-decoration: none;
}
.pc .header_fix #header #logo_text, .pc .header_fix #header #logo_image {
display: none;
}
@media screen and (max-width: 1280px) {
.pc #header .logo {
display: none;
}
.mobile #logo_text {
position: absolute;
top: 50%;
left: 20px;
margin: auto;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
} #header_button {
float: right;
margin: 18px 0 0 46px;
}
#header_button a {
min-width: 180px;
height: 50px;
line-height: 50px;
} .pc #global_menu {
height: 90px;
font-size: 0;
float: right;
}
.pc #global_menu li.menu-item-202 a::after {
content: 'Home';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-120 a::after {
content: 'Infomation';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-119 a::after {
content: 'About Us';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-118 a::after {
content: 'Service';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-117 a::after {
content: 'Facilities';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-150 a::after {
content: 'Access';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu li.menu-item-219 a::after {
content: 'Facebook';
color: #5fc2d3;
display: block;
margin-top: 5px;
font-size: 6px;
letter-spacing: .5px;
}
.pc #global_menu > ul {
display: inline-block;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
position: relative;
vertical-align: top;
}
.pc #global_menu > ul > li {
font-size: 1%;
position: relative;
display: inline-block;
text-align: center;
padding: 0px 24px;
}
.pc #global_menu > ul > li:not(:last-child) {
border-right: 2px solid #ffc31a;
}
.pc #global_menu > ul > li > a {
color: #383838;
font-size: 16px;
text-decoration: none;
letter-spacing: .5px;
display: block;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.pc #global_menu ul ul {
display: none;
width: 210px;
position: absolute;
top: 90px;
left: -24px;
margin: 0;
padding: 0;
}
.pc #global_menu ul ul ul {
left: 100%;
top: 0;
margin: 0;
border: none;
}
.pc #global_menu ul ul li {
line-height: 1.5;
padding: 0;
margin: 0;
text-align: left;
position: relative;
display: block;
}
.pc #global_menu ul ul a {
font-size: 14px;
background: #222;
color: #fff !important;
display: block;
border: none;
position: relative;
padding: 14px 25px;
height: auto;
line-height: 1.6;
margin: 0;
text-align: left;
}
.pc #global_menu ul ul a:hover {
text-decoration: none;
border: none;
}
.pc #global_menu ul ul li.menu-item-has-children > a:before {
font-size: 12px;
font-family: 'design_plus';
content: '\e910';
color: #fff;
display: block;
position: absolute;
right: 15px;
top: 19px;
height: 14px;
line-height: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pc #menu_button, .pc #global_menu ul.main_menu {
display: none;
}
.pc .header_fix {
padding-top: 90px;
}
.pc .header_fix #header {
position: fixed;
top: 0px;
left: 0px;
z-index: 200;
background: #fff;
height: 50px;
width: 100%;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
animation: slideDown 0.5s ease;
-ms-animation: slideDown 0.5s ease;
-webkit-animation: slideDown 0.5s ease;
-moz-animation: slideDown 0.5s ease;
}
.pc .header_fix #header_inner {
height: 50px;
}
.pc .header_fix #header_button {
display: none;
}
.pc .header_fix #wrap {
display: none;
}
.pc .header_fix #global_menu {
bottom: -1px;
float: none;
width: 100%;
}
.pc .header_fix #global_menu li.menu-item-202 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-120 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-119 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-118 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-117 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-150 a::after {
content: '';
}
.pc .header_fix #global_menu li.menu-item-219 a::after {
content: '';
}
.pc .header_fix #global_menu > ul > li {
height: 50px;
line-height: 50px;
margin: 0;
}
.pc .header_fix #global_menu > ul > li > a {
margin: 0;
height: 50px;
line-height: 50px;
font-size: 15px;
}
.pc .header_fix #global_menu ul ul {
top: 50px;
left: 0;
width: 100%;
}
.pc .header_fix #global_menu ul ul ul {
top: 0;
left: 100%;
}
.pc .header_fix #global_menu > ul {
display: -webkit-box;
-webkit-box-pack: justify;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
height: 50px;
}
.pc .header_fix #global_menu > ul > li {
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
text-align: center;
border-right: none;
}   @-webkit-keyframes slideDown {
0% {
top: -50px;
}
100% {
top: 0px;
}
}
@keyframes slideDown {
0% {
top: -50px;
}
100% {
top: 0px;
}
}  #bread_crumb {
width: 100%;
min-width: 1180px;
background: #afcfd2;
}
#bread_crumb ul {
margin: 0 auto;
width: 1180px;
padding: 17px 0 14px 360px;
}
@media screen and (max-width: 1280px) {
#bread_crumb ul {
padding-left: 145px !important;
}
}
@media screen and (max-width: 768px) {
#bread_crumb ul {
padding-left: 0px !important;
margin-top: 20px !important;
}
}
#bread_crumb li {
color: #fff;
display: inline;
font-size: 14px;
padding: 0 0 0 17px;
margin: 0 5px 0 0;
line-height: 1.6;
position: relative;
}
#bread_crumb li:before {
font-family: 'design_plus';
content: '\e910';
color: #fff;
font-size: 9px;
width: 9px;
height: 9px;
line-height: 9px;
display: block;
position: absolute;
left: 0;
top: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#bread_crumb li.home {
padding: 0 0 0 5px;
}
#bread_crumb li.home a {
position: relative;
width: 14px;
height: 18px;
word-wrap: break-word;
text-indent: -300%;
overflow: hidden;
display: block;
float: left;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#bread_crumb li.home a:after {
font-family: 'design_plus';
content: '\e90c';
width: 14px;
height: 14px;
line-height: 14px;
text-indent: 0;
display: block;
position: absolute;
top: 3px;
left: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#bread_crumb li.home a:hover:after {
color: #6698a1;
}
#bread_crumb li.home:before {
display: none;
}
#bread_crumb li a {
color: #fff;
}
#bread_crumb li a:hover {
color: #6698a1;
}
#bread_crumb li.category a:after {
content: ',';
}
#bread_crumb li.category a:last-of-type:after, #bread_crumb li.category a:only-of-type:after {
display: none;
}  .page-footer {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
} #footer_contact_area {
background: #f5f5f5;
width: 100%;
min-width: 1180px;
padding: 60px 0;
margin-bottom: 60px;
}
#footer_contact_area_inner {
width: 1180px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer_contact_content {
width: 50%;
position: relative;
padding: 40px;
background: #fff;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.footer_contact_content:last-of-type {
border-left: none;
}
.footer_contact_content:only-of-type {
border-left: 1px solid #ddd;
margin: 0 auto;
}
#footer_tel > div, #footer_contact > div {
position: relative; }
#footer_tel {
border-right: 1px solid #ddd;
}
#footer_tel .headline {
line-height: 2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#footer_tel .right_area {
float: right;
}
#footer_tel .number {
font-size: 38px;
margin-top: -3px;
}
#footer_tel .number span {
font-size: 24px;
}
#footer_tel .time {
margin: 13px 0 0 0;
}
#footer_contact .headline {
line-height: 2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#footer_contact .button {
float: right;
text-align: center;
margin: 0;
} #footer_menu {
margin-top: 60px;
padding: 30px 0;
}
#footer_content_company {
background: #e1f2f4;
}
@media screen and (max-width: 768px) {
#footer_content_company {
margin-top: 0;
}
}
#footer_content_company #index_company {
max-width: 1000px;
margin: 0 auto;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e1f2f4;
}
@media screen and (max-width: 768px) {
#footer_content_company #index_company {
padding: 60px 20px;
}
}
@media screen and (max-width: 1000px) {
#footer_content_company #index_company {
display: block;
}
}
#footer_content_company #index_company h2 {
letter-spacing: 1px;
font-family: ten-mincho-text, serif !important;
}
#footer_content_company #index_company .left {
width: 45%;
text-align: center;
margin-right: 40px;
}
@media screen and (max-width: 1000px) {
#footer_content_company #index_company .left {
width: 100%;
}
}
#footer_content_company #index_company .left .image {
margin: 0 auto;
max-width: 240px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 768px) {
#footer_content_company #index_company .left .image {
max-width: 200px;
}
}
#footer_content_company #index_company .left .image-tel {
margin: 0 auto;
max-width: 340px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 768px) {
#footer_content_company #index_company .left .image-tel {
max-width: 300px;
}
}
#footer_content_company #index_company .right {
width: 55%;
}
@media screen and (max-width: 1000px) {
#footer_content_company #index_company .right {
width: 100%;
margin-top: 50px;
}
}
#footer_content_company #index_company .right h2 {
font-size: 1.6rem;
color: #20a9c9;
margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
#footer_content_company #index_company .right h2 {
font-size: 1.3rem;
}
}
#footer_content_company #index_company .right table {
margin-top: 20px;
}
#footer_content_company #index_company .right table td {
color: #20a9c9;
background: white;
font-family: ten-mincho-text, serif;
}
#footer_content_company #index_company .right table td:not(:first-child) {
font-size: 1.1rem;
}
#footer_content_company #index_company .right table td:last-child {
color: #262626;
}
#footer_content_company #index_company .right p {
line-height: 2;
}
#footer_content {
width: 100%;
min-width: 1180px;
padding: 0 0 60px;
}
#footer_content_inner {
width: 1180px;
margin: 0 auto;
}
#footer_content .item {
height: 130px;
width: 380px;
position: relative;
float: left;
margin: 0 20px 0 0;
}
#footer_content .item:nth-child(3n) {
margin: 0;
}
#footer_content .image {
display: block;
width: 130px;
height: 130px;
float: left;
position: relative;
z-index: 2;
overflow: hidden;
}
#footer_content .image img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#footer_content .title {
float: left;
display: block;
width: calc(100% - 130px);
height: 130px;
position: relative;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#footer_content .title span {
width: 100%;
padding: 0 40px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} #footer_menu {
text-align: center;
border-top: 1px solid #ddd;
height: 60px;
line-height: 60px;
}
#footer_menu ul {
font-size: 0;
line-height: 1;
margin: 23px 0 0 0;
}
#footer_menu li {
font-size: 1rem;
display: inline-block;
}
#footer_menu li a {
display: block;
margin: 0 10px 0 0;
padding: 0 12px 0 0;
border-right: 1px solid #666;
}
#footer_menu li:last-of-type a {
border: none;
margin: 0;
padding: 0;
} #copyright {
background: #65989f;
text-align: center;
font-size: 12px;
height: 60px;
line-height: 60px;
color: #fff;
}
#copyright a {
color: #fff;
} #return_top {
display: block;
position: fixed;
right: 0px;
bottom: 0px;
z-index: 999;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
}
#return_top a {
display: block;
height: 60px;
width: 60px;
line-height: 60px;
text-decoration: none;
background: rgba(0, 0, 0, 0.2);
z-index: 100;
position: relative;
}
#return_top span {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}
#return_top a:before {
font-family: 'design_plus';
color: #fff;
font-size: 12px;
display: block;
position: absolute;
width: 18px;
height: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e911';
left: 24px;
top: 2px;
}
#return_top.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} #fixed_footer_content {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
color: #fff;
padding: 40px;
z-index: 9999;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
}
#fixed_footer_content.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#fixed_footer_content a {
color: #fff;
text-decoration: none;
}
#fixed_footer_content .content_left {
position: absolute;
left: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: calc(100% - 530px);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#fixed_footer_content .has_image .content_left {
width: calc(100% - 840px);
}
#fixed_footer_content .button {
position: absolute;
right: 55px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 300px;
height: 55px;
line-height: 55px;
text-align: center;
display: inline-block;
padding: 0 40px 0 10px;
font-size: 16px;
}
#fixed_footer_content .button:after {
font-family: 'design_plus';
content: '\e910';
color: #fff;
font-size: 14px;
display: block;
position: absolute;
top: 1px;
right: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .image {
position: absolute;
right: 55px;
max-width: 728px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#fixed_footer_content .image img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
#fixed_footer_content .close {
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
}
#fixed_footer_content span {
display: none;
}
#fixed_footer_content .close:before {
font-family: 'design_plus';
color: #fff;
font-size: 20px;
display: block;
content: '\e91a';
position: absolute;
top: 10px;
left: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .close:hover {
background: rgba(255, 255, 255, 0.1);
}
#fixed_footer_content .catch {
font-size: 21px;
margin: 0;
line-height: 1.5;
}
#fixed_footer_content .desc {
font-size: 14px;
margin: 5px 0 0 0;
line-height: 2;
}
#fixed_footer_content .pr {
background: #fff;
color: #333;
display: inline;
font-size: 12px;
margin: 5px 15px 0 0;
padding: 0 12px;
border-radius: 2px;
height: 20px;
line-height: 20px;
float: left;
}
#fixed_footer_content .pr1 {
display: none;
}
#fixed_footer_content .free {
width: 100%;
padding-right: 100px;
position: absolute;
left: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#fixed_footer_content .post_content p {
margin: 0;
line-height: 1.6;
}  .side_widget {
margin: 0 0 48px 0;
position: relative;
}
.side_widget:last-child, .side_widget:only-child {
margin: 0;
}
.side_headline {
font-size: 16px;
margin: 0;
padding: 0 20px;
font-weight: 400;
color: #fff;
background: #afcfd2;
height: 50px;
line-height: 50px;
}
.side_widget ul {
margin: 0;
font-size: .9rem;
}
.side_widget li {
line-height: 2;
padding: 2px 0;
margin: 0 0 10px 0;
}
.side_widget li ul {
margin: 10px 0 0 0;
}
.side_widget a {
text-decoration: none;
}
.side_widget img {
height: auto;
max-width: 100%;
} .tcd_ad_widget {
margin: 0 0 50px 0;
border: none;
padding: 0;
background: none;
}
.tcd_ad_widget img {
height: auto;
max-width: 100%;
margin: 0 auto;
display: block;
} .widget_calendar .side_headline {
margin: 0 0 30px 0;
}
#wp-calendar {
margin: 0 auto;
width: 100%;
font-size: 11px;
border-collapse: separate;
table-layout: fixed;
}
#wp-calendar th {
color: #333;
padding: 2px;
line-height: 3.4;
text-align: center;
}
#wp-calendar td {
color: #333;
padding: 2px;
line-height: 3.4;
text-align: center;
}
#wp-calendar td a {
display: block;
margin: 0;
padding: 0;
text-decoration: none;
color: #333;
background-color: #eee;
}
#wp-calendar td a:hover {
text-decoration: none;
color: #fff;
background: #ccc;
}
#wp-calendar caption {
padding: 7px 0;
}
#wp-calendar thead th, #wp-calendar tfoot td {
border: none;
padding: 0;
line-height: 2;
}
#wp-calendar #prev, #wp-calendar #next {
line-height: 3;
}
#wp-calendar #prev a, #wp-calendar #next a {
text-decoration: none;
background: none;
color: #333;
}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
color: #fff;
background: #ccc;
}
#wp-calendar td#today {
font-weight: bold;
} .styled_post_list1 {
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
}
.styled_post_list1 li {
width: 50%;
height: 230px;
float: left;
margin: 0 0 -1px 0;
overflow: hidden;
padding: 14px;
background: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.styled_post_list1 li:nth-child(2n) {
border-right: none;
}
.styled_post_list1.show_date li {
height: 250px;
}
.styled_post_list1 .image {
width: 100%;
height: auto;
display: block;
overflow: hidden;
position: relative;
z-index: 2;
}
.styled_post_list1 .image img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.styled_post_list1 .title {
font-size: 14px;
margin: 10px 0 0 0;
display: block;
line-height: 1.8;
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
}
.styled_post_list1 .title:hover {
text-decoration: none;
}
.styled_post_list1 .date {
margin: 5px 0 0 0;
position: relative;
display: block;
line-height: 1;
color: #999;
font-size: 12px;
} .styled_post_list2 {
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
}
.styled_post_list2 li {
margin: 0 0 -1px 0;
overflow: hidden;
padding: 14px;
background: none;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.styled_post_list2 .image { width: 120px;
height: 120px;
margin: 0 14px 0 0;
display: block;
overflow: hidden;
position: relative;
z-index: 2;
}
.styled_post_list2 .image img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.styled_post_list2 .info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.styled_post_list2 .title {
font-size: 14px;
margin: 0;
display: block;
line-height: 1.8;
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
}
.styled_post_list2 .date {
margin: 5px 0 0 0;
position: relative;
display: block;
line-height: 1;
color: #999;
font-size: 12px;
} .widget_tab_post_list_button a {
display: inline-block;
height: 55px;
line-height: 55px;
width: 50%;
text-align: center;
border: 1px solid #ddd;
background: #f9f9f9;
float: left;
margin-bottom: -1px;
font-size: 14px;
position: relative;
text-decoration: none;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.widget_tab_post_list_button a:hover {
color: #fff;
background: #65989f;
border-color: #65989f;
}
.widget_tab_post_list_button a.tab1 {
border-right: 0;
}
.widget_tab_post_list_button a.active {
background: #fff;
border-bottom: 1px solid #fff;
}
.widget_tab_post_list_button a.active:hover {
color: #666;
background: #fff !important;
border-color: #ddd !important;
border-bottom: 1px solid #fff !important;
}
.widget_tab_post_list {
border: 1px solid #ddd;
font-size: 0;
padding: 20px 0 0 0;
}
.widget_tab_post_list li {
margin: 0 0 -1px 0;
overflow: hidden;
padding: 14px;
background: none;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.widget_tab_post_list2 {
display: none;
}
.widget_tab_post_list .info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.widget_tab_post_list .title {
font-size: 14px;
margin: 0;
display: block;
line-height: 1.8;
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
}
.widget_tab_post_list .date {
color: #999;
font-size: 12px;
}
.widget_tab_post_list .image { width: 120px;
height: 120px;
margin: 0 14px 0 0;
display: block;
overflow: hidden;
position: relative;
z-index: 2;
}
.widget_tab_post_list .image img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .tcdw_menu_widget .menu1, .tcdw_menu_widget .menu2 {
width: 50%;
float: left;
font-size: 12px;
}
.tcdw_menu_widget .menu_headline {
margin: 0 0 15px 0;
font-size: 20px;
font-weight: bold;
}
.tcdw_menu_widget li:last-child {
margin-bottom: 0;
} .tcd_user_profile_widget {
border: 1px solid #ddd;
padding: 30px 30px 30px;
}
.tcd_user_profile_widget .user_avatar {
overflow: hidden;
width: 130px;
height: 130px;
display: block;
margin: 0px auto 25px;
border-radius: 130px;
}
.tcd_user_profile_widget .user_avatar img {
width: 100%;
height: auto;
display: block;
}
.tcd_user_profile_widget .user_desc {
line-height: 2.3;
margin: 0 0 30px 0;
}
.tcd_user_profile_widget .button {
text-align: center;
margin: 0 0 30px 0;
}
.tcd_user_profile_widget .button a {
display: inline-block;
height: 45px;
line-height: 45px;
padding: 0 30px;
background: #222;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.tcd_user_profile_widget .user_sns {
text-align: center;
margin: 0;
padding: 0;
font-size: 0;
}
.tcd_user_profile_widget li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
line-height: 100%;
font-size: 11px;
background: none;
width: 30px;
}
.tcd_user_profile_widget li a {
position: relative;
text-decoration: none;
}
.tcd_user_profile_widget li a span {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.tcd_user_profile_widget li a:before {
font-family: 'design_plus';
color: #333;
font-size: 12px;
display: block;
position: absolute;
top: 10px;
left: -5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tcd_user_profile_widget li.twitter_button a:before {
content: "\e904";
}
.tcd_user_profile_widget li.facebook_button a:before {
content: "\e902";
}
.tcd_user_profile_widget li.insta_button a:before {
content: "\ea92";
top: 10px;
}
.tcd_user_profile_widget li.pint_button a:before {
content: "\e905";
}
.tcd_user_profile_widget li.mail_button a:before {
content: "\f0e0";
}
.tcd_user_profile_widget li.twitter_button a:hover:before {
color: #16b9dc;
}
.tcd_user_profile_widget li.facebook_button a:hover:before {
color: #3B5998;
}
.tcd_user_profile_widget li.insta_button a:hover:before {
color: #8a3ab9;
}
.tcd_user_profile_widget li.pint_button a:hover:before {
color: #c92228;
}
.tcd_user_profile_widget li.mail_button a:hover:before {
color: #16b9dc;
} .tcd_category_list {
margin: 0;
}
.tcd_category_list li {
margin: 0;
padding: 0;
background: none;
position: relative;
}
.tcd_category_list a {
display: block;
padding: 0 5px 0 20px;
height: 50px;
line-height: 50px;
overflow: hidden;
border: 1px solid #ddd;
margin: -1px 0 0 0;
text-decoration: none;
background: #fff;
position: relative;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tcd_category_list a:hover {
background: #f5f5f5;
color: #333;
}
.tcd_category_list > li:first-child > a {
border-top: none;
}
.tcd_category_list li a .count {
display: none;
float: right;
top: 5px;
position: relative;
height: 40px;
line-height: 40px;
background: #ccc;
color: #fff;
padding: 0 8px;
min-width: 24px;
text-align: center;
font-size: 11px;
}
.tcd_category_list li a:hover .count {
background: #d80c49;
}
.tcd_category_list.show_count li a .count {
display: block;
}
.tcd_category_list li li a {
padding-left: 28px;
}
.tcd_category_list li li li a {
padding-left: 42px;
}
.tcd_category_list li li li li a {
padding-left: 56px;
}
.tcd_category_list ul {
display: none;
margin: 0 !important;
padding: 0 !important;
background: none;
z-index: 9;
position: relative;
}
.tcd_category_list ul ul {
width: 100%;
position: relative;
}
.tcd_category_list ul li {
margin: 0;
padding: 0;
} .tcdw_custom_drop_menu_widget .side_headline {
margin: 0 0 -1px 0;
z-index: 2;
position: relative;
}
.tcdw_custom_drop_menu {
margin: 0;
padding: 0;
}
.tcdw_custom_drop_menu li {
margin: 0;
padding: 0;
background: none;
position: relative;
}
.tcdw_custom_drop_menu a {
display: block;
padding: 0 15px;
height: 55px;
line-height: 55px;
overflow: hidden;
border: 1px solid #ddd;
margin: -1px 0 0 0;
text-decoration: none;
background: #fff;
position: relative;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tcdw_custom_drop_menu li:first-child > a {
border-top: none;
}
.tcdw_custom_drop_menu a:after {
font-family: 'design_plus';
content: '\e910';
color: #aaa;
font-size: 12px;
display: block;
position: absolute;
top: 2px;
right: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tcdw_custom_drop_menu a:hover {
background: #014760;
color: #fff;
}
.tcdw_custom_drop_menu a:hover:after {
color: #fff;
}
.tcdw_custom_drop_menu > li.parent_menu.active > a:after {
content: '\e911';
}
.tcdw_custom_drop_menu li ul {
display: none;
margin: 0 !important;
padding: 0 !important;
background: none;
z-index: 9;
position: relative;
}
.tcdw_custom_drop_menu li ul ul {
width: 100%;
position: relative;
}
.tcdw_custom_drop_menu li ul li {
margin: 0;
padding: 0;
}
.tcdw_custom_drop_menu li ul li a {
height: auto;
line-height: 1.5;
padding: 18px 25px;
background: #f6f6f6;
}
.tcdw_custom_drop_menu li ul li a:after {
display: none;
}
.tcdw_custom_drop_menu li ul ul li a {
background: #ddd;
}
.tcdw_custom_drop_menu li ul ul ul li a {
background: #ccc;
}
.tcdw_custom_drop_menu li ul ul ul ul li a {
background: #bbb;
} .widget_search label {
display: none;
}
#searchform {
border: 1px solid #ddd;
background: #fbfbfb;
height: 50px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#searchform #s {
border: none;
background: none;
padding: 0 10px;
margin: 0;
width: calc(100% - 50px);
height: 50px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#searchform #searchsubmit {
border: none;
background: none;
width: 50px;
height: 50px;
z-index: 200;
position: relative;
cursor: pointer;
display: block;
text-indent: -300%;
overflow: hidden;
}
#searchform .submit_button {
position: relative;
width: 50px;
height: 50px;
float: right;
top: -1px;
}
#searchform .submit_button:before {
text-indent: 0;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
z-index: 1;
position: absolute;
font-family: 'design_plus';
color: #333;
font-size: 18px;
content: '\e915';
right: 0px;
top: 1px;
}
#searchform .submit_button:hover {
background: #333;
}
#searchform .submit_button:hover:before {
color: #fff;
} .widget_archive .side_headline {
margin: 0 0 20px 0;
}
.widget_archive ul {
margin: 0;
padding: 0;
}
.widget_archive select {
border: 1px solid #ddd;
padding: 12px 10px;
width: 100%;
margin: 0;
}
.widget_categories select, .tcd_archive_dropdown select {
border: 1px solid #ddd;
padding: 12px 10px;
width: 100%;
margin: 0;
}
.widget_archive select {
border: 1px solid #ddd;
padding: 12px;
}
.widget_archive label {
display: none;
}
.widget_categories label {
display: none;
}
.widget_archive select option, .widget_categories select option, .tcd_archive_dropdown option {
background: #fff;
color: #333;
} .tcdw_archive_list_widget .side_headline {
display: none;
}
.p-widget-dropdown {
height: 45px;
line-height: 45px;
position: relative;
}
.p-widget-dropdown::after {
color: #666;
content: "\e90e";
font-family: "design_plus";
position: absolute;
top: 0;
right: 17px;
z-index: 1;
}
.p-widget-dropdown select {
padding-right: 33px;
position: relative;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.p-widget-dropdown select::-ms-expand {
display: none;
}
.p-dropdown {
font-size: 14px;
}
.p-dropdown__title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 50px;
padding: 0 18px;
border: 1px solid #ddd;
background: #fff;
line-height: 50px;
}
.p-dropdown__title::after {
position: absolute;
right: 17px;
font-family: "design_plus";
content: "\e90e";
}
.p-dropdown__title:hover {
cursor: pointer;
}
.p-dropdown__title.is-active::after {
content: "\e911";
}
.p-dropdown__list {
display: none;
}
.p-widget .p-dropdown .p-dropdown__list {
margin: 0;
}
.p-dropdown__list li {
border: 1px solid #ddd;
border-top: 0;
line-height: 1.5;
margin: 0;
padding: 0;
}
.p-dropdown__list li a {
display: block;
padding: 14px 18px;
}
.p-dropdown__list li a:hover {
background: #f6f6f6;
color: #000;
} .widget_recent_entries li {
border-bottom: 1px dotted #ccc;
padding: 0 0 15px 0;
}
.widget_recent_entries li:last-child {
border: none;
padding: 0;
} .ranking_list_widget .side_headline {
margin: 0 0 -1px 0;
z-index: 2;
position: relative;
}
.ranking_list_widget ol {
margin: 0;
padding: 0;
}
.ranking_list_widget li {
padding: 6px 0 15px;
margin: 0;
}
.ranking_list_widget .num {
float: left;
position: relative;
height: 40px;
width: 40px;
display: block;
background: #ccc;
color: #fff;
padding: 0 0 0 7px;
font-weight: bold;
font-size: 13px;
margin: 0;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ranking_list_widget .num:after {
position: absolute;
display: block;
content: '';
width: 0;
right: 0px;
top: 0px;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #fff transparent;
}
.ranking_list_widget .title {
margin: 13px 0 0 0;
}  #comments {
font-size: 12px;
margin: 0;
}
#comment_headline {
font-size: 16px;
margin: 50px 0 20px 0;
}
#comment_area {
margin: 15px 0 20px;
padding: 0 0 5px 0;
}
#trackback_area {
margin: 15px 0 20px;
padding: 0 0 5px 0;
display: none;
} #comment_header {
position: relative;
margin: 0 0 25px;
}
#comment_header ul {
margin: 0;
}
#comment_header ul li {
float: left;
text-align: center;
margin: 0;
width: 50%;
}
#comment_header ul li a, #comment_header ul li p {
font-size: 11px;
padding: 18px 15px;
line-height: 1.6;
display: block;
color: #333;
text-decoration: none;
background: #f2f2f2;
}
#comment_header ul li a:hover {
color: #fff !important;
background: #333;
}
#comment_header ul li.comment_switch_active a {
color: #fff;
position: relative;
background: #afcfd2;
}
#comment_header #comment_closed p {
color: #fff;
position: relative;
background: #afcfd2;
}
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after {
position: absolute;
bottom: -17px;
left: calc(50% - 5px);
content: "";
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #afcfd2 transparent transparent transparent;
} .commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.comment {
border: 1px solid #ccc;
color: #777;
margin: 0 0 15px;
padding: 15px 20px 0;
background: #fff;
}
#comments .post_content {
margin: 20px 0 0;
padding: 0;
background: none;
} .comment-meta {
position: relative;
margin: 0 0 10px 0;
}
.comment-meta-left {
float: left;
width: 400px;
}
#comments .avatar {
float: left;
margin: 0 10px 0 0;
background: #fff;
width: 40px;
height: 40px;
}
.comment-name-date {
padding: 3px 0 0 0;
height: 37px;
}
a.admin-url, a.guest-url {
text-decoration: underline;
}
.comment-name-date {
margin: 0;
}
.comment-date {
font-size: 11px;
color: #757676;
margin: 10px 0 0 0;
}
.comment-act {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/common/arrow3.gif) no-repeat left;
font-size: 11px;
position: absolute;
right: 0px;
padding: 0 0 0 10px;
margin: 5px 0 0 0;
}
.comment-act li {
display: inline;
margin: 0;
}
.comment-reply a {
border-right: 1px solid #aaa;
padding: 0 10px 0 0;
margin: 0 6px 0 0;
}
.comment-reply a:visited {
border-right: 1px solid #aaa;
padding: 0 10px 0 0;
margin: 0 6px 0 0;
}
.comment-edit a {
border-left: 1px solid #aaa;
padding: 0 0 0 10px;
margin: 0 0 0 6px;
}
.comment-edit a:visited {
border-left: 1px solid #aaa;
padding: 0 0 0 10px;
margin: 0 0 0 6px;
} #comments .post_content p {
margin: 0 0 15px 0;
}
#comments .post_content blockquote span {
margin: 0 0 -1em 0;
display: block;
} .comment-note {
display: block;
font-size: 11px;
margin: 0 0 1em 0;
color: #33a8e5;
border: 1px solid #94ddd4;
padding: 10px 15px;
background: #d6f4f0;
}
.comment_closed {
border: 1px solid #ccc;
text-align: center;
margin: 0 35px 15px 0;
padding: 15px;
background: #fefefe;
}
.no_comment {
padding-bottom: 15px;
} .trackback_time {
font-size: 11px;
color: #757676;
margin: 0 0 7px 0px;
}
.trackback_title {
margin: 2px 0 8px 0;
margin: 0 0 10px 0px;
line-height: 1.6;
}
#trackback_url_area {
margin: 0;
}
#trackback_url_area label {
display: block;
margin: 0 0 10px 0;
font-size: 11px;
}
#trackback_url_area input {
border: 1px solid #ccc;
background: #fafafa;
padding: 10px;
width: 100%;
font-size: 11px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} #comment_pager {
margin: 0 0 10px;
height: 24px;
}
#comment_pager a, #comment_pager span {
display: inline;
float: left;
margin: 0 10px 0 0;
}
#comment_pager .current {
text-decoration: underline;
} .comment_form_wrapper {
border: 1px solid #ccc;
margin: 0 0 0px;
padding: 15px;
background: #fff;
}
.comment .comment_form_wrapper {
margin: 0 0 20px;
}
#cancel_comment_reply {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/common/arrow3.gif) no-repeat left center;
margin: 0 0 1em 0;
padding: 0 0 0 10px;
}
#comment_user_login p {
padding: 0 0 0 1px;
margin: 0;
line-height: 1;
}
#comment_user_login span {
margin: 0 0 0 40px;
}
#comment_login {
margin: 0;
padding: 3px 30px 10px 30px;
}
#comment_login p {
margin: 0;
padding: 12px 0 11px 36px;
line-height: 1;
}
#comment_login a {
margin: 0 0 0 20px;
padding: 0 0 0 20px;
background: url(//komuta-geka.com/wp-content/themes/komuta/img/common/arrow3.gif) no-repeat 10px 3px;
}
#guest_info {
padding: 0;
width: 100%;
}
#guest_info div {
margin: 0 0 12px 0;
text-align: left;
}
#guest_info input {
margin: 0;
padding: 5px 0;
border: 1px solid #ccc;
width: 100%;
background: #fff;
color: #777;
}
#guest_info input:focus {
border: 1px solid #e48898;
}
#guest_info label {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 0;
font-size: 11px;
color: #888;
}
#guest_info span {
margin: 0 10px 0 0;
}
#comment_textarea textarea {
margin: 15px 0 0;
width: 100%;
height: 150px;
border: 1px solid #ccc;
background: #fff;
color: #777;
font-size: 11px;
overflow: auto;
}
#comment_textarea textarea:focus {
border: 1px solid #e48898;
}
#submit_comment_wrapper {
text-align: center;
}
#submit_comment {
background: #ccc;
border: none;
cursor: pointer;
color: #fff;
font-size: 14px;
width: 200px;
height: 50px;
margin: 15px auto 0;
display: block;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
#submit_comment:hover {
background: #e48898;
}
#input_hidden_field {
display: none;
} .password_protected {
text-align: center;
margin: 0 38px 30px;
padding: 10px 20px;
color: #fff;
background: #3db4b2;
border-radius: 5px;
}
.password_protected p {
font-size: 12px;
margin: 0;
line-height: 1.6;
}  .post_content .alignright {
float: right;
}
.post_content .alignleft {
float: left;
}
.post_content .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.post_content blockquote.alignleft, .post_content img.alignleft {
margin: 7px 24px 7px 0;
}
.post_content .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.post_content blockquote.alignright, .post_content img.alignright {
margin: 7px 0 7px 24px;
}
.post_content .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
.post_content p {
line-height: 2.4;
margin: 0 0 2em 0;
font-size: 1.1rem;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
clear: both;
line-height: 1.4;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
.post_content h1 {
font-size: 150%;
}
.post_content h2 {
font-size: 140%;
}
.post_content h3 {
font-size: 130%;
}
.post_content h4 {
font-size: 120%;
}
.post_content h5 {
font-size: 110%;
}
.post_content h6 {
font-size: 100%;
}
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large {
height: auto;
max-width: 100%;
}
.post_content .wp-post-image, .post_content img {
height: auto;
max-width: 100%;
}
.post_content li, .post_content dt, .post_content dd {
line-height: 2.4;
}
.post_content ul, .post_content ol, .post_content dl {
margin-bottom: 24px;
}
.post_content ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.post_content ul {
list-style: circle outside none;
margin-left: 1.3em;
}
.post_content li > ul, .post_content li > ol {
margin-bottom: 0;
}
.post_content dt {
font-weight: bold;
}
.post_content dd {
margin-bottom: 1em;
}
.post_content table {
margin: 0 0 24px 0;
width: 100% !important;
}
.post_content td {
border: 1px solid #bbb;
padding: 10px 15px;
line-height: 2.4;
background: #fff;
}
.post_content th {
border: 1px solid #bbb;
padding: 10px 15px;
line-height: 2.4;
background: #fff;
background: #ddd;
font-weight: normal;
}
.post_content table.table_no_border th, .post_content table.table_no_border td {
border: none;
padding-left: 0;
}
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td {
border-left: none;
border-right: none;
padding-left: 0;
}
.post_content blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 4px 0px 0px #f2f2f2;
box-shadow: 0px 4px 0px 0px #f2f2f2;
position: relative;
}
.post_content blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.post_content blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: -2px;
color: #5cbcd7;
}
.post_content blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
}
.post_content .wp-caption {
margin-bottom: 24px;
background: #fff;
border: 1px solid #ccc;
padding: 5px;
max-width: 100%;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post_content .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.post_content .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}        .gallery {
margin-bottom: 20px;
}
.gallery a img {
border: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: 7%;
max-width: calc(9.4% - 0px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption {
display: none;
} .post_content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.post_content address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.post_content pre {
border-left: 5px solid #7fc120;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 25px;
background: url(//komuta-geka.com/wp-content/themes/komuta/img/common/pre.gif) repeat left top;
padding: 0 17px;
overflow: auto;
}
.post_content .mejs-container {
margin: 12px 0 25px;
} .c-pw__desc {
line-height: 2.5;
}
.c-pw__desc p {
line-height: 2.5;
margin-bottom: 16px;
}
.c-pw__btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: inline-block;
padding: 13px 20px;
font-size: 14px;
text-align: center;
line-height: 1;
}
.c-pw__btn:hover {
background: #333;
color: #fff;
}
.c-pw__btn--register {
min-width: 160px;
margin-bottom: 32px;
}
.c-pw__btn--submit {
min-width: 100px;
border: 0;
cursor: pointer;
}
.c-pw .c-pw__btn:hover {
text-decoration: none;
}
.c-pw__box {
border: 1px solid #ddd;
background: #f5f5f5;
padding: 25px 36px;
display: inline-block;
margin-bottom: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-pw__box .c-pw__box-desc {
line-height: 1.2;
margin-bottom: 20px;
}
.c-pw__box-label {
margin-right: 14px;
}
.c-pw__box-input {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
width: 250px;
margin-right: 13px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.post_content .c-pw__btn {
color: #fff;
}
.post_content .c-pw__btn:hover {
color: #fff;
} .cardlink {
word-wrap: break-word;
max-width: 100%;
margin: 10px 0;
padding: 12px;
border: 1px solid #ddd;
background: #fafafa;
}
.cardlink_thumbnail {
margin-right: 20px;
float: left;
}
.cardlink_content {
line-height: 1.6;
}
.cardlink_timestamp {
display: inline;
margin: 0;
padding: 0;
color: #222;
font-size: 12px;
line-height: 1.6;
vertical-align: top;
}
.cardlink_title {
margin: 0 0 5px;
font-size: 14px;
}
.cardlink_title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
.cardlink_title a:hover {
text-decoration: underline;
}
.cardlink_excerpt {
overflow: hidden;
color: #333;
font-size: 12px;
line-height: 1.8;
}
.cardlink_footer, .clear {
clear: both;
}
@media screen and (max-width: 767px) {
.cardlink_thumbnail {
float: none;
}
.cardlink_timestamp {
line-height: 2.4;
vertical-align: middle;
}
.cardlink_excerpt {
float: none;
}
} .p-btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
min-width: 180px;
height: 50px;
padding: 0 15px;
border-radius: 0;
color: #fff;
font-size: 14px;
line-height: 50px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-btn {
height: 45px;
font-size: 12px;
line-height: 45px;
}
} .flex_outline {
padding: 0 20px 20px;
background-color: #efefef;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.flex {
display: block;
}
}
.flex .item {
width: 50%;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.flex .item {
width: 100%;
}
}
.flex .item img {
margin-bottom: 12px;
}
.flex .item p {
line-height: 1.6;
}
.table table {
max-width: 900px;
width: 100%;
margin: 0 auto;
background-color: white;
border-top: 1px solid #afafaf;
font-size: .9rem;
}
.table table tr {
border-bottom: 1px solid #afafaf;
}
.table table td {
padding: 1rem .75rem;
line-height: 1.4;
vertical-align: middle;
width: 25%;
text-align: center;
}
.table table .bold {
font-weight: bold;
}
.index_title {
text-align: center;
position: relative;
color: #6d6d6d;
}
.index_title h3 {
display: inline-block;
color: #6d6d6d;
font-size: 28px !important;
letter-spacing: .05em;
text-align: center;
line-height: 1.6em;
margin: 0;
font-weight: 500;
}
.index_title h3::after {
content: '';
display: inline-block;
position: absolute;
width: 40px;
height: 80px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/title_after.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.index_title p {
font-family: sofia-pro-condensed, sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
font-size: 16px;
line-height: 1.6em;
margin: 0;
}
.title_border_3box {
max-width: 51px;
margin: 0 auto;
border-top: 3px solid #5a5a5a;
margin-top: 0px;
}
.title_border {
max-width: 250px;
margin: 0 auto;
border-top: 3px solid #ffc31a;
}
.title_border_2 {
max-width: 198px;
border-top: 3px solid #ffc31a;
}
.title_border_3 {
max-width: 210px;
border-top: 3px solid #ffc31a;
margin: 0 auto;
}
.title_border_4 {
max-width: 580px;
margin: 0 auto;
border-top: 3px solid #ffc31a;
}
.title_border_5 {
max-width: 350px;
margin: 0 auto;
border-top: 3px solid #ffc31a;
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0 16px;
margin-top: 20px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.container {
margin-bottom: 50px;
padding: 0;
}
}
.container .flow_title {
margin-bottom: 40px;
}
.container .price_contact_flow span {
padding: 6px 20px;
background: #84bf91;
border-radius: 5px;
color: white;
}
.container .price_contact_flow span.orange {
background: #fbc08b;
font-size: .8rem;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.container .price_contact_flow span.orange {
margin-right: 0px;
font-size: .5rem;
padding: 6px 8px;
}
}
.container .price_contact_flow p {
padding-left: 20px;
letter-spacing: .5px;
line-height: 2;
}
.container .price_contact_flow .price_flow_title {
height: 75px;
}
.container .price_contact_flow .price_flow_title h3 {
height: 75px;
padding-left: 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
font-size: 22px;
color: #20a9c9;
line-height: 1.4;
letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
.container .price_contact_flow .price_flow_title h3 {
padding-left: 85px;
}
}
.container .price_contact_flow .cp_arrows {
margin: -30px 0 -10px;
height: 130px;
}
.container .price_contact_flow .cp_arrow {
left: 0;
margin-left: 20px;
}
.container .price_contact_flow .price_flow_title::before {
content: '';
position: absolute;
width: 75px;
height: 75px;
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_1.png) no-repeat;
z-index: 10;
}
.container .price_contact_flow .price_flow_title2::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_2.png) no-repeat;
}
.container .price_contact_flow .price_flow_title3::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_3.png) no-repeat;
}
.container .price_contact_flow .price_flow_title4::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_4.png) no-repeat;
}
.container .price_contact_flow .price_flow_title5::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_5.png) no-repeat;
}
.container .price_contact_flow .price_flow_title6::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_6.png) no-repeat;
}
.container .price_contact_flow .price_flow_title7::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_7.png) no-repeat;
}
.container .price_contact_flow .price_flow_title8::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_8.png) no-repeat;
}
.container .price_contact_flow .price_flow_title9::before {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/page/step_9.png) no-repeat;
}
.container .price_contact_flow p {
margin: 20px 0;
}
.container .price_contact_flow .for_owner_btn {
padding: 14px;
position: relative;
display: block;
line-height: 1em;
border-radius: 24px;
display: block;
max-width: 240px;
color: #fff;
z-index: 999;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.container .price_contact_flow .for_owner_btn a {
cursor: pointer;
}
.container .price_contact_flow .for_owner_btn::after {
content: ''; display: inline-block; width: 11px; height: 27px; background-image: url(//komuta-geka.com/wp-content/themes/komuta/images/arrow03-b.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 17px;
right: 28px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.container .price_contact_flow a.for_owner_link:hover .for_owner_btn::after {
-webkit-transition: all 0.2s;
transition: all 0.2s;
top: 20px;
}
.container .price_contact_flow a.for_owner_link:hover .for_owner_btn {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@-webkit-keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_arrows {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 240px; margin: -100px auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cp_arrows .cp_arrow {
position: absolute;
top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
@media screen and (max-width: 769px) {
.cp_arrows .cp_arrow {
left: 45%;
}
}
.cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 3px;
content: '';
background: #98d4f1;
}
.cp_arrows .cp_arrow:before {
-webkit-transform: rotate(30deg) translateX(-39%);
transform: rotate(30deg) translateX(-39%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
-webkit-transform: rotate(-30deg) translateX(39%);
transform: rotate(-30deg) translateX(39%);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.page_footer_contents {
position: relative;
margin-bottom: 20px;
}
.page_footer_contents .item-img img {
width: 100%;
height: 220px;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.page_footer_contents .item-img img:hover {
opacity: 0.6;
}
.page_footer_contents2 {
position: relative;
margin-bottom: 20px;
}
.page_footer_contents2 .item-img img {
width: 100%;
height: 220px;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.page_footer_contents2 .item-img img:hover {
opacity: 0.6;
}
.flow_after {
margin-top: 50px;
color: white;
font-size: 17px !important;
max-width: 700px;
margin: 0 auto;
padding: 22px 26px;
line-height: 2.2;
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
background: #20a9c9cc;
border-radius: 4px;
text-shadow: none !important;
letter-spacing: .5px;
}
@media screen and (max-width: 768px) {
.flow_after {
font-size: 14px !important;
line-height: 1.8;
}
}
.mb-5 {
margin-bottom: 100px;
}
@media screen and (min-width: 1000px) {
.main_col_aboutus {
width: 96% !important;
max-width: 1920px;
}
}
.about_table table {
max-width: 780px;
}
.about_table table td {
text-align: left;
width: 0;
padding: 1rem 1.75rem;
}
.aboutus_intro p {
font-family: ten-mincho-text, serif;
color: #20a9c9;
font-weight: 400;
font-size: .98rem;
}
@media screen and (max-width: 768px) {
.aboutus_intro p {
font-size: .9rem;
}
}
.aboutus_intro h2 {
font-family: ten-mincho-text, serif;
color: #20a9c9;
font-weight: 400;
line-height: 1.6;
font-size: 1.5rem;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.aboutus_intro h2 {
font-size: 1.2rem;
}
}
.aboutus_intro .title_border {
max-width: 170px;
margin-bottom: 28px;
}
.aboutus_intro .container {
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/aboutus_top_bg.png) no-repeat;
background-size: contain;
background-position: center center;
}
@media screen and (max-width: 800px) {
.aboutus_intro .container {
background: none;
}
}
.aboutus_intro p {
line-height: 2;
}
.aboutus_2 h3 {
font-size: 1.5rem;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.aboutus_2 h3 {
margin-top: 20px;
text-align: center;
}
}
.aboutus_2 h3 span {
font-size: 1rem;
margin-right: 10px;
}
.aboutus_2 .contents {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents {
display: block;
}
}
.aboutus_2 .contents .left {
width: 45%;
max-width: 500px;
padding: 20px 60px 0px;
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents .left {
width: 100%;
padding: 0;
text-align: center;
margin-inline: auto;
}
}
.aboutus_2 .contents .left img {
width: 100%;
border: 2px solid #32d3e6;
height: 580px;
-o-object-fit: cover;
object-fit: cover;
-webkit-filter: drop-shadow(12px 12px 0px rgba(0, 177, 208, 0.6));
filter: drop-shadow(12px 12px 0px rgba(0, 177, 208, 0.6));
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents .left img {
width: 100%;
max-width: 400px;
height: 380px;
padding: 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
}
}
.aboutus_2 .contents .right {
width: 50%;
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents .right {
width: 100%;
}
}
.aboutus_2 .contents .right ul {
padding-left: 20px;
list-style-type: disc;
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents .right ul {
max-width: 320px;
margin: 0 auto;
}
}
.aboutus_2 .contents .right ul li {
line-height: 1.5;
color: #20a9c9;
padding: 10px 10px 10px 0;
}
.aboutus_2 .contents .right ul li span {
color: gray;
}
.aboutus_2 .contents .right p {
margin-top: 20px;
line-height: 1.7;
color: black;
font-family: ten-mincho-text, serif;
padding-left: 10px;
}
@media screen and (max-width: 768px) {
.aboutus_2 .contents .right p {
max-width: 320px;
padding-top: 20px;
margin: 0 auto;
}
}
.aboutus_3 h3 {
font-size: 1.5rem;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.aboutus_3 h3 {
margin-top: 20px;
text-align: center;
}
}
.aboutus_3 h3 span {
font-size: 1rem;
margin-right: 10px;
}
.aboutus_3 .contents {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents {
display: block;
}
}
.aboutus_3 .contents .mb-sp-5 {
margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .mb-sp-5 {
margin-bottom: 100px;
}
}
.aboutus_3 .contents .inner_1 {
padding: 0 10px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 {
width: 100%;
display: block;
padding: 0;
}
}
.aboutus_3 .contents .inner_1 .left {
width: 45%;
max-width: 360px;
padding: 20px;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 .left {
width: 100%;
padding: 0;
text-align: center;
}
}
.aboutus_3 .contents .inner_1 .left img {
width: 100%;
height: 500px;
-o-object-fit: cover;
object-fit: cover;
border: 2px solid #32d3e6;
-webkit-filter: drop-shadow(-6px 8px 0px rgba(0, 177, 208, 0.6));
filter: drop-shadow(-6px 8px 0px rgba(0, 177, 208, 0.6));
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 .left img {
border: none;
width: 100%;
max-width: 400px;
height: 380px;
padding: 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.aboutus_3 .contents .inner_1 .right {
width: 50%;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 .right {
width: 100%;
}
}
.aboutus_3 .contents .inner_1 .right ul {
padding-left: 20px;
list-style-type: disc;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 .right ul {
max-width: 320px;
margin: 0 auto;
}
}
.aboutus_3 .contents .inner_1 .right ul li {
line-height: 1.5;
color: #20a9c9;
padding: 10px 10px 10px 0;
}
.aboutus_3 .contents .inner_1 .right ul li span {
color: gray;
}
.aboutus_3 .contents .inner_1 .right p {
margin-top: 20px;
line-height: 1.7;
color: black;
font-family: ten-mincho-text, serif;
padding-left: 10px;
}
@media screen and (max-width: 768px) {
.aboutus_3 .contents .inner_1 .right p {
max-width: 320px;
padding-top: 20px;
margin: 0 auto;
}
}
.orthopedics_01 {
max-width: 980px;
margin: 0 auto;
text-align: center;
}
.orthopedics_01 .orthopedics {
font-size: 1rem;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 600;
color: white;
text-align: center;
padding: 22px 34px;
line-height: 2;
background: #20a9c9cc;
border-radius: 4px;
text-shadow: 1px 0px 2px #676767;
letter-spacing: .5px;
display: inline-block;
width: auto;
max-width: 690px;
width: 100%;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 530px) {
.orthopedics_01 .orthopedics {
font-size: .8rem;
}
}
@media screen and (max-width: 400px) {
.orthopedics_01 .orthopedics {
font-size: .8rem;
}
}
.orthopedics_01 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.orthopedics_01 ul li {
width: 33.3333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
@media screen and (max-width: 830px) {
.orthopedics_01 ul li {
width: 50%;
}
}
@media screen and (max-width: 630px) {
.orthopedics_01 ul li {
padding: 8px;
}
}
.orthopedics_01 ul li img {
border: 1px solid #20a9c9;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 470px) {
.orthopedics_01 ul li img {
height: 140px;
}
}
.question {
max-width: 720px;
margin: 0 auto;
padding: 0 16px;
margin-top: 50px;
margin-bottom: 30px;
}
@media screen and (max-width: 520px) {
.question {
padding: 0px;
}
}
.question h2 {
font-size: 1.4rem;
letter-spacing: .5px;
font-family: ten-mincho-text, serif;
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.question h2 {
font-size: 1.28rem;
}
}
.question h2::before {
content: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/question_icon.png);
margin-right: 6px;
}
.question .question_list {
padding: 30px 40px 30px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fafafa;
border-top: 4px solid #20a9c9;
}
@media screen and (max-width: 520px) {
.question .question_list {
padding: 30px 50px;
}
}
@media screen and (max-width: 440px) {
.question .question_list {
padding: 30px 14px 30px 14px;
}
}
.question .question_list ul {
padding: 0 20px;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 520px) {
.question .question_list ul {
padding: 0 10px;
}
}
.question .question_list ul .under {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff8ad));
background: linear-gradient(transparent 50%, #fff8ad 50%);
}
.question .question_list ul li {
font-size: 1rem;
font-weight: 600;
letter-spacing: .5px;
color: #20a9c9;
padding: 6px 0;
line-height: 20px;
-webkit-box-align: center;  -o-box-align: center; -ms-box-align: center; box-align: center;
}
.question .question_list ul li::before {
color: #20a9c9;
content: "\f00c";
font-weight: 200;
font-family: "design_plus";
margin-right: 7px;
z-index: 1;
}
#orthopedics_01 .container {
max-width: 1010px;
min-height: 310px;
margin-bottom: 50px;
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/orthopedics_bg.png) no-repeat;
background-size: contain;
background-position: center center;
}
@media screen and (max-width: 660px) {
#orthopedics_01 .container {
background: none;
}
}
#orthopedics_01 .aboutus_intro p {
font-size: 1rem;
}
#orthopedics_02 {
margin: 0 auto;
margin-bottom: 120px;
}
#orthopedics_02 .list_box {
background-color: #20a9c9;
color: white;
padding: 34px 100px 60px;
border: 2px solid white;
-webkit-box-shadow: 0px 0px 0px 10px #00abcd;
box-shadow: 0px 0px 0px 10px #00abcd;
}
@media screen and (max-width: 660px) {
#orthopedics_02 .list_box {
padding: 30px 10px;
}
}
#orthopedics_02 .list_box h2 {
font-family: ten-mincho-text, serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: .5px;
margin-bottom: 16px;
}
#orthopedics_02 .list_box .title_border {
max-width: 110px;
margin: 0 auto;
border-top: 3px solid white;
margin-bottom: 40px;
}
#orthopedics_02 .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#orthopedics_02 .list ul {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
}
@media screen and (max-width: 660px) {
#orthopedics_02 .list ul {
padding: 0 14px;
}
}
#orthopedics_02 .list li {
padding: 6px 0;
font-size: 1rem;
line-height: 1.3;
}
#orthopedics_02 .list li .mr {
margin-right: 6px;
}
#orthopedics_03 {
max-width: 1010px;
margin: 0 auto;
margin-bottom: 130px;
}
#orthopedics_03 h2 {
font-size: 32px;
margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
#orthopedics_03 h2 {
font-size: 26px;
}
}
#orthopedics_03 .title_border {
margin-bottom: 60px;
}
#orthopedics_03 .inspection_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
#orthopedics_03 .inspection_list .img {
width: 30%;
}
#orthopedics_03 .inspection_list .img img {
width: 100%;
}
#orthopedics_03 .inspection_list .text {
width: 70%;
margin-left: 20px;
padding: 10px;
}
#orthopedics_03 .inspection_list .text p {
font-size: 1rem;
line-height: 2em;
letter-spacing: .5px;
}
#orthopedics_03 .inspection_list .text02 {
width: 70%;
margin-right: 20px;
padding: 10px;
}
#orthopedics_03 .inspection_list .text02 p {
font-size: 1rem;
line-height: 2em;
letter-spacing: .5px;
}
#orthopedics_03 .inspection_list h3 {
color: #20a9c9;
font-size: 1.2rem;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: solid 2px #cce4ff;
position: relative;
}
#orthopedics_03 .inspection_list h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #72cfe4;
bottom: -2px;
width: 8%;
}
#service_index_box_01 {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#service_index_box_01 #index_2box {
max-width: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
#service_index_box_01 #index_2box {
display: block;
}
}
#service_index_box_01 #index_2box .box { width: 50%;
width: calc(100% / 2);
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
#service_index_box_01 #index_2box .box {
margin-top: 20px;
width: 100%;
width: calc(100% / 1);
}
}
#service_index_box_01 #index_2box .box p {
font-size: .9rem;
font-family: auto;
color: white;
line-height: 2;
background: #79c5d1;
-webkit-transition: .2s;
transition: .2s;
padding: 10px 0 14px;
}
@media screen and (max-width: 1050px) {
#service_index_box_01 #index_2box .box p {
font-size: .8rem;
}
}
@media screen and (max-width: 830px) {
#service_index_box_01 #index_2box .box p {
font-size: .68rem;
}
}
#service_index_box_01 #index_2box .box p:hover {
-webkit-transition: .2s;
transition: .2s;
background: #6598a1;
}
#service_index_box_01 #index_2box .title {
font-family: ten-mincho-text, serif !important;
font-size: 1.4rem !important;
-webkit-transition: .2s;
transition: .2s;
letter-spacing: .5px;
}
@media screen and (max-width: 1050px) {
#service_index_box_01 #index_2box .title {
font-size: 1.2rem !important;
}
}
#service_index_box_01 #index_2box .title a {
padding: 10px 0;
display: block;
font-weight: normal;
line-height: 58px;
text-align: center;
background: #79c5d1;
color: #fff;
}
@media screen and (max-width: 650px) {
#service_index_box_01 #index_2box .title a {
height: auto !important;
}
}
#service_index_box_01 #index_2box .title a:hover {
background: #6598a1;
}
#service_index_box_01 #index_2box .title a:hover p {
background: #6598a1;
}
#service_index_box_01 #index_2box .image {
width: 100%;
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
#service_index_box_01 #index_2box img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s; }
#service_index_box_01 #index_2box img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2); -webkit-transition-duration: 0.6s;
transition-duration: 0.6s; }
#id {
padding-top: 80px;
}
@media screen and (max-width: 768px) {
#id {
padding-top: 0px;
}
}
#service_index_box_02 {
margin-top: -130px;
padding-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
#service_index_box_02 {
margin-top: 0px;
padding-top: 0px;
}
}
#service_index_box_02 #index_2box {
max-width: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
#service_index_box_02 #index_2box {
display: block;
}
}
#service_index_box_02 #index_2box .index_content {
margin-bottom: 0px;
}
#service_index_box_02 #index_2box .box { width: 50%;
width: calc(100% / 2);
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
#service_index_box_02 #index_2box .box {
margin-top: 20px;
width: 100%;
width: calc(100% / 1);
}
}
#service_index_box_02 #index_2box .box p {
font-size: .9rem;
font-family: auto;
color: white;
line-height: 2;
background: #79c5d1;
-webkit-transition: .2s;
transition: .2s;
padding: 10px 0 14px;
}
@media screen and (max-width: 1050px) {
#service_index_box_02 #index_2box .box p {
font-size: .8rem;
}
}
@media screen and (max-width: 830px) {
#service_index_box_02 #index_2box .box p {
font-size: .68rem;
}
}
#service_index_box_02 #index_2box .box p:hover {
-webkit-transition: .2s;
transition: .2s;
background: #6598a1;
}
#service_index_box_02 #index_2box .title {
font-family: ten-mincho-text, serif !important;
font-size: 1.4rem !important;
-webkit-transition: .2s;
transition: .2s;
letter-spacing: .5px;
}
@media screen and (max-width: 1050px) {
#service_index_box_02 #index_2box .title {
font-size: 1.2rem !important;
}
}
#service_index_box_02 #index_2box .title a {
padding: 10px 0;
display: block;
font-weight: normal;
line-height: 58px;
text-align: center;
background: #79c5d1;
color: #fff;
}
@media screen and (max-width: 650px) {
#service_index_box_02 #index_2box .title a {
height: auto !important;
}
}
#service_index_box_02 #index_2box .title a:hover {
background: #6598a1;
}
#service_index_box_02 #index_2box .title a:hover p {
background: #6598a1;
}
#service_index_box_02 #index_2box .image {
width: 100%;
display: block;
position: relative;
z-index: 2;
overflow: hidden;
}
#service_index_box_02 #index_2box img {
width: 100%;
height: auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s; }
#service_index_box_02 #index_2box img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2); -webkit-transition-duration: 0.6s;
transition-duration: 0.6s; }
.service_under {
max-width: 397px;
margin: 0 auto;
margin-top: 60px;
}
#anus_01 {
margin-bottom: 90px;
}
#anus_02 {
max-width: 1010px;
margin: 0 auto;
margin-bottom: 90px;
}
#anus_02 h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: .5px;
}
#anus_02 .inspection_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
@media screen and (max-width: 768px) {
#anus_02 .inspection_list {
display: block;
}
}
#anus_02 .inspection_list .img {
width: 30%;
text-align: center;
}
@media screen and (max-width: 768px) {
#anus_02 .inspection_list .img {
width: 100%;
margin-top: 30px;
}
}
#anus_02 .inspection_list .img img {
width: 100%;
}
@media screen and (max-width: 768px) {
#anus_02 .inspection_list .img img {
width: 100%;
max-width: 480px;
}
}
#anus_02 .inspection_list .text02 {
width: 70%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
#anus_02 .inspection_list .text02 {
width: 100%;
}
}
#anus_02 .inspection_list .text02 p {
font-size: 1rem;
line-height: 2em;
letter-spacing: .5px;
}
#anus_02 .inspection_list h3 {
color: #20a9c9;
font-size: 1.2rem;
margin-bottom: 16px;
border-bottom: solid 2px #cce4ff;
position: relative;
}
#anus_02 .inspection_list h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #72cfe4;
bottom: -2px;
width: 8%;
}
#anus_03 {
max-width: 1010px;
margin: 0 auto;
margin-bottom: 130px;
}
#anus_03 h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: .5px;
}
#anus_03 .inspection_list {
max-width: 760px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
@media screen and (max-width: 768px) {
#anus_03 .inspection_list {
display: block;
}
}
#anus_03 .inspection_list .img {
width: 50%;
}
@media screen and (max-width: 768px) {
#anus_03 .inspection_list .img {
width: 100%;
margin-top: 30px;
}
}
#anus_03 .inspection_list .img img {
width: 100%;
}
#anus_03 .inspection_list .list {
width: 50%;
margin-right: 20px;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
#anus_03 .inspection_list .list {
width: 100%;
}
}
#anus_03 .inspection_list .list ul {
list-style-type: disc;
padding-left: 30px;
}
#anus_03 .inspection_list .list ul li {
font-size: 1rem;
padding: 6px 0;
}
#anus_03 .inspection_list h3 {
color: #20a9c9;
font-size: 1.2rem;
margin-bottom: 16px;
border-bottom: solid 2px #cce4ff;
position: relative;
}
#anus_03 .inspection_list h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #72cfe4;
bottom: -2px;
width: 8%;
}
#stomach_01 {
margin-bottom: 90px;
}
#stomach_02, #stomach_03, #stomach_04, #stomach_05 {
margin: 0 auto;
margin-bottom: 90px;
}
#stomach_02 h2, #stomach_03 h2, #stomach_04 h2, #stomach_05 h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: .5px;
}
#stomach_02 .inspection_list, #stomach_03 .inspection_list, #stomach_04 .inspection_list, #stomach_05 .inspection_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
@media screen and (max-width: 768px) {
#stomach_02 .inspection_list, #stomach_03 .inspection_list, #stomach_04 .inspection_list, #stomach_05 .inspection_list {
display: block;
}
}
#stomach_02 .inspection_list .img, #stomach_03 .inspection_list .img, #stomach_04 .inspection_list .img, #stomach_05 .inspection_list .img {
width: 30%;
text-align: center;
}
@media screen and (max-width: 768px) {
#stomach_02 .inspection_list .img, #stomach_03 .inspection_list .img, #stomach_04 .inspection_list .img, #stomach_05 .inspection_list .img {
width: 100%;
margin-top: 30px;
}
}
#stomach_02 .inspection_list .img img, #stomach_03 .inspection_list .img img, #stomach_04 .inspection_list .img img, #stomach_05 .inspection_list .img img {
width: 100%;
}
@media screen and (max-width: 768px) {
#stomach_02 .inspection_list .img img, #stomach_03 .inspection_list .img img, #stomach_04 .inspection_list .img img, #stomach_05 .inspection_list .img img {
width: 100%;
max-width: 340px;
}
}
#stomach_02 .inspection_list .text02, #stomach_03 .inspection_list .text02, #stomach_04 .inspection_list .text02, #stomach_05 .inspection_list .text02 {
width: 70%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
#stomach_02 .inspection_list .text02, #stomach_03 .inspection_list .text02, #stomach_04 .inspection_list .text02, #stomach_05 .inspection_list .text02 {
width: 100%;
}
}
#stomach_02 .inspection_list .text02 p, #stomach_03 .inspection_list .text02 p, #stomach_04 .inspection_list .text02 p, #stomach_05 .inspection_list .text02 p {
font-size: 1rem;
line-height: 2em;
letter-spacing: .5px;
}
#stomach_02 .inspection_list h3, #stomach_03 .inspection_list h3, #stomach_04 .inspection_list h3, #stomach_05 .inspection_list h3 {
color: #20a9c9;
font-size: 1.2rem;
margin-bottom: 16px;
border-bottom: solid 2px #cce4ff;
position: relative;
}
#stomach_02 .inspection_list h3:after, #stomach_03 .inspection_list h3:after, #stomach_04 .inspection_list h3:after, #stomach_05 .inspection_list h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #72cfe4;
bottom: -2px;
width: 8%;
}
.section_title h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.3rem;
line-height: 1.6;
letter-spacing: .5px;
margin-bottom: 10px;
}
.section_title h2 .color {
font-size: 1.7rem;
color: #20a9c9;
}
@media screen and (max-width: 768px) {
.section_title h2 .color {
font-size: 1.6rem;
}
}
#stomach_02 h2, #stomach_03 h2, #stomach_04 h2, #stomach_05 h2 {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.3rem;
line-height: 1.6;
letter-spacing: .5px;
margin-bottom: 10px;
}
#stomach_02 h2 .color, #stomach_03 h2 .color, #stomach_04 h2 .color, #stomach_05 h2 .color {
font-size: 1.7rem;
color: #20a9c9;
}
@media screen and (max-width: 768px) {
#stomach_02 h2 .color, #stomach_03 h2 .color, #stomach_04 h2 .color, #stomach_05 h2 .color {
font-size: 1.6rem;
}
}
#stomach_02_01 {
margin-top: 50px;
}
#stomach_03 {
padding: 0 20px;
}
#stomach_03 .procedure_list_outline {
padding: 20px 30px;
border: 1px solid black;
max-width: 790px;
margin: 0 auto;
}
#stomach_03 .procedure_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
#stomach_03 .procedure_list {
display: block;
}
}
#stomach_03 .procedure_list .img {
position: relative;
width: 30%;
}
@media screen and (max-width: 768px) {
#stomach_03 .procedure_list .img {
width: 100%;
}
}
#stomach_03 .procedure_list .img::before {
content: '';
display: inline-block;
position: absolute;
width: 50px;
height: 50px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_01.svg);
background-repeat: no-repeat;
background-size: contain;
top: -22px;
left: 10px;
}
#stomach_03 .procedure_list .img img {
width: 100%;
}
#stomach_03 .procedure_list .img_02::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_02.svg);
}
#stomach_03 .procedure_list .img_03::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_03.svg);
}
#stomach_03 .procedure_list .img_04::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_04.svg);
}
#stomach_03 .procedure_list .img_05::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_05.svg);
}
#stomach_03 .procedure_list .text {
width: 70%;
margin-left: 20px;
padding: 10px;
}
@media screen and (max-width: 768px) {
#stomach_03 .procedure_list .text {
width: 100%;
margin-left: 0px;
}
}
#stomach_03 .procedure_list .text p {
font-size: 1rem;
line-height: 2em;
letter-spacing: .5px;
}
@media screen and (max-width: 768px) {
#stomach_04 .container {
padding: 0 0px;
}
}
#stomach_05 {
padding: 40px 20px 0;
}
#facilities_01 .container {
max-width: 1010px;
margin: 0 auto;
margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
#facilities_01 .container {
padding: 0;
}
}
#facilities_01 #index_course_list li, #facilities_01 #index_course_list {
border: none;
}
#facilities_01 .title {
color: #ec6d6d;
position: relative;
font-weight: 400;
}
#facilities_01 h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #ec6d6d;
bottom: -18px;
width: 18%;
left: 41%;
}
#facilities_01 .short_desc {
margin-top: 40px;
line-height: 2;
text-align: center;
}
@media screen and (max-width: 768px) {
#facilities_01 .short_desc {
text-align: left;
}
}
#facilities_02 {
margin-bottom: 100px;
}
#facilities_02 .container {
margin-bottom: 20px;
}
#facilities_02 .inside_view {
max-width: 1010px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
#facilities_02 .inside_view {
display: block;
}
}
#facilities_02 .inside_view .left {
padding: 20px;
width: 30%;
}
@media screen and (max-width: 768px) {
#facilities_02 .inside_view .left {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
}
#facilities_02 .inside_view .right {
width: 70%;
}
@media screen and (max-width: 768px) {
#facilities_02 .inside_view .right {
width: 100%;
}
}
#facilities_02 .inside_view .right .right_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#facilities_02 .inside_view .right .right_inner .item {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
@media screen and (max-width: 768px) {
#facilities_02 .inside_view .right .right_inner .item {
width: 100%;
}
}
#facilities_02 .inside_view h3 {
font-size: 1.1rem;
}
#facilities_02 .inside_view h3:before {
content: "・";
}
#facilities_02 .inside_view h3:after {
content: " ";
margin: 8px 0;
display: block;
border-bottom: dotted 2px #e79494;
}
#facilities_02 .facilities_after {
padding: 80px;
-webkit-box-shadow: 0px 0px 0px 10px #9cd0dc;
box-shadow: 0px 0px 0px 10px #9cd0dc;
}
@media screen and (max-width: 768px) {
#facilities_02 .facilities_after {
padding: 40px 20px;
}
}
@media screen and (max-width: 768px) {
#facilities_02 .facilities_after {
-webkit-box-shadow: 0px 0px 0px 6px #9cd0dc;
box-shadow: 0px 0px 0px 6px #9cd0dc;
}
}
#facilities_02 .facilities_after h3 {
color: #20a9c9;
font-size: 1.3rem;
margin-bottom: 24px;
padding-bottom: 10px;
border-bottom: solid 2px #cce4ff;
position: relative;
}
#facilities_02 .facilities_after h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #72cfe4;
bottom: -2px;
width: 8%;
}
#facilities_02 .facilities_after ul {
color: #77b8c7;
padding-left: 20px;
list-style-type: disc;
}
#facilities_02 .facilities_after ul span {
color: #666666;
}
#facilities_02 .facilities_after ul > li {
font-size: 1.1rem;
font-weight: 500;
padding: 6px 0;
margin-top: 14px;
}
#facilities_02 .facilities_after ul > ul {
list-style-type: none;
}
#facilities_02 .facilities_after ul > ul > li {
font-size: 1rem;
font-weight: 400;
color: #666666;
margin-top: 0px;
line-height: 1.4;
}
#facilities_02 .facilities_after ul > ul > li span {
background: #ec6d6d;
color: white;
padding: 5px 10px;
border-radius: 10px;
font-size: .9rem;
}
.cont_point .div_point {
margin-bottom: 40px;
}
.cont_point .div_flow {
margin-bottom: 0;
}
.cont_point .point {
border: 2px solid #20a9c9;
padding: 62px 60px 40px;
background-color: #f8fbfc;
position: relative;
}
.cont_point .point::before {
content: '';
display: inline-block;
position: absolute;
width: 60px;
height: 60px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_01.svg);
background-repeat: no-repeat;
background-size: contain;
top: -14px;
left: 50%;
margin-left: -30px;
}
.cont_point .point h4 {
color: #20a9c9;
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 28px;
font-weight: 100;
letter-spacing: .5px;
margin-bottom: 18px;
position: relative;
}
.cont_point .point h4::after {
position: absolute;
bottom: -14px;
left: 0;
content: '';
width: 100%;
height: 4px;
background: #20a9c9;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.cont_point .point h4.is-show::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.cont_point .point p {
line-height: 2.2;
margin-top: 32px;
}
.cont_point .point a {
color: #00b0d0;
text-decoration: underline;
font-weight: bold;
}
.cont_point .point .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.cont_point .point .flex {
display: block;
}
}
.cont_point .point .flex .left {
width: 100%;
}
@media screen and (min-width: 768px) {
.cont_point .point .flex .left {
width: 70%;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.cont_point .point .flex .right {
width: 100%;
}
@media screen and (min-width: 768px) {
.cont_point .point .flex .right {
width: 30%;
}
}
.cont_point .point .flex .half {
width: 50%;
}
@media screen and (max-width: 768px) {
.cont_point .point .flex .half {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.cont_point .point .flex .pr-10 {
padding-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cont_point .point .flex .pl-10 {
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.cont_point .point.is-show h4::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.cont_point .flow {
border: 2px solid #888FE5;
background-color: #FFF;
}
.cont_point .flow h4 {
color: #888FE5;
}
.cont_point .flow h4::after {
background: #888FE5;
}
.cont_point .point02::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_02.svg);
}
.cont_point .point03::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_03.svg);
}
.cont_point .point04::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_04.svg);
}
.cont_point .point05::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_05.svg);
}
.cont_point .point06::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_06.svg);
}
.cont_point .point07::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_07.svg);
}
.cont_point .point08::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_08.svg);
}
.cont_point .point09::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_09.svg);
}
.cont_point .point10::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/point_10.svg);
}
.cont_point .flow01::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b01.svg);
}
.cont_point .flow02::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b02.svg);
}
.cont_point .flow03::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b03.svg);
}
.cont_point .flow04::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b04.svg);
}
.cont_point .flow05::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b05.svg);
}
.cont_point .flow06::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b06.svg);
}
.cont_point .flow07::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b07.svg);
}
.cont_point .flow08::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b08.svg);
}
.cont_point .flow09::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b09.svg);
}
.cont_point .flow10::before {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/flow_b10.svg);
}
.cont_point .cp_arrows {
margin: -30px 0 -10px;
height: 130px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 200px; margin: -30px auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cont_point .cp_arrows * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cont_point .cp_arrows *:before, .cont_point .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cont_point .cp_arrows .cp_arrow {
position: absolute;
top: 50%; left: 50%;
margin-left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.cont_point .cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
.cont_point .cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cont_point .cp_arrows .cp_arrow:before, .cont_point .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 3px;
content: '';
background: #888FE5;
}
.cont_point .cp_arrows .cp_arrow:before {
-webkit-transform: rotate(30deg) translateX(-39%);
transform: rotate(30deg) translateX(-39%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.cont_point .cp_arrows .cp_arrow:after {
-webkit-transform: rotate(-30deg) translateX(39%);
transform: rotate(-30deg) translateX(39%);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.div_point_white .cont_point .point {
background-color: white;
}
@media screen and (max-width: 768px) {
.div_point_white .cont_point .point {
padding: 62px 24px 40px;
}
}
@media screen and (max-width: 768px) {
.div_point_white .cont_point .point img {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.cont_point .flow {
padding: 62px 24px 40px;
}
}
.list_box_medical {
max-width: 950px;
margin: 0 auto;
padding: 60px 20px 40px;
position: relative;
background: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.list_box_medical h2 {
font-family: ten-mincho-text, serif;
color: #20a9c9;
font-size: 28px;
font-weight: 100;
margin-bottom: 10px;
letter-spacing: 3px;
}
.list_box_medical h2::after {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/hirokonaika/list_title_after_pink.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-left: 20px;
}
.list_box_medical h2::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/hirokonaika/list_title_after_pink.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 20px;
}
.list_box_medical .list_test-wrap {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 30px 30px;
}
.list_box_medical .list_test-wrap li {
font-size: 1rem;
color: #967c33;
font-weight: bold;
padding: 24px 50px 0 0;
line-height: 1.6em;
}
.list_box_medical p {
color: #967c33;
padding: 0 30px;
font-weight: bold;
}
.list_box_medical .list_test:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #20a9c9;
border-radius: 50%;
margin-right: 6px;
margin-bottom: 2px;
}
.list_box_medical::after {
content: '';
display: inline-block;
position: absolute;
width: 68px;
height: 68px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_box_medical_after.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
right: -7px;
bottom: -7px;
}
.list_box_medical::before {
content: '';
display: inline-block;
position: absolute;
width: 68px;
height: 68px;
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/list_box_medical_after.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
left: -7px;
top: -7px;
}
.list_desc {
margin: 36px 0 40px;
}
.list_box_medical .text-center {
position: relative;
}
.list_box_medical .text-center::after {
position: absolute;
bottom: -9px;
left: 0;
content: '';
width: 100%;
height: 4px;
background: #20a9c9;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.list_box_medical.is-show .text-center::after {
-webkit-transform: scale(0.64, 1);
transform: scale(0.64, 1);
}
.section_bg01 {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/bg_str_blu.jpg);
padding-top: 20px;
}
.section_bg02 {
background-image: url(//komuta-geka.com/wp-content/themes/komuta/img/komuta/bg_str_green.jpg);
padding-top: 20px;
}
#map_canvas {
max-width: 1180px;
padding: 90px 30px 20px;
margin: 0 auto 0px;
height: 480px !important;
background-color: #000;
} :root{
--icon-pdf:url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2048px%3B%20height%3A%2048px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M378.413%2C0H208.297h-13.182L185.8%2C9.314L57.02%2C138.102l-9.314%2C9.314v13.176v265.514%20c0%2C47.36%2C38.528%2C85.895%2C85.896%2C85.895h244.811c47.353%2C0%2C85.881-38.535%2C85.881-85.895V85.896C464.294%2C38.528%2C425.766%2C0%2C378.413%2C0z%20M432.497%2C426.105c0%2C29.877-24.214%2C54.091-54.084%2C54.091H133.602c-29.884%2C0-54.098-24.214-54.098-54.091V160.591h83.716%20c24.885%2C0%2C45.077-20.178%2C45.077-45.07V31.804h170.116c29.87%2C0%2C54.084%2C24.214%2C54.084%2C54.092V426.105z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M171.947%2C252.785h-28.529c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v73.754c0%2C6.388%2C4.204%2C10.599%2C10.041%2C10.599%20c5.711%2C0%2C9.914-4.21%2C9.914-10.599v-22.406c0-0.545%2C0.279-0.817%2C0.824-0.817h16.436c20.095%2C0%2C32.188-12.226%2C32.188-29.612%20C204.136%2C264.871%2C192.182%2C252.785%2C171.947%2C252.785z%20M170.719%2C294.888h-15.208c-0.545%2C0-0.824-0.272-0.824-0.81v-23.23%20c0-0.545%2C0.279-0.816%2C0.824-0.816h15.208c8.42%2C0%2C13.447%2C5.027%2C13.447%2C12.498C184.167%2C290%2C179.139%2C294.888%2C170.719%2C294.888z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M250.191%2C252.785h-21.868c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v74.843c0%2C5.3%2C3.253%2C8.693%2C8.686%2C8.693h21.868%20c19.69%2C0%2C31.923-6.249%2C36.81-21.324c1.76-5.3%2C2.723-11.681%2C2.723-24.857c0-13.175-0.964-19.557-2.723-24.856%20C282.113%2C259.034%2C269.881%2C252.785%2C250.191%2C252.785z%20M267.856%2C316.896c-2.318%2C7.331-8.965%2C10.459-18.21%2C10.459h-9.23%20c-0.545%2C0-0.824-0.272-0.824-0.816v-55.146c0-0.545%2C0.279-0.817%2C0.824-0.817h9.23c9.245%2C0%2C15.892%2C3.128%2C18.21%2C10.46%20c0.95%2C3.128%2C1.62%2C8.56%2C1.62%2C17.93C269.476%2C308.336%2C268.805%2C313.768%2C267.856%2C316.896z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M361.167%2C252.785h-44.812c-5.432%2C0-8.7%2C3.533-8.7%2C8.825v73.754c0%2C6.388%2C4.218%2C10.599%2C10.055%2C10.599%20c5.697%2C0%2C9.914-4.21%2C9.914-10.599v-26.351c0-0.538%2C0.265-0.81%2C0.81-0.81h26.086c5.837%2C0%2C9.23-3.532%2C9.23-8.56%20c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545%2C0-0.81-0.272-0.81-0.817v-19.425c0-0.545%2C0.265-0.816%2C0.81-0.816h32.733%20c5.572%2C0%2C9.245-3.666%2C9.245-8.553C370.411%2C256.45%2C366.738%2C252.785%2C361.167%2C252.785z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.site-footer__time__text{
margin-top: 1em;
}
.site-footer__time__text>.link{
padding-left: .5em;
text-decoration: underline;
position: relative;
font-size: 16px;
line-height: 1.6;
}
.site-footer__time__text>.link::before{
content: "";
position: absolute;
width: 20px;
top: .2em;
left: -1em;
aspect-ratio: 1 / 1;
background-color: inherit;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: var(--icon-pdf);
mask-image: var(--icon-pdf);
background-color:#20a9c9;
}
@media (max-width:800px) {
.site-footer__time__text>.link{
padding-left: 1.5em;
}
.site-footer__time__text>.link::before{
left: 0;
}
}