@charset 'UTF-8';


@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital@1&display=swap');


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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

.sub-menu{
	position: absolute;
    opacity: 0;
    background: #fff;
    box-shadow: 1px 1px 10px #d0d0d085;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    z-index: 1;
    width: 150px;
    transform: translate(-51px, 10px);
	margin:0;
	padding:0;
}

.sub-menu li{
	margin:0 !important;
}

.sub-menu li a{
	width:100%;
	padding:10px;
}

.sub-menu li a:hover{
	background:#008DD4;
	color:#fff !important;
}


@media screen and (max-width: 769px){
	
	
	.sub-menu{
    visibility: visible;
		opacity:1;
		background:none;
}
	.menu-item:hover .sub-menu{
	transition: none;

}
	
	.sub-menu li a:hover{
	background: none;
	color:#000 !important;
}
	
	.btn-item::after {
	position: absolute;
	right: 25px;
 	top: 38%;
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    content: '';
    transition: transform .3s;
	transform: rotate(135deg);
}
	.btn-item.open::after {
  	top: 8%;
 	transform: rotate(-45deg); 
}
		
	.sub-item li{
	padding-left: 2rem;
    display: flex;
}
	.btn-item {
	position: relative;
}
	.btn-item ul li{
	overflow: hidden;
	height: 0;
	transition: .2s;
	padding-left: 2rem;
	}
	.btn-item.active_sp a:after {
	transform: rotate(180deg);
	transition: .1s;
	}
	.btn-item.active_sp ul li{
	overflow: visible;
	height: 60px;
	}
	.sub-menu{
	position:static;
	width:100%;
	box-shadow: none;
	transform:none;
	transition:none;
			}
			
		}

.menu-item:hover .sub-menu{
		opacity: 1;
	transition: opacity .3s, visibility .3s;
  visibility: visible;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	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;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

* {
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: inherit;
}

html {
	font-size: 62.5%;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
	font-size: 1.4rem;
	font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1.76;
	letter-spacing: 1px;
	color: #343434;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	-webkit-text-size-adjust: 100%;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	object-fit: cover;
}

svg {
	width: auto;
	height: auto;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

ul {
	list-style: none;
}

button {
	font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	outline: none;
	padding: 0;
}

a {
	display: inline-block;
	color: #343434;
	opacity: 1;
	text-decoration: none;
	cursor: pointer;
}

input {
	border-radius: 0;
}

@-webkit-keyframes menu-barTop {
	0% {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	50% {
		-webkit-transform: translateY(7px) rotate(0);
		transform: translateY(7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@keyframes menu-barTop {
	0% {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	50% {
		-webkit-transform: translateY(7px) rotate(0);
		transform: translateY(7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@-webkit-keyframes menu-barBottom {
	0% {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}

	50% {
		-webkit-transform: translateY(-7px) rotate(0);
		transform: translateY(-7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@keyframes menu-barBottom {
	0% {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}

	50% {
		-webkit-transform: translateY(-7px) rotate(0);
		transform: translateY(-7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@-webkit-keyframes active-menu-barTop {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(7px) rotate(0);
		transform: translateY(7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
}

@keyframes active-menu-barTop {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(7px) rotate(0);
		transform: translateY(7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
}

@-webkit-keyframes active-menu-barBottom {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(-7px) rotate(0);
		transform: translateY(-7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
}

@keyframes active-menu-barBottom {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(-7px) rotate(0);
		transform: translateY(-7px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
}

/* ------------------------------------------------
#. Layouts :prefix[l-]
------------------------------------------------ */
#pg-error .search-form {
	margin-top: 5%;
}

#pg-error .search-form .search-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
}

#pg-error .search-form .search-box .search-input {
	padding: 0 18px;
	width: 412px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	border: 1px solid #d0d0d0;
	background-color: transparent;
	outline: none;
}

#pg-error .search-form .search-box .button-submit {
	margin-left: 10px;
	padding: 0;
	width: auto;
	min-width: 90px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #333;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#pg-error .search-form {
		margin-top: 11.4%;
	}

	#pg-error .search-form .search-box {
		height: 35.5px;
	}

	#pg-error .search-form .search-box .search-input {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding: 0 14px;
		width: auto;
		font-size: 1.4rem;
	}

	#pg-error .search-form .search-box .button-submit {
		min-width: 80px;
		font-size: 1.4rem;
	}
}

.container{
	min-width:1280px;
}

@media screen and (max-width: 769px) {
		.container{
			min-width:auto;
	width:100%;
}
}

#company {
	background-image: url('../images/bg-section-company.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

#pg-company .infoList {
	margin-top: calc(-79px + 5%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#pg-company .infoList-item {
	margin-top: 79px;
	width: 48.4375%;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#pg-company .infoList-item:hover {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

#pg-company .infoList-item:hover .info-body .title,
#pg-company .infoList-item:hover .info-body .seeDetail {
	color: #127dd6;
}

#pg-company .infoList-item:hover .info-body .seeDetail::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

#pg-company .infoList-item .info-link {
	width: 100%;
}

#pg-company .infoList-item .info-body {
	padding: 12px 20px;
}

#pg-company .infoList-item .info-body .title {
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-company .infoList-item .info-body .lead {
	margin: 7px 0 36px;
	font-size: 1.6rem;
}

#pg-profile .dataList-inner,
#pg-history .dataList-inner {
	margin-top: 5.4%;
}

#pg-profile .dataList-inner dl,
#pg-history .dataList-inner dl {
	padding: 16px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-top: 1px solid #d0d0d0;
}

#pg-profile .dataList-inner dl:last-child,
#pg-history .dataList-inner dl:last-child {
	border-bottom: 1px solid #d0d0d0;
}

#pg-profile .dataList-inner dt,
#pg-history .dataList-inner dt {
	width: 15%;
	font-size: 1.6rem;
}

#pg-profile .dataList-inner dd,
#pg-history .dataList-inner dd {
	width: 85%;
	font-size: 1.6rem;
}

#pg-business .page-lead {
	margin-top: 5%;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.25em;
}

#pg-business .overview-box {
	margin-top: 11%;
}

#pg-business .overview-box .overview-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#pg-business .overview-box .overview-item+.overview-item {
	margin-top: 13%;
}

#pg-business .overview-box .overview-item .overview-image {
	width: 33.33333%;
}

#pg-business .overview-box .overview-item .overview-body {
	padding-left: 27px;
	width: 66.66666%;
	letter-spacing: 0.15em;
}

#pg-business .overview-box .overview-item .overview-body .title {
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-business .overview-box .overview-item .overview-body .caption {
	margin-top: 13px;
	font-size: 1.6rem;
	letter-spacing: 0.15em;
}

#pg-access .googleMap-container {
	margin-top: 5%;
}

#pg-access .googleMap-container .map {
	width: 100%;
	height: 350px;
}

#pg-access .access-detail {
	margin-top: 3.3%;
}

#pg-access .access-detail dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	line-height: 1.4;
}

#pg-access .access-detail dl+dl {
	margin-top: 2.4%;
}

#pg-access .access-detail dl dt {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding-left: 5px;
	width: 8.3%;
	font-size: 1.4rem;
	border-right: 1px solid #d0d0d0;
}

#pg-access .access-detail dl dd {
	padding-left: 16px;
	width: 91.7%;
	font-size: 1.4rem;
}

#pg-access .access-detail dl dd span {
	display: block;
}

#pg-access .access-detail dl dd span+span {
	margin-top: 11px;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#pg-company .infoList {
		margin-top: calc(-32.5px + 10%);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#pg-company .infoList-item {
		margin-top: 32.5px;
		width: 100%;
	}

	#pg-company .infoList-item .info-image img {
		height: 120px;
	}

	#pg-company .infoList-item .info-body {
		padding: 12px;
	}

	#pg-company .infoList-item .info-body .title {
		font-size: 1.3rem;
	}

	#pg-company .infoList-item .info-body .lead {
		margin: 7px 0 22px;
		font-size: 1.2rem;
	}

	#pg-profile .dataList-inner {
		margin-top: 4.8%;
	}

	#pg-profile .dataList-inner dl {
		padding: 14px 0;
		border-top: none;
	}

	#pg-profile .dataList-inner dl:last-child {
		border-bottom: none;
	}

	#pg-profile .dataList-inner dt {
		width: 26%;
		border-right: 1px solid #d0d0d0;
		font-size: 1.2rem;
		font-weight: 700;
	}

	#pg-profile .dataList-inner dd {
		padding-left: 6%;
		width: 74%;
		font-size: 1.2rem;
	}

	#pg-history .dataList-inner {
		margin-top: 4.8%;
	}

	#pg-history .dataList-inner dl {
		padding: 11px 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		border-top: none;
		border-bottom: 1px solid #d0d0d0;
	}

	#pg-history .dataList-inner dt {
		width: 100%;
		font-size: 1.2rem;
		font-weight: 700;
	}

	#pg-history .dataList-inner dd {
		margin-top: 2px;
		width: 100%;
		font-size: 1.2rem;
	}

	#pg-business .page-lead {
		margin-top: 8%;
		font-size: 1.2rem;
		line-height: 1.8;
		letter-spacing: 0;
	}

	#pg-business .overview-box {
		margin-top: 17%;
	}

	#pg-business .overview-box .overview-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	#pg-business .overview-box .overview-item+.overview-item {
		margin-top: 15%;
	}

	#pg-business .overview-box .overview-item .overview-image {
		margin-top: 4%;
		width: 100%;
	}

	#pg-business .overview-box .overview-item .overview-image img {
		height: 145px;
	}

	#pg-business .overview-box .overview-item .overview-body {
		padding-left: 0;
		width: 100%;
	}

	#pg-business .overview-box .overview-item .overview-body .title {
		font-size: 1.6rem;
	}

	#pg-business .overview-box .overview-item .overview-body .caption {
		margin-top: 6px;
		font-size: 1.2rem;
	}

	#pg-access .googleMap-container {
		margin-top: 9%;
	}

	#pg-access .googleMap-container .map {
		height: 180px;
	}

	#pg-access .access-detail {
		margin-top: 5%;
	}

	#pg-access .access-detail dl {
		line-height: 1.8;
	}

	#pg-access .access-detail dl+dl {
		margin-top: 3%;
	}

	#pg-access .access-detail dl dt {
		padding-left: 0;
		width: 19%;
		font-size: 1.2rem;
	}

	#pg-access .access-detail dl dd {
		width: 81%;
		font-size: 1.2rem;
	}

	#pg-access .access-detail dl dd span+span {
		margin-top: 0;
	}
}

#pg-contact {
	text-align: center;
}

#pg-contact .lead {
	margin-top: 5%;
	font-size: 1.8rem;
}

#pg-contact .lead strong {
	font-weight: 700;
}

#pg-contact .lead a {
	text-decoration: underline;
}

#pg-contact .lead a:hover {
	color: #127dd6;
}

#pg-contact .form-inner {
	margin: 5% auto 5%;
	width: 75%;
}

#pg-contact .form-inner .contact-form {
	margin: auto;
}

#pg-contact .form-inner .contact-form .input-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: left;
}

#pg-contact .form-inner .contact-form .input-box:not(:first-child) {
	margin-top: 6.7%;
}

#pg-contact .form-inner .contact-form .input-box .label-area {
	padding: 6px 0;
	width: 25%;
	font-size: 1.6rem;
}

#pg-contact .form-inner .contact-form .input-box .input-area {
	width: 75%;
	color: #d0d0d0;
	position: relative;
}

#pg-contact .form-inner .contact-form .input-box .input-area input {
	padding: 9px 12px;
	width: 100%;
	font-size: 1.6rem;
	color: #d0d0d0;
	border: 1px solid #d0d0d0;
}

#pg-contact .form-inner .contact-form .input-box .input-area textarea {
	resize: none;
	padding: 9px 12px;
	width: 100%;
	height: 243px;
	font-size: 1.6rem;
	color: #d0d0d0;
	border: 1px solid #d0d0d0;
}

#pg-contact .form-inner .contact-form .input-box .input-area input:focus,
#pg-contact .form-inner .contact-form .input-box .input-area textarea:focus {
	outline: none;
	color: #343434;
	border: 1px solid #127dd6;
	box-shadow: 0 0 1px 0 rgba(18, 125, 214, 0.45);
}

#pg-contact .form-inner .contact-form .input-box .input-area .input-error {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	color: #c00;
}

#pg-contact .form-inner .contact-form .input-box .input-area .input-error.wpcf7-not-valid-tip {
	display: block;
}

#pg-contact .form-inner .contact-form .action-box {
	margin-top: 7%;
}

#pg-contact .form-inner .contact-form .action-box2{
	margin-top: 3%;
}

#pg-contact .form-inner .note {
	margin-top: 4%;
}

#pg-contact .form-inner .note small {
	font-size: 1.4rem;
	line-height: 2.4;
	letter-spacing: 0.2em;
}

.selectbox-contact {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox-contact::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}
 .selectbox-contact select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border:1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}
#pg-contact .form-inner .contact-form.confirm .input-box .input-area{
color:#000;
}

#pg-contact .form-inner .contact-form.confirm p{
	font-size:1.5rem;
	font-weight:bold;
}

#pg-contact .contact_txt{
	width:80%;
	margin:30px auto 0;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#pg-contact .lead {
		margin-top: 8.8%;
		font-size: 1.2rem;
	}

	#pg-contact .form-inner {
		margin: 18% auto 0;
		width: 100%;
	}

	#pg-contact .form-inner .contact-form .input-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#pg-contact .form-inner .contact-form .input-box:not(:first-child) {
		margin-top: 6.7%;
	}

	#pg-contact .form-inner .contact-form .input-box .label-area {
		padding: 6px 0;
		width: 100%;
		font-size: 1.6rem;
	}

	#pg-contact .form-inner .contact-form .input-box .input-area {
		width: 100%;
	}

	#pg-contact .form-inner .contact-form .input-box .input-area input {
		padding: 13px 18px;
		font-size: 1.4rem;
	}

	#pg-contact .form-inner .contact-form .input-box .input-area textarea {
		padding: 13px 18px;
		height: 160px;
		font-size: 1.4rem;
	}

	#pg-contact .form-inner .contact-form .input-box .input-area .input-error {
		padding: 0 18px;
		bottom: -20px;
		font-size: 1.1rem;
	}

	#pg-contact .form-inner .contact-form .action-box {
		margin-top: 9%;
	}

	#pg-contact .form-inner .note {
		margin-top: 10%;
	}

	#pg-contact .form-inner .note small {
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: 1px;
	}
}

#contribution {
	background-image: url('../images/bg-section-contribution.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

#contribution .articles {
	margin: 6% auto 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 960px;
	text-align: left;
}

#contribution .articles .article-card {
	width: 31.25%;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#contribution .articles .article-card:hover {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

#contribution .articles .article-card .card-link {
	width: 100%;
}

#contribution .articles .article-card .card-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#contribution .articles .article-card .card-image {
	width: 100%;
}

#contribution .articles .article-card .card-body {
	padding: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#contribution .articles .article-card .card-body .title {
	font-size: 1.8rem;
}

#contribution .articles .article-card .card-body .excerpt {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 8px 0 65px;
	font-size: 1.4rem;
}

#pg-contribution .articles {
	margin: 5% auto 0;
	text-align: left;
}

#pg-contribution .articles .article-card {
	width: 100%;
	position: relative;
}

#pg-contribution .articles .article-card:not(:first-child) {
	margin-top: 12%;
}

#pg-contribution .articles .article-card:last-child {
	margin-bottom: 44px;
}

#pg-contribution .articles .article-card:nth-child(odd) .card-image {
	float: left;
}

#pg-contribution .articles .article-card:nth-child(odd) .card-body {
	right: 0;
}

#pg-contribution .articles .article-card:nth-child(even) .card-image {
	float: right;
}

#pg-contribution .articles .article-card:nth-child(even) .card-body {
	left: 0;
}

#pg-contribution .articles .article-card:hover .card-body {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

#pg-contribution .articles .article-card:hover .card-body .title,
#pg-contribution .articles .article-card:hover .card-body .seeDetail {
	color: #127dd6;
}

#pg-contribution .articles .article-card:hover .card-body .seeDetail::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

#pg-contribution .articles .article-card .card-link {
	width: inherit;
}

#pg-contribution .articles .article-card .card-image {
	width: 71.875%;
}

#pg-contribution .articles .article-card .card-image img {
	width: 100%;
	height: 280px;
}

#pg-contribution .articles .article-card .card-body {
	position: absolute;
	top: 87px;
	padding: 20px 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 40.625%;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#pg-contribution .articles .article-card .card-body .postDay {
	color: #787878;
	font-size: 1.4rem;
}

#pg-contribution .articles .article-card .card-body .title {
	margin-top: 5px;
	padding-bottom: 8px;
	font-size: 2.0rem;
	font-weight: 700;
	position: relative;
}

#pg-contribution .articles .article-card .card-body .title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 31px;
	height: 1px;
	background-color: #343434;
}

#pg-contribution .articles .article-card .card-body .excerpt {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-top: 22px;
	font-size: 1.6rem;
}

.article-body {
	/* 繝ｯ繝ｼ繝峨�繝ｬ繧ｹ縺ｮ逕滓�繝��繧ｿ繧呈Φ螳� */
}

.article-body .article-inner>*:first-child {
	margin-top: 0;
}

.article-body h3 {
	margin-top: 4.6%;
	font-size: 2.2rem;
	font-weight: 700;
}

.article-body h3+p {
	margin-top: 3%;
}

.article-body p {
	margin-top: 6%;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: 0.1em;
}

.article-body p::after {
	content: '';
	display: block;
	clear: both;
}

.article-body .wp-block-image {
	float: left;
	margin: 1% 3.4% 0 0;
	width: 48.3%;
	display: inline-block;
}

.article-body .wp-block-image+.wp-block-image {
	float: none;
	margin: 1% 0 0 0;
}

.side-box {
	margin-left: 50px;
	box-shadow: 0 2.85px 6.8px 0 rgba(0, 0, 0, 0.15);
}

.side-box .side-inner {
	padding: 30px 20px 18px;
}

.side-box .side-inner .title {
	padding: 0 7px 20px 7px;
	font-size: 1.8rem;
	font-weight: 700;
	border-bottom: 1px solid #d0d0d0;
}

.side-box .side-inner .sub_navi li {
	border-bottom: 1px solid #d0d0d0;
}

.side-box .side-inner .sub_navi li a {
	display: block;
	padding: 12px 7px;
}

.side-box .side-inner .sub_navi li a:hover .postDay,
.side-box .side-inner .sub_navi li a:hover .postTitle {
	text-decoration: underline;
}

.side-box .side-inner .sub_navi li a .postDay {
	font-size: 1.2rem;
}

.side-box .side-inner .sub_navi li a .postTitle {
	font-size: 1.6rem;
}

.side-box .side-inner .see-all {
	margin-top: 20px;
	text-align: right;
}

.side-box .side-inner .see-all a:hover {
	text-decoration: underline;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#contribution .articles {
		margin: 11% auto 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#contribution .articles .article-card {
		width: 100%;
	}

	#contribution .articles .article-card:not(:first-child) {
		margin-top: 19px;
	}

	#contribution .articles .article-card .card-inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	#contribution .articles .article-card .card-image {
		width: 38.7%;
	}

	#contribution .articles .article-card .card-image img {
		height: 100%;
	}

	#contribution .articles .article-card .card-body {
		width: 61.3%;
	}

	#contribution .articles .article-card .card-body .title {
		font-size: 1.3rem;
		font-weight: 700;
	}

	#contribution .articles .article-card .card-body .excerpt {
		margin: 8px 0 0;
		font-size: 1.2rem;
	}

	#pg-contribution .articles {
		margin: 8% auto 0;
	}

	#pg-contribution .articles .article-card {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#pg-contribution .articles .article-card:not(:first-child) {
		margin-top: 9%;
	}

	#pg-contribution .articles .article-card:last-child {
		margin-bottom: 0;
	}

	#pg-contribution .articles .article-card:nth-child(odd) .card-image {
		float: none;
	}

	#pg-contribution .articles .article-card:nth-child(even) .card-image {
		float: none;
	}

	#pg-contribution .articles .article-card:hover .card-body .seeDetail::after {
		background-image: url('../images/svg/icon-next-short-hover.svg');
	}

	#pg-contribution .articles .article-card .card-image {
		width: 100%;
	}

	#pg-contribution .articles .article-card .card-image img {
		height: 120px;
	}

	#pg-contribution .articles .article-card .card-body {
		position: relative;
		top: 0;
		padding: 13px 10px;
		width: 100%;
	}

	#pg-contribution .articles .article-card .card-body .postDay {
		display: none;
	}

	#pg-contribution .articles .article-card .card-body .title {
		margin-top: 0;
		padding-bottom: 0;
		font-size: 1.3rem;
	}

	#pg-contribution .articles .article-card .card-body .title::after {
		content: none;
	}

	#pg-contribution .articles .article-card .card-body .excerpt {
		margin-top: 8px;
		font-size: 1.15rem;
	}

	.article-body {
		/* 繝ｯ繝ｼ繝峨�繝ｬ繧ｹ縺ｮ逕滓�繝��繧ｿ繧呈Φ螳� */
	}

	.article-body .article-inner:first-child {
		margin-top: 0;
	}

	.article-body h3 {
		margin-top: 5.4%;
		font-size: 1.6rem;
	}

	.article-body h3+p {
		margin-top: 2%;
	}

	.article-body p {
		margin-top: 4.8%;
		font-size: 1.2rem;
		line-height: 1.8;
	}

	.article-body p img {
		float: none;
		margin: 0;
		width: 100%;
		height: 54vw;
	}

	.article-body p img+img {
		margin-left: 0;
		margin: 15px 0 0 0;
	}

	.side-box {
		margin-left: 0;
	}

	.side-box .side-inner {
		padding: 16px 24px 12px;
	}

	.side-box .side-inner .title {
		padding: 0 4px 14px 4px;
		font-size: 1.4rem;
	}

	.side-box .side-inner .sub_navi li a {
		padding: 7px 4px;
	}

	.side-box .side-inner .sub_navi li a .postDay {
		font-size: 1.1rem;
	}

	.side-box .side-inner .sub_navi li a .postTitle {
		font-size: 1.2rem;
	}

	.side-box .side-inner .see-all {
		margin-top: 12px;
	}

	.side-box .side-inner .see-all a {
		font-size: 1.1rem;
	}
}

#footer {
	padding: 50px 12.3% 24px;
	color: #000;
	background-color: #F6F6F6;
}

#footer .footerContents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#footer .footerContents-contact {
	padding-bottom: 36px;
	width: 65.4%;
}

#footer .footerContents-contact .enterprise-logo {
	display: block;
}

#footer .footerContents-contact .enterprise-logo img {
	max-width: 204px;
}

#footer .footerContents-contact .enterprise-detail {
	margin-top: 32px;
}

#footer .footerContents-contact .enterprise-detail .mail {
	font-size: 1.3rem;
}

#footer .footerContents-contact .enterprise-detail .address {
	margin-top: -20px;
	    font-size: min(3.3vw,4.3rem);
}

#footer .footerContents-contact .enterprise-detail .phone {
	font-size: 1.3rem;
}

#footer .footerContents-contact .enterprise-detail .tel {
	font-size: 2.3rem;
}

#footer .copyright {
	margin-top:0;
	font-size: 1.5rem;
}

#footer .footerContents-sitemap {
	width: 34.6%;
	margin-top:32px;
}
#footer .footerContents-sitemap .enterprise-logo img{
	width:40%;
	margin-bottom: 15px;
}

#footer .footerContents-sitemap .sitemap-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 15%;
	line-height: 21px;
}

#footer .footerContents-sitemap .enterprise-info .enterprise-detail {
	font-size: 1.2rem;
}

#footer .footerContents-sitemap .enterprise-info .enterprise-detail .enterpriseInfos-item {
	margin-top: 15px;
}

#footer .footerContents-sitemap .siteInfo-item:not(:first-child) {
	margin-top: 15px;
}

#footer .footerContents-sitemap .asideInfo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.2rem;
}

#footer .footerContents-sitemap .asideInfo-item:not(:first-child) {
	margin-top: 15px;
}

#footer .footerContents-sitemap .largeCategory-link,
#footer .footerContents-sitemap .middleCategory-link,
#footer .footerContents-sitemap .smallCategory-link {
	display: block;
	color: #c4c4c4;
}

#footer .footerContents-sitemap .largeCategory-link:hover,
#footer .footerContents-sitemap .middleCategory-link:hover,
#footer .footerContents-sitemap .smallCategory-link:hover {
	text-decoration: underline;
}

#footer .contact_btn{
	display: inline-block;
  width: 240px;
  position: relative;
  border: 1.5px solid #000;
  padding: 0.5em 1em;
  color: #000; 
  text-decoration: none;
	font-family: 'BIZ UDGothic', sans-serif;
  margin: 20px auto 100px;
  text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.3em;
  transition-duration: 0.3s;
}

#footer .contact_btn:hover{
	color:#008DD4;
	border: 1.5px solid #008DD4;
}


#footer .contact-mail-icon{
	font-size: 18px;
	display: inline-flex;
  	vertical-align: middle;
	margin-right: 8px;
}

#footer .contact-mail-icon:hover{
color:#008DD4;
}

.social_box{
display:flex;
flex-flow:row wrap;
justify-content:space-between;	
width: 200px;
	margin-bottom: 12px;
}

.social_box li{
flex:0 0 50%;
text-align:center!important;
}

.social_icon{
display:inline-block;	
font-size:35px;
text-decoration:none;
transition:.5s;
color:#444;
}

.social_icon:hover{
color:#008DD4;
}



/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#footer {
		padding: 12px 4%;
	}

	#footer .footerContents {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#footer .footerContents-contact {
		padding-bottom: 18px;
		border-right: none;
		width: 100%;
		order: 2;
		margin-top:20px;
	}

	#footer .footerContents-contact .enterprise-logo {
		display: none;
	}

	#footer .footerContents-contact .enterprise-detail {
		margin-top: 0;
	}

	#footer .footerContents-contact .enterprise-detail .address {
		margin-top: 5px;
		font-size: 1.6rem;
	}
	
	#footer .footerContents-contact .enterprise-detail .phone {
    margin-top: 10px;
}
	#footer .footerContents-contact .enterprise-detail .tel {
    font-size: 1.8rem;
}
	#footer .footerContents-sitemap {
		width: 100%;
		    order: 1;
	}

	#footer .footerContents-sitemap .sitemap-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-left: 0;
		line-height: 21px;
	}

	#footer .footerContents-sitemap .enterprise-info {
		border-top: 1px solid #333;
	}

	#footer .footerContents-sitemap .enterprise-info .enterprise-title {
		font-size: 1.2rem;
		font-weight: 700;
	}

	#footer .footerContents-sitemap .enterprise-info .enterprise-detail {
		display: none;
	}

	#footer .footerContents-sitemap .siteInfo-item {
		border-top: 1px solid #333;
		font-size: 1.2rem;
		font-weight: 700;
	}

	#footer .footerContents-sitemap .siteInfo-item:last-child {
		border-bottom: 1px solid #333;
	}

	#footer .footerContents-sitemap .siteInfo-item:not(:first-child) {
		margin-top: 0;
	}

	#footer .footerContents-sitemap .asideInfo {
		margin: 22px auto 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		font-size: 1.2rem;
	}

	#footer .footerContents-sitemap .asideInfo-item {
		padding: 0 18px;
		font-size: 1.0rem;
		color: #7a7a7a;
		line-height: 18px;
	}

	#footer .footerContents-sitemap .asideInfo-item:not(:first-child) {
		margin-top: 0;
		border-left: 1px solid #333;
	}

	#footer .footerContents-sitemap .largeCategory-link {
		padding: 12px 0;
		position: relative;
	}

	#footer .footerContents-sitemap .largeCategory-link::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 3px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 7px;
		height: 12px;
		background-image: url(../images/svg/icon-rightArrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	#footer .copyright {
		margin-top: 23px;
		font-size: 1.0rem;
		text-align: center;
	}
	#footer .contact_btn{
	display: block;
  	margin: 20px auto 50px;
}


.social_box{
	margin: 1rem auto 0;
}
}

#header {
	position: absolute;
	top: 0;
	right: 0;
	padding: 32px 0 24px;
	width: 100%;
	-webkit-transition: none;
	transition: none;
	z-index: 100;
}

#header .header-inner {
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1280px;
	min-width: 960px;
	width: 76%;
}

#header .toggle-menu {
	display: none;
	z-index: 150;
}

#header .logo {
	/* width: 248px; */
	width: 20%;
	line-height: 1;
	z-index: 150;
}

#header .logo-header img{
	width:65%;
}


#header .logo .main-logo {
	display: block;
}

#header .logo .fixed-logo {
	display: none;
}

#header .header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 80%;
}

#header .global-nav .menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#header .global-nav .menu-item {
	margin: 0 16px;
}

#menu-item-46{
	background: #000;
	padding: 0 15px;
}

#header .global-nav .menu-item .nav-link {
	font-size:min(1.4vw,1.5rem);
	color: #000;
	position: relative;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-46 a.nav-link{
	color:#fff !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-46 a.nav-link::after{
	background:none !important;
}

#header .global-nav .menu-item .nav-link.active::after {
	opacity: 1;
}

#header .global-nav .menu-item .nav-link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #008DD4;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}

#header .global-nav .menu-item .nav-link:hover::after {
	opacity: 1;
}

#header .search-form {
	margin-left: 13px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#header .search-form .search-box {
	display: none;
	margin-right: 12px;
	position: relative;
}

#header .search-form .search-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background-image: url('../images/svg/icon-search-white.svg');
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center;
}

#header .search-form .search-box .search-input {
	padding: 0 40px;
	width: 322px;
	height: 40px;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	border: 1px solid #d0d0d0;
	background-color: transparent;
	outline: none;
}

#header .search-form .search-box .search-input::-webkit-input-placeholder {
	color: #fff;
}

#header .search-form .search-box .search-input:-moz-placeholder {
	color: #fff;
}

#header .search-form .search-box .search-input::-moz-placeholder {
	color: #fff;
}

#header .search-form .search-box .search-input:-ms-input-placeholder {
	color: #fff;
}

#header .search-form .search-buttons .close-icon,
#header .search-form .search-buttons .search-icon {
	width: 30px;
	height: 30px;
	background-size: 22px 22px;
	background-repeat: no-repeat;
}

#header .search-form .search-buttons .close-icon {
	display: none;
	height: 100%;
	background-image: url('../images/svg/icon-close-white.svg');
	background-position: center center;
}

#header .search-form .search-buttons .search-icon {
	display: block;
	height: 30px;
	background-image: url('../images/svg/icon-search-white.svg');
	background-position: center top;
	position: relative;
}

#header .search-form .search-buttons .search-icon::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}

#header .search-form .search-buttons .search-icon:hover::after {
	opacity: 1;
}

#header.search-mode {
	background-color: rgba(255, 255, 255, 0.43);
}

#header.search-mode .global-nav {
	display: none;
}

#header.search-mode .search-box {
	display: block;
}

#header.search-mode .search-buttons .close-icon {
	display: block;
}

#header.search-mode .search-buttons .search-icon {
	display: none;
}

#header.standby {
	position: fixed;
	padding: 24px 0;
	background-color: #fff;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

#header.fixed {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	z-index: 1000;
}

#header.fixed .logo .main-logo {
	display: none;
}

#header.fixed .logo .fixed-logo {
	display: block;
}

#header.fixed .global-nav .menu-item .nav-link {
	color: #343434;
}

#header.fixed .global-nav .menu-item .nav-link::after {
	content: '';
	background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
	background: linear-gradient(to right, #127dd6, #4ec9e5);
}

#header.fixed .search-form .search-box::before {
	background-image: url('../images/svg/icon-search-black.svg');
}

#header.fixed .search-form .search-box .search-input {
	color: #343434;
	border: 1px solid #d0d0d0;
}

#header.fixed .search-form .search-box .search-input::-webkit-input-placeholder {
	color: #343434;
}

#header.fixed .search-form .search-box .search-input:-moz-placeholder {
	color: #343434;
}

#header.fixed .search-form .search-box .search-input::-moz-placeholder {
	color: #343434;
}

#header.fixed .search-form .search-box .search-input:-ms-input-placeholder {
	color: #343434;
}

#header.fixed .search-form .search-buttons .close-icon {
	background-image: url('../images/svg/icon-close-black.svg');
}

#header.fixed .search-form .search-buttons .search-icon {
	background-image: url('../images/svg/icon-search-black.svg');
}

#header.fixed .search-form .search-buttons .search-icon::after {
	background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
	background: linear-gradient(to right, #127dd6, #4ec9e5);
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 959px) {
	#header {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10px 15px;
	}

	#header .header-inner {
		min-width: auto;
		width: auto;
	}

	#header .logo {
		width: 159px;
	}

	#header .logo .fixed-logo {
		display: none;
	}

	#header .toggle-menu {
		display: block;
		width: 40px;
		height: 30px;
		position: relative;
	}

	#header .toggle-menu .toggle-line {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		text-indent: -9999px;
		width: 27px;
		height: 1px;
		background-color: #fff;
	}

	#header .toggle-menu .toggle-line::before,
	#header .toggle-menu .toggle-line::after {
		content: '';
		position: absolute;
		left: 0;
		width: 27px;
		height: 1px;
		background-color: #fff;
	}

	#header .toggle-menu .toggle-line::before {
		top: -7px;
		-webkit-animation: menu-barTop 0.60s forwards;
		animation: menu-barTop 0.60s forwards;
	}

	#header .toggle-menu .toggle-line::after {
		top: 7px;
		-webkit-animation: menu-barBottom 0.60s forwards;
		animation: menu-barBottom 0.60s forwards;
	}

	#header .header-nav {
		position: fixed;
		top: 0;
		left: 0;
		padding: 110px 15px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100vw;
		height: 100vh;
		background-color: rgb(255 255 255 / 98%);
		z-index: 90;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	#header .global-nav {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 45px;
	}

	#header .global-nav .menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#header .global-nav .menu-item {
		margin: 0;

	}

	#header .global-nav .menu-item .nav-link {
		display: block;
		padding: 13px;
		font-size: 1.5rem;
	}

	#header .global-nav .menu-item .nav-link::after {
		content: none;
	}

	#header .search-form {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-left: 0;
	}

	#header .search-form .search-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-right: 0;
		width: 100%;
		position: relative;
	}

	#header .search-form .search-box::before {
		content: none;
	}

	#header .search-form .search-box .search-input {
		padding: 0 10px;
		width: 100%;
		height: 45px;
		font-size: 1.6rem;
		border: 1px solid #fff;
	}

	#header .search-form .search-box .button-submit {
		min-width: 60px;
		height: 45px;
		background-color: #fff;
		background-image: url('../images/svg/icon-search-black.svg');
		background-repeat: no-repeat;
		background-size: 19px 19px;
		background-position: center;
	}

	#header .search-form .search-buttons {
		display: none;
	}

	#header.open {
		position: fixed;
	}

	#header.open .logo {
		-webkit-transition: all 0.5s linear 1s;
		transition: all 0.5s linear 1s;
		    background-color: rgb(255 255 255 / 70%);
	}

	#header.open .logo .main-logo {
		display: block;
	}

	#header.open .logo .fixed-logo {
		display: none;
	}

	#header.open .toggle-menu {
		-webkit-transition: all 0.5s linear 1s;
		transition: all 0.5s linear 1s;
		    background-color: rgb(255 255 255 / 70%);
	}

	#header.open .toggle-menu .toggle-line {
		height: 0;
		background-color: #fff !important;
	}

	#header.open .toggle-menu .toggle-line::before {
		background-color: #000 !important;
		-webkit-animation: active-menu-barTop 0.60s forwards;
		animation: active-menu-barTop 0.60s forwards;
	}

	#header.open .toggle-menu .toggle-line::after {
		background-color: #000 !important;
		-webkit-animation: active-menu-barBottom 0.60s forwards;
		animation: active-menu-barBottom 0.60s forwards;
	}

	#header.open .header-nav {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		overflow: auto;
	}

	#header.fixed {
		padding: 10px 15px;
	}

	#header.fixed .toggle-menu .toggle-line {
		background-color: #343434;
	}

	#header.fixed .toggle-menu .toggle-line::before,
	#header.fixed .toggle-menu .toggle-line::after {
	 background-color: #000000 !important;
	}

	#header.fixed .global-nav .menu-item .nav-link {
		color: #000;
	}

	#header.fixed .global-nav .menu-item .nav-link::after {
		content: none;
	}

	#header.fixed .search-form .search-box::before {
		background-image: url('../images/svg/icon-search-black.svg');
	}

	#header.fixed .search-form .search-box .search-input {
		color: #fff;
		border: 1px solid #d0d0d0;
	}

	#header.fixed .search-form .search-box .search-input::-webkit-input-placeholder {
		color: #fff;
	}

	#header.fixed .search-form .search-box .search-input:-moz-placeholder {
		color: #fff;
	}

	#header.fixed .search-form .search-box .search-input::-moz-placeholder {
		color: #fff;
	}

	#header.fixed .search-form .search-box .search-input:-ms-input-placeholder {
		color: #fff;
	}
	
	#header .global-nav .menu-item .nav-link::after {
	content: none;
}
	


}

#keyvisual {
	padding: 0;
	/* height: 100vh;
	max-height: 740px;
	min-height: 740px; */
	height: 800px;
    max-height: 100vh;
    min-height: 100vh;
	max-width: 1000px;
   margin: 0 auto;
	margin-top:-50%;
}

.fix-contact{
	background: #000;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 89%;
    transform: rotate(-90deg);
    padding: 0 10px;
	z-index: 1;
}

#keyvisual .wrapper {
	position: absolute;
	/* top: 80%; */
	top: 60%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #000;
	text-align: left;
	line-height: 2;
}

#keyvisual .wrapper .site-title {
	font-size: min(30.3vw,8.2rem);
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
#keyvisual .wrapper span.site-title-size{
	font-size: min(30.3vw,14rem);
}

#keyvisual .wrapper .site-caption {
	font-family: '源ノ明朝', serif;
	font-size: 1.5rem;
	font-weight:bold;
	position: relative;
   top: -7rem;
}

#keyvisual .wrapper .site-name {
	font-family: 'LTC Caslon', serif;
	font-size: min(11.8vw,13rem);
	font-weight:400;
	color:#E6E6E6;
	position: relative;
   /* top: -10rem; */
   top: -15rem;
}

/* --------------------------------
 * 1366px
 * -------------------------------- */
@media screen and (max-width: 1366px) {
#keyvisual .wrapper {
	top: 35%;
}
#keyvisual {
	height: 80vh;
	max-height: 100vh;
	min-height: auto;
}

}
/* --------------------------------
 * 1143px
 * -------------------------------- */
@media screen and (max-width: 1143px) {
#keyvisual .wrapper {
	top: 45%;
}

}
/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#keyvisual {
		height: 62vh;
	}

	#keyvisual .wrapper {
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		line-height: 2;
		text-align: left;
	}

#keyvisual .wrapper .site-title {
	font-size: 3.5rem;
}

	#keyvisual .wrapper .site-caption {
		    margin-top: 30px;
		font-size: 1.3rem;
	}
    #keyvisual .wrapper .site-name {
        top: -12rem;
    }
}

#news {
	background:#F6F6F6;
}

#news .news {
	margin: 6% auto 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	max-width: 960px;
	text-align: left;
}

#news .news-item {
	padding: 10px 3.125%;
	width: 33.33333%;
	letter-spacing: 0.2em;
}

#news .news-item:not(:first-child) {
	border-left: 1px solid #d0d0d0;
}

#news .news-item .detail-link {
	text-decoration: none;
}

#news .news-item .detail-link:hover .title,
#news .news-item .detail-link:hover .news-text {
	text-decoration: underline;
}

#news .news-item .time {
	font-size: 1.4rem;
	color: #787878;
}

#news .news-item .title {
	margin-top: 4px;
	font-size: 1.8rem;
}

#news .news-item .news-text {
	margin-top: 22px;
	font-size: 1.4rem;
	line-height: 2;
}

.news-ber{
	display:flex;
	height: 180px;
}

.news-berleft{
	border-right: 1px solid #707070;
   padding-right: 30px;
	color:#008DD4;
}

.card-title{
	margin:auto;
}

.card-content{
	margin:auto;
	padding-top:20px;
	width: 50%;
}

#pg-news .main-container {
	width: 100%;
	background-image: url('../images/bg-news.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#pg-news .main-container .main-wrapper {
	margin: 0 auto;
	padding: 4% 0 120px;
	max-width: 960px;
}

#pg-news .newsLists .news-link {
	display: block;
}

#pg-news .newsLists .news-link:hover .title {
	text-decoration: underline;
}

#pg-news .newsLists .news-body {
	padding: 16px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-bottom: 1px solid #d0d0d0;
}

#pg-news .newsLists .news-body .release {
	width: 15%;
	font-size: 1.4rem;
	color: #787878;
}

#pg-news .newsLists .news-body .title {
	width: 85%;
	font-size: 1.4rem;
}

#pg-news .newsLists .news-body .capton {
	display: none;
}

#pg-news .pager {
	margin: 6.5% auto 0;
}

#pg-news .pager .pagerList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#pg-news .pager .pagerList-item {
	margin: 0 6.5px;
	width: 36px;
	height: 36px;
	text-align: center;
	border: 1px solid #d0d0d0;
	position: relative;
}

#pg-news .pager .pagerList-item.current {
	border: 1px solid #343434;
	background-color: #343434;
}

#pg-news .pager .pagerList-item.current a {
	color: #fff;
}

#pg-news .pager .pagerList-item.ellipsis a,
#pg-news .pager .pagerList-item.ellipsis span,
#pg-news .pager .pagerList-item.next a,
#pg-news .pager .pagerList-item.next span {
	text-indent: -9999em;
	background-position: center;
	background-repeat: no-repeat;
}

#pg-news .pager .pagerList-item.ellipsis {
	width: 14px;
	border: none;
}

#pg-news .pager .pagerList-item.ellipsis span {
	display: block;
	width: inherit;
	height: inherit;
	background-image: url(../images/svg/icon-three-dots.svg);
	background-size: contain;
}

#pg-news .pager .pagerList-item.next a {
	background-image: url(../images/svg/icon-rightArrow-black.svg);
	background-size: 6px 11px;
}

#pg-news .pager .pagerList-item a {
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
	line-height: 36px;
}

#pg-newsDetail .main-container {
	width: 100%;
	background-image: url(../images/bg-news.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#pg-newsDetail .main-container .main-wrapper {
	margin: 0 auto;
	padding: 3.4% 0 120px;
	max-width: 960px;
}

#pg-newsDetail .news .release {
	padding-left: 2px;
	font-size: 1.4rem;
	color: #787878;
}

#pg-newsDetail .news .title {
	margin-top: 1.2%;
	padding-left: 2px;
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-newsDetail .news .news-body {
	margin-top: 2.5%;
	padding-bottom: 4%;
	border-bottom: 1px solid #d0d0d0;
}

#pg-newsDetail .news .news-body p {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: 0.15em;
}

#pg-newsDetail .news .news-body p+p {
	margin-top: 3%;
}

#pg-newsDetail .more-news {
	margin-top: 1.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#pg-newsDetail .more-news .prev .another-link,
#pg-newsDetail .more-news .next .another-link {
	font-size: 1.4rem;
	font-family: 'Vollkorn', serif;
	font-style: italic;
}

#pg-newsDetail .more-news .prev .another-link {
	padding-left: 74px;
}

#pg-newsDetail .more-news .prev .another-link::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/svg/icon-prev.svg');
}

#pg-newsDetail .more-news .prev .another-link:hover {
	color: #127dd6;
}

#pg-newsDetail .more-news .prev .another-link:hover::before {
	background-image: url('../images/svg/icon-prev-hover.svg');
}

#pg-newsDetail .more-news .next .another-link {
	padding-right: 74px;
}

#pg-newsDetail .more-news .next .another-link::after {
	content: '';
	position: absolute;
	top: 8px;
	right: 0;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/svg/icon-next.svg');
}

#pg-newsDetail .more-news .next .another-link:hover {
	color: #127dd6;
}

#pg-newsDetail .more-news .next .another-link:hover::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#news .news {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 6% auto 0;
	}

	#news .news-item {
		padding: 15px 0;
		width: 100%;
		border-bottom: 1px solid #d0d0d0;
	}

	#news .news-item:not(:first-child) {
		border-left: none;
	}

	#news .news-item .time {
		font-size: 1.2rem;
		color: #787878;
	}

	#news .news-item .title {
		margin-top: 0;
		font-size: 1.3rem;
		font-weight: 700;
	}

	#news .news-item .news-text {
		margin-top: 3px;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	#pg-news .main-container {
		background-size: cover;
		background-position: center;
	}

	#pg-news .main-container .main-wrapper {
		padding: 4% 4% 60px;
	}

	#pg-news .newsLists .news-body {
		padding: 14px 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#pg-news .newsLists .news-body .release {
		width: 100%;
		font-size: 1.2rem;
	}

	#pg-news .newsLists .news-body .title {
		margin-top: 3px;
		width: 100%;
		font-size: 1.3rem;
		font-weight: 700;
	}

	#pg-news .newsLists .news-body .capton {
		display: block;
		margin-top: 4px;
		font-size: 1.2rem;
		line-height: 1.6;
	}

	#pg-news .pager {
		margin: 12% auto 0;
	}

	#pg-newsDetail .main-container {
		background-size: contain;
		background-position: bottom center;
	}

	#pg-newsDetail .main-container .main-wrapper {
		padding: 6% 4% 60px;
	}

	#pg-newsDetail .news .release {
		padding-left: 0;
		font-size: 1.2rem;
	}

	#pg-newsDetail .news .title {
		margin-top: 0.5%;
		padding-left: 0;
		font-size: 1.6rem;
	}

	#pg-newsDetail .news .news-body {
		margin-top: 3%;
		padding-bottom: 10%;
	}

	#pg-newsDetail .news .news-body p {
		font-size: 1.2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}

	#pg-newsDetail .news .news-body p+p {
		margin-top: 4%;
	}

	#pg-newsDetail .more-news {
		margin-top: 9.4%;
	}

	#pg-newsDetail .more-news .prev,
	#pg-newsDetail .more-news .next {
		position: relative;
	}

	#pg-newsDetail .more-news .prev .another-link,
	#pg-newsDetail .more-news .next .another-link {
		font-size: 1.0rem;
	}

	#pg-newsDetail .more-news .prev .another-link {
		padding-left: 37px;
	}

	#pg-newsDetail .more-news .prev .another-link::before {
		width: 30px;
		background-image: url('../images/svg/icon-prev-short.svg');
	}

	#pg-newsDetail .more-news .next .another-link {
		padding-right: 37px;
	}

	#pg-newsDetail .more-news .next .another-link::after {
		width: 30px;
		background-image: url('../images/svg/icon-next-short.svg');
	}
}

.news-nav{
	display: flex;
	width: 700px;
	margin: 50px auto 70px;
}
.news-nav .news-title{
	font-family:'Bahnschrift', 'BIZ UDGothic', sans-serif;
    font-size: min(3.7vw,22px);
	width: 33%;
	background: #fff;
	color:#008DD4;
	padding-top: 0.5rem;
	letter-spacing: 0.3em;
	text-align: center;
	border: 1.5px solid #008DD4;
	transition-duration: 0.3s;
}



.news-nav .news-title:hover{
	color:#fff;
	background: #008DD4;
		
}
.news-nav .news-title.check{
	color:#fff;
	background: #008DD4;
		
}




.page-contents {
	padding-top: 93px;
	position: relative;
}

.page-contents .page-head {
	width: 100%;
	height: 330px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.page-contents .page-head .wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
}

.page-contents .page-head .wrapper .page-title-en {
	font-size: 2.2rem;
	font-family: 'Vollkorn', serif;
	font-style: italic;
}

.page-contents .page-head .wrapper .page-title {
	margin-top: 12px;
	font-size: 3.8rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
	line-height: 1;
}

.page-contents .page-container {
	width: 100%;
	position: relative;
}

.page-contents .page-container .Breadcrumbs {
	margin: auto;
	padding: 14px 0;
	width: 960px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.page-contents .page-container .Breadcrumbs-item {
	margin-right: 15px;
	z-index: 1;
}

.page-contents .page-container .Breadcrumbs-item:not(:first-child) {
	padding-left: 20px;
	position: relative;
}

.page-contents .page-container .Breadcrumbs-item:not(:first-child)::before {
	content: '/';
	position: absolute;
	left: 0;
}

.page-contents .page-container .Breadcrumbs-item .page-name {
	font-size: 1.3rem;
}

.page-contents .page-container .Breadcrumbs-item .page-name.active {
	color: #bdbdbd;
	pointer-events: none;
}

.page-contents .page-container .Breadcrumbs-item .page-name:hover {
	text-decoration: underline;
}

.page-contents .page-inner {
	margin: auto;
	max-width: 960px;
	position: relative;
}

.page-contents .page-inner.full-width {
	max-width: 100vw;
}

.page-contents .page-inner.full-width .page-main {
	padding: 0 0 0;
}

.page-contents .page-inner.two-column {
	max-width: 972px;
	background-image: url(../images/bg-news.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.page-contents .page-inner.two-column .content {
	margin-top: 4.2%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.page-contents .page-inner.two-column .content-main {
	width: calc(100% - 319px);
}

.page-contents .page-inner.two-column .content-side {
	width: 319px;
}

.page-contents .page-inner .page-main {
	padding: 0 0 120px;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 959px) {
	.page-contents {
		padding-top: 50.48px;
	}
}

@media screen and (max-width: 769px) {
	.page-contents .page-head .wrapper .page-title-en {
		font-size: 1.65rem;
	}

	.page-contents .page-head .wrapper .page-title {
		margin-top: 5px;
		font-size: 2.1rem;
	}

	.page-contents .page-container .Breadcrumbs {
		display: none;
	}

	.page-contents .page-inner.two-column {
		max-width: 972px;
	}

	.page-contents .page-inner.two-column .content {
		margin-top: 7%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.page-contents .page-inner.two-column .content-main {
		width: 100%;
	}

	.page-contents .page-inner.two-column .content-side {
		margin-top: 9%;
		width: 100%;
	}

	.page-contents .page-inner .page-main {
		padding: 0 0 60px;
	}
	
	.news-nav {
    width: 90%;
    margin: 40px auto 30px;
}
}

#pg-privacy .basic-box {
	margin-top: 4.3%;
}

#pg-privacy .basic-box .title {
	font-size: 2.6rem;
	font-weight: 700;
}

#pg-privacy .basic-box .caption {
	margin-top: 1%;
	font-size: 1.6rem;
	line-height: 1.9;
}

#pg-privacy .privacyList-wrapper {
	margin-top: 5.8%;
}

#pg-privacy .privacyList-wrapper dl+dl {
	margin-top: 5.8%;
}

#pg-privacy .privacyList-wrapper dl dt {
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-privacy .privacyList-wrapper dl dd {
	margin-top: 1%;
	font-size: 1.6rem;
	line-height: 1.9;
}

#pg-privacy .privacyList-wrapper dl dd ul {
	margin-top: 2%;
	padding-left: 21px;
	list-style-type: disc;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	.page-contents .page-container {
		padding:  0;
	}

	#pg-privacy .basic-box {
		margin-top: 7.4%;
	}

	#pg-privacy .basic-box .title {
		font-size: 1.6rem;
	}

	#pg-privacy .basic-box .caption {
		margin-top: 1.6%;
		font-size: 1.2rem;
	}

	#pg-privacy .privacyList-wrapper {
		margin-top: 9%;
	}

	#pg-privacy .privacyList-wrapper dl+dl {
		margin-top: 9%;
	}

	#pg-privacy .privacyList-wrapper dl dt {
		font-size: 1.3rem;
	}

	#pg-privacy .privacyList-wrapper dl dd {
		margin-top: 2%;
		font-size: 1.2rem;
		line-height: 1.7;
	}

	#pg-privacy .privacyList-wrapper dl dd ul {
		margin-top: 4%;
		padding-left: 17px;
	}
}

#pg-search .search-form {
	margin-top: 5%;
}

#pg-search .search-form .search-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
}

#pg-search .search-form .search-box .search-input {
	padding: 0 18px;
	width: 412px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	border: 1px solid #d0d0d0;
	background-color: transparent;
	outline: none;
}

#pg-search .search-form .search-box .button-submit {
	margin-left: 10px;
	padding: 0;
	width: auto;
	min-width: 90px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #333;
}

#pg-search .searchResult-wrapper {
	margin-top: 4.2%;
}

#pg-search .searchResult-wrapper .searchResult-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d0d0;
	line-height: 1.4;
}

#pg-search .searchResult-wrapper .searchResult-head .title {
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-search .searchResult-wrapper .searchResult-head .total {
	margin-left: 29px;
	font-size: 1.6rem;
	letter-spacing: 0.18em;
}

#pg-search .searchResult-wrapper .searchResult-head .emptiness {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 0px 5px;
}

#pg-search .searchResult-wrapper .searchResultLlist-item {
	border-bottom: 1px solid #d0d0d0;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a {
	display: block;
	padding: 40px 0;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper .image {
	min-width: 158px;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 30px;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl dt {
	margin-top: 4px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #00a5e3;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl .description {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.9;
	letter-spacing: 0.1em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper:hover dl dt {
	text-decoration: underline;
}

#pg-search .searchResult-wrapper .no-result {
	margin-top: 3.6%;
	font-size: 1.6rem;
}

#pg-search .pager {
	margin: 6.5% auto 0;
}

#pg-search .pager .pagerList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#pg-search .pager .pagerList-item {
	margin: 0 6.5px;
	width: 36px;
	height: 36px;
	text-align: center;
	border: 1px solid #d0d0d0;
	position: relative;
}

#pg-search .pager .pagerList-item.current {
	border: 1px solid #343434;
	background-color: #343434;
}

#pg-search .pager .pagerList-item.current a {
	color: #fff;
}

#pg-search .pager .pagerList-item.ellipsis a,
#pg-search .pager .pagerList-item.ellipsis span,
#pg-search .pager .pagerList-item.next a,
#pg-search .pager .pagerList-item.next span {
	text-indent: -9999em;
	background-position: center;
	background-repeat: no-repeat;
}

#pg-search .pager .pagerList-item.ellipsis {
	width: 14px;
	border: none;
}

#pg-search .pager .pagerList-item.ellipsis span {
	display: block;
	width: inherit;
	height: inherit;
	background-image: url(../images/svg/icon-three-dots.svg);
	background-size: contain;
}

#pg-search .pager .pagerList-item.next a {
	background-image: url(../images/svg/icon-rightArrow-black.svg);
	background-size: 6px 11px;
}

#pg-search .pager .pagerList-item a {
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
	line-height: 36px;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#pg-search .search-form {
		margin-top: 11.4%;
	}

	#pg-search .search-form .search-box {
		height: 35.5px;
	}

	#pg-search .search-form .search-box .search-input {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding: 0 14px;
		width: auto;
		font-size: 1.4rem;
	}

	#pg-search .search-form .search-box .button-submit {
		min-width: 80px;
		font-size: 1.4rem;
	}

	#pg-search .searchResult-wrapper {
		margin-top: 8%;
	}

	#pg-search .searchResult-wrapper .searchResult-head {
		padding-bottom: 14px;
	}

	#pg-search .searchResult-wrapper .searchResult-head .title {
		font-size: 1.6rem;
	}

	#pg-search .searchResult-wrapper .searchResult-head .total {
		margin-left: 14px;
		font-size: 1.1rem;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a {
		padding: 25px 0;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper .image {
		min-width: 29%;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl {
		padding-left: 18px;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl dt {
		margin: 0;
		font-size: 1.6rem;
	}

	#pg-search .searchResult-wrapper .searchResultLlist-item a .item-wrapper dl .description {
		margin-top: 5px;
		font-size: 1.2rem;
	}

	#pg-search .searchResult-wrapper .no-result {
		margin-top: 4%;
		font-size: 1.2rem;
	}

	#pg-search .pager {
		margin: 12% auto 0;
	}
}

#message{
	padding: 100px 12.5% 100px;
}

#page-message {
    padding: 100px 12.5% 100px;
}

/* --------------------------------
 * smart phone 
 * -------------------------------- */

@media screen and (max-width: 769px) {
#page-message {
    padding: 80px 4%;
}
	
#page-message .section-contents-flex {
    flex-flow: column;
}
	
#page-message .wrapper.right {
    margin-top: 0px;
}

#page-message  .section-title-en {
    text-align: center;
}
	
#page-message  .section-title {
    text-align: center;
	}
	




	
	
#page-message	.section-title-small {
    font-size: 1.7rem;
}
	
#page-message	.message-text-large {
    margin-top: 50px;
    font-size: 1.9rem;
}
#page-message	.message-text-small {
    font-size: 1.7rem;
}
}





.section-contents {
	padding: 100px 12.5% 100px;
	width: 100%;
	/* text-align: center; */
	position: relative;
}
#contact.section-contents {
	padding: 0;
	padding-bottom: 100px;
	text-align: left;
}
#contact.section-contents .section-title-en {
	border-bottom: 1px solid #707070;
}
.section-contents#busuness-partner{
	padding: 100px 12.5% 0px;
}

.section-contents .section-title-en {
	 font-size: 1.7rem;
    font-family: 'Bahnschrift', sans-serif;
    color: #008DD4;
    text-align: left;
    display: block;
    /* border-bottom: 1px solid #707070; */
    word-wrap: normal;
}

.section-contents .section-title {
	margin-top: 12px;
	font-size: 3.8rem;
	font-family: 'BIZ UDPMincho', sans-serif;
	font-weight: 400;
	line-height: 1;
	position: relative;
	display: block;
   text-align: left;
}

#back-number.section-contents .section-title{
	text-align:center;
}

#page-news.section-contents .section-title {
	font-size: min(5.3vw,7.5rem);
}

#page-news .news-content{
	width: 90%;
    margin: 0 auto;
   margin-top: 15%;
}

#page-news .news-content img{
	height: min(27.3vw,600px);
}
#page-news .news-content .height-auto img{
	height:auto;
}

#page-news .content-flex{
	display: flex;
    width: 100%;
}

.usefuldocument-title{
	text-align: center;
    font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 600;
    font-size: min(2.7vw, 30px);
	margin-bottom:2.5rem;
}
.useful-h{
	  padding: 0 0.5em;
  background: transparent;
  border-left: solid 3px #008DD4;
}



@media screen and (max-width: 799px) {
	#page-news .content-flex{
	display: block;
		margin-top: 3%;
}
	#page-news .news-content img {
    height: min(38.3vw,600px);
}
	#page-news .content-left {
    width: 100% !important;
		margin: 0px !important;
}
	#page-news .news-content {
    width: 100%;
}
	#page-news .content-right {
    width: 100% !important;
		margin: 0px !important;
}
	
	.usefuldocument-title{
    font-size: 1.8rem;
	margin-bottom:2rem;
}

}

#page-news .content-left{
    width: 35%;
    margin: 17px;
    vertical-align: middle;
}

#page-news .content-right{
    width: 65%;
    margin: 15px;
    text-align: left;
	font-size: min(3.3vw,14px);
}

#page-news .pick-out{
	font-size: min(3.3vw,4rem);
	text-align:left;
}

#page-news .construct__card-data{
	margin-top:0;
}

#page-news .construct__card-headline{
	margin:0;
}

	.news-content .post_contents .wp-block-image:first-child{
		display: none;
	}
		.news-content .post_contents{
		margin-top: 20px;
		text-align:left;
		font-size:16px;
	}

@media screen and (max-width: 769px) {
		.news-content .post_contents{
		margin: 10px auto;
		width: 90%;
		font-size:14px;
	}
	
	#page-news .pick-out {
    display: none;
}
}





#contact.section-contents .section-title {
	    font-size: 6.5rem;
}

#contact #pg-contact{
	    border-top: 1px solid #707070;
    margin-top: 0px;
	border-bottom: 1px solid #707070;
}


@media screen and (max-width: 769px) {
	
#contact.section-contents .section-title {
	    font-size: 2.5rem;
}
}


.section-title-small{
	font-size: min(4.3vw,2.5rem);
}

.section-title-ichibu{
	font-size: 2rem;
}

.section-contents .section-lead {
	margin-top: 30px;
	    font-size: min(2.3vw,1.9rem);
	font-family: 'BIZ UDPMincho', sans-serif;
	display: block;
   text-align: left;
	width: 500px;
}

.service-image{
	width: 41%;
    margin-top: 20px;
    position: absolute;
    left: 6%;
}

.service-image.second{
	opacity:0;
}

.service-image.third{
	opacity:0;
}

.service-image.fourth{
	opacity:0;
}

.service-image.fifth{
	opacity:0;
}

a.list2:hover + .service-image.second{
	opacity:1
}

a.list3:hover + .service-image.third{
	opacity:1
}

a.list4:hover + .service-image.fourth{
	opacity:1
}

a.list5:hover + .service-image.fifth{
	opacity:1
}

.service-image.second{
	position: absolute;
    top: 47.6%;
    left: 6%;
}

.service-image.third{
	position: absolute;
    top: 47.6%;
    left: 6%;
}

.service-image.fourth{
	position: absolute;
    top: 47.6%;
    left: 6%;
}


div.wrapper.left .service.list2:hover + div.wrapper.left .service-image.first{
	opacity:0;
}

div.wrapper.left .service.list3:hover + div.wrapper.left .service-image.first{
	opacity:0 !important;
}

div.wrapper.left .service.list4:hover + div.wrapper.left .service-image.first{
	opacity:0;
}

div.wrapper.left .service.list5:hover + div.wrapper.left .service-image.first{
	opacity:0;
}

a.list3:hover + .service-image.first {
	opacity: 0;
}





a.customer-voice{
	  position: relative;
    left: 15%;
    top: 5%;
}

a.customer-voice::after{
	content: '';
	position: absolute;
    bottom: 0;
    left: -30px;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

a.customer-voice:hover::after{
	opacity: 1;
}

.text{ 
	
}
.icon-circleArrow img{
	width:20px !important;
	height:auto;
	vertical-align: top;
}


.section-contents .section-buttons {
	margin-top: 6.25%;
}

#service{
	background:#F6F6F6;
}

a.service div.service-icon{
	width:50px;
	height:auto;
	opacity:0;
	transition: all 0.5s;
}

a.service:hover div.service-icon{
	opacity:1;
}

#service .wrapper.right{
	width:50%;
}
#service .wrapper.left{
	width:40%;
	margin-top:180px;
}

.service{
	display:flex;
	align-items: center;
	margin-bottom:30px;
	border-bottom:1px solid #707070;
	padding-bottom:10px;
}

#service .service-text{
	text-align:left;
	margin-left:15px;
}

#service .service-text h2{
	font-family:'Bahnschrift', sans-serif;
	font-weight:lighter;
	font-size: min(5.3vw,2.5rem);
}

#service .service-text p{
	font-family:'BIZ UDGothic', sans-serif;
	font-weight:400;
}

.achievements-button{
	position: relative;
	left: 41%;
    top: 0%;
	display: inline-block;
}



.SalesTracker-content-left .achievements-button{
	left:21%;
}


.cyteki-content-left .achievements-button{
	left:21%;
}

.achievements-button::after{
	content: '';
	position: absolute;
    bottom: 0;
    left: -80px;
    width: 130px;
    height: 1px;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

.achievements-button:hover::after{
	opacity: 1;
}

.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height:200px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:200px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

#diagnosis .section-title{
	text-align:center;
}

#diagnosis .section-lead{
	text-align:center;
	margin-bottom:30px;
	font-size: min(2.3vw,1.3rem);
	width:100%;
}

.section-contents#diagnosis{
	background:url("https://weeare.co.jp/wordpress/wp-content/uploads/2025/04/weeareinc.png") center center no-repeat;
	background-size: contain;
	background-position: 0 67%;
}

.diagnosis-btn {
  display: inline-block;
  width: 40%;
  position: relative;
  background: #000;
  border: 2px solid #000;
  padding: 1em 2em;
  color: #fff; 
  text-decoration: none;
	font-family: 'BIZ UDGothic', sans-serif;
  margin: 20px auto 100px;
  text-align: center;
	font-size: 2rem;
	letter-spacing: 0.3em;
  transition-duration: 0.3s;
}

.diagnosis-btn:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; 
  border-right: 2px solid #fff; 
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
}

/* マウスオーバーした際のデザイン */
.diagnosis-btn:hover {
  background: #fff; 
  color: #000; 
}

.diagnosis-btn:hover:before {
  border-top: 2px solid #000; 
  border-right: 2px solid #000; 
}


	/* --------------------------------
 *  smart phone 
 * -------------------------------- */


@media screen and (max-width: 769px) {
	.diagnosis-btn {
 width: 80%;
font-size: 1.4rem;
}
	#diagnosis .section-lead {
		margin-bottom: 10px;
    font-size: min(3.3vw,1.3rem);
}
	
}
	


.construct__card-wrapper{
	display: flex;
    justify-content: space-between;
	margin-top: 70px;
	width: 100%;
    flex-wrap: wrap;
}
.construct__card-wrapper::after {
    content: "";
    display:block;
    width:30%;
	margin: 0px 15px;
}


a.construct__card:nth-child(1){
	margin-bottom:20px;
}
a.construct__card:nth-child(2){
	margin-bottom:20px;
}
a.construct__card:nth-child(3){
	margin-bottom:20px;
}
a.construct__card:nth-child(4){
	margin-bottom:20px;
}
a.construct__card:nth-child(5){
	margin-bottom:20px;
}
a.construct__card:nth-child(6){
	margin-bottom:20px;
}

.construct__card{
	margin:0px 15px;
	 width: 30%;
}

.construct__card-img img{
	width:100%;
	height:175px;
	transition:all 0.3s;
}

a.construct__card:hover .construct__card-img img{
	transform: scale(1.2);
}
.construct__card-img{
	overflow:hidden;
}

/* a.construct__card:hover{
	box-shadow:0px 0px 10px #B2B2B2
} */

.construct__card-data{
	text-align:left;
	font-family:'Bahnschrift', sans-serif;
	font-size: min(4.3vw,17px);
	margin-top:15px;
}

.construct__card-headline{
	text-align:left;
	font-family:'BIZ UDGothic', sans-serif;
	font-size: min(1.7vw,22px);
	margin:5px;
}

.construct__card-lead{
	text-align:left;
	margin:5px;
}

.construct__card-item-wrapper{
	text-align:left;
	font-family:'BIZ UDGothic', sans-serif;
	font-size:16px;
}
.media-slider-box{
margin-top: 30px;
}

.media-slider {
  display: flex;
  margin: 0 auto;
  width: 90%;
  height:200px;
  overflow: hidden;
}
.media-slider ul{
	display:flex;
	padding: 0;
	margin:0;
}
.media-slider li{
	width:310px;
	list-style: none;
}
.media-slider ul:first-child {
  animation: media1 150s -75s linear infinite;
}

.media-slider ul:last-child {
  animation: media2 150s linear infinite;
}
@keyframes media1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes media2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@media screen and (max-width: 769px) {
	.media-slider li{
	width:130px;
}
	.media-slider {
    height: 60px;
}
}




.document-button{
	background:#000;
	color:#fff;
	width:300px;
	display:block;
	margin:0 auto;
	font-family:'BIZ UDGothic', sans-serif;
	font-size:20px;
	margin-top: 100px;
    padding: 10px 0;	
    transition: 0.5s;
}

.document-button:hover{
	background:#008DD4;
}

#information{
	display:flex;
}
#information .information-img{
	width:45%;
}

#information .information-title{
	margin: auto 0;
	margin-left:40px;
}

#information .section-title{
	font-size: 7.8rem;
    font-family: 'BIZ UDPMincho', sans-serif;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: block;
    text-align: left;
}

#information .section-title-en{
	font-size: 1.7rem;
    font-family: 'Bahnschrift', sans-serif;
    color: #008DD4;
    text-align: left;
    display: block;
}

	/* --------------------------------
 * smart phone 
 * -------------------------------- */

@media screen and (max-width: 769px) {
	
	#information {
    flex-flow: column;
}

	#information .information-img {
    width: 100%;
}
	
	#information .information-title {
    margin: 50px auto 0;
}
		#information .section-title {
    font-size: min(5.3vw,3.2rem);
    line-height: 2;
    text-align: center;
}
	#information .section-title-en {
    font-size: 1em;
    text-align: center;
}
}

.company-data-flex{
	display:flex;
	
}

.company-data-90 {
    width:90%;
	margin:0 auto;
}

#company-data .data-name{
	width: 15%;
    text-align: left;
    border-right: 1px solid #000;
    margin-right: 40px;
}

#company-data .data-detail li{
	font-size:16px;
	margin: 58px 0;
}

#company-data .title{
	width: 22%;
	margin-top: 40px;
}

#company-data .data-detail{
	width: 63%;
    text-align: left;
}

#company-data ul{
	margin-top:70px;
}

#company-data li{
	margin: 50px 0;
    font-size: 20px;
	font-weight:bold;
}

.page-company-contact-button a{
	background: #000;
    color: #fff;
    width: 300px;
    padding: 10px 0;
    border-radius: 100px;
	margin-top:80px;
}

.company-data-table{
	margin-top: 70px;
}


.company-data-table th{
	width: 15%;
    text-align: left;
    border-right: 1px solid #000;
    font-size: 20px;
    font-weight: bold;
	padding: 25px 0;
}

.company-data-table tr:first-child td,.company-data-table tr:first-child th{
	padding-top: 70px;
}


.company-data-table td{
	width: 63%;
    text-align: left;
	font-weight: bold;
    font-size: 16px;
    padding: 25px  0 25px 40px ;
}

.company-data-table a:hover{
	color:#008DD4;
	transition:0.2s;
}


/* --------------------------------
 *  smart phone 
 * -------------------------------- */


@media screen and (max-width: 769px) {
	
	.company-data-flex {
    display: flex;
    flex-flow: column;
}
	
	#company-data .title {
    width: auto;
    margin: 40px auto 0;
}
	.company-data-table {
    margin-top: -20px;
}
	.company-data-table tr:first-child td,.company-data-table tr:first-child th{
	padding-top: 20px;
}
	.company-data-table th {
    width: 20%;
    font-size: 1em;
    padding: 15px 0;
}
	.company-data-table td {
    font-size: 0.9em;
    padding: 15px 0 15px 20px;
}


	
}


div.cyteki-title img{
	width:160px !important;
	height:auto;
	
}

div.cyteki-title{
	text-align: left;
	
}

.cyteki-img{
	position:absolute !important;
	left: 45% !important;
}

.SalesTracker{
	position:absolute !important;
	    left: 7% !important;
	width:50%;
}

div.SalesTracker img {
    width: 85% !important;
}

.SalesTracker-content-left {
    width: 50%;
    position: relative;
    left: 53%;
}

.SalesTracker-title{
	text-align: left;
	font-family: 'BIZ UDPMincho', sans-serif;
	font-size:35px;
}
.cyteki.sales{
	margin:150px auto;
}

p.cyteki-article{
	margin:20px 0 !important;
	font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important;
	font-size:1.6rem !important;
	width:100% !important;
	letter-spacing: 0.1em;
    line-height: 2em;
}

.cyteki-article span{
	font-weight:normal;
	font-size:1.3rem;
	line-height: 1em;
}

.cyteki{
	display:flex;
	width:100%;
	margin: 30px auto;
}

.cyteki-content-left{
	width:50%;
}

.cyteki-img{
	width:50%;
}

.cyteki-content-left .span-title{
	font-size:24px;
	bottom: 18px;
    left: 20px;
	position:relative;
	font-family: 'BIZ UDPMincho', sans-serif;
}

div.cyteki-img img{
	width:93% !important;
}

@media screen and (max-width: 769px) {
.cyteki {
    display: flex;
    width: 100%;
    margin: 80px auto;
}
	
.cyteki-content-left {
 width: 90%;
	margin:0 auto;
}
.cyteki-content-left .span-title {
    font-size: 17px;
    bottom: 10px;
    left: 15px;
}

div.cyteki-title img {
    width: 115px !important;
    height: auto;
}

div.cyteki-img img {
    width: 70% !important;
}
	
p.cyteki-article {
    margin: 30px 0 !important;
    font-size: 1.3rem !important;
}
.cyteki.sales {
    margin: 70px auto;
	width:90%;
}
.cyteki.SalesTracker {
    bottom: 31%;
}
	
div.SalesTracker img {
    width: 70% !important;
}

.SalesTracker-content-left {
    width: 100%;
    left: 0%;
}
	
.SalesTracker-title {
    font-size: 23px;
	text-align: right;
	position: relative;
    left: -10%;
	top: 15px;
}
	
	.SalesTracker {
    left: -2% !important;
}
}
	
	
		/* --------------------------------
 *  smart phone 
 * -------------------------------- */


@media screen and (max-width: 769px) {


	


	
.achievements-button {
    left: 31%;
}
	
.construct__card-wrapper {
    margin-top: 30px;
}

.construct__card {
    margin: 20px 15px;
    width: auto;
}
	
a.construct__card:nth-child(1) {
    margin: 0px 15px 20px;
}

.construct__card-headline {
    font-size: min(4.7vw,17px);
	margin: 0 5px 2px;
}
	
.construct__card-lead {
    margin: 0 5px;
	    font-size: min(3.3vw,14px);
}
}




.wp-pagenavi span {
    padding: 0.3% 0.5%;
}

@media screen and (max-width: 799px) {
.current {
    font-size:20px !important;
    width: 40px !important;
    height:40px !important;
}
	input[type="submit"],input[type="button"]{
		display: block !important;
    margin: 0 auto !important;
    font-size: min(5.3vw,2rem ) !important;
		width: 250px !important;
	}
}

	input[type="button"]{
    font-size: min(5.3vw,1.6rem ) !important;
	}
}


.page.smaller ,.current ,.previouspostslink ,.page.larger ,.nextpostslink{
	background: #F6F6F6;
    border: none !important; 
    border-radius: 100px;
    font-size: 30px;
   font-family: "futura-pt", sans-serif;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-style: italic;
}

.page.smaller:hover{
	background:#008DD4;
	color:#fff;
	transition:0.3s;
}

.page.larger:hover{
	background:#008DD4;
	color:#fff;
	transition:0.3s;
}

.previouspostslink:hover{
	background:#008DD4;
	color:#fff;
	transition:0.3s;
}

.nextpostslink:hover{
	background:#008DD4;
	color:#fff;
	transition:0.3s;
}

.current{
background:#008DD4;
	color:#fff;
}

.wp-pagenavi {
    margin-top: 100px;
}


@media screen and (max-width: 769px) {
.wp-pagenavi {
    margin-top: 30px;
}

}

.elm{
          text-decoration: none;
    background-color: #000;
    position: fixed;
    right: -34px;
    width: 110px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    transform: rotate(-90deg);
    padding: 8px 0;
    top: 35%;
    color: #fff;
    transition: .3s;
      opacity: 0;
      z-index:10;
}

@media screen and (max-width: 1199px) {
	.construct__card {
		width:45%;
	}
}

@media screen and (max-width: 799px) {
	.construct__card {
		width:100%;
	}
}


/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	.section-contents {
		padding: 40px 4% 60px;
	}

	.section-contents .section-title-en {
		font-size: min(3.3vw,1.65rem);
	}

	.section-contents .section-title {
		margin-top: 8px;
		padding-bottom: 15px;
		    font-size: min(5.3vw,3.2rem);
	}

	.section-contents .section-title::after {
		width: 20px;
	}

	.section-lead-width{
		margin:0 auto;
		width:85%;
	}
	.section-contents .section-lead {
		width:100%;
		margin-top: 20px;
		font-size: 1.3rem;
		text-align:left;
	}

	.section-contents .section-buttons {
		margin-top: 15%;
	}
}

#message {
	background-repeat: no-repeat;
	background-position: center top;
}

.section-contents-flex{
	display:flex;
	justify-content: space-around;
}
.wrapper.right{
	margin-top:50px;
}

#message .wrapper{
	width:50%;
}

#message .wrapper.right{
	margin-top:60px;
}

.wrapper.right .sp-wrapper{
	display:none;
}

.message-text-large{
	margin-top: 100px;
	font-size: 3.5rem;
	font-family: 'BIZ UDPMincho', sans-serif;
}
.message-text-small{
	font-size: 3rem;
}


#corporate-philosophy .message-text-large {
    margin-top: 50px;
    font-size: 3.5rem;
    font-family: 'BIZ UDPMincho', sans-serif;
}

@media screen and (max-width: 769px) {
	#corporate-philosophy .message-text-large {
    margin-top: 0px;
}
}


#value.section-contents,#company-data.section-contents,#corporate-philosophy.section-contents {
    width: 1200px;
	margin:auto;
	padding:100px 0;
	
}
#value .section-contents-flex {
    display: flex;
    justify-content: flex-start;
}

#value .value-img{
	width:450px;
	margin-top:30px;
	margin-left: 80px;
}
#value .value-img img{
	width:400px;
	height:auto;
}

#value.section-contents .name {
    margin-top: 15px;
    font-size: min(2.3vw, 1.6rem);
    font-family: 'BIZ UDPMincho', sans-serif;
    display: block;
    text-align: left;
    width: 500px;
}
#value.section-contents .section-lead {
   margin-top: 20px;
    font-size: min(2.3vw, 1.9rem);
    font-family: 'BIZ UDPMincho', sans-serif;
    display: block;
    text-align: left;
    width: 500px;
}


@media screen and (max-width: 1200px) {
	#value.section-contents,#company-data.section-contents,#corporate-philosophy.section-contents {
    width: 100%;
	padding:30px 4%;
	
}
}
	

@media screen and (max-width: 769px) {
	
	#value .value-img{
	width:80%;
	margin:20px auto 0;
}
#value .value-img img{
	width:100%;
}
	#value .wrapper.right {
    margin-top: 0px;
}
	
	
    #value.section-contents .section-lead {
        width: 100%;
        margin-top: 20px;
        font-size: 1.3rem;
        text-align: left;
    }
	#value.section-contents .name {
     width: 100%;
		font-size: 1.1rem;
}
}


 

#message .shops {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: calc(-147px + 12.6%) auto 0;
	max-width: 960px;
}

#message .shops-item {
	margin: 80px 0 68px;
	width: 48.4375%;
	position: relative;
}

#message .shops-item .shop-body {
	position: absolute;
	right: 6.45%;
	bottom: -68px;
	padding: 20px 22px;
	width: 65%;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#message .shops-item .shop-body .name {
	font-size: 2.2rem;
}

#message .shops-item .shop-body .location {
	font-size: 2.0rem;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	color: #bdbdbd;
}

#message .shops-item:hover .shop-body {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

#message .shops-item:hover .shop-body .name,
#message .shops-item:hover .shop-body .seeDetail {
	color: #127dd6;
}

#message .shops-item:hover .shop-body .seeDetail::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

#pg-common .commons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: calc(-80px + 5.4%) auto 0;
	max-width: 960px;
}

#pg-common .common-item {
	margin: 80px 0 113px;
	width: 48.4375%;
	position: relative;
}

#pg-common .common-item .common-body {
	position: absolute;
	right: 4.55%;
	bottom: -112px;
	padding: 13.5px 22px;
	width: 80%;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#pg-common .common-item .common-body .name {
	font-size: 2.2rem;
}

#pg-common .common-item .common-body .caption {
	margin: 10px 0 20px;
	font-size: 1.6rem;
}

#pg-common .common-item:hover .common-body {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

#pg-shop .shops-item:hover .shop-body .name,
#pg-shop .shops-item:hover .shop-body .seeDetail {
	color: #127dd6;
}

#pg-shop .shops-item:hover .shop-body .seeDetail::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

#pg-shopDetail .lead-inner {
	width: 100%;
}

#pg-shopDetail .lead-inner .shop-lead {
	padding-top: 6.7%;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.25em;
}

#pg-shopDetail .lead-inner .bg-shop {
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: 34vw;
	background-image: url(../images/bg-shopDetail.jpg);
	background-position: bottom center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: -1;
}

#pg-shopDetail .shopList-Container {
	margin-top: 6.4%;
	width: 100%;
}

#pg-shopDetail .shopList-Container .shopList-head {
	text-align: center;
}

#pg-shopDetail .shopList-Container .shopList-head .title-en {
	font-size: 2.2rem;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	color: #127dd6;
}

#pg-shopDetail .shopList-Container .shopList-head .title {
	margin-top: 12px;
	padding-bottom: 30px;
	font-size: 3.8rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
	line-height: 1;
	position: relative;
}

#pg-shopDetail .shopList-Container .shopList-head .title::after {
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	width: 31px;
	height: 1px;
	background-color: #343434;
}

#pg-shopDetail .shopList-Container .shopList-inner {
	margin-top: 4%;
	padding: 0 0 120px;
	width: 100%;
	background-image: url(../images/bg-shopListDetail.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#pg-shopDetail .shopList-Container .shopList {
	margin: auto;
	max-width: 960px;
}

#pg-shopDetail .shopList-Container .shopList-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#pg-shopDetail .shopList-Container .shopList-item:nth-child(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#pg-shopDetail .shopList-Container .shopList-item:nth-child(odd) .shop-body {
	padding-left: 30px;
}

#pg-shopDetail .shopList-Container .shopList-item:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#pg-shopDetail .shopList-Container .shopList-item:nth-child(even) .shop-body {
	padding-right: 30px;
}

#pg-shopDetail .shopList-Container .shopList-item:not(:first-child) {
	margin-top: 9%;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-image {
	width: 45%;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 55%;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-title {
	font-size: 2.2rem;
	font-weight: 700;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-caption {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-top: 16px;
	font-size: 1.4rem;
	letter-spacing: 0.15em;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail {
	padding: 23px;
	background-color: #fff;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: 1.6rem;
	line-height: 1;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl+dl {
	margin-top: 15px;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl dt {
	min-width: 22%;
}

#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl dd {
	padding-left: 15px;
	min-width: 78%;
	border-left: 1px solid #d0d0d0;
}

#pg-shopDetail .shopList-Container .bg-shopList {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-block-image.size-full img{
	height: 637px;
}

.construct__card-content p{
	text-align:left;
	width: 50%;
    margin-left: auto;
}

#web-production-service.section-contents .section-title-en{
	text-align:center;
}

#web-production-service.section-contents .section-title{
	text-align:center;
}

#web-production-service h3.section-article{
	font-family: 'BIZ UDGothic', sans-serif;
	font-size:1.7rem;
	line-height: 2.5rem;
    margin-top: 20px;
}

#web-production-service h3.section-article span{
	color:#006395;
}


#web-production-service p{
	width:50%;
	margin:35px auto;
	text-align:left;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight:bold;
	font-size: 1.25rem;
}

#web-production-service img{
	width: 85%;
}

#web-production-service h1.section-contents-main{
	font-family: 'BIZ UDGothic', sans-serif;
	margin: 50px 0;
    font-size: 3.5rem;
    line-height: 4.5rem;
	font-weight: normal;
}

.service-image.second img{
/* 	width:120% !important; */
}

@media screen and (max-width: 769px) {
	#web-production-service p{
	width:80%;
	margin:35px auto;
	text-align:left;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight:bold;
	font-size: 1.25rem;
}
	#web-production-service h1.section-contents-main{
	font-family: 'BIZ UDGothic', sans-serif;
	margin: 50px 0 20px;
    font-size: 1.8rem;
    line-height: 3rem;
}
	
	}
/*PCでは無効（改行しない）*/
.pc-newline{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .pc-newline{
        display: block;
    }
}
	/*PCでは有効（改行する）*/
.sp-newline{
    display: block;
}

/*スマートフォンでは無効（改行しない）*/
@media screen and (max-width:768px) {
    .sp-newline{
        display: none;
    }
}

.contact-thanks{
	width:90%;
	margin: 50px auto;
}
.contact-thanks p{
	text-align:center;
}

@media screen and (max-width:768px) {
.contact-thanks{
	margin: 0 auto;
}
.contact-thanks p{
	text-align:left;
}
	}

#worries li span img{
	width:20px;
	    vertical-align: middle;
    margin-right: 5%;
}

#worries li{
	width: 72%;
    margin: auto;
    text-align: left;
    font-size: 21px;
	height:60px;
}

#worries .inner{
	background:#F6F6F6;
	padding-top:70px;
	padding-bottom:50px;
}


#worries .inner h2{
	font-size: 26px;
    font-weight: 300;
    line-height: 3rem;
	font-family: 'BIZ UDGothic', sans-serif;
	margin-bottom: 50px;
}

#worries.section-contents{
	padding-top:0;
	padding-bottom:0;
}

		/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#worries .inner {
    padding-top: 50px;
    padding-bottom: 80px;
	margin-bottom: 70px;

}
	
	#worries .inner h2{
	font-size: 20px;
	margin-bottom: 30px;
	}
	
#worries li {
	display: flex;
    width: 80%;
    margin: 1rem auto 0;
    text-align: left;
    font-size: 14px;
    height: auto;
}
#worries li span img {
	width: 15px;
    margin-right: 9px;
}
	}
	

#solution .section-title-en{
	text-align:center;
}

#solution .section-title{
	text-align:center;
	line-height: 4.2rem;
}

#solution p{
	font-weight:bold;
	font-family: 'BIZ UDGothic', sans-serif;
	margin-top:30px;
	margin-bottom:70px;
	font-size:19px;
}

.arrow_box{
    position:relative;
    background:#008DD4;
    text-align:center;
	padding: 40px 20px;
    color:#FFFFFF;
    font-size:16px;
	font-family: 'BIZ UDGothic', sans-serif;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 141, 212, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#008DD4;
    top:100%;
    left:50%;
	z-index: 1;
}

#solution .box{
	background:#F6F6F6;
	position: relative;
    padding: 40px 20px;
	text-align:left;
	font-weight:bold;
	font-family: 'BIZ UDGothic', sans-serif;
	font-size:14px;
	height: 230px;
}

#solution li:nth-child(2){
	margin:0 30px;
}

#solution .box-flex{
	display:flex;
	display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

#solution .content-box{
	width:33%;
}

	/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {

	
	#solution p {
	font-size: 17px;
    margin-top: 15px;
    margin-bottom: 40px;
}
	#solution .box-flex{
	flex-flow: column;
    max-width: 769px;
    margin: 0 auto;
}
	#solution li:nth-child(2) {
	margin: 0 0 30px;
}
		
	#solution .content-box{
	width:auto;
	margin-bottom: 30px;
}
	
	.arrow_box{
	padding: 30px 20px;
    font-size:18px;
}
	#solution .box {
    padding: 30px 20px;
    font-size: 14px;
    height: auto;
}
	
}


	/* --------------------------------
 * #web-production-message smart phone
 * -------------------------------- */

@media screen and (max-width: 769px) {

	
#web-production-message .section-contents-flex {
    flex-flow: column;
}
	
#web-production-message .wrapper.right {
    margin-top: 0px;
}

#web-production-message  .section-title-en {
    text-align: center;
}
	
#web-production-message  .section-title {
    text-align: center;
	}
	

	
a.customer-voice {
    position: relative;
    left: 30%;
    top: 10px;
}

#web-production-message .section-lead {
    text-align: left;
}

	
	
#web-production-message	.section-title-small {
    font-size: 1.7rem;
}
	
#web-production-message	.message-text-large {
    margin-top: 50px;
    font-size: 1.9rem;
}
#web-production-message	.message-text-small {
    font-size: 1.7rem;
}
}


#work .slider1{
	height:auto;
	 margin-top: 50px;
}

#work .slider1 li{
	margin:0 25px;
}

#work.section-contents .section-title-en {
    text-align: center;
}

#work.section-contents .section-title {
    text-align: center;
}

a.page-inhouse-contact{
	background:#000;
	color:#fff;
	border-radius:100px;
	width:40%;
	margin: 0 auto;
	padding:20px 0;
	font-size:30px;
	font-family: 'BIZ UDGothic', sans-serif;
	margin-top:80px;
}

@media screen and (max-width: 769px) {

a.page-inhouse-contact {
    background: #000;
    color: #fff;
    border-radius: 100px;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 1.3em;
    font-family: 'BIZ UDGothic', sans-serif;
    margin-top: 0px;
}
}


#web-production-flow li img{
	width:130px;
}

#web-production-flow li{
	display:flex;
	margin-bottom:50px;
}

#web-production-flow li:nth-child(6){
	margin-bottom:0px;
}

#web-production-flow{
	background:#F6F6F6;
	    margin-top: 100px;
}

#web-production-flow .flex{
	display:flex;
	margin-bottom: 50px;
}

#web-production-flow .border{
	position:relative;
	left: 38%;
    top: 6%;
	background:#008DD4;
	width:1px;
	height:84%;
}

#web-production-flow .section-title-container{
	width:20%;
	margin-right: 7%;
}

#web-production-flow ul{
	width:80%;
	margin-top: 3.7rem;
}

#web-production-flow .flow-content{
	margin-left:20px;
	text-align:left;
	font-weight:bold;
}

#web-production-flow .flow-content h2{
	font-size:18px;
}

#web-production-flow .flow-content p{
	margin-top:17px;
}

.section-title-container.section-title::after{
	border:2px solid #000;
	height:200px;
}

a.flow-contact-button{
	color:#fff;
	background:#008DD4;
	border: 2px solid #008DD4;
	font-size: min(3vw,3rem);
	padding:10px 0;
	width:55%;
	margin:0 auto;
	font-family:'BIZ UDGothic', sans-serif;
	 transition-duration: 0.3s;
}

a.flow-contact-button:hover{
	color:#008DD4;
	background:#fff;
}


	/* --------------------------------
 * smart phone
 * -------------------------------- */

@media screen and (max-width: 769px) {
#web-production-flow {
    margin-top: 70px;
}
	
#web-production-flow .section-title-container {
    width: auto;
    margin: auto;
}
	
#web-production-flow  .section-title-en {
    text-align: center;
}
	
#web-production-flow  .section-title {
    text-align: center;
}
#web-production-flow li img {
    width: auto;
    height: 50px;
}
	
#web-production-flow .flex {
    display: flex;
    flex-flow: column;
    margin-bottom: 50px;
}
#web-production-flow .section-title-container {
    width: auto;
    margin: auto;
}
#web-production-flow .border {
	display: none;
	}
	
#web-production-flow ul {
    width: 90%;
    margin: 3.7rem auto 0;
}
	#web-production-flow .flow-content p {
    margin-top: 3px;
}
	
a.flow-contact-button {
    font-size: 16px;
    width: 87%;
}
	}
	
	
	


/* scloll-bar-animation */
.scrolldown1 {
    position: absolute;
    left: 50%;
    bottom: 10px;
    height: 50px;
	top:90%;
}
.scrolldown1 span {
    position: absolute;
    left: 0px;
    top: 23px;
    color: #008DD4;
    font-size: 12px;
    letter-spacing: 0.05em;
    transform: translate(29px, 26px);
    transform: rotate(90deg);
	  font-family: Futura PT;
}
.scrolldown1::after {
    content: "";
    position: absolute;
    top: 0px;
    width: 2px;
    height: 80px;
    animation: pathmove 1.4s cubic-bezier(0.42, 0, 0.64, 0.99) infinite;
    opacity: 0;
    background: linear-gradient(#008DD4 50%, black 50%);
}

@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:50px;
    opacity: 1;
  }
  100%{
    height:0;
    top:80px;
    opacity: 0;
  }
}
.flow-line {
    content: "";
    position: absolute;
    width: 2px;
    height: 580px;
    background: #008DD4;
    left: 50%;
    top: 15px;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#shop .shops {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: calc(-30px + 8.5%) auto 0;
	}

	#shop .shops-item {
		margin: 32px 0 56px;
		width: 48.55072%;
	}

	#shop .shops-item .shop-image img {
		height: 32vw !important;
	}

	#shop .shops-item .shop-body {
		position: absolute;
		right: 4.5%;
		bottom: -56px;
		padding: 8px 13px;
		width: 91%;
		text-align: left;
		background-color: #fff;
		box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	}

	#shop .shops-item .shop-body .name {
		font-size: 1.4rem;
	}

	#shop .shops-item .shop-body .location {
		font-size: 1.2rem;
	}

	#shop .shops-item:hover .shop-body .seeDetail::after {
		background-image: url('../images/svg/icon-next-short-hover.svg');
	}

	#pg-shop .shops {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: calc(-30px + 8.5%) auto 0;
	}

	#pg-common .common-item:nth-child(-n+2) {
		margin: 60px 0 0;
	}

	#pg-common .common-item {
		margin: 30px 0 0;
		width: 48.55072%;
	}

	#pg-common .common-item .common-image img {
		height: 32vw;
	}

	#pg-common .common-item .common-body {
		position: relative;
		right: 0;
		bottom: 0;
		padding: 14px 8px 8px;
		width: 100%;
	}

	#pg-common .common-item .common-body .name {
		font-size: 1.3rem;
		font-weight: 700;
	}

	#pg-common .common-item .common-body .caption {
		margin: 5px 0 7px;
		font-size: 1.15rem;
	}

	#pg-shop .shops-item:hover .shop-body .seeDetail::after {
		background-image: url('../images/svg/icon-next-short-hover.svg');
	}

	#pg-shopDetail .lead-inner .shop-lead {
		padding: 6.7% 4% 0;
		font-size: 1.2rem;
		line-height: 1.8;
		letter-spacing: 0;
	}

	#pg-shopDetail .lead-inner .bg-shop {
		height: 60vw;
		background-size: contain;
	}

	#pg-shopDetail .shopList-Container {
		margin-top: 13.4%;
	}

	#pg-shopDetail .shopList-Container .shopList-head .title-en {
		font-size: 1.65rem;
	}

	#pg-shopDetail .shopList-Container .shopList-head .title {
		margin-top: 8px;
		padding-bottom: 15px;
		font-size: 2.1rem;
	}

	#pg-shopDetail .shopList-Container .shopList-head .title::after {
		width: 20px;
	}

	#pg-shopDetail .shopList-Container .shopList-inner {
		margin-top: 6%;
		padding: 0 4% 60px;
	}

	#pg-shopDetail .shopList-Container .shopList-item:nth-child(odd),
	#pg-shopDetail .shopList-Container .shopList-item:nth-child(even) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#pg-shopDetail .shopList-Container .shopList-item:nth-child(odd) .shop-body,
	#pg-shopDetail .shopList-Container .shopList-item:nth-child(even) .shop-body {
		padding-left: 0;
		padding-right: 0;
	}

	#pg-shopDetail .shopList-Container .shopList-item:not(:first-child) {
		margin-top: 12%;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-image {
		width: 100%;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-image img {
		height: 48vw;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body {
		padding: 14px 0;
		width: 100%;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-title {
		font-size: 1.6rem;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-caption {
		margin-top: 3px;
		font-size: 1.2rem;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail {
		margin-top: 14px;
		padding: 13px;
		background-color: #fff;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl {
		font-size: 1.2rem;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl+dl {
		margin-top: 10px;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl dt {
		min-width: 25.5%;
	}

	#pg-shopDetail .shopList-Container .shopList-item .shop-body .shop-detail dl dd {
		min-width: 74.4%;
	}

	#pg-shopDetail .shopList-Container .bg-shopList {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#pg-sitemap .siteList {
	margin-top: calc(-8.4% + 5.5%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pg-sitemap .siteList::after {
	content: '';
	display: block;
	width: 21.875%;
}

#pg-sitemap .siteList-item {
	margin-top: 8.4%;
	width: 21.875%;
}

#pg-sitemap .siteList-item dl {
	padding-top: 11%;
}

#pg-sitemap .siteList-item dl dt {
	font-size: 1.8rem;
	font-weight: 700;
}

#pg-sitemap .siteList-item dl dd {
	margin-top: 6%;
	font-size: 1.6rem;
}

#pg-sitemap .siteList-item .siteLink:hover {
	text-decoration: underline;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	#pg-sitemap .siteList {
		margin-top: calc(-12% + 8.4%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#pg-sitemap .siteList::after {
		width: 47.8%;
	}

	#pg-sitemap .siteList-item {
		margin-top: 12%;
		width: 47.8%;
	}

	#pg-sitemap .siteList-item .image img {
		height: 25.5vw;
	}

	#pg-sitemap .siteList-item dl {
		padding-top: 12%;
	}

	#pg-sitemap .siteList-item dl dt {
		font-size: 1.3rem;
	}

	#pg-sitemap .siteList-item dl dd {
		margin-top: 8%;
		font-size: 1.2rem;
	}
}

/* ------------------------------------------------
#. Components :prefix[c-]
------------------------------------------------ */
.button {
	padding: 17px 0;
	width: 260px;
	font-size: 1.6rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0.18em;
	overflow: hidden;
	position: relative;
}

.button-ghost {
	border: 1px solid #343434;
	background: transparent;
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
	z-index: 1;
}

.button-ghost::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
	background: linear-gradient(to right, #127dd6, #4ec9e5);
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}

.button-ghost:hover {
	border: 1px solid transparent;
	background: transparent;
	color: #fff;
}

.button-ghost:hover::after {
	opacity: 1;
}

.buttonBox {
	text-align: right;
}

.buttonBox .seeDetail {
	padding-right: 74px;
	font-size: 1.4rem;
	font-family: 'Vollkorn', serif;
	position: relative;
}

.buttonBox .seeDetail::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 60px;
	height: 6px;
	background-image: url('../images/svg/icon-next.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	.button {
		padding: 9px 23px;
		width: auto;
		min-width: 183px;
		font-size: 1.3rem;
	}

	.buttonBox .seeDetail {
		padding-right: 38px;
		font-size: 1.0rem;
	}

	.buttonBox .seeDetail::after {
		content: '';
		top: 2px;
		width: 32px;
		height: 10px;
		background-image: url('../images/svg/icon-next-short.svg');
	}
}

.privacy h2 {
	margin-top: 4.3%;
	font-size: 2.6rem;
	font-weight: 700;
}

.privacy h2+p,
.privacy .lead-inner ul {
	font-size: 1.6rem;
	line-height: 1.9;
	padding-top: 0px;
	margin-top: 15px;
	text-align: inherit;
}

.privacy .lead-inner ul {
	margin-left: 21px;
	list-style-type: disc;
}

span.search-highlight {
	background: yellow;
}

.place,
.place a {
	font-size: 1.4rem;
	color: #1381d6;
}

/* iframe {
    width: 960px;
    height: 350px;
} */

.more-news {
	position: relative;
}

.next {
	position: absolute;
	right: 0;
}

.prev {
	position: absolute;
	left: 0;
}

#blog_page .next, #blog_page .prev, #page-news .next, #page-news .prev {
	position: unset;
}

#keyvisual>img {
	height: 740px;
}

.page-template-page-shop-detail .lead-inner {
	margin: 0 auto;
	padding-top: 6.7%;
}

.lead-inner {
/* 	max-width: 960px; */
	margin: 0 auto 5%;
}

#pg-shopDetail .lead-inner p {
	padding-top: 0px;
}

.wp-block-media-text.alignwide {
	margin-top: 11%;
	display: flex;
	align-items: flex-start;
}

.wp-block-media-text.alignwide figure {
	width: 33%;
}

.wp-block-media-text.alignwide .wp-block-media-text__content {
	padding-left: 27px;
	width: 66.66666%;
	letter-spacing: 0.15em;
}

.wp-block-media-text.alignwide .wp-block-media-text__content .has-large-font-size {
	font-size: 2.2rem;
	font-weight: 700;
}

.wp-block-media-text.alignwide .wp-block-media-text__content p {
	font-size: 1.5rem;
	letter-spacing: 0.15em;
}

.wp-block-table {
	margin: 5.4% 0;
	width: 100%;
}

.wp-block-table tr {
	padding: 16px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-top: 1px solid #d0d0d0;
	align-items: center;
}

.wp-block-table tr:last-child {
	border-bottom: 1px solid #d0d0d0;
}

.wp-block-table tr td {
	border: none;
}

.wp-block-table tr td:first-child {
	width: 15%;
	font-size: 1.6rem;
}

.wp-block-table tr td:last-child {
	width: 85%;
	font-size: 1.6rem;
}

.sns-navi {
	display: flex;
}

.sns-navi li {
	background-size: contain !important;
	width: 30px;
	margin-right: 15px;
}

.sns-navi li a {
	width: 30px;
	height: 30px;
}

.sns-navi li:last-child {
	margin-right: 0px;
}

.sns-navi .twitter {
	background: url('###') no-repeat;
}

.sns-navi .facebook {
	background: url('###') no-repeat;
}

.sns-navi .instagram {
	background: url('###') no-repeat;
}

.category_image {
	width: 100%;
	height: 330px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

input[type="submit"] {
	transition: all 0.3s ease 0.2s;
	-webkit-transition: all 0.3s ease 0.2s;
	z-index: 1;
	letter-spacing: 0.18em;
	overflow: hidden;
	position: relative;
	background: black;
    border-radius: 100px;
    width: 350px;
    color: #fff;
    font-size: 2.6rem;
    padding: 10px 0;
    font-family: 'Bahnschrift', sans-serif;
	display: block ;
    margin: 0 auto ;
	cursor:pointer;
}

input[type="submit"]:hover {
	background: #008DD4;
	transition: all 0.3s ease 0.2s;
	color: #fff;
}
.wpcf7 .wpcf7-submit:disabled{
	background:#999;
}

input[type="button"] {
	transition: all 0.3s ease 0.2s;
	-webkit-transition: all 0.3s ease 0.2s;
	z-index: 1;
	letter-spacing: 0.18em;
	overflow: hidden;
	position: relative;
	background: #d1d1d1;
    border-radius: 100px;
    width: 350px;
    color: #000;
    font-size: 1.8rem;
    padding: 10px 0;
	display: block ;
    margin: 0 auto ;
	cursor:pointer;
}

input[type="button"]:hover {
	background: #777777;
	transition: all 0.3s ease 0.2s;
	color: #fff;
}

/* input[type="submit"]::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
	background: linear-gradient(to right, #127dd6, #4ec9e5);
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
 */
#pg-search>div>ul>li>a>div>div>img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	object-position: center;
}

.pager .pagerList-item.current {
	color: #fff;
}

.pager .pagerList-item {
	line-height: 36px;
}

.page-head>img {
	width: 100%;
	height: 330px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.page-contents {
	padding-top: 39px;
}

.map {
	height: 350px;
}

.news-body h2 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.box26 {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #00a5e3;
	border-radius: 8px;
}

.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #fff;
	color: #00a5e3;
	font-weight: bold;
}

.box26 p {
	margin: 0;
	padding: 0;
}

.contribution {
	margin: 5% auto 0;
	text-align: left;
}

.contribution article {
	width: 100%;
	position: relative;
	height: 280px;
}

.contribution article:nth-child(n+2) {
	margin-top: 12%;
}

.contribution article time {
	color: #787878;
	font-size: 1.4rem;
}

.contribution article .title {
	margin-top: 5px;
	padding-bottom: 8px;
	font-size: 2.0rem;
	font-weight: 700;
	position: relative;
}

.lead-inner>p {
	padding-top: 6.7%;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.25em;
}

.contribution article .excerpt {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-top: 22px;
	font-size: 1.6rem;
}

.contribution article a {
	width: inherit;
}

.contribution article:nth-child(odd) .image {
	float: left;
}

.contribution article:nth-child(even) .image {
	float: right;
}

.contribution article:nth-child(odd) .body {
	right: 0;
}

.contribution article a .image {
	width: 71.875%;
}

.contribution article a .image img {
	width: 100%;
	height: 280px;
}

.contribution article:hover .body {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

.contribution article .body {
	position: absolute;
	top: 87px;
	padding: 20px 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 40.625%;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.footer-nav ul {
margin-top: 10px;
}


.footer-nav ul li {
	color: #000;
}

.footer-nav ul li a {
	color: #000;
}

.footer-nav {
	
}

/* ぱんくず */
.bread_crumb {
	max-width: 960px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 14px 0;
}
.bread_crumb span {
	font-size:14px;
	color:rgb(120,120,120);
	margin: 0 10px;
}
.bread_crumb span:first-child {
	margin-left: 0px; 
}
.bread_crumb span:last-child {
	margin-right: 0px; 
}
.bread_crumb span .current-item {
	color:rgb(180,180,180);
}

/* ページナビゲーション */
.nav-links {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.nav-links a,
.nav-links span {
	margin: 0 6.5px;
	width: 36px;
	height: 36px;
	border: 1px solid #d0d0d0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}

.nav-links a {
	cursor: pointer;
}

.nav-links a:hover {
	opacity: 0.8;
}

.nav-links span {
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	background: #127dd6;
	border: solid 1px #127dd6;
}

#pg-common .common-item .common-image img {
	height: 252px;
}

@media(max-width: 768px) {
	.privacy h2 {
		font-size: 1.6rem;
	}

	.privacy h2+p,
	.privacy .lead-inner ul {
		margin-top: 1.6%;
		font-size: 1.2rem;
	}

	.privacy .lead-inner ul {
		margin-left: 17px;
	}

	.contribution article {
		height: auto;
	}

	#keyvisual>img {
		height: 62vh;
		min-height: auto;
	}

	.lead-inner {
		line-height: 1.8;
		letter-spacing: 0;
	}

	.lead-inner>p {
		font-size: 1.4rem;
	}

	iframe {
		width: 100%;
		height: auto;
	}

	#pg-search>div>ul>li>a>div>div>img {
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}

	.contribution article {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contribution article a .image {
		width: 100%;
	}

	.contribution article .body {
		position: relative;
		top: 0;
		padding: 13px 10px;
		width: 100%;
	}

	.contribution article a .image img {
		width: 100%;
		height: auto;
	}

	.contribution article .title {
		margin-top: 0;
		padding-bottom: 0;
		font-size: 1.3rem;
	}

	.contribution article .excerpt {
		margin-top: 8px;
		font-size: 1.15rem;
	}

	.contribution article time {
		font-size: 1rem;
	}

	.footer-nav ul li a {
		color: #000;
    display: block;
    width: 100%;
    position: relative;
	}

	.footer-nav {
		padding-left: 0%;
	}

	.footer-nav ul li {
		width: 100%;
	}

	.footer-nav ul li a::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 3px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 7px;
		height: 12px;
		background-image: url('../images/svg/icon-rightArrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.page-contents {
		padding-top: 51px;
	}

	.page-contents .page-head {
		height: 212px;
	}

	.page-contents .page-head img {
		height: 212px;
	}

	.wp-block-table tr {
		border-top: none;
	}

	.wp-block-table tr:last-child {
		border-bottom: none;
	}

	.wp-block-table tr td:first-child {
		width: 26%;
		border-right: 1px solid #d0d0d0;
		font-size: 1.2rem;
		font-weight: 700;
	}

	.wp-block-table tr td:last-child {
		padding-left: 6%;
		width: 74%;
		font-size: 1.2rem;
	}

	.wp-block-media-text.alignwide {
		margin-top: 5%;
		display: block;
	}

	.wp-block-media-text.alignwide:last-child {
		margin-bottom: 5%;
	}

	.wp-block-media-text.alignwide figure {
		width: 100%;
	}

	.wp-block-media-text.alignwide .wp-block-media-text__content {
		width: 100%;
		letter-spacing: 0.15em;
		padding: 0;
	}

	.wp-block-media-text.alignwide .wp-block-media-text__content .has-large-font-size {
		font-size: 1.6rem;
		font-weight: 700;
	}

	.wp-block-media-text.alignwide .wp-block-media-text__content p {
		font-size: 1.2rem;
		letter-spacing: 0.15em;
	}

	.place {
		font-size: 1rem;
		color: #1381d6;
	}

	/* ぱんくず */
	.bread_crumb {
		padding: 0;
	}
}

.single-daily_contribution .main-container {
	width: 100%;
	background-image: url(../images/bg-news.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.single-daily_contribution .main-container .main-wrapper {
	margin: 0 auto;
	padding: 3.4% 0 120px;
	max-width: 960px;
}

.single-daily_contribution .news .release {
	padding-left: 2px;
	font-size: 1.4rem;
	color: #787878;
}

.single-daily_contribution .news .title {
	margin-top: 1.2%;
	padding-left: 2px;
	font-size: 2.2rem;
	font-weight: 700;
}

.single-daily_contribution .news .news-body {
	margin-top: 2.5%;
	padding-bottom: 4%;
	border-bottom: 1px solid #d0d0d0;
}

.single-daily_contribution .news .news-body p {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: 0.15em;
}

.single-daily_contribution .news .news-body p+p {
	margin-top: 3%;
}

.single-daily_contribution .more-news {
	margin-top: 1.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-daily_contribution .more-news .prev .another-link,
.single-daily_contribution .more-news .next .another-link {
	font-size: 1.4rem;
	font-family: 'Vollkorn', serif;
	font-style: italic;
}

.single-daily_contribution .more-news .prev .another-link {
	padding-left: 74px;
}

.single-daily_contribution .more-news .prev .another-link::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/svg/icon-prev.svg');
}

.single-daily_contribution .more-news .prev .another-link:hover {
	color: #127dd6;
}

.single-daily_contribution .more-news .prev .another-link:hover::before {
	background-image: url('../images/svg/icon-prev-hover.svg');
}

.single-daily_contribution .more-news .next .another-link {
	padding-right: 74px;
}

.single-daily_contribution .more-news .next .another-link::after {
	content: '';
	position: absolute;
	top: 8px;
	right: 0;
	width: 62px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/svg/icon-next.svg');
}

.single-daily_contribution .more-news .next .another-link:hover {
	color: #127dd6;
}

.single-daily_contribution .more-news .next .another-link:hover::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px) {
	.single-daily_contribution .main-container {
		background-size: contain;
		background-position: bottom center;
	}

	.single-daily_contribution .main-container .main-wrapper {
		padding: 6% 4% 60px;
	}

	.single-daily_contribution .news .release {
		padding-left: 0;
		font-size: 1.2rem;
	}

	.single-daily_contribution .news .title {
		margin-top: 0.5%;
		padding-left: 0;
		font-size: 1.6rem;
	}

	.single-daily_contribution .news .news-body {
		margin-top: 3%;
		padding-bottom: 10%;
	}

	.single-daily_contribution .news .news-body p {
		font-size: 1.2rem;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}

	.single-daily_contribution .news .news-body p+p {
		margin-top: 4%;
	}

	.single-daily_contribution .more-news {
		margin-top: 9.4%;
	}

	.single-daily_contribution .more-news .prev,
	.single-daily_contribution .more-news .next {
		position: relative;
	}

	.single-daily_contribution .more-news .prev .another-link,
	.single-daily_contribution .more-news .next .another-link {
		font-size: 1.0rem;
	}

	.single-daily_contribution .more-news .prev .another-link {
		padding-left: 37px;
	}

	.single-daily_contribution .more-news .prev .another-link::before {
		width: 30px;
		background-image: url('../images/svg/icon-prev-short.svg');
	}

	.single-daily_contribution .more-news .next .another-link {
		padding-right: 37px;
	}

	.single-daily_contribution .more-news .next .another-link::after {
    width: 30px;
		background-image: url('../images/svg/icon-next-short.svg');
	}
}
/* トップページ背景アニメーション */
canvas {
  background-color: #fff;
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 800px;
    max-height: 100vh;
    margin-top: 70px;
}
/* お客様×WeeAreアニメーション */
.animation-container{
    top: 50px;
    position: relative;
    width: 450px;
	height: 400px;
}

img .img{
    margin: 0 auto;
    width: 62%;
    display: block;
    position: relative;
    z-index: 10;
}

.img::after{
        position: relative;
        border: 2px solid #747474;
        border-radius: 100%;
        content: "";
        display: block;
        width: 50%;
        padding-top: 50%;
        z-index: 5;
        box-sizing: border-box;
}

.circle1 {
    margin: 0 auto;
    width: 33%;
    position: relative;
    top: -390px;
    left: 0;
    display: flex;
}

.circle2 {
    position: relative;
    width: 100%;
    padding-top: 74%;
    border-radius: 50%;
    background-color: #F5F5F5;
}
.jikkou::after{
    opacity: 0;
    position: absolute;
    animation: plus-loop 8.2s infinite cubic-bezier(0,0,.15,.99) 1ms forwards;
    background-color: #fff;
    border: 6px solid #E6E6E6;
    border-radius: 50%;
    content: "";
    display: block;
    top: 5.8%;
    left: 5.5%;
    width: 100%;
    padding-top: 100%;
    z-index: 6;
		animation-delay: 8s;
}
.senryaku::after{
    opacity: 0;
    position: absolute;
    animation: plus-loop 8.2s infinite cubic-bezier(0,0,.15,.99) 1ms forwards;
    background-color: #fff;
    border: 6px solid #E6E6E6;
    border-radius: 50%;
    content: "";
    display: block;
    top: 5.8%;
    left: 5.5%;
    width: 100%;
    padding-top: 100%;
    z-index: 6;
    animation-delay: 2s;
}
.kaizen::after{
    opacity: 0;
    position: absolute;
    animation: plus-loop 8.2s infinite cubic-bezier(0,0,.15,.99) 1ms forwards;
    background-color: #fff;
    border: 6px solid #E6E6E6;
    border-radius: 50%;
    content: "";
    display: block;
    top: 5.8%;
    left: 5.5%;
    width: 100%;
    padding-top: 100%;
    z-index: 6;
    animation-delay: 6s;
}
.seika::after{
    opacity: 0;
    position: absolute;
    animation: plus-loop 8.2s infinite cubic-bezier(0,0,.15,.99) 1ms forwards;
    background-color: #fff;
    border: 6px solid #E6E6E6;
    border-radius: 50%;
    content: "";
    display: block;
    top: 5.8%;
    left: 5.5%;
    width: 100%;
    padding-top: 100%;
    z-index: 6;
    animation-delay: 4s;
}

.circle3 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 82%;
    padding-top: 82%;
    border-radius: 100%;
    background-color: #E9E9E9;
    transform: translate(-50%, -50%);
}

.circle4 {
    position: relative;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -289%);
    text-align: center;
    font-size: 22px;
    font-family: BIZ UDP明朝;
    z-index: 20;
    top:42px;
}

@keyframes plus-loop{
    0%{
        opacity: 0;
    width: 83%;
    padding-top: 80%;
}
	
	
    10%{
        opacity: 1;
        width: 97%;
        padding-top: 90%;
        transform: translate(-4.3%,-4.3%);
    }
	
	    40%{
        opacity: 0;
        width: 106%;
        padding-top: 100%;
        transform: translate(-8%,-8%);
    }
	
    100%{
        opacity: 0;
        width: 106%;
        padding-top: 100%;
        transform: translate(-8%,-8%);
    }
  }

  .circle2.jikkou{
    position: relative;
    left: -88%;
    top: 59px;
  }
  .circle2.senryaku{
    position: relative;
    left: 88%;
    top: -90px;
  }
  .circle2.kaizen{
    position: relative;
    left: -88%;
    top: 0px;
  }
  .circle2.seika{
    position: relative;
    left: 88%;
    top: -147px;
  }


@media screen and (max-width: 769px) {
	.animation-container {
    top: 90px;
    width: 320px;
    height: 360px;
}
	.circle1 {
    margin: 0 auto;
    width: 34%;
    top: -275px;
    left: 0;
    display: flex;
}

.circle2 {
    width: 100%;
    padding-top: 64%;
    border-radius: 50%;
}

.circle2.jikkou {
    left: -84%;
    top: 23px;
}
	
	.circle2.senryaku {
    left: 84%;
    top: -85px;
}

	.circle2.kaizen {
    left: -84%;
    top: 3px;
}
	.circle2.seika {
    left: 84%;
    top: -103px;
}

.circle3 {
    top: 50%;
    left: 50%;
    width: 85%;
    padding-top: 85%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
	
.circle4 {
    left: 50%;
    width: 50%;
    transform: translate(-50%, -289%);
    text-align: center;
    font-size: 22px;
    top: 62px;
	}

	.jikkou::after{

    top: 2.8%;
}
.senryaku::after{
    top: 2.8%;
}
.kaizen::after{
    top: 2.8%;
}
.seika::after{
    top: 2.8%;
}
	
	canvas{
	height: auto;
	max-height: 70vh;
    margin-top: 40px;
	}

	#keyvisual .wrapper span.site-title-size {
        font-size: min(20.3vw,10rem);

}
	#keyvisual {
    margin-top: -480px;
	}
	.section-contents-flex {
    display: block;
}
	#message {
    padding: 10% 5%;
}
#keyvisual .wrapper {
    padding: 0 5%;
}
	.fix-contact {
    left: 81%;
	}
	#message .wrapper {
    width: 100%;
}
	.animation-container {
    display: block;
    margin: 0 auto;
	}

	.section-contents .section-title-en {
    text-align: center;
}
	.section-contents .section-title {
    text-align: center;
}
	.text {
    font-size: min(3vw,2rem);
}
	.message-text-large p{
		font-size: min(4.5vw,2rem);
	}
	.message-text-small {
    font-size: min(4vw,2rem);
}
	#service .wrapper.right {
    width: 100%;
}
	#service .wrapper.left {
		width: 80%;
    margin: 0 auto;
		margin-top: 10%;
	}
	.slider1 li {
    width: 100px;
}
	.slider1 {
    height: 100px;
}
	.news-berleft {
    border-right: none;
}
	.news-ber {
    display: block;
}
	.construct__card-data {
    text-align: center;
}
	.construct__card-headline {
    text-align: center;
}
	.card-content {
    width: 100%;
}
	.news-berleft {
    padding-right: 0px;
}
	.service-image.first,.service-image.second,.service-image.third,.service-image.fourth,.service-image.fifth{
		display:none;
	}
	a.service div.service-icon {
    opacity: 1;
}
	#service .service-text p {
    font-size: min(2.5vw,1.5rem);
}
	.wrapper.right .sp-wrapper{
	display:block;
}


	div.pc-wrapper{
	display:none;
}
}

#privacy-policy{
	text-align: left;
}
#privacy-policy.section-contents .section-title {
    font-size: min(5.3vw,7.5rem);
}


#privacy-policy .privacy-text{
	width: 900px;
	margin: 40px auto;
}

#privacy-policy .privacy-box{
	width: 900px;
	margin: 50px auto;
	display: flex;
}

#privacy-policy .privacy-box li {
  text-indent: -1em;
  padding-left: 1em;
}
#privacy-policy .privacy-box li::before {
  content: '・';
}

#privacy-policy .privacy-box .privacy-box-n{
	width: 40px;
	height: 40px;
	background-color: #000;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}


#privacy-policy .privacy-box .privacy-box-txt{
	width: 80%;
	margin-left: 10px;
}


#privacy-policy .privacy-box .privacy-box-txt h3{
	font-size: 1.4em;
	font-weight: normal;
}

#privacy-policy .privacy-box-txt a{
	background: #008DD4;
	color: #fff;
	border-radius: 5px;
	padding: 0 10px;
	margin: 0 5px;
	transition: 0.3s;
}

#privacy-policy .privacy-box-txt a:hover{
	background: #45ACD4;
}

#privacy-policy .privacy-google{
	width: 800px;
	margin: 50px auto;
}

#privacy-policy .privacy-google p{
	margin-bottom: 1rem;
}

#privacy-policy .privacy-google a{
	color: #008DD4;
	border-bottom: solid 1px #008DD4;
}


@media screen and (max-width: 769px) {
	#privacy-policy.section-contents .section-title,#privacy-policy.section-contents .section-title-en{
		text-align: center;
	}
	#privacy-policy.section-contents .section-title{
	margin-top: 8px;
    padding-bottom: 15px;
	}
	
	#privacy-policy .privacy-text{
	width: 90%;
	margin: 40px auto;
}




#privacy-policy .privacy-box{
	width: 90%;
	margin: 50px auto;

}
	#privacy-policy .privacy-google{
	width: 80%;
	margin: 50px auto;
}
}

.page-template-default #loader_h,.single #loader_h{
	display: none;
}


body #loader_h{
    position: fixed;
    width: 100%!important;
    height: 100%;
    box-sizing: border-box;
    background-color:#fff;
    background-size: cover;
    background-position: center center;
	z-index: 3000;
	top: 0;
    left: 0;
}
body #loader_h .load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.item_center{
	margin:0 auto;
	width:500px;
}

@media screen and (max-width: 769px) {
	.item_center{
	width:100%;
}

}

.flex{
	display:flex;
}

.flex span{
	width:13px;
}

	.law-block-table th {
    background: #FAFAFA;
    font-weight: 550;
}
		.law-block-table td, .law-block-table th {
    border: 1px solid #ccc;
    padding: 1rem;
}
		.law-block-table table{
			margin:50px auto;
		}

		.law .wp-block-table table {
    border-collapse: collapse;
    width: auto;
}
	@media screen and (max-width: 769px) {
  .law-block-table {
    width: 90%;
	  margin:auto;
  }
  .law-block-table th,
  .law-block-table td {
    display: block;
    width: 100%;
  }
}
.building-color{
	color:#008DD4;
}

#movie{
	width:800px;
	margin:0 auto;
}

#movie video{
	width:100%;
	max-width:800px;
	height:auto;
}

@media screen and (max-width: 769px) {
	
#movie{
	width:100%;
}
#movie video{
	width:100%;
	max-width:none;
}
}