@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
/*
Theme Name: kenji-miyake
Theme URI: null
Description: Description
Author: Shunc - WXJ
Version: 1.0
*/

/*------------------------------------------------------------

デフォルトスタイル

------------------------------------------------------------*/
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
font-family: 'Noto Sans TC','微軟正黑體','Microsoft JhengHei', sans-serif;
}
.home-eyecatch h1, .home-eyecatch p:not(.text-green), .home-case h3 span, h3.bg-yellow {
font-family: 'Noto Serif TC', serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
vertical-align: top;
}
a, a:link {
color: #333333;
text-decoration: none;
}
a:visited {}
a:hover {
text-decoration: underline;
}
a:active {}
/*------------------------------------------------------------
レイアウト
------------------------------------------------------------*/
body {
height: 100%;
/*min-width: 1100px;*/
color: #727171;
font-size: 0.75rem;
line-height: 1.5;
-webkit-text-size-adjust: none;
overflow-wrap: break-word;
word-wrap: break-word;
}
a[href^='tel:'] {
cursor: default;
pointer-events: none;
}
/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
.sp {
display: none !important;
}
html {
height: 100%;
}
@media screen and (max-width: 767px) {
body {
min-width: inherit;
}
a:hover, a:hover img {
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
a[href^='tel:'] {
cursor: pointer;
pointer-events: auto;
}
#main {
margin: 0 auto;
width: auto;
}
}
.clearfix:after {
height: 0;
visibility: hidden;
content: '.';
display: block;
clear: both;
}
@media (min-width: 768px) {
.sp-only {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc-only {
display: none !important;
}
img {
max-width: 100%;
height: auto;
}
}
#main .comList {margin-left: 2px;}
#main .comList a {
display: table;
padding: 10px 0 8px;
width: 100%;
text-decoration: none;
border-bottom: 1px dashed #b8b8b8;
}
#main .comList a:hover {
opacity: 0.7;
}
#main .comList .photo {
display: table-cell;
text-align: left;
vertical-align: middle;
width: 91px;
}
#main .comList .photo img {
width: 100%;
height: auto;
}
#main .comList span {
display: table-cell;
text-align: left;
vertical-align: middle;
font-size: 0.875rem;
padding-left: 20px;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
#main .comList .photo {
width: 72px;
}
#main .comList a {
padding: 7px 0;
}
#main .comList span {
font-size: 0.71875rem;
padding-left: 10px;
}
#main .comList .photo img {
max-width: 100%;
}
}

.mv .mvTxt {
font-size: 1rem;
line-height: 1.4;
color: #231f20;
font-weight: bold;
padding: 5px 20px;
}
.mv .mvPhoto {
border-top: 7px solid #231f20;
margin: 1px 0 0;
}
.mv .mvPhoto img {
width: 100%;
height: auto;
}
.mv .mvInfo {
background: #231f20;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: space-between;
align-items: center;
padding: 8px 12px 5px 26px;
}
.mv .mvNav {
min-height: 38px;
}
.mv .mvInfo.fixed {
box-sizing: border-box;
position: fixed;
width: 100%;
top: 0;
z-index: 999;
}
.mv .mvTtl {
font-size: 1.7rem;
line-height: 1.2;
color: #fff;
font-weight: bold;
font-family: '小塚ゴシック Pr6N', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
letter-spacing: -0.6px;
}
.mv .mvLink {
font-size: 1rem;
line-height: 1;
color: #ffffff !important;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-menuSP {
width: 22px;
position: absolute;
top: calc(50% - 8px);
right: 11px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 5;
}
.c-menuSP.opened .c-menuSP__1 {
transform: rotate(45deg);
}
.c-menuSP.opened .c-menuSP__3 {
transform: rotate(-45deg);
}
.c-menuSP.opened .c-menuSP__2 {
opacity: 0;
}
.c-menuSP__1,
.c-menuSP__2,
.c-menuSP__3 {
width: 21px;
height: 3px;
background-color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
transform-origin: left;
}
.c-menuSP__1 {
margin-bottom: 4px;
}
.c-menuSP__3 {
margin-top: 4px;
}
.mv .mvTxt {
font-size: 0.8rem;
line-height: 1.6;
padding: 5px 12px;
}
.mv .mvPhoto {
border-top: 4px solid #231f20;
margin: 2px 0 0;
}
.mv .mvInfo {
padding: 9px 12px 7px 18px;
position: relative;
}
.mv .mvTtl {
font-size: 1.16rem;
max-width: calc(100% - 30px);
}
}
.breadcrumb {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
padding: 7px 30px;
}
.breadcrumb .item {
position: relative;
padding: 0 12px 0 0;
margin: 0 4px 0 0;
}
.breadcrumb .item:last-child {
padding: 0;
margin: 0;
}
.breadcrumb .item:last-child::after {
display: none;
}
.breadcrumb .item::after {
content: '>';
position: absolute;
top: -1px;
right: 0;
}
.breadcrumb .item a,
.breadcrumb .item span {
font-size: 15px;
line-height: 1.2;
color: #808285;
}
.title03 {
font-size: 18px;
line-height: 1.2;
color: #464647;
font-weight: bold;
position: relative;
padding: 0 0 0 3px;
}
.title03::after {
content: '';
width: 100%;
height: 28px;
background: linear-gradient(180deg,
rgba(255, 255, 255, 0) 50%,
#ebea75 50%,
#ebea75 88%,
rgba(255, 255, 255, 0) 88%);
position: absolute;
bottom: -2px;
left: 0;
}
.title03 span {
line-height: 1.2;
background: linear-gradient(180deg,
rgba(255, 255, 255, 0) 50%,
#ebea75 50%,
#ebea75 88%,
rgba(255, 255, 255, 0) 88%);
display: inline;
position: relative;
z-index: 2;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.title03 {
font-size: 1.05rem;
}
}
.title04 {
font-size: 1.87rem;
line-height: 1.7;
color: #333333;
font-weight: bold;
border-bottom: 2px solid #231f20;
padding: 0 0 2px;
}
@media screen and (max-width: 767px) {
.title04 {
font-size: 1.32rem;
line-height: 1.52;
}
}
.list02 .item {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #58595b;
padding: 0 0 26.5px;
margin: 0 0 30px;
position: relative;
}
.list02 .item:hover {
opacity: 0.7;
}
.list02 .item:last-child {
margin: 0;
}
.list02 .photo {
width: 277px;
}
.list02 .photo img {
width: 100%;
height: auto;
}
.list02 .info {
width: calc(100% - 302px);
padding: 2px 0 0;
}
.list02 .info .link {
display: block;
width: 100%;
}
.list02 .info .link::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.list02 .info .link:hover {
text-decoration: none;
}
.list02 .ttl {
font-size: 1.2rem;
line-height: 1.4;
color: #464647;
font-weight: bold;
}
.list02 .txt {
font-size: 0.83rem;
line-height: 1.55;
color: #58595b;
margin: 3px 0 0;
}
.list02 .detail {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
align-items: flex-end;
margin: 25px 0 8px 1px;
}
.list02 .time {
font-size: 12px;
line-height: 1;
color: #caa655;
font-weight: bold;
}
.list02 .view {
font-size: 0.75rem;
line-height: 1;
color: #6d6e71;
font-weight: bold;
margin: 0 0 0 19px;
}
.list02 .listTag {
position: relative;
z-index: 3;
margin: 0 0 0 4px;
}
@media screen and (max-width: 767px) {
.list02 .item {
padding: 0 0 7px;
margin: 0 0 13px;
}
.list02 .photo {
width: 39.5%;
}
.list02 .info {
width: 58%;
padding: 0;
}
.list02 .ttl {
font-size: 0.8rem;
line-height: 1.45;
}
.list02 .txt {
display: none;
}
.list02 .detail {
margin: 7px 0 6px 1px;
}
.list02 .time {
font-size: 0.6rem;
}
.list02 .view {
font-size: 0.58rem;
margin: 0 0 0 5px;
}
.list02 .listTag {
margin: 0;
}
}
.list03 .item {
border-bottom: 1px solid #a7a9ac;
}
.list03 .item:hover {
opacity: 0.7;
}
.list03 .item:first-child {
border-bottom: 1px solid #a7a9ac;
}
.list03 .item>a {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
justify-content: space-between;
padding: 7px 0 16px;
}
.list03 .item>a:hover {
text-decoration: none;
}
.list03 .number {
width: 27px;
height: 27px;
background: #caa655;
border-radius: 50%;
overflow: hidden;
font-size: 1.1rem;
line-height: 27px;
text-align: center;
color: #fff;
font-weight: bold;
margin: 2px 0 0;
}
.list03 .txt {
width: calc(100% - 38px);
font-size: 0.9rem;
line-height: 1.45;
color: #58595b;
}
@media screen and (max-width: 767px) {
.list03 .number {
width: 28.5px;
height: 28.5px;
}
.list03 .item {
margin: 0 0 7px;
}
.list03 .item>a {
padding: 7px 0 0;
}
.list03 .listTag {
justify-content: flex-end;
margin: 5px 0 0;
}
.list03 .listTag li a {
padding: 3px 5px;
}
}
.list04 .item {
border-top: 1px solid #939598;
}
.list04 .item:hover {
opacity: 0.7;
}
.list04 .item:last-child {
border-bottom: 1px solid #939598;
}
.list04 .item a {
font-size: 0.8rem;
line-height: 1.6;
color: #808285;
padding: 8px 12px 8.3px;
display: block;
}
.list04 .item a:hover {
text-decoration: none;
}
.listTag {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
}
.listTag li {
border-radius: 6px;
overflow: hidden;
margin: 0 8px 0 0;
min-width: 53px;
text-align: center;
}
.listTag li:hover {
opacity: 0.7;
}
.listTag li a {
display: block;
background: #939598;
font-size: 0.7rem;
line-height: 1;
color: #fff;
padding: 4px 5px;
}
.listTag li a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.listTag li {
margin: 0 7px 5px 0;
min-width: 45px;
}
.listTag li a {
font-size: 0.5rem;
padding: 4px 8px;
}
}
.pager {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: center;
align-items: center;
text-align: center;
}
.pager .numbers {
width: 42px;
height: 42px;
margin: 0 5px;
padding: 5px;
box-sizing: border-box;
background: #e7e8e9;
font-size: 1.1rem;
line-height: 1;
color: #6d6e71;
font-weight: bold;
text-decoration: none;
transition: all 300ms ease;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center;
justify-content: center;
}
.pager .numbers.dots {
align-items: flex-end;
}
.pager .numbers:hover, .pager .numbers.current {
background: #bcbec0;
color: #fff;
}
.pager .numbers.prev, .pager .numbers.next {
background: #bcbec0;
}
.pager .numbers.prev img, .pager .numbers.next img {
width: 15px;
height: auto;
}
@media screen and (max-width: 767px) {
.pager .numbers {
width: 26.5px;
height: 26.5px;
margin: 0 3.5px;
font-size: 0.7rem;
}
.pager .numbers.prev img, .pager .numbers.next img {
width: 11px;
}
}
.box01 {
background: #f0ede2;
border-radius: 10px;
padding: 12px 27px 5px;
}
.box01 .title {
font-size: 0.95rem;
line-height: 1.8;
color: #333333;
font-weight: bold;
}
.box01 .list {
counter-reset: li;
margin: 1px 0 0;
}
.box01 .list .item {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
margin: 0 0 1px;
}
.box01 .list .item>a {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
text-decoration: none;
font-size: 1rem;
line-height: 1.8;
color: #333333;
font-weight: bold;
}
.box01 .list .item>a:hover {
opacity: 0.7;
}
.box01 .sublist {
font-weight: normal;
width: 100%;
margin: 2px 0 0 15px;
}
.box01 .sublist li a {
display: block;
text-decoration: none;
font-size: 0.9rem;
line-height: 1.8;
color: #333333;
position: relative;
padding-left: 0.5em;
}
.box01 .sublist li a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.box01 {
padding: 9px 11px 12px;
border-radius: 2px;
}
.box01 .title {
font-size: 0.9rem;
line-height: 1.3;
}
.box01 .list .item>a {
font-size: 0.9rem;
}
.box01 .sublist li {
margin: 0 0 2px;
}
.box01 .sublist li a {
font-size: 0.8rem;
padding-left: 12px;
}
.box01 .sublist li a::before {
width: 11px;
height: 11px;
}
}
.box02 {
border: 1px solid #808285;
border-radius: 7px;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 26px 8px;
}
.box02 .photo {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.box02 .photo img {
width: 100%;
height: auto;
}
.box02 .info {
width: calc(100% - 66px);
font-size: 1rem;
line-height: 1.5;
color: #333333;
}
.box02 .info .txt {
margin: 1px 0 3px;
}
.box02 .info a {
color: #5895cf;
text-decoration: none;
margin: 0 0 0 17px;
}
.box02 .info a:hover {
opacity: 0.7;
}
.box02 .info span {
margin: 0 0 0 6px;
}
@media screen and (max-width: 767px) {
.box02 {
padding: 7px 31px 4px;
}
.box02 .photo {
width: 42px;
height: 42px;
}
.box02 .info {
width: calc(100% - 58px);
font-size: 0.8rem;
}
.box02 .info .txt {
margin: 0 0 3px;
}
.box02 .info span {
margin: 4px 0 0;
display: block;
}
.box02 .info a {
margin: 0 0 0 10px;
}
}
/*------------------------------------------------------------
news/jp
------------------------------------------------------------*/
#main .news {
padding: 46px 0;
background: url(../images/news/back_linen1.jpg) repeat left top;
}
#main .news .mainBox {
margin: 0 auto;
padding: 30px 40px;
width: 1045px;
max-width: 100%;
background-color: #fff;
box-shadow: 0 0 5px #999;
box-sizing: border-box;
}
#main .news .ttlBox {
min-height: 90px;
}
#main .news h1 {
margin-bottom: 6px;
font-size: 1.625rem;
}
#main .news h1 a {
text-decoration: none;
}
#main .news h1 a:hover {
color: #21759b;
}
#main .news p {
font-size: 0.8125rem;
}
#pagePath {
margin-bottom: 24px;
padding: 14px 0 12px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
}
#pagePath li {
display: inline;
margin-right: 35px;
}
#pagePath li:first-child a {
font-weight: bold;
}
#main .news .photo {
margin-bottom: 50px;
}
#main .news .photo img {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#main .news .photo a:hover img {
opacity: 0.7;
}
#main .newsBox {
margin: 0 12px 0 0;
}
#main .newsBox .comList, #main .newsBox .list, #main .newsBox .pageList {list-style: none;}
#main .newsBox .subInner {
float: left;
width: 627px;
}
#main .newsBox .lBox {
margin-bottom: 75px;
padding: 0 50px 68px 12px;
border-bottom: 4px double #ededed;
}
#main .newsBox .lBox .title {
padding-bottom: 57px;
font-size: 1.25rem;
color: #1e6b8c;
font-weight: bold;
border-bottom: 2px solid #89b6b3;
}
#main .newsBox .title02 {
margin: 0 0 24px 2px;
padding: 19px 0 26px 18px;
font-size: 1.8125rem;
color: #595757;
line-height: 1.5;
letter-spacing: -1.3px;
border-bottom: 1px dashed #d0d0d0;
}
#main .newsBox .comList {
margin: 0;
padding: 0 0 0 3px;
}
#main .newsBox .comList a {
padding: 14px 0 11px;
}
#main .newsBox .comList li .photo {
width: 124px;
}
#main .newsBox .comList span {
font-size: 1.25rem;
padding-left: 30px;
}
#main .newsBox .rBox {
float: right;
width: 242px;
}
#main .newsBox .rBox .searchBox {
margin-bottom: 50px;
}
#main .newsBox .rBox .searchBox input[type='text'] {
border: 1px solid #ccc;
border-radius: 3px;
height: 30px;
width: 148px;
box-sizing: border-box;
padding: 0 5px;
font-size: 0.75rem;
}
#main .newsBox .rBox .searchBox input[type='submit'] {
color: #7c7c7c;
background-color: #e6e6e6;
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
font-size: 0.625rem;
height: 30px;
width: 45px;
cursor: pointer;
vertical-align: top;
line-height: 1.428571429;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
}
#main .newsBox .rBox .title {
font-weight: bold;
font-size: 0.6875rem;
margin-bottom: 32px;
}
#main .newsBox .rBox .list {
margin-bottom: 80px;
}
#main .newsBox .rBox .list:last-child {
margin-bottom: 0;
}
#main .newsBox .rBox .list li {
font-size: 0.8125rem;
padding-bottom: 4px;
}
#main .newsBox .rBox .list li a {
text-decoration: underline;
}
#main .newsBox .rBox .list li a:hover {
color: #21759b;
}
#main .newsBox .wp-pagenavi .previouspostslink {
float: left;
}
#main .newsBox .wp-pagenavi .nextpostslink {
float: right;
}
#main .newsBox .wp-pagenavi .previouspostslink,
#main .newsBox .wp-pagenavi .nextpostslink {
color: #21759b;
font-size: 0.875rem;
text-decoration: underline;
}
#main .newsBox .wp-pagenavi .previouspostslink:hover,
#main .newsBox .wp-pagenavi .nextpostslink:hover {
color: #0f3647;
}
.wp-pagenavi {
overflow: hidden;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .last {
display: none;
}
#main .pageList li.prev {
float: left;
}
#main .pageList li.next {
float: right;
}
#main .pageList li a {
color: #21759b;
font-size: 0.875rem;
text-decoration: underline;
}
#main .pageList li a:hover {
color: #0f3647;
}
#main .btmBox {
margin-top: 50px;
padding: 30px 0 0;
border-top: 1px solid #ededed;
clear: both;
}
#main .btmBox p {
margin-bottom: 0;
}
#main .btmBox p a {
color: #686868;
text-decoration: underline;
}
#main .btmBox p a:hover {
color: #21759b;
}
#main .newsBox .pBox {
line-height: 1.9;
margin-left: 8px;
}
#main .newsBox .pBox p {
margin-bottom: 15px;
line-height: 1.6;
}
#main .newsBox .pBox .photo02 {
margin-bottom: 15px;
}
#main .newsBox .pBox .photo02 img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
#main .news {
padding: 0;
}
#main .news .mainBox {
padding: 24px;
width: auto;
}
#main .news h1 {
text-align: center;
}
#main .news .spTxt {
text-align: center;
}
#pagePath {
margin: 20px 0;
}
#pagePath li {
margin-right: 5px;
}
#pagePath li a {
text-decoration: none;
}
#main .news .photo img {
width: 100%;
height: auto;
}
#main .newsBox .subInner {
margin-bottom: 20px;
float: none;
width: auto;
}
#main .newsBox .lBox {
padding: 0 0 40px;
margin-bottom: 30px;
}
#main .newsBox .title {
padding-bottom: 20px;
}
#main .newsBox .comList li .photo {
width: 110px;
}
#main .newsBox .comList span {
font-size: 0.8rem;
padding-left: 10px;
}
#main .newsBox .rBox {
float: none;
width: auto;
}
#main .newsBox .rBox .searchBox input[type='text'] {
width: 60%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
#main .newsBox .pBox {
margin: 0;
}
#main .newsBox .pBox .photo02 img {
max-width: 100%;
height: auto;
}
}
/*------------------------------------------------------------
blog/jp
------------------------------------------------------------*/
.p-blog {
background: #fff;
padding: 0 0 33px;
font-family: '小塚ゴシック Pr6N', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}
#main .p-blog .mainBox {
margin: 0 auto;
padding-bottom: 21px;
width: 1045px;
max-width: 100%;
background-color: #fff;
box-sizing: border-box;
padding: 0 22.5px 35px;
}
.p-blogBox {
width: 940px;
max-width: 100%;
margin: 60px auto 0;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
.p-blogBox .content {
width: 670px;
float: left;
margin-right: auto;
padding-right: 40px;
}
.p-blog .pager, .p-blog .wp-pagenavi {
margin: 47px 0 0;
}
.p-blog .wp-pagenavi .page, .p-blog .wp-pagenavi .current, .p-blog .wp-pagenavi .extend {
display: block;
width: 42px;
height: 42px;
margin: 0 5px;
padding: 5px;
box-sizing: border-box;
background: #e7e8e9;
font-size: 1.1rem;
line-height: 1;
color: #6d6e71;
font-weight: bold;
text-decoration: none;
transition: all 300ms ease;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center;
justify-content: center;
}
.p-blog .wp-pagenavi .page:hover {
background: #bcbec0;
color: #fff;
}
.p-blog .wp-pagenavi .current {
background: #bcbec0;
color: #fff;
}
.p-blog .wp-pagenavi {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: center;
align-items: center;
text-align: center;
}
.p-blog__f {
background: #000000;
position: relative;
}
.previouspostslink, .nextpostslink, .pageList li a {
width: 42px;
height: 42px;
margin: 0 5px;
padding: 5px;
box-sizing: border-box;
background: #bcbec0;
font-size: 1.1rem;
line-height: 1;
color: #6d6e71;
font-weight: bold;
text-decoration: none;
transition: all 300ms ease;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center;
justify-content: center;
text-indent: -99999px;
position: relative;
display: block;
}
.previouspostslink::before, .nextpostslink::before, .pageList li a::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 15px;
height: 11px;
background-position: center;
background-size: 15px 11px;
}
.previouspostslink::before, .pageList li.prev a::before {
background-image: url(../images/common/icon/arrow-left.svg);
}
.nextpostslink::before, .pageList li.next a::before {
background-image: url(../images/common/icon/arrow-right.svg);
}
.p-blogBox .sidebar {
width: 210px;
float: right;
padding: 5px 0 0;
}
.p-blogBox .sidebar .sideBox .title03 {
margin: 0 0 6px;
}
.p-blogBox .sidebar .sideBox .list04 {
margin: 10px 0 0;
}
.p-blogBox .sidebar .sideBox+.sideBox {
margin: 34px 0 0;
}
.p-blogBox .searchBox input {
width: 100%;
border: 1px solid #d4d4d6;
border-radius: 1px;
box-sizing: border-box;
background: url(/jp/wp-content/themes/kenji-miyake/../images/common/icon/icon-search.svg) no-repeat left 9px center;
background-size: 14px 14px;
margin: 24px 0 0;
padding: 4.5px 33px;
font-size: 0.9rem;
color: #464647;
font-weight: bold;
}
.p-blogBox .searchBox input::placeholder {
color: #bcbdbd;
opacity: 1;
}
.p-blogBox .searchBox input:-ms-input-placeholder {
color: #bcbdbd;
}
.p-blogBox .searchBox input::-ms-input-placeholder {
color: #bcbdbd;
}
.p-blog.detail {
padding: 0 0 4px;
}
.p-blog.detail .breadcrumb .item a, .p-blog.detail .breadcrumb .item span {
font-size: 13px;
}
.p-blog.detail .p-blogBox {
margin: 42px auto 0;
}
.p-blog_detail1 {
padding: 7px 0 0;
}
.p-blog_detail1 .title04 {
margin: 0 10px 0 0;
}
.p-blog_detail1 .time {
font-size: 0.7rem;
line-height: 1;
color: #caa655;
margin: 18px 0 14px 4px;
display: block;
}
.p-blog_detail1 .detail {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
justify-content: space-between;
padding: 0 10px 0 0;
}
.p-blog_detail1 .detail .view {
font-size: 0.8rem;
line-height: 1;
color: #8c8988;
margin: 3px 0 0 10px;
}
.p-blog_detail1 .detail .listTag {
flex: 1;
}
.p-blog_detail1 .photo {
margin: 19px 0 22px;
}
.p-blog_detail1 .photo img {
max-width: 100%;
}
.p-blog.detail .box .ttl {
font-size: 1.25rem;
line-height: 1.5;
color: #333333;
font-weight: bold;
margin: 0 0 30px;
}
.p-blog.detail .box .ttl+.ttl2 {
margin: -10px 0 0;
}
.p-blog.detail .box .ttl2+p {
margin: 17px 0 0;
}
.p-blog.detail .box .ttl2 {
font-size: 1.25rem;
line-height: 1.5;
color: #333333;
font-weight: bold;
background: #e6e7e8;
border-radius: 5px;
padding: 9px 1em 6px;
position: relative;
}
.p-blog.detail .box p {
font-size: 1rem;
line-height: 1.9;
color: #333333;
}
.p-blog.detail .box p+p {
margin: 30px 0 0;
}
.p-blog.detail .box p+.ttl2 {
margin: 22px 0 0;
}
.p-blog.detail .box .list {
margin: 3px 0 0;
}
.p-blog.detail .box .list+p {
margin: 32px 0 0;
}
.p-blog.detail .box .list li {
font-size: 1rem;
line-height: 1.6;
color: #58595b;
position: relative;
padding-left: 16px;
margin: 0 0 5px;
}
.p-blog.detail .box .list li::before {
content: '';
width: 15px;
height: 15px;
background: #58595b;
border-radius: 50%;
position: absolute;
top: 4px;
left: 0;
}
.p-blog.detail .box .bottom {
border-top: 1px solid #58595b;
border-bottom: 1px solid #58595b;
margin: 23px 0 0;
padding: 6px 0;
}
.p-blog.detail .box .bottom a {
display: inline-block;
font-size: 1rem;
line-height: 1.5;
color: #5895cf;
text-decoration: none;
margin: 3px 0 0;
}
.p-blog_detail2 {
margin: 37px 0 0;
}
.p-blog_detail3 {
margin: 38px 0 0;
}
.p-blog.detail .p-blogBox .box02 {
margin: 36px 0 54px;
}
.p-blog.detail .btn {
background: #939598;
border-radius: 5px;
display: block;
width: 360px;
margin: 0 auto;
text-align: center;
font-size: 1rem;
color: #fff;
padding: 3px 0;
}
.contact_f {
background: #f0eee2;
}
@media screen and (max-width: 767px) {
#main .p-blog .mainBox {
width: auto;
padding: 6px 0 47px !important;
border-bottom: 0;
}
.p-blogBox {
width: 100%;
margin: 32px 0 0;
flex-wrap: wrap;
}
.p-blogBox .content {
width: 100%;
padding: 0 13px;
box-sizing: border-box;
float: none;
}
.p-blogBox .sidebar {
width: 100%;
margin: 44px 0 0;
padding: 0 20px;
box-sizing: border-box;
float: none;
}
.p-blog .pager, .p-blog .wp-pagenavi {
margin: 16px 0 0;
}
.p-blog .wp-pagenavi .page, .p-blog .wp-pagenavi .current, .p-blog .wp-pagenavi .extend {
width: 26.5px;
height: 26.5px;
margin: 0 3.5px;
font-size: 0.7rem;
}
.previouspostslink, .nextpostslink, .pageList li a {
width: 26.5px;
height: 26.5px;
margin: 0 3.5px;
font-size: 0.7rem;
}
.previouspostslink::before, .nextpostslink::before, .pageList li a::before {
width: 11px;
height: 8px;
background-position: center;
background-size: 11px 8px;
}
.p-blogBox .sidebar .sideBox .title03 {
margin: 0 0 9px;
}
.p-blog.detail .sidebar {
display: none !important;
}
.p-blog.detail .mainBox {
padding: 6px 0 71px !important;
}
.p-blog.detail .content {
padding: 0 8px;
}
.p-blog.detail .p-blogBox {
margin: 39px auto 0;
}
.p-blog_detail1 {
padding: 0 5px;
}
.p-blog_detail1 .title04 {
margin: 0 4px;
}
.p-blog_detail1 .time {
font-size: 0.85rem;
margin: 17px 4px 6px;
}
.p-blog_detail1 .detail {
padding: 0 13px 0 0;
}
.p-blog_detail1 .detail .listTag li {
border-radius: 3px;
margin: 0 10px 5px 0;
}
.p-blog_detail1 .detail .listTag li a {
font-size: 0.7rem;
padding: 3px 6px;
}
.p-blog_detail1 .photo {
margin: 5px 0 35px;
}
.p-blog.detail .box .ttl {
font-size: 1rem;
line-height: 1.52;
margin: 0 0 26px;
}
.p-blog.detail .box .ttl+.ttl2 {
margin: -4px 0 0;
}
.p-blog.detail .box .ttl2 {
font-size: 0.95rem;
line-height: 1.55;
padding: 5px 1em 4px;
}
.p-blog.detail .box .ttl2+p {
margin: 23px 0 0;
}
.p-blog.detail .box p {
font-size: 0.9rem;
line-height: 1.95;
}
.p-blog.detail .box p+p {
margin: 25px 0 0;
}
.p-blog.detail .box p+.ttl2 {
margin: 16px 0 0;
}
.p-blog.detail .box .list {
margin: 2px 0 0;
}
.p-blog.detail .box .list li {
font-size: 0.8rem;
padding-left: 13px;
}
.p-blog.detail .box .list li::before {
width: 11px;
height: 11px;
}
.p-blog.detail .box .list+p {
margin: 28px 0 0;
}
.p-blog_detail2 {
margin: 35px 0 0;
}
.p-blog_detail3 {
margin: 26px 0 0;
}
.p-blog.detail .box .bottom {
margin: 14px 0 0;
padding: 10px 0 14px;
}
.p-blog.detail .box .bottom a {
font-size: 0.75rem;
margin: 2px 0 0;
}
.p-blog.detail .p-blogBox .box02 {
margin: 11px 3px 37px;
}
.p-blog.detail .btn {
width: calc(100% - 10px);
font-size: 0.95rem;
padding: 2px 0;
border-radius: 2px;
}
.c-categorysp {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
font-size: 12px;
display: none;
z-index: 99;
}
.c-categorysp li {
padding: 10px;
}
.c-categorysp li:not(:first-child) {
border-top: 1px solid #686868;
}
.c-categorysp a {
color: #797979;
}
.c-categorysp a[target="_blank"] {
position: relative;
}
.c-categorysp a[target="_blank"]:before {
content: "";
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 14px;
background: url(../images/blog/icon-restore.png) no-repeat center center;
background-size: cover;
}
.c-categorysp .item_social {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: space-between;
align-items: center;
}
.c-categorysp .item_social a {
padding: 0 30px;
}
.c-categorysp .item_social a:before {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.c-categorysp {
display: none !important;
}
}

/*20210208改版*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, button, hgroup, menu, nav, section, time, mark, audio, video {
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
outline: 0;
box-sizing: border-box;
} 
img {
max-width: 100%;
height: auto;
}
a:hover img, a.bg-red-link:hover, .contact-btn:hover, #contact form .submit-box input:hover {
opacity: 0.7;
text-decoration: none;
}
span.anchor {
display: block;
margin-top: -20px;
padding-top: 20px;
}
.subpage a:hover {text-decoration: underline;}
.dot-before {
padding-left: 1.2em;
position: relative;
}
.dot-before+.dot-before {margin-top: 0;}
.dot-before span::before {
display: inline-block;
content:"●";
position: absolute;
left: 0;
}
/*.l-main {
color: #4D4D4D;
line-height: 1.8;
}
.l-container__in:before {
background: url('../../../assets/images/website/profile_ribon.png') no-repeat center 0;
width: 569px;
height: 48px;
transform: translateX(-50%);
margin-left: auto;
top: -20px;
position: absolute;
left: 50%;
content: "";    
}*/
.container {
width: 95%;
margin: 0 auto;
max-width: 1170px;
position: relative;    
}
/*.l-container__in {
box-shadow: 0px 0px 15px rgb(139 139 136 / 70%);
padding: 87px 5% 57px;
background-color: #ffffff;
}
.l-main {
max-width: 728px;
margin: 0 auto;
padding-bottom: 0;
} */
.c-ttl1 {
margin: 75px 0 40px;
background-color: #46B8C4;
border-radius: 15px;
font-size: 22px;
color: #fff;
padding: 4px 27px; 
}
h3.bg-yellow {
margin-bottom: 25px;
background-color: #E8D97D;
border-radius: 15px;
font-size: 22px;
color: #497577;
padding: 4px 27px;
}
.subpage p+p, #company .p-link {margin-top: 30px;}
.contact-btn, .contact-btn:link {
color: #fff;
border-radius: 12px;
display: inline-block;
text-decoration: none;
margin: 0 auto;
background-color: #C30D23;
padding: 11px;
max-width: 400px;
width: 80%;
box-sizing: border-box;
font-size: 18px;  
}
.subpage .contact-btn:hover {text-decoration: none;}
.contact-btn-pink {background-color: #f34c91;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.contact-btn1 {
background: url('../../../assets/images/website/profile_ill_1.png') no-repeat right 0;
padding-top: 88px;
margin-bottom: 75px;
}
.subpage .contact-btn-pink, .subpage .contact-btn-pink:link {
padding: 10px 100px;
font-size: 18px;
border: 2px solid #ffffff;
}

/*header*/
header {
background: url('../../../assets/images/website/header_background.jpg') repeat 0 0;
position: relative;
border-top: 13px solid #46B8C4;
border-bottom: 30px solid #E6E6E6;
}
header .container {
padding: 26px 0 18px;
}
.hd-logo {
width: 36%;
max-width: 417px;
display: block;
left: 1.7%;
position: absolute;
bottom: 20px;
}
nav {
width: 51%;
min-width: 596px;
float: right;
font-size: 16px;
}
nav ul {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
list-style: none;
}
nav ul li {
width: 22%;
margin-right: 3%;
margin-bottom: 14px;
line-height: 1.3;
}
nav ul li a, nav ul li a:link {
text-decoration: none;
text-align: center;
display: block;
color: #ffffff;
background-color: #46B8C4;
border-radius: 15px;
}
nav ul li a:focus, nav ul li a:hover, nav ul li a.curr {/*background-color: #4782A2;*/}
.lang-btn {
text-align: right;
margin-bottom: 20px;
line-height: 1.13;
}
.lang-btn a {color: #B5B5B5;}
.lang-btn .lang-current {color: #4782A2;}
.spnav {display: none;}
/*footer*/
.footer {
background: #46B8C4;
border-top: 20px solid #5EB2B3;
}
.footer .wrap {
padding: 10px 0 15px;
color: #fff;
}
.footer .footer-logo {padding-right: 4%;}
.footer .box {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: flex-start;
}
.footer .sitemap {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: space-between;
}
.footer .list {
border-left: 1px solid #fff;
padding: 0 20px 0 10px;
box-sizing: border-box;
list-style: none;
}
.footer .item a, .footer .item > span {
display: block;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-decoration: none;
position: relative;
margin: 0 0 10px;
}
.footer .item > a, .footer .item > span {padding: 0 0 0 18px;}
.footer .item a:hover {text-decoration: underline;}
.footer .item > a::before, .footer .item > span::before {
content: '■';
position: absolute;
top: 0;
left: 0;
}
.footer .item ul {list-style: none;}
.footer .item ul li {
position: relative;
padding-left: 1em;
}
.footer .item ul li::before {
content: '・';
position: absolute;
top: 0;
left: 0;
}
.footer .social {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: end;
margin-bottom: 38px;
}
.footer .social li {
width: 58px;
border-left: 1px solid #fff;
text-align: center;
padding: 2px;
box-sizing: border-box;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center;
justify-content: center;
}

.footer .social li:last-child {
border-right: 1px solid #fff;
}
.footer .social li a {width: 30px;}
.footer .address, .footer .copyright {
font-size: 14px;
margin-top: 70px;
}

.footer .gotop {
position: fixed;
z-index: 9998;
display: block;
cursor: pointer;
opacity: 0;
transition: 300ms ease;
pointer-events: none;
right: 35px;
bottom: 30px;
}

.footer .gotop.show {
opacity: 1;
pointer-events: visible;
}

.footer .gotop.absolute {
position: absolute;
bottom: inherit;
top: -83px;
}

.footer .gotop img {
max-width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.footer {position: relative;}
.footer .wrap {
width: 84.8%;
margin: 0 auto;
padding: 30px 0 15px;
}
.footer .box {flex-wrap: wrap-reverse;}
.footer .list {
width: 100%;
padding-right: 0;
}
.footer .list:last-child {
padding-bottom: 0;
margin-bottom: 25%;
}
.footer .list:last-child li {
border-top: 1px solid #fff;
padding: 8% 0 10px;
margin-top: 10.5%;
}
.footer .social {
width: 100%;
justify-content: flex-end;
margin: initial;
position: absolute;
z-index: 10;
right: 0;
width: 40%;
}
.footer .social li {width: 33%;}
.footer .social li a {
width: 100%;
display: flex;
align-items: center;
}
.footer .social li a img {
max-width: initial;
margin: 0 auto;
}
.footer .social li:nth-child(1) a img {width: 50%;}
.footer .social li:nth-child(2) a img {width: 57%;}
.footer .social li:nth-child(3 ) a img {width: 66%;}
.footer .item ul li::before {
top: 50%;
transform: translateY(-50%);
}
.footer .sitemap {
flex-direction: column;
min-width: 260px;
}
.footer .item a, .footer .item > span {margin: 0;}
.footer .wrap > div.is-flex {
flex-direction: column;
align-items: flex-start;
}
.footer .address, .footer .copyright {margin-top: 0;}
.footer .gotop {
width: 40px;
height: 40px;
right: 25px;
bottom: 50px;
}
.footer .gotop.absolute {top: -40px;}
.footer .item, .footer .item ul li {margin: 13px 0 0;}
.footer .item a, .footer .item > span, .footer .item ul li {font-size: 3.33vw; line-height: 1.5; padding-left: 8%;}
.footer .list:first-child .item:first-child {margin-top: 0;}
.footer .item ul li a {padding-left: 0;}
}


/*------------------------------------------------------------
common
------------------------------------------------------------*/
ul {list-style: disc inside;}
.p-blog ul {list-style: none;}
.is-flex {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
.is-align-items-stretch {align-items: stretch;}
.is-align-items-center {align-items:center;}
.is-align-items-flex-start {align-items: flex-start;}
.is-justify-content-space-between {justify-content: space-between;}
.is-justify-content-space-evenly {justify-content: space-evenly;}
.is-align-items-stretch {align-items: stretch;}
.is-flex-wrap-wrap {flex-wrap: wrap;}
.is-relative {position: relative;}
.text-red {color: #E56B7C!important;}
.text-green {color: #199798!important;}
.has-text-weight-bold {font-weight: bold;}
.mb-15 {margin-bottom: 15px;}
.breadcrumbs {margin-top: 8px;}
.breadcrumbs a, .breadcrumbs span {
font-size: 12px;
color: #727171;
}
.anchor-box {
position: absolute;
left: 49%;
top: -35px;
}
.anchor-box a {
padding: 0 20px;
position: relative;
color: #333333;
font-size: 16px;
display: inline-block;
}
.anchor-box a::before, .anchor-box a:last-child::after {
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 50%;
transform: translateY(-50%);
background-color: #333333;
}
.anchor-box a::before {left: 0;}
.anchor-box a:last-child::after {right: 0;}

/*------------------------------------------------------------
index首頁
------------------------------------------------------------*/
.home-eyecatch {padding: 40px 0;}
.home-eyecatch h1 {
font-size: 52px;
line-height: 80px;
margin-bottom: 25px;
}
.home-eyecatch p {
font-size: 22px;
line-height: 36px;
margin-bottom: 30px;
}
.home-eyecatch p.text-green {
font-size: 14px;
line-height: 22px;
margin-bottom: 0;
position: absolute;
bottom: 0;
}
.home-staff p, #web-sample p {
font-size: 16px;
line-height: 28px;
color: #333333;
}
.home-staff > div:first-child {
width: 40%;
max-width: 425px;
margin-right: 30px;
flex-shrink: 0;
}
.home-staff > div:first-child p {margin-top: 25px;}
.home-staff > div p a {text-decoration: underline;}
.home-case > img {
position: absolute;
top: -203px;
right: 0;
left: 0;
margin: 0 auto;
width: 205px;
}
.home-case::before {
content: "";
display: block;
position: absolute;
height: 97px;
width: 100%;
top: -94px;
background: url(../images/index/home_back_arc.png) no-repeat center top;
}
.home-case {
background-color: #F7F6EB;
margin-top: 250px;
position: relative;
margin-bottom: 50px;
}
.home-case .container >  div {
border: 3px solid #b6dcdd;
border-radius: 30px;
background-color: #fff;
width: 41%;
padding: 0 14px 14px;
margin-bottom: 50px;
margin-top: 50px;
}
.home-case h2 {
background: url(../images/index/home_ribon.png) no-repeat center top;
font-family: "Times New Roman";
color: #fff;
font-size: 26px;
text-align: center;
line-height: 2.2;
margin: -30px auto 10px;
}
.home-case h3 {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
color: #497577;
border-bottom: 2px solid #b6dcdd;
align-items: center;
justify-content: center;
height: 70px;
text-align: center;
margin-bottom: 15px;
}
.home-case h3 span {
font-size: 22px;
line-height: 32px;
}
.home-case p {
color: #333333;
font-size: 14px;
line-height: 24px;
}
.home-case a {
font-size: 12px;
color: #C30D23;
position: absolute;
bottom: 0;
border: 1px solid #C30D23;
padding: 3px;
box-sizing: border-box;
width: calc(100% - 15px);
text-align: center;
}
.home-case a:hover, #service a.more-link:hover {
color: #ffffff;
background-color: #C30D23;
text-decoration: none;
}
.home-case a span {
position: absolute;
right: 15px;
}
.home-case .is-relative {padding-left: 15px;}
.home-contact {
background: url('../../../assets/images/website/header_background.jpg') repeat 0 0;
padding: 45px 0;
}
.home-contact .container {
border: 3px solid #46B8C4;
background-color: #fbfaf5;
max-width: 860px;
border-radius: 30px;
padding: 26px;
}
.home-contact h2 {
background: url(../images/index/home_contact_ribon.png) no-repeat 0 0;
font-size: 18px;    
margin-left: -26px;
margin-bottom: 20px;
line-height: 2.5;
padding-left: 36px;
}
.home-contact h2 a {color: #fff;}
.home-contact p {
font-size: 14px;
line-height: 24px;
color: #199798;
margin-left: 20px;
}
.home-blog {padding: 40px 0;}
.home-blog h2 {
background: url(../images/index/home_line_pen.png) no-repeat 0 bottom;
color: #727171;
line-height: 1.8;
font-size: 22px;
margin-bottom: 15px;
letter-spacing: -0.5px;
padding-bottom: 6px;  
}
.home-blog h2 a {color: #727171;}
.home-blog h2 span {font-size: 16px;}
.home-blog .container > div {
border: 3px solid #9ED1D1;
border-radius: 14px;
padding: 18px 52px;
width: 47.5%;
background: url(../images/index/home_blog_hole.png) no-repeat 10px center #FBFBF5;
position: relative;
}
.home-contact h2 a:hover, .home-blog .container > div h2 a:hover {
text-decoration: none;
opacity: 0.7;
}
.home-blog p, .home-blog ul {
color: #333333;
line-height: 26px;
font-size: 14px;
max-width: 303px;
}
.home-blog img {
position: absolute;
right: 5%;
bottom: 15px;
}

/*companydata*/
.companydata {
width: 90%;
max-width: 810px;
margin: 20px auto 0;
}
h2.bb-line {
font-size: 18px;
color: #199798;
padding-bottom: 10px;
border-bottom: 1px solid #199798;
}
.companydata h2 {margin: 50px auto 20px;}
.companydata table th {
width: 238px;
text-align: left;
vertical-align: text-top;
font-size: 18px;
font-weight: bold;
}
.companydata table td {
padding-left: 20px;
font-size: 16px;
line-height: 36px;
border-left: 1px solid #d5d5d5;
}
.companydata table td span {
display: block;
font-size: 26px;
margin-bottom: 20px;
font-weight: bold;
}
.companydata table {margin-top: 50px;}
.companydata table + table {margin-top: 90px;}
#company .p-deta dt {
width: 100px;
float: left;
}
#company .p-deta dd {
padding-left: 100px;
}
#company .p-deta {
margin-bottom: 55px;
color: #333333;
font-size: 16px;
line-height: 36px;
}
#company .dot-before {
color: #333333;
font-size: 16px;
line-height: 36px;
letter-spacing: -0.3px;
}
#company .p-notes {color: #C30D23;}
a.blue-underline {color: #4E7DBD;}
#company .p-movie {margin: 45px auto 125px;}
.subpage#company {margin-bottom: 100px;}
/*staff*/
#staff .staff-content {display: none;}
#staff .staff-content.staff-show {display: block;}
#staff h2 {
margin: 0 auto 20px;
background-color: #F2F2F2;
color: #333333;
font-size: 18px;
padding: 5px 13px;
position: relative;
cursor: pointer;
}
#staff h2::after, #faq dt::after {
position: absolute;
right: 20px;
content: "+";
font-size: 24px;
top: 50%;
transform: translateY(-50%);
width: 20px;
text-align: center;
color: #727171;
}
#staff h2.arrow-click-hide::after, #faq dt.arrow-click-hide::after {content: "\2013";}
#staff .p-staff{padding:20px 0;border-bottom:1px dashed #9E9E9E;color: #333333;}
#staff .p-staff__box{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
#staff #kenji_miyake + .p-staff {padding-top:20px;border-top:1px dashed #9E9E9E;}
#staff .p-staff__profile {font-size: 14px;line-height: 28px;}
#staff .p-staff__photo{padding-right:12px;}
#staff .p-staff__link{margin-top:10px;}
#staff .p-staff__link a {color: #EF5A24;}
/*FAQ*/
.faq .c-ttl1 {margin-bottom: 0!important;}
.anchor-box-faq {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #999999;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: center;
} 
.anchor-box-faq a {
padding: 0 20px;
position: relative;
color: #333333;
font-size: 16px;
display: inline-block;
}
.anchor-box-faq a::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 50%;
transform: translateY(-50%);
background-color: #333333;
left: 0;
}
.anchor-box-faq a:first-child::before {display: none;}
.faq h2 {
margin-top: 55px;
font-size: 16px;
color: #333333;
border-bottom: 1px solid #999999;
padding-bottom: 5px;
}
#faq dt, #faq dd {
position: relative;
color: #333333;
font-size: 16px;
line-height: 28px;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
padding: 26px 55px 26px 0;
}
#faq dt {cursor: pointer;}
#faq dd {align-items: center;}
#faq dt::after {font-size: 28px;}
#faq dt span, #faq dd span {
color: #C30D23;
font-size: 28px;
font-family: "Times New Roman";
padding: 0 25px;
margin-right: 10px;
}
#faq dd {background-color: #F7F6EB;}
#faq dd.a-content {display: none;}
#faq .a-content.a-show {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
#faq dd a {text-decoration: underline;}
/*service*/
#service .is-flex > div {width: 40%;}
.service .c-ttl1, .bg-yellow, #service .is-flex > div:first-child {width: 51.8%;}
#service .is-flex > div:last-child img {
display: block;
margin-left: auto;
margin-right: auto;
}
#service a.more-link {
font-size: 14px;
color: #C30D23;
position: relative;
border: 1px solid #C30D23;
padding-left: 30px;
width: 168px;
line-height: 1.8;
display: inline-block;
box-sizing: border-box;
}
#service a.more-link span {
position: absolute;
right: 17px;
}
a.bg-red-link {
background-color: #C30D23;
color: #fff;
text-decoration: none;
display: block;
margin-top: 55px;
font-size: 18px;
line-height: 32px;
padding: 13px;
position: relative;
}
a.bg-red-link span {
font-size: 34px;
position: absolute;
right: 4%;
top: 50%;
transform: translateY(-50%);
}
a.bg-red-link:hover {text-decoration: none;}
div.bg-2 {
background-color: #F7F6EB;
padding: 15px 20px;
margin-top: 30px;
}
div.bg-2 + img {margin-top: 45px;}
div.bg-2 h4 {
color: #199798;
border-bottom: 1px solid #199798;
margin-bottom: 10px;
font-size: 14px;
}
#service .c-sec__in div.bg-2 p {
font-size: 13px;
line-height: 24px;
}
hr.blue-line {
border: 0;
border-bottom: 5px dotted #9ED1D1;
margin: 0;
}
h1.blue-line, div.blue-line {
border-bottom: 5px dotted #9ED1D1;
padding-bottom: 5px;
font-size: 22px;
margin: 15px 0 10px;
}
#service .c-sec__in {padding-bottom: 90px;}
#service .c-sec__in p {
color: #333333;
font-size: 18px;
line-height: 32px;
}
.blue-line + .c-sec__in {margin-top: 40px;}
.p-notes-blue {
font-size: 14px;
margin-top: 10px;
color: #4E7DBD;
}
#service .cloumn-two {
position: relative;
margin: 10px 0 65px;
}
#service .cloumn-two div {
width: 50%;
float: left;
}
#service .cloumn-two div:last-child {
position: absolute;
bottom: 0;
right: 0;
}
.contact-btn-blue {background-color: #62a6e7;}
.contact-btn-orange {background-color: #f8931f;}
.contact-btn2::after, .contact-btn3::after, .contact-btn4::after {
content: "";
position: absolute;
display: block;        
}
.contact-btn2::after {
background: url('../../../assets/images/website/service/service_ill_1.jpg') no-repeat right 0;
width: 279px;
height: 145px;
right: -80px;
bottom: 0;
}
.contact-btn3::after {
background: url('../../../assets/images/website/service/service_ill_2.jpg') no-repeat right 0;
width: 241px;
height: 182px;
right: -42px;
bottom: 40px;        
}
.contact-btn4::after {
background: url('../../../assets/images/website/service/service_ill_3.jpg') no-repeat right 0;
width: 245px;
height: 145px;
right: -43px;
bottom: 0;     
}
.contact-btn3 a.contact-btn-orange {margin-top: 15px;}


/*recruit*/
#recruit .c-sec__in {line-height: 28px;}
.recruit .c-ttl1 {margin-bottom: 35px;}
#recruit p {color: #333333;}
#recruit p.text-green {font-weight: bold;}
#recruit .border-top-btm {
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;    
padding: 32px 0;
margin: 50px 0 20px;
}
.subpage#recruit .text-green+.text-green {margin-top: 60px;}

/*contact*/
.subpage#staff, .subpage#contact, .subpage#privacy, .subpage#recruit, .subpage#faq, .subpage#firsttime {padding-bottom:130px;}
.contact .c-ttl1, .faq .c-ttl1 {
background-color: initial;
color: #199798;
padding: 0 8px 11px;
border-bottom: 1px solid #999999;
border-radius: 0;
font-size: 18px;
margin-bottom: 60px;
}
.subpage#contact, .subpage#privacy, .subpage#recruit, .subpage#faq, .subpage#firsttime  {
max-width: 810px;
margin-left: auto;
margin-right: auto;
width: 90%;
border-top: 1px solid #999999;
}
.subpage#faq {border-top: none;}
#contact .p-form__txt {
color: #333333;
font-size: 16px;
line-height: 28px;
margin-top: 30px;
}
#contact table {
border-collapse: collapse;
width: 100%;
margin: 12px auto 25px;
}
#contact table td:first-child {width: 44px;}
#contact table td img {width: 34px;}
#contact table td {
border-top: 1px solid #999999;
vertical-align: middle;
padding: 30px 0;
}
#contact table td span, #contact table td span a {
display: inline-block;
vertical-align: text-bottom;
font-size: 16px;
}
#contact table td span, #contact table td span a, #contact form {color:#333333;}
#contact form {font-size: 14px;}
#contact table td span.small-txt {
width: 61%;
color:#199798;
font-weight: bold;
}
form div.form-frame {
width: 80%;
max-width: 598px;
margin: 0 auto;
position: relative;
left: 0;
right: 0;
}
.blue-frame {
padding: 3.5em;
border: 1px solid #46B8C4;
margin: 55px auto;
line-height: 28px;
font-size: 14px;
}
.blue-frame a {
color: #199798;
text-decoration: underline;
}
.p-form__lead, .required {
color: #C30D23;
font-size: 14px;
}
input, button, select, textarea {
outline: none;
-webkit-appearance: none;
border-radius: 0;
border:0;
}
#contact form dd {padding-bottom: 30px;}
#contact form dd input, #contact form textarea {
padding: 9.5px 10px;
border: 1px solid #D2D2D2;
font-size: 14px;
box-sizing: border-box;
line-height: 1;
cursor: pointer;
appearance: button;
border-radius: 0;
width: 100%;
}
#contact form textarea {
line-height: 1.8;
padding: 1px 10px;
}
#contact form .submit-box {display: flex;}
#contact form .submit-box input {
background-color: #46B8C4;
color: #ffffff;
border-radius: 10px;
padding: 12px;
font-size: 16px;
border: none;
cursor: pointer;
width: 95%;
max-width: 400px;
margin: 0 2%;
}
textarea {width: 100%;}
/*privacy*/
.privacy .c-ttl1, .recruit .c-ttl1 {
background-color: initial;
color: #727171;
padding: 0 8px 11px;
border-bottom: 2px solid #cccccc;
border-radius: 0;
font-size: 22px;
margin-bottom: 80px;
}
#privacy .border-top-btm {
border-bottom: 1px solid #999999;
padding: 28px 0;
}
#privacy h2 {margin-top: 45px;}
#privacy h2, #privacy p, #privacy ul {
color: #333333;
line-height: 28px;
font-size: 16px;    
}
/*web-sample*/
.text-red2 {color: #C30D23;}
.back-parentpage {text-align: right;}
.back-parentpage a, .back-parentpage a:link {
color: #919191;
font-size: 14px;
}
.sample-intro {
padding: 25px 35px 30px 23px;
background-color: #46B8C4;
position: relative;
border-radius: 18px;
margin: 40px auto 20px;
}
.sample-intro::after {
content: "";
display: block;
width: 285px;
height: 85px;
right: 30px;
top: 20px;
position: absolute;
}
.sample-intro-first::after {background: url(../../../assets/images/website/ch/ch_web-sample_cat_1.svg) no-repeat 0 0;}
.sample-intro-two::after {background: url(../../../assets/images/website/ch/ch_web-sample_cat_2.svg) no-repeat 0 0;}
.sample-intro-three::after {background: url(../../../assets/images/website/ch/ch_web-sample_cat_3.svg) no-repeat 0 0;}
.sample-intro1 {
background: url(../../../assets/images/website/web_sample/web-sample_cloud.png) no-repeat center center;
background-size: contain;
width: 294px;
height: 194px;
position: relative;
margin-right: 10%;
}
#web-sample .sample-intro1 p {
color: #46B8C4;
font-size: 22px;
text-align: center;
position: absolute;
top: 50%;
transform: translate(-50%,-42%);
left: 50%;
font-weight: 700;
width: 100%;
}
.sample-intro1 p span {
font-size: 16px;
line-height: 24px;
display: block;
font-weight: 500;
margin-top: 1em;
}
.sample-intro .clearfix {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center; 
justify-content: space-between;
}
.sample-intro2 {
width: calc(90% - 294px);
position: relative;
}
.sample-intro2 ul {width: 302px;}
.sample-intro2 ul, .sample-intro4 ul, .sample-contact ul {
list-style: disc;
padding-left: 18px;
}
.sample-contact ul {line-height: 32px;}
.sample-intro2 ul li {
color: #ffffff;
font-size: 14px;
letter-spacing: -0.5px;
line-height: 26px;
}
.sample-intro3 {
background: url(../../../assets/images/website/web_sample/web-sample_illust_2.svg) no-repeat left center;
position: absolute;
right: 0;
bottom: 0;
padding-left: 60px;            
}
#web-sample .sample-intro3 p {
color: #ffffff;
font-size: 18px;
line-height: 28px;
}
.sample-intro4 {
margin-bottom: 100px;
position: relative;
}
.sample-intro4 > div:nth-of-type(1) {
float: left;
width: calc(100% - 118px);
padding: 0 34px 0 222px;
}
.sample-intro4-2 > div:nth-of-type(1) img:nth-of-type(1), .sample-intro4-3 > div:nth-of-type(1) img:nth-of-type(1) {width: 59%;}
.sample-intro4-2 > div:nth-of-type(1) img:nth-of-type(2), .sample-intro4-3 > div:nth-of-type(1) img:nth-of-type(2) {width: 36.4%;}
.sample-intro4.sample-intro4-1 > div:nth-of-type(1) img, .sample-intro4-2 div img + img, .sample-intro4-3 div img + img {float: right;}
.sample-intro4 > div:nth-of-type(2) {
width: 118px;
float: left;
}
.sample-intro4 ul {
font-size: 14px;
line-height: 26px;
position: absolute;
top: 1em;
left: 2%;
font-weight: 600;
}
span.bg-yellowline {background: url(../../../assets/images/website/web_sample/web_sample_yellow_line.png) repeat-x 0 center;}

.visible-sm {display: none;}
.l-container-fix.l-container__in:before {display:none;}
.l-container-fix.l-container__in {
box-shadow: 0px 7px 15px rgb(139 139 136 / 70%);
padding: 0;
}
.sample-contact {
background-color: #F7F6EB;
padding: 50px 0;
}
.sample-contact > p {margin-top: 55px;}
.sample-contact div {
border: 1px solid #199798;
border-radius: 20px;
padding: 35px 40px;
color: #333333;
max-width: 980px;
width: 80%;
margin: 0 auto;
background-color: #ffffff;
}
.sample-contact div h2 {
margin: 30px auto 15px;
}
.sample-contact div h2:first-of-type {margin-top: 0;}

/*sample*/
.sample-post {padding-bottom: 100px;}
.sample-post .category-link {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #199798;
margin-bottom: 10px;
padding-bottom: 5px;
}
.sample-post .category-link p {
margin: 0 30px 0 0;
background-color: #46B8C4;
border-radius: 8px;
font-size: 14px;
color: #fff;
padding: 4px 15px;
display: inline-block;
}
.sample-post .category-link div {
width: 765px;
/*border-top: 1px solid #199798;*/
/*border-bottom: 1px solid #199798;*/
padding: 0;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
margin-bottom: 10px;
}
.sample-post .category-link a {
/*background-color: #F7F6EB;*/
display: block;
width: auto;
/*border: 1px solid #46B8C4;*/
color: #199798;
font-size: 16px;
/*border-radius: 10px;*/
padding: 0;
line-height: 2;
margin-bottom: 0;
margin-left: 8px;
}
.sample-post .category-link a:after {
content: "|";
display: inline-block;
width: auto;
color: #199798 !important;
margin-left: 8px;
}
.sample-post .category-link a:nth-child(4n+1) {margin-left: 0;}
.sample-post .category-link a:hover, .sample-post .category-link a.curr {
text-decoration: none;
/*border-color: #C30D23;*/
color: #C30D23;
}
.sample-post h1 {
color: #333333;
font-size: 20px;
margin-bottom: 0;
}
.sample-post .l-conts__in {
max-width: 705px;
margin-left: auto;
margin-right: auto;
}
.sample-post .img-border {
padding: 0;
border: 1px solid #727171;
margin: 10px 0 30px;
}
.sample-post .l-conts__in img {
width: 100%;
margin: 0 auto;
display: block;
}
.sample-post .l-conts__in p {
color: #333333;
font-size: 14px;
line-height: 26px;
}
.sample-post table {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 100%;
margin-top: 50px;
}
.sample-post table td {
border-bottom: 2px dotted #00000069;
color: #333333;
font-size: 14px;
line-height: 52px;
padding-left: 3%;
}
.sample-post table tr:last-child td {border-bottom: none;}
.sample-post table td a, #main .sample-post ul li a:hover {color: #199798;}
.sample-post ul {
list-style: none;
margin: 60px auto 0;
width: 230px;
}
#main .sample-post ul li a {
color: #333333;
font-size: 15px;
text-decoration: none;
}
.sample-post.sample-category {padding-bottom: 100px;}
.sample-category .p-blog .wp-pagenavi {margin: 0;}
.sample-category .l-conts__in.is-flex {
flex-wrap: wrap;
max-width: 100%;
}
.sample-category h1 {
font-size: 22px;
color: #727171;
display: inline-block;
margin-bottom: 10px;
}
.sample-category h1+p {
display: inline-block;
color: #333333;
font-size: 14px;
margin: 0 10px 10px 20px;
}
.sample-category .archive-box {
width: 30%;
margin-left: 5%;    
margin-bottom: 100px;  
}
.sample-category .archive-box:nth-child(3n+1) {margin-left: 0;}
.sample-category .archive-box a {display: block;}
.sample-category .archive-box a > div {
border: 1px solid #727171;
height: 350px;
padding: 0;
}
.sample-category .archive-box a > div img {height: 100%;}
.sample-category .archive-box .posttitle {
display: block;
color: #333333;
background-color: #F2F2F2;
font-size: 14px;
line-height: 22px;
padding: 15px 20px;
margin-top: 15px;
}
@media all and (min-width: 992px) and (max-width: 1199px) {
.sample-intro1 {
margin-right: 5%;
}
.sample-intro2 {
width: calc(95% - 246px);
}
.sample-intro3 {
width: 43%;
background-size: 35px auto;
line-height: 1.5;
padding-left: 45px;
}
}

@media all and (min-width: 768px) and (max-width: 1230px) {
.sample-post .category-link a {
font-size: 1.3vw;
/*border-radius: 0.8vw;*/
margin-bottom: 0;
}
.sample-category .archive-box a > div {height: 28.5vw;}
}

@media all and (min-width: 768px) and (max-width: 1219px) {
.sample-post .category-link div {
width: 657px;
}
}

@media all and (min-width: 768px) and (max-width: 1032px) {
.sample-post .category-link div {
width: 574px;
}
}

@media all and (min-width: 768px) and (max-width: 894px) {
.sample-post .category-link a {
/*width: 22%;
padding: 0 1%;
letter-spacing: -0.4px;*/
}
.sample-post .category-link div {
width: 506px;
}
}


@media all and (min-width: 768px) and (max-width: 1199px) {
.hd-logo {
width: 31%;
min-width: 260px;
bottom: initial;
top: 60%;
transform: translateY(-50%);
}
.home-case h3 span {
line-height: 1.45;
font-size: 2vw;
}
.home-case .container .is-align-items-stretch img {width: 51%;}
.home-case .container .is-align-items-stretch {align-items: flex-start;}
.home-case .is-relative {padding-bottom: 35px;}
.home-case p {
font-size: 1vw;
line-height: 1.7;
}
.home-blog img {
width: 23%;
bottom: 5%;
}
.home-blog p, .home-blog ul {max-width: 270px;}
.footer .footer-logo {width: 20%;}
.footer .sitemap {flex-grow: 1;}
a.bg-red-link {
font-size: 1.75vw;
line-height: 2;
padding: 3%;
}
a.bg-red-link span {
font-size: 3vw;
right: 4%;
}
.anchor-box {
left: auto;
right: 0;
}
.sample-intro::after {width: 27%;}
.sample-category .archive-box .posttitle {padding: 5%;}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.visible-sm {display: block;}
.hidden-sm {display: none;}
.container {
width: 97%;
}
header .container {padding: 1% 0;}
.lang-btn, nav ul li {margin-bottom: 3%;}
nav ul li {line-height: 2;}
nav {min-width: 445px;}
nav ul li a, nav ul li span, .footer .item a, .footer .item > span {font-size: 12px;}
.footer .list {padding: 0 1%;}
.home-eyecatch p.text-green {
line-height: 1.2;
font-size: 0.74vw;
}
.home-case a span {right: 2%;}
.home-blog .container > div {padding: 18px 5%;}
.home-blog h2 {
background-size: contain;
font-size: 2.3vw;
}
.home-blog h2 span {font-size: 1.7vw;}
.home-blog img {right: 1%;}
.home-blog p, .home-blog ul {
line-height: 1.86;
font-size: 12px;
max-width: 230px;
}
.anchor-box a {font-size: 1.65vw;}
#contact table td span.small-txt {width: 56%;}
.contact-btn2::after {
width: 194px;
height: 102px;
right: -28px;
background-size: contain;
}
.contact-btn3::after {
width: 165px;
height: 129px;
right: -7px;
background-size: contain; 
}
.contact-btn4::after {
width: 180px;
height: 107px;
right: -9px;
background-size: contain;
}
.sample-intro .clearfix {display: block;}
.sample-intro1 {margin: 0 auto 40px;}
.sample-intro2 {
width: 96%;
max-width: 648px;
margin: 0 auto;
}
.sample-intro4.sample-intro4-1 > div:nth-of-type(1) {padding: 0 2%;}
.sample-intro4.sample-intro4-1 > div:nth-of-type(1) img {width: 65%;}
.sample-intro4.sample-intro4-1 ul {top: 50%;}
}

@media screen and (min-width: 768px) {
.home-eyecatch > div:last-child > img {width: 58.5%;}
.home-eyecatch > div:last-child > div {
width: 40%;
max-width: 461px;
} 
}

@media screen and (max-width: 767px) {
.container {
width: 90.8%;
margin-left: auto;
margin-right: auto;
}
header {
border-top: 16px solid #46B8C4;
border-bottom: 11px solid #E6E6E6;
}
header .container {
height: initial;
padding: 4.5% 0 2.5%;
}
nav, .lang-btn {display: none;}
.spnav {
position: absolute;
top: calc(100% + 11px);
background-color: #ffffff;
width: 100%;
z-index: 1000;
}
/*.spnav > div {padding: 47px 0;}*/
.spnav ul {list-style: none;}
.spnav ul:not(.sp-social) li a {
color: #ffffff;
background-color: #808080;
width: 100%;
display: block;
padding: 2% 4%;
border-bottom: 1px solid #ffffff;
font-size: 28px;
font-size: 2.5vh;
line-height: 1.785;
}
.sp-social {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
justify-content: end;
background-color: #46B8C4;
padding: 2% 5%;
}
.sp-social li {
width: 12%;
min-width: 70px;
border-left: 1px solid #fff;
text-align: center;
padding: 2px;
box-sizing: border-box;
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items: center;
justify-content: center;
}
.sp-social li:nth-child(1) a img {width: 50%;min-width: 30px;}
.sp-social li:nth-child(2) a img {width: 57%;min-width: 30px;}
.sp-social li:nth-child(3 ) a img {width: 66%;min-width: 40px;}
.hd-logo {
width: 80%;
max-width: 501px;
position: static;
}
.l-menu {
display: block;
width: 11%;
height: 53px;
height: 9vw;
background: transparent;
border: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
cursor: pointer;
z-index: 200;
}
.l-menu__border {
width: 100%;
height: 6px;
margin: auto;
background: #808080;
display: block;
position: absolute;
left: 0;
right: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.l-menu__border.is-top {top: 0;}
.l-menu__border.is-middle {top: 33%;}
.l-menu__border.is-middle2 {top: 66%;}
.l-menu__border.is-bottom {top: 100%;}
.l-menu.is-active .l-menu__border {z-index: 200;}
.l-menu.is-active .l-menu__border.is-top {
-webkit-transform: translateY(-50%) rotate(
-45deg
);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
top: 50%;
}
.l-menu.is-active .l-menu__border.is-middle, .l-menu.is-active .l-menu__border.is-middle2 {opacity: 0;}
.l-menu.is-active .l-menu__border.is-bottom {
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
top: 50%;    
}
span.anchor {
margin-top: -5%;
padding-top: 5%;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.home-eyecatch {padding-bottom: 0;}
.home-eyecatch .is-flex {display: block;}
.home-eyecatch .is-flex .is-relative img {margin-top: 50px;}
.home-eyecatch h1 {letter-spacing: -1px;}
.home-eyecatch p {margin-bottom: 5%;}
.home-eyecatch p.text-green {
padding: 25px 0 40px;
position: static;
}
.home-staff {
border-top: 2px dotted #949494;
border-bottom: 2px dotted #949494;
padding: 40px 0 80px;
}
.home-staff p + p, .home-staff ul+p {margin-top: 8%;}
.home-staff img {
width: 82.5%;
margin: 10% auto;
}
.home-case {
margin-top: 230px;
margin-top: 30vw;    
}
.home-case > img {
top: -165px;
width: 260px;
top: -21.5vw;
width: 33.9vw;
}
.home-case::before {
top: -54px;
top: -7vw;
height: 55px;
height: 7.17vw;
background: url(../images/index/sp_home_back_arc.png) no-repeat center top;
background-size: contain;
}
.home-case .container > div {
width: 100%;
margin-top: 2%;
padding: 0 3.95% 5.42%;
}
.home-case .container > div:first-child {margin-top: 24%;}
.home-case .container .is-align-items-stretch {align-items: flex-start;}
.home-case .container .is-align-items-stretch img {width: 51%;}
.home-case h2 {
background: url(../images/index/sp_home_ribon.png) no-repeat center top;    
font-weight: normal;
background-size: contain;
}
.home-case h3 {
height: initial;
padding-bottom: 10px;
} 
.home-case a {
position: static;
margin-top: 7%;
display: block;
width: 100%;
}
.home-contact .container {padding: 3.3%;}
.home-contact h2 {
background: url(../images/index/sp_home_contact_ribon.png) no-repeat 0 0;
background-size: contain;
margin-left: -4%;
margin-bottom: 3%;
line-height: 2.2;
padding-left: 6%;
}
.home-contact p {
color: #199798;
margin-left: 3%;
}
.home-contact img {width: 122px; width: 19%;}
.home-blog .is-flex {flex-direction: column;}
.home-blog .container > div {
width: 100%;
background: url(../images/index/sp_home_blog_hole.png) no-repeat 10px center #FBFBF5;
margin-bottom: 40px;
background-size: auto 88%;
padding: 2.5% 7.5%;
}
.home-blog h2 {
background: url(../images/index/sp_home_line_pen.png) no-repeat 0 bottom;
letter-spacing: -0.3vw;
background-size: auto 100%;
}
.home-blog p, .home-blog ul {
width: 72%;
max-width: initial;
}
.home-blog p {margin-bottom: 20px;}
.home-blog img {
right: 1%;
bottom: 10%;
width: 26.942%;
}
.breadcrumbs {display: none;}
.anchor-box {
position: static;
text-align: center;
padding: 30px 0 0; 
}
.anchor-box a {
padding: 0 2%;
font-size: 3vw;
letter-spacing: 0;
}
.service .c-ttl1, .bg-yellow, #service .is-flex > div:first-child, #service .is-flex > div, .companydata, #contact table td span.small-txt, .companydata table + table, .sample-intro2, #service .contact-btn.contact-btn-pink {width: 100%;}
#service .c-sec__in {padding-bottom: 10%;}
.c-ttl1, h3.bg-yellow {border-radius: 0.5em;}
#service .is-flex > div:last-child img, .blue-line + .c-sec__in {margin-top: 10%;}
#service .c-sec__in > .is-flex {display: block;}
#service .c-sec__in:first-of-type p, #contact .p-form__txt {letter-spacing: -0.01em;}
div.bg-2 {padding: 3% 4%;}
a.bg-red-link {
margin-top: 36px;
padding: 10px;
text-align: center;
}
#service a.more-link {
padding-left: 11%;
width: 49%;
margin-top: 28px;
max-width: 326px;
}
#service a.more-link span {right: 10%;}
.c-sec.recruit {margin-top: 10%;}
.recruit .c-ttl1, .contact .c-ttl1, .faq .c-ttl1, .privacy .c-ttl1, h2.bb-line {
color: #199798;
margin: 10% 0 0;
padding-left: 0;
border-bottom: 2px solid #199798;
}
.subpage#contact, .subpage#privacy, .subpage#recruit, .subpage#faq {
border: none;
width: 100%;
}
#recruit .border-top-btm {
margin: 0;
border: none;
}
.anchor-box-faq {border: none;}
.anchor-box-faq a {
letter-spacing: -0.1em;
padding: 0 3%;
}
#staff h2::after, #faq dt::after {
width: 3%;
right: 3%;
}
#faq dt, #faq dd {align-items: center;}
#faq dt {padding: 2% 11.5% 2% 0;}
#faq dd {padding: 2.5% 11.5% 2.5% 0;}
#faq dt span, #faq dd span {
padding: 0 2% 0 2%;
margin-right: 3%;
}
.companydata table, .subpage#recruit .text-green+.text-green {margin-top: 8%;}
.companydata table + table {margin-top: 14%;}
.companydata table th {
width: 100%;
display: block;
font-weight: bold;
margin-bottom: 5%;
}
.companydata table td {
display: block;
width: 89%;
margin-left: 10%;
}
.sample-intro2 ul li, #web-sample .sample-intro3 p {letter-spacing: -0.06em;}
#company .p-deta dt {width: 5em;}
#company .p-deta dd {padding-left: 22%;}
#staff .p-staff{margin-bottom:10px;padding-bottom:20px}
#staff .p-staff__box{margin-bottom:15px}
#staff .p-staff__photo {
width: 28%;
max-width: 125px;
}
.l-container {
background: none;
padding: 0;
}
.l-container__in:before {display: none;}
.l-container__in {
box-shadow:none;
padding: 6% 0 13%;
border-top: 1px solid #808080;
}
section.c-sec {
padding-right: 2%;
padding-left: 2%;
}
.c-ttl1 {margin: 5% 0;}
#contact table td, #contact table td span, #contact table td span a {vertical-align: baseline;}
#contact table td span {display: block;}
#contact table td span + span {margin-top: 10px;}
#contact table td span a {color: #199798;}
#contact table td span a.sp {display: inline-block!important;}
form div.form-frame {
width: 100%;
max-width: initial;
}
.blue-frame {padding: 6.8% 9.5%;}
#contact form .submit-box input {
width: 100%;
max-width: initial;
}
#company .p-link a, a.blue-underline {text-decoration: underline;}
.contact-btn1 {
background: url(../../../assets/images/website/sp_profile_ill_1.png) no-repeat center 0;
background-size: 56% auto;
padding-top: 22%;
}
.subpage .contact-btn-pink, .subpage .contact-btn-pink:link {
padding: 10px 0;
width: 83%;
min-width: 275px;
}
.text-center > img.sp {
margin-left: auto;
margin-right: auto;
}
#company .p-movie iframe {
width: 100%;
height: 50vw;
}
#company .p-movie {margin-bottom: 12%;}
#service .cloumn-two div {
width: 100%;
float: none;
}
#service .cloumn-two div:last-child {position: static;}
.contact-btn2 {
padding: 13% 0 22%;
position: relative;
}
.contact-btn2::after {
background: url(../../../assets/images/website/service/sp_service_ill_1.png) no-repeat right bottom;
width: 51%;
height: 100%;
right: initial;
left: 45%;
background-size: contain;
} 
.contact-btn, .contact-btn:link {
padding: 1.5%;
border: 2px solid #ffffff;
width: 90%;
max-width: initial;
}
#service section .contact-btn, #service section .contact-btn:link {
font-size: 3.2vw;
padding: 3px 8%;
border: 1px solid #ffffff;
border-radius: 10px;
}
.contact-btn3 a.contact-btn-orange {
padding: 0 10%;
margin-top: 30px;
}
.contact-btn3 {
padding: 25% 0 0;
position: relative;
}
.contact-btn3::after {
background: url(../../../assets/images/website/service/sp_service_ill_2.png) no-repeat right 0;
background-size: contain;    
width: 54%;
height: 100%;
right: initial;
left: 48%;
bottom: 25px;
}
.contact-btn4 {
padding: 10% 0 18.67%;
position: relative;
}
.contact-btn4::after {
background: url(../../../assets/images/website/service/sp_service_ill_3.png) no-repeat right bottom;
width: 49.5%;
height: 100%;
right: initial;
left: 45%;
background-size: contain;
bottom: 50px;
}
.menu-toggle:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgb(64 64 64 / 10%);
cursor: pointer;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
display: inline-block;
}
.menu-toggle:active, .menu-toggle.toggled-on {
color: #757575;
background-color: #e1e1e1;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(top, #ebebeb, #e1e1e1);
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border: none;
}
.assistive-text, .site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation {
width: initial;
min-width: initial;
float: none;
margin: 40px auto 60px;
margin-top: 24px;
text-align: center;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation li, nav.main-navigation ul li:last-child {
margin-top: 24px;
font-size: 12px;
line-height: 1.42857143;
float: none;
width: initial;
text-decoration: underline;
}
.web-sample-fix .c-ttl1 {
font-weight: normal;
margin-bottom: 15px;
}
h1.blue-line, div.blue-line {
margin: 3% 0;
padding: 0 0 5%;
border-bottom: 2.5px dotted #9ED1D1;
}
.sample-intro {padding: 25px 7%;}
.sample-intro::after {
width: 100%;
height: 11%;
right: 0;
top: initial;
bottom: 2.5%;
background-position: 70% 0;
}
.sample-intro .clearfix {display: block;}
.sample-intro1 {
background: url(../../../assets/images/website/web_sample/sp_web_sample_cloud.png) no-repeat center center;
background-size: contain;
width: initial;
height: 0;
padding-bottom: 58%;
letter-spacing: -0.1em;
margin-right: auto;
}
.sample-intro2 ul {
width: initial;
margin-top: 20px;
}
.sample-intro3 {
position: static;
padding: 6.5% 5% 6.5% 22%;
background-size: auto 13vw;
background-position: 7% center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 7% 0 28%;
}
.hidden-sm {display: none;}
.sample-intro4-2 div img, .sample-intro4-3 div img {margin-left: auto;} 
.sample-intro4 > div:nth-of-type(2) {display: none;}
.sample-intro4.sample-intro4-1 ul {
left: auto;
right: 2%;
top: 75%;
letter-spacing: -0.5px;
}
.sample-intro4.sample-intro4-2 ul {
left: auto;
right: 0;
top: 73%;
letter-spacing: -0.5px;
}
.sample-intro4.sample-intro4-3 ul {
left: auto;
right: 1%;
top: 66%;
letter-spacing: -0.5px;
}
.l-container-fix.l-container__in {
box-shadow: none;
border: none;
width: 100%;
}
.sample-contact div {
width: 90%;
padding: 25px;
max-width: initial;
}
.sample-contact ul {
padding-left: 1em;
letter-spacing: -0.01em;
}
.sample-contact div .c-ttl1 {font-weight: normal;}
#web-sample .sample-intro1 p {transform: translate(-50%,-48%);}
.sample-intro1 p span {margin-top: 0.5em;}
.sample-post .category-link {
border-bottom: 2px dotted #9ED1D1;
margin-bottom: 5%;
}
.sample-post .category-link p,.sample-post .category-link+h1 {
display: none;
}
.sample-category h1+p {
font-size: 2.87vw;
margin: 0 0 2% 0;
}
.sample-post .category-link div.sp {
width: 100%;
display: flex !important;
margin: -1% 0;
}
.sample-post .category-link a {
width: auto;
font-size: 2.9vw;
padding: .5% 2%;
margin:0 2% 2% 0;
border: #929292 1px solid;
border-radius: 10px;
white-space: nowrap;
}
.sample-post .category-link a:after {
display: none;
}
.sample-post .category-link a:hover, .sample-post .category-link a.curr {
text-decoration: none;
border-color: #1E9495;
background-color: #1E9495;
color: #fff;
}
.sample-post .category-link div {/*justify-content: space-between;*/}
.sample-category .archive-box, .sample-category .archive-box:nth-child(3n+1) {
width: 47%;
margin-left: 6%;
margin-bottom: 10%;
}
.sample-post .category-link a:nth-child(2n+1), .sample-category .archive-box:nth-child(2n+1) {margin-left: 0;}
.sample-category .archive-box a > div {height: 42.885vw;}
.sample-category .archive-box .posttitle {
padding: 3%;
margin-top: 2%;
min-height: 4em!important;
}

/*common font*/
#service .c-sec__in div.bg-2 p, .home-eyecatch p.text-green, .footer .address, .footer .copyright, .sample-category .archive-box .posttitle {font-size: 20px; font-size: 2.6vw;}
.home-case a, .home-blog h2 span, .home-blog p, .home-blog ul, .sample-intro4 ul, .sample-category h1 + p {font-size: 22px; font-size: 2.87vw;}
.home-case p, .home-contact p, #service .c-sec__in p, div.bg-2 h4, .anchor-box-faq a {font-size: 24px; font-size: 3.13vw;}
a.bg-red-link, #service a.more-link, #recruit p, #privacy h2, #privacy p, #privacy ul, #faq dt, #faq dd, .faq h2, #staff .p-staff__profile, #staff .p-staff__link a, #contact table td span.small-txt, #contact form dd input, #contact form textarea, form div.form-frame, form div.form-frame .p-form__lead, .required, .blue-frame, #web-sample p {font-size: 26px; font-size: 3.39vw;}
.home-staff p, .home-staff ul, .home-contact h2, #service .c-sec__in:first-of-type p, #contact .p-form__txt, #company .dot-before, #company .p-notes, #company a.text-green, .p-staff__name, #company .p-deta, .sample-intro1 p span, .sample-intro2 ul li, #web-sample .sample-intro3 p, .sample-contact ul, .sample-category h1 {font-size: 28px; font-size: 3.65vw;}
#recruit .border-top-btm p:first-child, .companydata table td, .companydata table td span, .companydata table th, .companydata table + table td, #contact table td span + span, #contact table td span a {font-size: 30px; font-size: 3.91vw;}
.home-eyecatch p, .home-blog h2, h3.bg-yellow {font-size: 32px; font-size: 4.17vw;}
#contact form .submit-box input, .contact-btn, .contact-btn:link, a.bg-red-link span {font-size: 34px; font-size: 4.43vw;}
.c-ttl1, .home-case h3 span, #staff h2, #staff h2::after, h1.blue-line, .recruit .c-ttl1, .contact .c-ttl1, .faq .c-ttl1, .privacy .c-ttl1, h2.bb-line {font-size: 36px; font-size: 4.69vw;}
.home-case h2, #web-sample .sample-intro1 p, .sample-contact div h2 {font-size: 38px; font-size: 4.95vw;}
.home-eyecatch h1, #faq dt span, #faq dd span {font-size: 54px; font-size: 7vw;}
#faq dt::after {font-size: 58px; font-size: 7.56vw;}

.home-case h3 span, #staff h2, #staff h2::after, h1.blue-line {line-height: 1.33;}
#contact table td span.small-txt {line-height: 1.46;}
.sample-intro1 p span, .home-eyecatch p.text-green, h3.bg-yellow, .sample-category .archive-box .posttitle {line-height: 1.5;}
.home-eyecatch h1 {line-height: 1.59;}
.home-eyecatch h1+img {width: 44%;}
#recruit .border-top-btm p:first-child, .companydata table td, .companydata table td span {line-height: 1.6;}
.sample-intro4 ul, .sample-contact ul {line-height: 1.64;}
.home-case p, .home-contact p {line-height: 1.67;}
.home-eyecatch p {line-height: 1.75;}
#recruit p, #privacy h2, #privacy p, #privacy ul, #faq dt, #faq dd, .faq h2, #staff .p-staff__profile, #staff .p-staff__link a {line-height: 1.77;}
.sample-intro2 ul li, #web-sample .sample-intro3 p {line-height: 1.86;}
#service .c-sec__in div.bg-2 p, .web-sample-fix .c-ttl1 {line-height: 1.9;}
.home-staff p, .home-staff ul, #service .c-sec__in:first-of-type p, #contact .p-form__txt, #company .dot-before, #company .p-notes, #company a.text-green {line-height: 1.93;}
#service .c-sec__in p {line-height: 1.916;}
.blue-frame, #web-sample p {line-height: 2;}
.companydata table + table td {line-height: 2.13;}
.p-staff__name {line-height: 2.14;}
.home-blog p, .home-blog ul {line-height: 2.18;}
#company .p-deta {line-height: 2.43;}

.home-blog h2 span {font-weight: normal;}
.p-staff__name, .home-staff p, .home-staff ul {font-weight: 500;}
.home-contact h2, #privacy h2, .privacy .c-ttl1 {font-weight: 900;}
.home-blog h2, div.bg-2 h4 {font-weight: 700;}
}

@media screen and (max-width: 375px) {
#company .p-notes, #company a.text-green {letter-spacing: -0.15em;}
}


/*--------------------------------------
reCAPTCHA v3を中央表示
--------------------------------------*/
.grecaptcha-badge {margin: auto;}
div.wpcf7 .ajax-loader {display: block;}


/*--------------------------------------
20250821 メールフォーム分
--------------------------------------*/
div.cmailform div.message {
	margin-top: 1em;
}
div.cmailform p.errordetect {
	margin: 0 0 2em;
	color: #C30D23;
}
div.cmailform form dl dt {
	padding-bottom: 0.5em;
}
div.cmailform form dl dt em {
	display: inline-block;
	padding: 0 0.5em;
	margin-right: 0.25em;
	background-color: #C30D23;
	font-style: normal;
	color: #ffffff;
	font-size: smaller;
}
div.cmailform form dl dd p.errormessage {
	color: #C30D23;
}
div.cmailform form button {
	display: block;
	background-color: #46B8C4;
	color: #ffffff;
	border-radius: 10px;
	padding: 12px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	width: 95%;
	max-width: 400px;
	margin: 0 auto;
}
div.cmailform form.confirm dl {
	margin: 2em 0;
	padding: 1em;
	border: 1px #cccccc solid;
}
div.cmailform div.back {
	margin-top: 2em;
}
div.cmailform div.back a {
	display: inline-block;
	padding: 0.25em 1em;
	border: 1px #46B8C4 solid;
	color: #46B8C4;
	border-radius: 10px;
}


/*--------------------------------------
20251022 ご依頼の前に分
--------------------------------------*/
.subpage#firsttime {
	border: none;
}
.firsttime .c-ttl1 {
background-color: initial;
color: #199798;
padding: 0 8px 11px;
border-radius: 0;
font-size: 18px;
margin-bottom: 0;
}
.firsttime h2 {
	margin: 3em 0 0.5em;
	padding-top: 0.5em;
	color: #199798;
	border-top: 1px #999999 solid;
}
.firsttime h3 {
	color: #199798;
}
.firsttime p {
	margin-bottom: 3em;
}
.firsttime hr {
	margin: 3em 0 1.5em;
	border: none;
	border-top: 1px #999999 solid;
}