@charset "utf-8";
/*
 Theme Name:twentytwelve-child4
 Template:twentytwelve
*/
@import url('/wp-content/themes/twentytwelve-child4/css/wp.css');
@import url('/wp-content/themes/twentytwelve-child4/css/customize_common.css');
@import url('/wp-content/themes/twentytwelve-child4/css/ress.css');
@import url('/wp-content/themes/twentytwelve-child4/css/post.css');
/* ==============================================================================
perfectwin.jp 安定版印刷用CSS
本文表示・グロナビ折りたたみ・カラー印刷対応・再発防止
============================================================================== */
@media print {
    /* ==========================
     本文コンテンツを表示
    ========================== */
    .main_content,
    .page_content,
    .content-area {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        background-color: inherit !important; /* 背景色を維持 */
        color: inherit !important;            /* 文字色を維持 */
    }
    /* ==========================
     グロナビのサブメニューは閉じる
    ========================== */
    .gnav .submenu,
    .gnav .sub-menu {
        display: none !important;
      }
    /* ==========================
     ヘッダー・フッター非表示（必要に応じて調整）
    ========================== */
    header, footer, .site-header, .site-footer {
        display: none !important;
    }
    /* ==========================
     背景色・色の印刷を正確に
    ========================== */
    body {
        background-color: #fff !important;               /* 背景色 */
        -webkit-print-color-adjust: exact !important;    /* Chrome/Edge用 */
        print-color-adjust: exact !important;           /* Firefox用 */
        color: #000 !important;                          /* 文字色 */
    }
    /* ==========================
     フォント・リンク色を印刷向けに調整
    ========================== */
    p, h1, h2, h3, h4, h5, h6 {
        color: inherit !important;
    }
    /* ==========================
     リンクのURLを表示
    ========================== */
    a::after {
        content: " (" attr(href) ")";
        font-size: smaller;
    }
    /* ==========================
     画像・背景を可能な限り印刷
    ========================== */
    img {
        max-width: 100%!important;
        height: auto!important;
        page-break-inside: avoid!important;
    }
    /* ==========================
     ページ分割・改ページの調整
    ========================== */
    .page-break {
        page-break-before: always!important;
    }
}
/* ==============================================================================
perfectwin.jp 印刷用CSS
本文表示・グロナビ折りたたみ・カラー印刷対応 END
============================================================================== */
html { scroll-behavior: smooth;}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Lato", sans-serif;
	font-weight: 500;
	line-height: 24px;
	color: #0a1929;
	letter-spacing: .2px;
	background: #fff!important;
}
body .site {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
p {	
	font-size: 17px;
}
.container {
	position: absolute;
	top: 0;
	width: 100%;
}
.site-header {
	padding: 0;
}
.site-content {
	width: 100%!important;
	margin: 0!important;
	padding-bottom: 80px;
}
.site-content article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.entry-content {
	margin: -30px auto auto;
    line-height: inherit;
}
a,
a:visited {
	color: #0a1929;
}
.entry-title {
	display: none;
}
.entry-header {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #0a1929;
}
.main-sp-navigation {
	display: none;
}
.center_wrap_pankuzu {
	font-size: 11px;
	font-weight: 500;
	padding-top: 50px;
}
body {
	height: 100vh;
}
#footer--contact #page-top {
    position: absolute;
    z-index: 200;
}
#footer--contact .top--arrow {
	width: 85px;
	margin: auto auto -41px;
    transition: all .3s;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	box-shadow: none;
}
body .site {
	box-shadow: none!important;
}
.pankuzu {
	position: relative;
	max-width: 1200px;
	margin: auto;
	padding-top: 5px;
	font-size: 12px;
	z-index: 10;
}
.address-text p {
	color: #fff;
}
span.newicon {
	background: #ea5c79;
	background: #0a1929;
	text-transform: uppercase;
	border-radius: 0;
	text-decoration: none!important;
}
/**************************************************************

フローティングバナー（追従バナー）

**************************************************************/
.floatingBanner {
	position: fixed;
	z-index: 1000;
	bottom: 120px;
	right: 0;
	animation: animation 1s forwards;
}
@keyframes animation {
	0% {
		transform: translateX(300px);
	}
}
@keyframes close {
	100% {
		transform: translateX(300px);
	}
}
.floatingBanner_img {
	height: auto;
	display: block;
}
.floatingBanner_img img {
	width: 300px;
	height: auto;
}
.is-hidden {	
	animation: close .5s forwards;
}
.floatingBanner_close {
	position: absolute;
	top: 0;
	left: -42px;
	cursor: pointer;
}
.floatingBanner_close .btn-text {
	position: relative;
	font-size: 14px; 
	font-weight: 700!important;
	text-orientation: upright;
	line-height: 1.4;
	letter-spacing: 1.5px;
	writing-mode: vertical-rl; 
	color: #fff;	
    background: #02005c;
	height: 220px;
	padding: 17px 12px 3px;
	/*border-radius: 15px 0 0 15px;*/
    transition: all .3s;
}
.floatingBanner_close .btn-text::after {
	content: "";
    position: absolute;
    bottom: 14px;
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/arrow_floating.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}

.BannerPage {
	bottom: 30px!important;
}



/***********************************************************

Gnav

***********************************************************/
.container {
    width: 100%;
	margin: auto;
	padding: 0;
}
.site-header {
	position: fixed;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	top: 0;
	background: #fff;
	border-bottom: 1px solid;
    border-image: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
    border-image-slice: 1;
	z-index: 999;
}
.site-header h1 {
	margin-top: -2px;
	text-align: left;
}
.site-header h1 img {
	width: 180px;
}
#masthead.UpMove {
	position: fixed;
	width: 100%;
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}
#masthead.DownMove {
	position: fixed;
	width: 100%;
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
header#masthead .headerMenuArea {
	width: calc(100% - 20px);
	height: 80px;
	margin: auto 10px;
}
header#masthead .headerMenuArea .headerMenuArea--inn {
	width: 100%;
	height: 80px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: center;
}
header#masthead .headerMenuArea .headerMenuArea--inn .headerLogo img {
	width: 180px;
	margin-right: 20px;
	margin-top: -5px;
}
header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list {	
	width: calc(100% - 440px);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 2px;
}
header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list ul.gNav {
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
	padding-top: 5px;
}
header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list ul.gNav li a {
	font-size: 15px!important;
	font-weight: 600!important;
	padding: 3px 15px;
	text-decoration: none;
}
header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list ul.gNav li a.right--padding {
	padding-right: 5px!important;
}
header#masthead .headerMenuArea .headerMenuArea--inn .headerMenu--right {
	width: 240px;
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
.text--animation {
	overflow: hidden;
	height: 2em;
	display: inline-block;
    line-height: 2em;
    opacity: .8;
    position: relative;
    transition: transform 0.5s ease-in-out cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation span {
	display: block;
	line-height: 2em;
	color: #0a1929;
	transform: translateY(0);
    transition: transform 0.5s cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation:hover span {
	transform: translateY(-100%);
    transition: transform 0.5s cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation span:nth-of-type(2){
    transition: transform 0.5s cubic-bezier(.7, 0, 0, 1), color 0.5s;
	color: #e5004b;
}





.text--animation--column,
.text--animation--column--ee {
    position: relative;
	display: inline-block;
	height: 33px;
    opacity: .8;
	overflow: hidden;
	padding: 2px 15px!important;
    transition: transform 0.5s ease-in-out cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation--column span,
.text--animation--column--ee span {
	display: block;
	line-height: 1.2em;
	color: #0a1929;
	transform: translateY(0);
    transition: transform 0.5s cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation--column:hover span,
.text--animation--column--ee:hover span {
	line-height: 1.2em;
	transform: translateY(-78%);
    transition: transform 0.5s cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.text--animation--column span:nth-of-type(2){	
	color: #e5004b;
	line-height: 2.9em;
}
.text--animation--column--ee span:nth-of-type(2){	
	color: #80398f;
	line-height: 2.9em;
}
.text--animation--column span .ss,
.text--animation--column--ee span .ss {
	font-size: 13px;
}
.text--animation--column span:nth-of-type(2) .ss {	
	color: #e5004b;
}
.text--animation--column--ee span:nth-of-type(2) .ss{	
	color: #80398f;
}


div.headerMenu--right .contact--btn {	
    width: 130px;
	text-align: center;
    padding: 3px 0 6px!important;
	margin-top: 3px;
	margin-right: 5px;
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
    border-radius: 25px;
}
div.headerMenu--right .contact--btn a {
	position: relative;
    font-size: 13px;
    font-weight: 600!important;
    color: #fff !important;
    text-decoration: none;
    padding: 2px 25px!important;
}
.text--animation--btn {
	overflow: hidden;
	height: 2.6em;
	display: inline-block;
    line-height: 2.6em;
    position: relative;
}
.text--animation--btn span {
	display: block;
	line-height: 2.6em;
	transform: translateY(0);
	transition: transform .3s cubic-bezier(.7, 0, 0, 1);
}
.text--animation--btn:hover span {
	transform: translateY(-100%);
	transition: transform .3s cubic-bezier(.7, 0, 0, 1);
}
#search--Area {
	width: 40px;
	height: 40px;
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
	border-radius: 50%;
    transition: all .6s ease;
}
#search--Area:hover {
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #ea5b7a 79.97%);
    transition: all .4s ease;
}
#search--Area label img {
	position: relative;
	width: 40px;
	height: 40px;
	top: 1px;
	left: 1px;	
}
#toggle {
    display: none;
    cursor: pointer;
}
#search--Area label {
    cursor: pointer;
}
.form--area {
    position: fixed;
    width: 60%;
    max-width: 700px;
    height: 160px;
    top: 80px;
    right: 10px;
    opacity: 0;
    background: rgba(255,255,255,1);
    border-radius: 8px;
    visibility: hidden;
    transform: translateY(40px);
    transition: all .3s ease;
    z-index: 101;
    padding: 28px 0;
}
#toggle:checked + .form--area {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    transition: all .6s ease;
}
.form--area li {
    text-align: center;
}
.form--area li.txt {
    font-size: 24px;
    font-weight: 900!important;
    margin-top: 12px;
    margin-bottom: 12px;
}
#fadeLayer {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 80px;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.3);
    transition: all .3s ease;
    visibility: hidden;
    z-index: 100;
}
#toggle:checked ~ #fadeLayer {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
}
/***********************************************************

テキストスクロール

***********************************************************/
.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

/* 左から右にフェードイン */
.fadeInLeft.visible {
    animation: fadeInLeft 0.7s ease 0s 1 normal;
}
/* fadeInLeft */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
  }
}
/* 右から左にフェードイン */
.fadeInRight.visible {
    animation: fadeInRight 0.7s ease 0s 1 normal;
}
/* fadeInLeft */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
  }
}

/* 下から上にフェードイン */
.fadeInBottom.visible {
animation: fadeInBottom 1s ease 0s 1 normal;
}

/* fadeInBottom */
@keyframes fadeInBottom {
  0% {
	  opacity: 0;
	  transform: translateY(30px);
  }
  100% {
	  opacity: 1;
  }
}
.fadeInBottom2.visible {
animation: fadeInBottom2 1s ease 0s 1 normal;
}

/* fadeInBottom */
@keyframes fadeInBottom2 {
  15% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

.fadeInBottom3.visible {
animation: fadeInBottom3 1s ease 0s 1 normal;
}

/* fadeInBottom */
@keyframes fadeInBottom3 {
  30% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

/********************************************************

TOP CSS

********************************************************/
#concept {
	position: relative;
	background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
	z-index: 0;
	overflow: hidden;
	background-attachment: fixed;
}
/*#concept::after {
    position: absolute;
	content: "";
    bottom: -292;
    right: -390;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
	opacity: .2;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 1000px no-repeat;
    transition: all .3s;
	transform: rotate(90deg);	
	z-index: 1;
}*/
#concept::after {
    position: absolute;
	content: "";
    top: -30px;
    right: -520;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
	opacity: .15;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 1000px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: lighten;
}
.point--text2 {
	position: relative;
	font-size: 20px;
	font-weight: 600;
    margin: -5px 0 10px!important;
}
.point--text3 {
	position: relative;
	font-size: 17px;
	font-weight: 600;
    margin: 0 0 -10px!important;
}
.point--text1 {
	position: relative;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 -10px!important;
}
#page-contents-top .point--text2 {
	position: relative;
	font-size: 17px;
	font-weight: 600;
    margin: 0 0 -10px!important;
}
.point--color--pink {
	color: #ea5b7a;
	font-weight: 600!important;
}

div.top--page--title {
	color: #0a1929!important;
	align-content: flex-start;
}
div.top--contents--block .inn {
	max-width: 1200px;
	margin: auto;
	padding: 70px 0 100px;
	z-index: 10;
}
div.top--contents--block .inn .comment {
	padding: 40px 0 20px;
}
div.top--contents--block .inn .box--area {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.top--contents--block .inn .box--area .box {
	width: calc((100% - 60px) / 3);
    height: auto;
    margin-right: 30px;
    background: #fff;
    padding: 25px 25px 30px !important;
    z-index: 2;
}
div.top--contents--block .inn .box--area .box:last-child {
	margin-right: 0;
}
div.top--contents--block .inn .box--area .box--back--none {
	background: transparent;
    border-radius: 0;
    padding: 0!important;
}
div.top--contents--block .inn .box--area .box .box--3--title {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px!important;
	padding-left: 35px;
	/*width: 80%;	
	height: 55px;
	padding-right: 10px;*/
	z-index: 10;
	line-height: 1.4;
}
div.top--contents--block .inn .box--area .box .box--3--title::before {
	position: absolute;
    content: "1";
    font-family: "Lato", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    width: 28px;
    height: 28px;
	top: 1px;
	left: 0;
    background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
    border-radius: 50%;
}
span.left--padding {
	margin-left: -12px;
}
@media (max-width:600px){	
	span.left--padding {
		margin-left: 0;
	}
}
/*div.top--contents--block .inn .box--area .box .box--3--title::after {
	position: absolute;
    content: url(/wp-content/uploads/img/concept01.svg);
    text-align: center;
    width: 72px;
    height: 72px;
	top: -8px;
	right: -25%;
}
div.top--contents--block .inn .box--area .box .num--02::after {
    content: url(/wp-content/uploads/img/concept02.svg);
}
div.top--contents--block .inn .box--area .box .num--03::after {
    content: url(/wp-content/uploads/img/concept03.svg);
}*/



#reason .box--area .box .box--3--title {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px!important;
	padding-left: 35px;
	width: 80%;
	height: 55px;
	padding-right: 10px;
	z-index: 10;
	line-height: 1.3;
}
#reason .box--area .box .box--3--title::after {
	position: absolute;
    content: url(/wp-content/uploads/img/reason01.svg);
    text-align: center;
    width: 65px;
    height: 65px;
	top: 0;
	right: -25%;
}
#reason .box--area .box .num--02::after {
    content: url(/wp-content/uploads/img/reason02.svg);
}
#reason .box--area .box .num--03::after {
    content: url(/wp-content/uploads/img/reason03.svg);
}




div.top--contents--block .inn .box--area .box .num--02::before {
	content: "2";
}
div.top--contents--block .inn .box--area .box .num--03::before {
	content: "3";
}
.box--inn--bottom {
	margin-bottom: 0!important;
}
#about {	
	background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
}
.color--back {
	color: #fff!important;	
}
div.box--area--10 {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
div.box--area--10 .box {
	position: relative;
	width: calc((100% - 120px) / 4);
	margin: 20px 40px 20px 0;
	display: flex;
    flex-direction: column;
}
div.box--area--10 .box:nth-of-type(4n) {
	margin: 20px 0;
}
div.box--area--10 .box .title {
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px!important;
}
div.box--area--10 .box .box--img {	
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom: 10px;
}
div.box--area--9 {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
div.box--area--9 .box {
	position: relative;
	width: calc((100% - 80px) / 3);
	margin: 20px 40px 20px 0;
	display: flex;
    flex-direction: column;
}
div.box--area--9 .box p {
	text-align: center;
}
div.box--area--9 .box:nth-of-type(3n) {
	margin: 20px 0;
}
div.box--area--9 .box .title {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px!important;
}
div.box--area--9 .box .box--img {	
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom: 10px;
}
div.case--box .box {
	position: relative;
	background: linear-gradient(124.26deg, #fff 65%, #fffdf1 90%);
	background: #fffef9;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, .07);
	border-left: 2px solid #ea5b7a;
}
div.case--box .box::before {
	position: absolute;
    content: "Case Study 01";
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 2px 12px;
    line-height: 2;
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
}
div.case--box .case--num--02::before {	
    content: "Case Study 02";
}
div.case--box .case--num--03::before {	
    content: "Case Study 03";
}
div.case--box .case--num--04::before {	
    content: "Case Study 04";
}
div.case--box .case--num--05::before {	
    content: "Case Study 05";
}
div.case--box .case--num--06::before {	
    content: "Case Study 06";
}
div.case--box .case--num--07::before {	
    content: "Case Study 07";
}
div.case--box .case--num--08::before {	
    content: "Case Study 08";
}
div.case--box .case--num--09::before {	
    content: "Case Study 09";
}
div.case--box .box .inner {
	padding: 50px 25px 25px;
}
div.case--box .box .inner p {
	font-weight: 500;
	text-align: left!important;
	margin-bottom: 0!important;
}
div.case--box .box .inner p.title {
	font-size: 24px!important;
	font-weight: 700;
	line-height: 1.4!important;
	margin-bottom: 15px!important;
}
div.link--block {
	width: 100%;
	margin: 70px auto -30px;
}

ul.pageLink {
    margin: 30px auto 70px 0;
}
ul.pageLink a {
	margin: 0;
    position: relative;
    display: block;
    padding: 50px 145px 50px 60px;
    background: rgb(255, 255, 255);
	border: 2px solid;
	border-image: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%) 1;
    font-size: 30px!important;
    font-weight: 600!important;
    line-height: 1.5;
    text-decoration: none;
    transition: .3s ease-out;
}
ul.pageLink a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translate(50%, -50%);
    width: 38px;
    height: 38px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
ul.pageLink li a:hover::before {
    width: 90px;
    height: 90px;
    background: rgb(255, 255, 255);
    right: 90px;
    transition: .3s ease-out;
}
ul.pageLink a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 42px;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url(/wp-content/uploads/img/pdf.svg) center center / 48px no-repeat;
    z-index: 2;
}
ul.pageLink p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 10px;
    margin-bottom: 0;
	color: #0a1929!important;
}
ul.pageLink li a:hover {
    opacity: .8;
    background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
    transition: .3s ease-out;
}
ul.pageLink li a:hover p {
	color: #fff!important;
}
ul.pageLink li a:hover .perfectwin-ee--text {
	background: linear-gradient(94.26deg, #fff 1.21%, #fff 79.97%);
    -webkit-background-clip: text;
}

ul.pageLink li {
    list-style: none;
    margin-left: 0;
}
ul.pageLink li:first-child {
    margin-top: 0px;
}
ul.pageLink li:last-child {
    margin-bottom: 0px;
}

.link--arrow,
.link--arrow--ee {
	position: relative;
	padding-left: 20px;
}
.link--arrow::before {
	position: absolute;
	content: url(/wp-content/uploads/img/link--arrow.svg);
	width: 15px;
	height: 15px;
	top: 3px;
	left: 0;
}
.link--arrow--ee::before {	
	position: absolute;
	content: url(/wp-content/uploads/img/link--arrow--ee.svg);
	width: 15px;
	height: 15px;
	top: 3px;
	left: 0;
}

div.box--area--6 {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
div.box--area--6 .box {
	position: relative;
	width: calc((100% / 6));
	margin: 20px 0;
	display: flex;
    flex-direction: column;
	padding: 25px 10px 10px 20px;
	border-left: 5px solid #ff5969;
	background: #fff;
	text-align: left;
}
div.box--area--6 .box::after {
	position: absolute;
    content: "01";
    font-size: 16px;
    font-weight: 700;
	line-height: 1.2;
    color: #fff;
    text-shadow: 4px 2px 8px rgba(0, 0, 0, .3);
    top: 10px;
    left: 0;
    width: 35px;
    height: 60px;
    background: #f95767;
    padding: 10px 10px 10px 5px;
    border-radius: 0 5px 5px 0;
}
div.box--area--6 .box--2 {
	border-left: 5px solid #52cbbe;
}
div.box--area--6 .box--2::after {
    content: "0203";
    background: #52cbbe;	
}
div.box--area--6 .box--4 {
	border-left: 5px solid #fec630;
}
div.box--area--6 .box--4::after {
    content: "04";
    background: #fec630;	
}
div.box--area--6 .box--5 {
	border-left: 5px solid #5d7373;
}
div.box--area--6 .box--5::after {
    content: "05";
    background: #5d7373;	
}
div.box--area--6 .box--6 {
	border-left: 5px solid #92d050;
}
div.box--area--6 .box--6::after {
    content: "06";
    background: #92d050;	
}
div.box--area--6 .box--7 {
	border-left: 5px solid #00a0a8;
}
div.box--area--6 .box--7::after {
    content: "07";
    background: #00a0a8;	
}
div.box--area--6 .box .title {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.5px;
	margin-bottom: 5px!important;
	text-align: center;
}
div.box--area--6 .box .box--img {	
	width: 100%;
	display: flex;
    flex-direction: column;
	margin-bottom: 10px;
	align-items: center;
}
div.box--area--6 .box p {
	font-size: 15px;
}
.bold--text {
	font-weight: 700;
}
.img-size {
	width: 65px;
}
.point--text {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0 -15px!important;
	padding-left: 40px;
}
.point--text::before {
	position: absolute;
	content: "";
	width: 30px;
    height: 2px;
    background-color: #0a1929;
	top: 15px;
	left: 2px;
}
div.map--area {
	position: relative;
	width: 100%;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .05);
	background: #fff;
	margin-top: -20px!important;
	margin-bottom: 40px!important;
	z-index: 2;
	padding-bottom: 60px;
}
div.map--area .inn {
	padding: 30px;
}
div.map--area .map--title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0;
	color: #e5004b;
	padding: 5px 0 30px;
}
div.map--area .map--title::before,
div.map--area .map--title::after {
	content: '';
	width: 24px;
	height: 1px;
	background-color: #e5004b;
}
div.map--area .map--title::before {
	margin-right: 10px;
}
div.map--area .map--title::after {
	margin-left: 10px;
}
.text--bar {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	padding-left: 20px;
	margin-bottom: -27px!important;
}
.text--bar::before {
	position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    bottom: 13px;
    left: 0;
    background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
}
.text--bar--w::before {
    background: #fff;
}

#feature {
	background: #fff;
}
#feature .inn {
	margin-bottom: -50px!important;
}
#difference {
	position: relative;
	background: #fff;
	z-index: 0;
	padding-bottom: 80px;
}

div.comment--box {
	position: relative;
	font-size: 130%;
	color: #fff;
	padding: 30px;
	text-align: center;
	background: #333f50;
	margin-top: 80px;
}
div.comment--box p {
	margin-bottom: 0!important;
}
/*div.comment--box::after {
	position: absolute;
	content: url(/wp-content/uploads/img/module--comment.svg);
	width: 180px;
    height: auto;
    bottom: -21px;
    right: -60px;
	color: #276ed3;
}*/



table.top--difference .thead--sp {
	display: none;
}
table.top--difference {
	border: none;
}
table.top--difference th, 
table.top--difference td {
	width: 28%;
	font-size: 16px!important;
	background: #fff;
	text-transform: capitalize;
	vertical-align: top;
	border-bottom: 1px solid #b7b7b7;
}
table.top--difference th:first-child, 
table.top--difference td:first-child {
	width: 16%;
	border-left: 1px solid #b7b7b7;
}
table.top--difference th {
	text-align: center;
	background: #f1f1f1;
	padding: 10px 0!important;
	font-weight: 600!important;
}
table.top--difference tr:first-child th {	
	border-left: none;
}
table.top--difference th:last-child {
	border-right: none;
}
table.top--difference th.pt {
	color: #fff!important;
	font-size: 115%!important;
	font-weight: 700!important;
	background: #e85686;
	padding: 5px 0!important;
}
table.top--difference tr:first-child th.pt {
	padding: 10px 0 8px!important;
	border: 3px solid #e85686;
}
table.top--difference tr:nth-of-type(2) th {
	border-top: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
}
table.top--difference tr:nth-of-type(2) th.pt {
	border: 3px solid #e85686;
	border-left: 3px solid #e85686;
}
table.top--difference tr:nth-of-type(2) th.pt p {
	margin-bottom: -10px;
	margin-top: -5px;
}
table.top--difference tr:nth-of-type(2) th:first-child {
	visibility: hidden;
	border: none;
	border-bottom: 1px solid #b7b7b7;
}
table.top--difference td {
	border-right: 1px solid #b7b7b7;
}
table.top--difference td.pt {
	border: 3px solid #e85686;
	border-top: none;
	border-bottom: 1px dashed #e85686;
	background: #fff9f6;
	font-weight: 700!important;
}
table.top--difference td:last-child {
	border-right: 1px solid #b7b7b7;
}
table.top--difference tr:last-child td {	
	border-bottom: 1px solid #b7b7b7;
}
table.top--difference tr:last-child td.pt {
	border-bottom: 3px solid #e85686;
}
table.top--difference td:first-child {
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
	font-weight: 700!important;
}

table.top--difference li {
	margin-bottom: 15px;
}
table.top--difference p {
	margin-bottom: 5px!important;
}
.before--arrow {
	position: relative;
	padding-left: 24px;
}
.before--arrow::before {
	position: absolute;
	content: "→";
	font-size: 19px;
    top: -2px;
	left: 0;
}
.back-transparent {
	visibility: hidden;
	border: none;
}

#assign {	
	position: relative;
	background: linear-gradient(90.81deg, #fef4f3 0%, #fffdf1 90%);
	z-index: 0;
	overflow: hidden;
}
#assign::after {
    position: absolute;
	content: "";
    top: -70px;
    left: -480px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
	opacity: .05;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 1000px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: multiply;
}
#assign .box--3--title {
	width: 100%;
	height: auto;
	margin-right: 0;
	padding-left: 0;
	line-height: 1.4;
	text-align: center;
}
#assign .box--3--title::before,
#assign .box--3--title::after {
	content: none;
}
#assign .box--inn--bottom {
	position: relative;
	padding-left: 30px;
	padding-right: 10px;
}
#assign .box--inn--bottom::before {
	position: absolute;
	content: "✔";
	font-size: 20px;
	font-weight: 700;
	color: #e85686;
	left: 10px;
	top: -5px;	
}
#assign .box-inn-box {	
	position: relative;
	padding: 10px;
	text-align: center;
	letter-spacing: -.4px;
	font-size: 17px!important;
	font-weight: 600;
	color: #fff;
	background: #e5004b;
	margin-top: 30px;
}
#assign .box-inn-box::before {
	position: absolute;
	content: "";
	width: 42px;
	height: 42px;
	top: -45px;
	left: 45%;
	background: url(/wp-content/uploads/img/lp/down-arrow.png) center center / 42px no-repeat;
}
#assign .box--2 {	
	background: #eb613b;
}
#assign .box--3 {	
	background: #ed6c00;
}
#assign .check--2::before {	
	color: #eb613b;
}
#assign .check--3::before {	
	color: #ed6c00;
}
#assign .box--area .area--inn {
	padding: 20px 20px 35px;
	background: #fff;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .05);
}

#assign .box--area .box {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.point--text--b {
	font-size: 26px;
	text-align: center;
	margin: 30px auto auto!important;
}
#reason {
	position: relative;
	background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
	
	z-index: 0;
	overflow: hidden;
	padding-bottom: 50px;
}
#reason::after {
    position: absolute;
	content: "";
    bottom: 0;
    right: -520;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
	opacity: .15;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 1000px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: lighten;
}
#reason::before {
    position: absolute;
	content: "";
    top: -120px;
    left: -520;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
	opacity: .15;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 1000px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: lighten;
}
div.box--area--4 {
	width: 100%;
	margin: 30px auto auto;
	display: flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
div.box--area--4 .box {
	position: relative;
	width: calc((100% - 30px) / 2);
	margin: 20px 30px 10px 0;
	display: flex;
    flex-direction: column;
    background: #fff;
    z-index: 2;
    padding: 25px!important;
}
div.box--area--4 .box:nth-of-type(2n){
	margin-right: 0;
}
#reason .box--4--title {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.5;
}
#reason .box--inn--bottom {
	margin-top: 20px;
}

#news_area_index {
	max-width: 1200px;
	margin: 100px auto 40px;
	display: flex;
	flex-direction: row;
}
#news_area_index .top--page--title {
	width: 20%;
}
#news_area_index .news_field {
	width: 80%;
}
#news_area_index .whatsnew-cateid {
	padding: 0!important;
}
.news--btn {
	position: relative;
	font-size: 13px;
	margin-top: 15px;
	float: right;
	border: 1px solid #0a1929;
	padding: 6px 30px 5px 25px;
	text-decoration: none;
}
.news--btn::after {
	content: "";
    position: absolute;
    top: 36%;
    bottom: 0;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/img/arrow_news.svg) center center / 10px no-repeat;
    transition: all .3s;
}
.news--btn:hover::after {
    background: url(/wp-content/uploads/img/arrow_news_w.svg) center center / 10px no-repeat;
}
.news--btn:hover {
	background: #0a1929;
	color: #fff!important;
    transition: all .3s;
}
div#whatsnew-title_list div.whatsnew-wrap {
	margin-bottom: -35px;	
}
@media(max-width:600px){
	.news--btn {
		margin-top: 45px;
	}
}
/********************************************************

下層CSS

********************************************************/
.pc-hide {
	display: none;
}
.sp-hide {
	display: block;
}
.inline_contents_wrap {
	max-width: 1200px;
	margin: auto;
}
div.center_wrap {
	margin-top: 85px;
}
div.page-contents-wrap {
	max-width: 1200px;
	margin: 110px auto auto;
}
table {
	width: 100%;
	border: 1px solid #b7b7b7;
}
table th,
table td {
	font-size: 16px!important;
	font-weight: 500!important;
	color: #0a1929!important;
	padding: 8px 14px 8px 12px!important;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	vertical-align: middle;
}
table th:last-child,
table td:last-child {
	border-right: none;
}
table tr {	
	border-bottom: none;
}
table ul {
	margin-top: 7px!important;
	margin-bottom: 10px!important;
}
table li {
	margin-left: 22px!important;
}


/********************************************************

機能一覧

********************************************************/
table.functions--table tr.first {
	background: linear-gradient(270deg, #f19354 0%, #ea5b7a 90%);
}
table.functions--table th {
	font-weight: 600!important;
	color: #fff!important;
	text-align: center;
}
table.functions--table th:first-child,
table.functions--table td:first-child {
	width: 13%;
	padding: 8px 12px!important;
	line-height: 1.3;
}
table.functions--table th:last-child,
table.functions--table td:last-child {
	width: 50%;
	padding: 8px 17px!important;
}
table.functions--table th:nth-of-type(2),
table.functions--table td:nth-of-type(2) {
	width: 15%;
	padding: 8px 12px!important;
}
table.functions--table th:nth-of-type(3),
table.functions--table td:nth-of-type(3) {
	width: 22%;
	padding: 8px 12px!important;
}
.gray {
	background: #fffcef;
}


/**************************************************************

テキストアニメーション

**************************************************************/
.text-block {
	width: 100%;
	margin: auto 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.3;
	font-size: 2.6rem;
	font-weight: 700!important;
	letter-spacing: 1.1px;
}
.text-block-m {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.6;
	padding: 0;
	font-size: 48px!important;
	font-weight: 700!important;
	text-align: left;	
	transform: translateX(0%);
}
.text-block-s {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.2;
	padding: 0;
	font-size: 38px;
	font-weight: 700!important;
	text-align: center;	
	transform: translateX(0%);
}
.text-block-s .text-item {
	padding: 0;
}
.text-block-s .text-item-comment {
	font-size: 14px !important;
	text-align: center;	
	margin-top: 30px;
}
.item-m {
	font-size: 1.7rem;
	margin-bottom: 10px;
}
.item-s {
	font-size: 2rem;
}
.item-ss {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 20px;
} 
.item-sss {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 15px;
	text-align: left;
} 
.text-split {
	overflow: hidden;
}
.text-split span {
	display: inline-block;
	min-width: 0.15em;
}
.text-item {
	width: fit-content;
	overflow: hidden;
}


.text-block--3 .text-item {
	transform: translateX(-101%);
}
.text-block--3 .is-active .text-item {
	transform: translateX(0);
	transition: transform cubic-bezier(0.74, 0, 0.24, 0.99) 1.1s;
}
.text-block--3 .is-active .text-item:nth-child(1) {
	transition-delay: 0s;
}
.text-block--3 .is-active .text-item:nth-child(1) > span {
	transition-delay: 0s;
}
.text-block--3 .is-active .text-item:nth-child(2) {
	transition-delay: 0.13s;
}
.text-block--3 .is-active .text-item:nth-child(2) > span {
	transition-delay: 0.13s;
}
.text-block--3 .is-active .text-item:nth-child(3) {
	transition-delay: 0.26s;
}
.text-block--3 .is-active .text-item:nth-child(3) > span {
	transition-delay: 0.26s;
}
.text-item > span {
	display: block;
}
.text-block--3 .text-item > span {
	transform: translateX(101%);
}
.text-block--3 .is-active .text-item > span {
	transform: translateX(0);
	transition: transform cubic-bezier(0.74, 0, 0.24, 0.99) 1.1s;	
	margin-top: 0;
}
.swiper-pagination {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.swiper-pagination-bullet {
	width: 28px!important;
	height: 16px!important;
	display: inline-block;
    border-radius: 3px!important;
	margin: 0 5px !important;
	color: #7c7f81!important;
	font-size: 11px!important;
	background: #e1e1e1!important;
	opacity: 1!important;
	line-height: 16px;
	transition: all .2s;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	color: #fff!important;
    background: #007aff!important;
	font-weight: 700!important;
}
.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {	
    bottom: 0!important;
}
/* ページネーションの余白(位置) */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px 30px;
}
p.comment {
	line-height: 1.6;
}
.blue-text {
	font-family: "Lato", sans-serif;
	background: linear-gradient(90deg, #0096da 0%, #7f2b87 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.perfectwin-text {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Lato", sans-serif;
	background: linear-gradient(177deg, #ea5b7a 0%, #f19354 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}
.yellow-back {
	padding: 1px 8px 2px;
	background: #ffe59a;
}
span.red-back {
	font-weight: 700!important;
	color: #f03748;
}

.page--title {
	margin: 50px auto 40px;
}
span.dot-text  {	
	display: inline-block;
	position: relative;
	color: #f03748;	
}
span.dot-text::before {
	position: absolute;
	top: -.7em;
	left: 50%;
	transform: translate(-50%, 0);
	color: #f03748;
	font-size: .85em;
	content: "・";
}
span.dot-text-y  {	
	display: inline-block;
	position: relative;
	color: #fbff2f;
	font-size: 105%;
}
span.dot-text-y::before {
	position: absolute;
	top: -.5em;
	left: 50%;
	transform: translate(-50%, 0);
	color: #fbff2f;
	font-size: .8em;
	content: "・";
}

/********************************************************

Footer

********************************************************/
footer#site--footer {
	max-width: 100%;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #001f2d!important;
}
.wt--inn {
	max-width: 1200px;
	margin: auto;
	padding: 30px 0 20px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
    justify-content: space-between;
}
.wt--inn .address .address-logo  {
	padding-right: 50px;
}
.logo--size {
	width: 180px;
	height: 100%;
}
.wt--inn .address {
	width: 320px;
	padding-right: 60px;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	color: #fff;
	margin-bottom: 0!important;
}
.wt--inn .menu {
	width: calc(100% - 580px);
	display: flex;
	flex-direction: row;
}
.wt--inn .menu ul.footer-Nav {
	width: calc(50% - 60px);
	margin-right: 60px;
	padding-top: 8px;	
}
.wt--inn .menu ul.footer-Nav span::before {
	position: absolute;
	content: "■";
	font-size: 10px;
	color: #fff;
	top: 2px;
	left: 0;
}
.wt--inn .menu ul.footer-Nav span {
    position: relative;
	font-size: 16px!important;
	font-weight: 500!important;
	color: #fff!important;	
	padding-left: 18px;
}
.wt--inn .menu ul.footer-Nav a {
	text-decoration: none!important;
}
.wt--inn .address .title {
	font-size: 18px!important;
	font-weight: 600;
	margin-top: 4px!important;
	margin-bottom: 10px!important;
}
.wt--inn .address p {
	font-size: 13px;
	margin-bottom: 0!important;
}
.wt--inn .address a {
	color: #fff!important;
	text-decoration: none;
}
.pt--inn {
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	padding: 30px 0;	
	background: #001f2d!important;
	border-bottom: 1px solid rgba(255,255,255,.15);
}
.copy {
	font-size: 11px;
	padding: 10px 0 0;
	color: #fff;
	text-align: center;
	margin-bottom: 0!important;
	padding-bottom: 5px;
	background: #001f2d; 
}
div.footer_security_box {
	width: 200px;
	padding: 10px;
    color: #0a1929;
    background: #fff;
    text-align: center;
}
.isms_text {
	font-size: 11px;
	padding: 5px 0;
}

.link--blank {
	position: relative;
	padding-right: 26px;
}
.link--blank::after {
	position: absolute;	
	content: url(/wp-content/uploads/img/blank.svg);
	width: 13px;
	height: 13px;
	top: 9px;
	right: 4px;
}
.wt--inn .menu ul.footer-Nav .link--blank span {
	padding-left: 0;
}
.wt--inn .menu ul.footer-Nav .link--blank span::before {
	content: none;
}





.whatsnew-cateid {
	padding: 0;
}


h2.page--h2 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
    border-bottom: 5px solid rgb(238, 238, 238);
    padding: 20px 0 8px;
	margin-top: 50px;
    margin-bottom: 30px;
}
h2.page--h2::before {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 13%;
    height: 5px;
    content: '';
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
}
h2.h2--ee::before {
    background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
}
div.download_file_list {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
div.download_file_list:nth-of-type(1) {
	margin-bottom: 50px;
}
div.dl--img {
	background: #eee;
	width: 220px;
	height: auto;
	margin-right: 40px;
	border: 1px solid #eee;
}
div.dl--text {
	width: calc(100% - 260px);
	margin-bottom: 0;
}
.entry-content {
	position: relative;
	overflow: hidden;
}
.logo--area--se {
	width: 260px;
	height: auto;
	margin: auto 20px 20px auto;
}

div.page-contents-wrap {
	width: 100%;
	max-width: 100%;
}
div.title--area {	
	position: relative;
	background: linear-gradient(90.81deg, #fef4f3 0%, #fffdf1 90%);
	z-index: 0;
	overflow: hidden;
	padding-bottom: 30px;
}
div.title--area--ee {
	position: relative;
	background: linear-gradient(90.81deg, #ebf7fc 0%, #f5eef6 90%) ;	
	z-index: 0;
	overflow: hidden;
	padding-bottom: 30px;
}
div.title--area::before {
    position: absolute;
	content: "";
	top: -330px;
    left: -600px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
    opacity: .08;
    background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 800px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: multiply;
	overflow: hidden;
}
.logo--bottom,
.logo--bottom--ee {
	position: relative;
	overflow: visible!important;
}
.logo--bottom::after {
    position: absolute;
	content: url(/wp-content/uploads/img/pt-se-logo.svg);
	top: -90px;
    right: 0;
	width: 160px;
	height: auto;
}
.logo--bottom--ee::after {
    position: absolute;
	content: url(/wp-content/uploads/img/pt-ee-logo.svg);
	top: -90px;
    right: 0;
	width: 160px;
	height: auto;
}

div.title--area--ee::before {
	position: absolute;
    content: "";
	top: -330px;
    left: -600px;
    right: -94px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    height: 552px;
    opacity: .4;
    background: url(/wp-content/uploads/img/backgrond--img--ee.svg) right bottom / 800px no-repeat;
    transition: all .3s;
	transform: rotate(0deg);
    mix-blend-mode: multiply;
    z-index: 1;
	overflow: hidden;
}
div.title--area .pankuzu {
	position: relative;
	max-width: 1200px;
	margin: auto;
	z-index: 10;
}
div.page--title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#contents-inn {
	max-width: 1200px;
	margin: 70px auto 50px;
}

div.page--contents {
	width: 100%;
	margin: 80px auto;
}
div.page--contents--top {
	margin: auto;
}
div.structure--box {
	width: 100%;
	margin: 30px auto auto;
	border: 1px solid #f19354;
	background: #fff;
}
div.structure--box .p--text--area {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 10px 0 9px;
	background: linear-gradient(94.26deg, #ea5b7a 75%, #f19354 90%);
}
div.structure--box .structure--box--inn {
	padding: 10px 55px 30px 40px;
	text-align: center;
}
ol.module--list {
	width: 100%;
	margin: 30px auto auto!important;
}
ol.module--list li {
	font-size: 17px;
	padding: 8px 0;
}
ol.module--list li::marker {
	font-weight: 700!important;
}
div.page--inn--box {
	width: 100%;
	margin: 30px auto auto;
	background: rgba(0,150,218,.08);	
	background: #f1fbff;
}
div.page--inn--box ul {
	padding: 25px 30px 25px 20px;
}
div.page--inn--box li {
	font-size: 16px;
}
.point--text--ee {	
	text-align: center;
	margin-top: 60px;
}
.point--text--ee span.midashi--text {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.point--text--ee span.midashi--text::before,
.point--text--ee span.midashi--text::after {
	content: '';
	width: 3px;
	height: 40px;
	background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
}
.point--text--ee span.midashi--text::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.point--text--ee span.midashi--text::after {
	margin-left: 30px;
	transform: rotate(35deg);
	background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
}
.perfectwin-ee--text {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Lato", sans-serif;	
	background: linear-gradient(90deg, #0096da 0%, #7f2b87 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
    transition: .2s ease-out;
}


h3.page--h3 {
	position: relative;
	font-size: 22px;
    padding: 0 30px;
}
h3.page--h3::before,
h3.page--h3::after {
	content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #333;
}
h3.page--h3::before {
	left: 0;
    top: 8px;
}
h3.page--h3::after {
    left: 6px;
    top: 14px;
}
div.before--after--box {
	width: 100%;
	margin: auto;	
	background: linear-gradient(180deg, #ebf7fc 0%, #f5eef6 80%) ;	
	padding: 35px 30px;
}
div.before--after--box .before--box,
div.before--after--box .after--box {
	position: relative;
	padding: 70px 120px 5px 35px;
	background: #fff;
	border: 1px solid #bddeed;
}
div.before--after--box .after--box {
	margin-top: 25px;
	border: 1px solid #ebd4ef;
}
div.before--after--box .before--box::before,
div.before--after--box .after--box::before {
	position: absolute;
    content: "課題";
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    background: #a3a3a3;
    padding: 9px 50px 8px;
    top: 0;
    left: 0;
    border-radius: 0;
}
div.before--after--box .after--box::before {
	content: "効果";
	background: #7f2b87;
}
div.before--after--box .before--box::after,
div.before--after--box .after--box::after {
	position: absolute;
	content: url(/wp-content/uploads/img/ee--before.png);
	width: 124px;
	height: auto;
	bottom: 10px;
	right: -10px;
}
div.before--after--box .after--box::after {
	content: url(/wp-content/uploads/img/ee--after.png);
}
div.before--after--box .before--box .text--box,
div.before--after--box .after--box .text--box {
	margin-bottom: 10px;
}
div.before--after--box .before--box .text--box span,
div.before--after--box .after--box .text--box span {
	position: relative;
	color: #777;
	font-size: 22px;
	font-weight: 700!important;
	padding-left: 35px;
}
div.before--after--box .after--box .text--box span {
	color: #7f2b87;
}
div.before--after--box .before--box .text--box span::before,
div.before--after--box .after--box .text--box span::before {
	position: absolute;
	content: url(/wp-content/uploads/img/before--check.svg);
	width: 30px;
	height: auto;
	top: 0;
	left: 0;
}
div.before--after--box .after--box .text--box span::before {
	content: url(/wp-content/uploads/img/after--check.svg);
}
.kome {
	font-size: 85%;
	padding-left: 16px;
	text-indent: -16px;
	margin-top: -20px!important;
}
.flow-kome {	
	font-size: 80%;
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}
p.top--kome {
	font-size: 80%;
}
span.top--kome {
	font-size: 70%;
	padding: 0 5px;
}
.center--img {
	width: 100%;
    margin: 20px auto -10px;
    display: flex;
    justify-content: center;
}
.padding--all {
	width: 80px;
	height: auto;
	text-align: center;	
	
	box-shadow: 2px 2px 8px rgba(127, 43, 135, .3);
}

#calloutElm {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 340px;
	height: 110px;
	border-radius: 50%;	
	z-index: 999;
}
.callout-container {
	position: relative;
    width: 100%;
	height: 100%;
	background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
    transition: .2s ease-out;
}
.callout-container:hover {
	opacity: .86;
    transition: .2s ease-out;
}
.callout-container .inner {
	padding: 23px 25px 20px;
}
.callout-container p {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;	
	color: #fff;
	margin-bottom: 0;
}
.callout-container a {
	text-decoration: none!important;
}
.callout-container p.title {
	font-size: 23px;
	margin-top: 5px;
}
.closebtn {
    position: absolute;
    top: -5px;
    right: -5px;
    color: white;
    font-size: 30px;
    padding: 10px;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
}
.closebtn img {
	width: 24px;
	height: 24px;	
}
.closebtn:hover {
  color: lightgrey;
}

ul.faq-accordion-question > li > p {
	font-weight: 700;
}
.entry-content #whatsnew-title_list .whatsnew-cateid dl {
	display: flex;
	align-content: center;
}
span.category_icon {
	position: relative;
    width: 76px;
	color: #49b8e6;
	letter-spacing: -.3px;
	font-weight: 700;
	background: #e5f7ff;
	background: #fff;
	border: 2px solid #49b8e6;
	line-height: 1.7!important;
	border-radius: 20px;
}
span.category_icon.event {
	position: relative;
	color: #bd7fc1;
	background: #fef1ff;
	background: #fff;
	border: 2px solid #bd7fc1;
}
span.category_icon.campagin {
	position: relative;
	color: #f3a732;
	background: #fff9ef;
	background: #fff;
	border: 2px solid #f3a732;
}
span.category_icon.news {
	position: relative;
	color: #ee8a9f;
	background: #fff1f4;
	background: #fff;
	border: 2px solid #ee8a9f;
}
.topic_title .newicon {
	text-decoration: none!important;
}
div.footer-contact-area {
	width: 100%;
	margin: -25px auto 0;
	padding: 40px 0;
	background: #333f50;
}
div.footer-contact-area .footer-contact-inner {
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel,
div.footer-contact-area .footer-contact-inner .footer-contact-form {
	width: 50%;
	text-align: center;
	color: #fff;
}
div.footer-contact-area .footer-contact-inner .footer-contact-form {
	border-left: 1px dotted #fff;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel a,
div.footer-contact-area .footer-contact-inner .footer-contact-form a {
	color: #fff;
	text-decoration: none;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel p.tel-comment {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 2px;
	margin-left: 50px;
	margin-top: 8px;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-num {
	font-size: 2.8rem;
	font-weight: 700;
	margin-top: 8px;
	letter-spacing: 1.4px;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-num .top-tel-img {
	width: 35px;
	margin-right: 10px;
}
div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-time {
	font-size: 0.9rem;
	margin-top: 10px;
	margin-left: 40px;
	letter-spacing: 1.1px;
}
div.footer-contact-area .footer-contact-inner .footer-contact-form p {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1.1px;
	line-height: 1.3;
	margin: 40px auto 30px;
}
div.footer-contact-area .footer-contact-inner .footer-contact-form .text-btn-yellow {
	position: relative;
}
div.footer-contact-area .footer-contact-inner .footer-contact-form .text-btn-yellow::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: rgb(249, 186, 19);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
div.footer-contact-area .footer-contact-inner .footer-contact-form .text-btn-yellow:hover::after {
	transform: scale(1, 1);
}
div.footer-contact-area .footer-contact-inner .footer-contact-form a.text-btn-yellow {
	color: #f9ba13;
	transition: all .3s;
}



/************************************************************

フローチャート

************************************************************/
div.flowchart--box .first--box {
	max-width: 1200px;
	display: table;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
div.flowchart--box .first--box .box {
	position: relative;
	width: 400px;
	display: table-cell;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 18px 0;
	background: linear-gradient(90deg, #151f86 1.21%, #261666 79.97%);
}
div.flowchart--box .first--box .box2 {
	width: 400px;
	padding: 18px 0 18px 25px;
	background: linear-gradient(90deg, #261666 1.21%, #634791 79.97%);
}
div.flowchart--box .first--box .box3 {	
	width: 180px;
	padding: 18px 0 18px 25px;
	background: linear-gradient(90deg, #634791 1.21%, #69499d 79.97%);
}
div.flowchart--box .first--box .box4 {	
	width: 220px;
	padding: 18px 0 18px 25px;
	background: linear-gradient(90deg, #69499d 1.21%, #8d6ac0 79.97%);
}
div.flowchart--box .first--box .box:last-child{
	padding-right: 1em;
}
div.flowchart--box .first--box .box:last-child::before,
div.flowchart--box .first--box .box:last-child::after {
	display: none;
}
div.flowchart--box .first--box .box::before,
div.flowchart--box .first--box .box::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin: auto;
}
div.flowchart--box .first--box .box::before {
	top: -15px;
	right: -1em;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 45px 0 45px 1em;
	z-index: 10;
}
div.flowchart--box .first--box .box::after{
	top: -15px;
	right: -.8em;
	border-style: solid;
	border-color: transparent transparent transparent #261666;
	border-width: 45px 0 45px 1em;
	z-index: 10;
}
div.flowchart--box .first--box .box2::after{
	border-color: transparent transparent transparent #634791;
}
div.flowchart--box .first--box .box3::after{
	border-color: transparent transparent transparent #69499d;
}
div.flowchart--box .second--box {
	position: absolute;
	max-width: 1200px;
	display: table;
	padding: 0;
	margin: 3px auto auto;
	overflow: hidden;
}
div.flowchart--box .second--box .box {
	position: relative;
	width: 416px;
	font-size: 14px!important;
	font-weight: 700;
	color: #0a1929;
	text-align: center;
	border-right: 3px solid #fff;
	display: table-cell;
    justify-content: center;
    align-items: center;
}
div.flowchart--box .second--box .box2 {
	width: 400px;	
	padding: 0;
	background: #d9d9d9;
}
div.flowchart--box .second--box .box3 {
	width: 182px;
	background: #d9d9d9;
}
div.flowchart--box .second--box .box4 {
	width: 202px;
	border-right: none;
	background: transparent;
}
div.flowchart--box .second--box .box1,
div.flowchart--box .second--box .box2 {
	display: table-cell;
}
div.flowchart--box .second--box .box1 .box1-1 {
	display: table-cell;
	width: 200px;
	background: transparent;
}
div.flowchart--box .second--box .box1 .box1-2 {
	display: table-cell;
	width: 216px;
	padding: 13px 0;
	background: #d9d9d9;
}
div.flowchart--box .second--box .box2 .box2-1 {
	display: table-cell;
	width: 300px;
	padding: 13px 0;
	border-right: 3px solid #fff;
}
div.flowchart--box .second--box .box2 .box2-2 {
	width: 100px;
	display: table-cell;
    justify-content: center;
    align-items: center;
}
div.flowchart--box .third--box {
	max-width: 1200px;
	margin: 132px auto auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	font-size: 15px;
}
div.flowchart--box .third--box .gray--box {
	position: relative;
	width: 76%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
div.flowchart--box .third--box .gray--box::before {
	position: absolute;
	content: "";
    top: -80px;
    left: 100px;
    right: 100px;
    height: 50px;
    background:
        linear-gradient(to right, #131d85 0%, #131d85 100%) top left 30% / 0.2em 100% no-repeat,
        linear-gradient(to right, #131d85 0%, #131d85 100%) bottom  left / 100% 0.2em no-repeat;
}
div.flowchart--box .third--box .gray--box::after {
	position: absolute;
	content: "";
    top: -33px;
    left: 100px;
    right: 99px;
    height: 33px;
    background:
        linear-gradient(to right, #131d85 0%, #131d85 100%) top left / 0.2em 100% no-repeat,		
        linear-gradient(to right, #131d85 0%, #131d85 100%) top right/ 0.2em 100% no-repeat;
}
div.flowchart--box .third--box .gray--box .box {
	width: 23%;
	margin-right: 3%;
}
div.flowchart--box .third--box .gray--box .box:nth-of-type(4){
	width: 22%;
	margin-right: 0;
}
div.flowchart--box .third--box .box li {
	margin-left: 20px;
}
div.flowchart--box .third--box .test--box {
	position: relative;
	width: 20%;
	margin-right: 0;
	margin-left: 4%;
}
div.flowchart--box .third--box .box .title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	margin-bottom: 15px;
	background: #0a1929;
	border-radius: 5px;
}
div.flowchart--box .third--box .test--box .title {
	position: relative;
	background: #8e6bc1;
	border-radius: 5px 5px 0 0;
}
div.flowchart--box .third--box .test--box .title::before {
	position: absolute;
	content: "※繰り返し";
	font-size: 14px;
	font-weight: 700;
	color: #8e6bc1;
	top: -22px;
	right: 0;
}
div.flowchart--box .third--box .test--box .title::after {
	position: absolute;
	content: url(/wp-content/uploads/img/repeat.svg);
	width: 32px;
	height: 32px;
	bottom: -11px;
	right: -11px;
}
div.flowchart--box .third--box .test--box::before {
	position: absolute;
	content: "";
    top: -80px;
    left: -390px;
    right: 115px;
    height: 32px;
    background:
        linear-gradient(to right, #8e6bc1 0%, #8e6bc1 100%) top left / 0.2em 100% no-repeat,
        linear-gradient(to right, #8e6bc1 0%, #8e6bc1 100%) bottom  left / 100% 0.2em no-repeat;
}
div.flowchart--box .third--box .test--box::after {
	position: absolute;
	content: "";
    top: -51px;
    left: -390px;
    right: 114px;
    height: 53px;
    background:		
        linear-gradient(to right, #8e6bc1 0%, #8e6bc1 100%) top right/ 0.2em 100% no-repeat;
}
ul.test--list {
	background: #f5eef6;
	padding: 15px 15px 20px;
	margin-top: -15px;
	border-radius: 0 0 5px 5px;
}

/****************************************************************

よくある質問

****************************************************************/
.faq-inner {
	height: auto;
	padding: 10px 10px 20px;
	margin: auto;
}
.faq-inner__content {
	width: 100%;
}
.faq-inner__block {
	position: relative;
	border-top: solid 1px gray;
}
.faq-inner__block:last-of-type {
	border-bottom: solid 1px gray;
}
.block-q {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 30px 0 28px;
	line-height: 150%;	
	transition: all 0.3s;
}
.block-q::before {
    content: "";
    position: absolute;
    top: 29px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    transform: rotate(0);
	background: url(/wp-content/uploads/img/lp/ico-faq.png) center center / 28px no-repeat;
    transition: all .3s;
    border: none;	
}
.block-q:hover {
	cursor: pointer;
}
.block-q img {
	align-self: flex-start;
	width: 60px;
	height: 60px;
}
.block-q p.block-p {
	width: calc(100% - 120px);
	margin-left: 15px;
	padding-left: 45px;
	font-size: 18px;
	font-weight: 500;
	line-height: 153%;
	color: #0a1929;
	margin-bottom: 0;
	transition: all 0.3s;
}
.block-q p.block-p::before {
	position: absolute;
	top: 43px;
	width: 12px;
	right: 10px;
	height: 2px;
	content: "";
	background-color: #0a1929;
	transition: 0.2s;
	transform: rotate(-90deg);
}
.block-q p.block-p::after {
	position: absolute;
	top: 43px;
	right: 10px;
	width: 12px;
	height: 2px;
	content: "";
	background-color: #0a1929;
	transition: 0.3s;
}
.block-q.is-open {
	padding: 30px 0 28px;
	background: #f5f5f5;	
	transition: all 0.3s;
}
.block-q.is-open p.block-p::before {
	transform: rotate(0deg);
}
.block-a {
	position: relative;
	display: flex;
	align-items: flex-start;
	height: 0;
	padding: 0;
	overflow: hidden;
	transition: all 0.3s;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.block-a::-webkit-scrollbar {
	display: none;
}
.block-a img {
	width: 60px;
	height: 60px;
}
.block-a p.block-p {
	margin-left: 60px;
	padding-right: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 173%;
	color: #0a1929;
	margin-bottom: 0;
	margin-top: -5px;
}
.block-a.is-open {
	box-sizing: content-box;
	padding-bottom: 20px;
	overflow-y: auto;
	transition: all 0.4s;
	background: #f5f5f5;
}
.title--100--black {
	position: relative;
	width: 100%;
	height: 220px;
	background: #333;
	margin-top: -20px;
}
.title--100--black p {
	position: relative;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	top: 38%;
	z-index: 101;
}

/************************************************

よくある質問

************************************************/
ul.faq-accordion-question > li > p::before {
	top: 23px;
	background: url(/wp-content/uploads/img/ico-faq.svg);
}
ul.faq-accordion-question > li > p {
    padding: 23px 25px 5px 58px;
	margin-bottom: -1px;
	border-bottom: 1px dashed #0a1929;
}
ul.faq-accordion-question > li > p.acc_open {
    background: #fff;
}
ul.faq-accordion-question > li > ul > li {
	margin-top: 0;
	background: #f7f7f7;
}
ul.faq-accordion-question > li > p span::before {
	position: absolute;
	top: 36px;
	width: 12px;
	right: 10px;
	height: 2px;
	content: "";
	background-color: #0a1929;
	transition: 0.2s;
	transform: rotate(-90deg);
}
ul.faq-accordion-question > li > p span::after {
	position: absolute;
	top: 36px;
	right: 10px;
	width: 12px;
	height: 2px;
	content: "";
	background-color: #0a1929;
	transition: 0.3s;
}
ul.faq-accordion-question > li > p span.open {
	transition: all 0.3s;
}
ul.faq-accordion-question > li > p span.open::before {
	transform: rotate(0deg);
}
ul.faq-accordion-question > li:last-child {
	border-bottom: 1px solid #0a1929;
}





/******************************************************************

投稿

******************************************************************/
div.page--contents-wrap {
    margin-top: 0!important;
}
div.page--contents-wrap .contents--inner h1 {
    font-size: 28px!important;
}
.headerMenuArea .headerMenuArea-inner {
    flex-direction: row!important;
    flex-wrap: inherit!important;
    padding: 0!important;
}
.colums_wrap01 {
	margin-top: 50px;
}
.main-navigation li a {
    padding: 16px 0;	
}
.main-navigation ul.nav-menu {
    margin-top: -10px;
}	
h2.news--title {
    position: relative;
    font-size: 26px!important;
    font-weight: 600!important;	
    text-align: center;
    line-height: 1.5;
    padding: 24px 15px 20px 15px!important;
    margin: 80px auto 30px!important;
    z-index: 0;
}
h2.news--title::before,
h2.news--title::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;	
}
h2.news--title::before {
    left: 6px;
    top: 6px;
    background: #f5f5f5;
    z-index: -2;
}
h2.news--title::after {
    left: 0;
    top: 0;
    border: 1px solid gray;
    z-index: -1;
}
h3.news--h3 {
	position: relative;
    font-size: 24px;
    font-weight: 600!important;
	line-height: 1.5;
    text-align: left;
    border-left: 5px solid #eb6077;
    padding: 6px 15px 2px!important;
    color: #000 !important;
    margin: 80px 10px 30px;
    background: #fff!important;	
}
h4.news--h4 {
	position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    padding: 10px 15px;
    margin: 0 10px 20px;
    background: #eee;
}
h4.news--h4::after {
    position: absolute;
    content: '';
    left: 1em;
    bottom: -28px;
    width: 0;
    height: 0;
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
table.news {
    width: 100%;
    margin: auto;
    border: 1px solid #b7b7b7;
}
table.news th,
table.news td {
    width: calc(100% - 160px);
    margin: auto;
    padding: 8px 20px;
    font-size: 17px!important;
    font-weight: 500;
    color: #0a1929;
    border-top: 1px solid #b7b7b7;
}
table.news th {
    width: 160px;
    padding: 8px 20px;
    background: #eee;
    border-right: 1px solid #b7b7b7;
}
.maru {
    position: relative;
    padding-left: 26px;
}
.maru::before{
    position: absolute;
    content: "●";
    font-size: 12px;
    top: 3px;
    left: 8px;
}
.accordion {
	position: relative;
	width: 100%;
	margin: 64px auto 0;
}
.accordion h5 {
	width: 180px!important;
    float: right;
    text-align: center;
    margin: -45px 0 0;
    border: 2px solid #ddd;
	border-radius: 3px;
	padding: 4px 0;
}
.accordion h5 a {
    padding: 8px 25px;
	text-align: center;
	text-decoration: none;
}
.accordion dl {
	cursor: pointer;
	width: 100%;
	margin: auto;
    display: flex;
    flex-direction: column;
	justify-content: flex-start;
}
.accordion dl dt {
	position: relative;
    font-size: 18px !important;
    line-height: 1.6;
    text-align: left;
    font-weight: 600;
    padding: 30px 25px 30px 48px;
    border-top: 1px solid gray;
}
.accordion dl dt span {
	display: inline-block;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	text-indent: -1.5em;
	font-weight: bold;
	padding-right: 10px;
}
.accordion dl dt:before,
.accordion dl dt:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background: black;
	right: 16px;
	top: 48%;
	width: 14px;
	height: 2px;
}
.accordion dl dt:before {
	top: 48%;
	right: 10px;
	transform: rotate(0deg);
}
.accordion dl dt:after {
	top: 48%;
	right: 10px;
	transform: rotate(90deg);
}
.accordion dl dd {
	display: none;
	font-size: 17px;
	line-height: 1.6;
	text-align: left;
	font-weight: 500;
	margin-bottom: 0;
	background: #eee;
	text-decoration: none;
}
.accordion dl dd span {
	display: inline-block;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	font-weight: bold;
}
.accordion dl dt.close {
	background: #eee;
}
.accordion dl dt.close:after {
	transform: rotate(180deg);
}
div.border--box {
	width: 100%;
	padding: 30px 30px 10px;
	border-top: 1px dashed gray;
}
div.border--box p {
	text-decoration: none!important;
	border-bottom: none!important;
}
.maru,
.sankaku,
.maru-kuro {
	position: relative;
	padding-left: 20px;
}
.maru::before,
.sankaku::before,
.maru-kuro::before {
	position: absolute;
	content: "○";
	font-size: 12px;
	top: 3px;
	left: 2px;
}
.sankaku::before {
	content: "◆";
}
.maru-kuro::before {
	content: "●";
}		
.bottom--height {
	margin-bottom: 7px!important;
}
.font-bold {
	font-weight: 700;
}
@media (max-width:600px){	
	div.page--contents-wrap .contents--inner {
		margin-top: 0!important;
	}
	div.page--contents-wrap .contents--inner h1 {
		font-size: 24px!important;
	}
	h3.news--h3 {
		font-size: 22px!important;
	}
    table.news th,
    table.news td {
      width: calc(100% - 100px);
      font-size: 14px!important;
      padding: 6px 10px;
    }
    table.news th {
      width: 100px;
    }
	div.border--box {
		padding: 30px 20px 10px;
	}
}






/*************************************************************

グローバルメニュー　SP版

*************************************************************/
header#masthead .headerMenuArea .sp--headerMenu--list {
	display: none;
}
header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list {
	display: block;
}
@media (max-width:1100px){
	header#masthead .headerMenuArea .sp--headerMenu--list {
		display: block;
	}
	header#masthead .headerMenuArea .headerMenuArea--inn nav.headerMenu--list {
		display: none;
	}
	header#masthead .headerMenuArea {
		width: 100%;
		margin: auto;
	}
	header#masthead .headerMenuArea .headerMenuArea--inn {
		position: relative;
        width: 100%;
		padding: 0 10px;
		background: #fff;
		border-bottom: 1px solid;
		border-image: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
		border-image-slice: 1;
		z-index: 10;
	}
	.site-header h1 img {
		width: 220px;
	}
	.headerMenuArea {
		padding: 0;
	}
	.headerMenuArea .headerMenuArea-inn {
		height: 80px;
		background: rgba(255, 255, 255, 1);
		background: rgba(255,255,255,.95);
		border-bottom: 1px solid;
		border-image: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
		border-image-slice: 1;
	}
	.headerMenuArea .headerMenuArea-inn .headerLogo {
		padding-left: 10px;
		margin-top: 25px;
	}
	div.headerMenuArea-inn {
		position: fixed;
		width: 100%;
		height: 90px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: -1px;
		z-index: 3;
	}
	div.headerMenu--right .hamburger {
		display: block;
		position: fixed;
		top: 21px;
		right: 200px;
		width: 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
		z-index: 3;
	}
	div.headerMenu--right .hamburger span {
		display: block;
		position: absolute;
		width: 40px;
		height: 4px;
		right: 0;
		background: linear-gradient(177deg, #ea5b7a 0%, #f19354 90%);
		border-radius: 15px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	div.headerMenu--right .hamburger span:nth-child(1) {
		top: 10px;
	}
	div.headerMenu--right .hamburger span:nth-child(2) {
		top: 20px;
	}
	div.headerMenu--right .hamburger span:nth-child(3) {
		top: 30px;
	}
	div.headerMenu--right .hamburger.active {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	div.headerMenu--right .hamburger.active span:nth-child(2) {
		width: 0px;
	}
	div.headerMenu--right .hamburger.active span:nth-child(1),
	div.headerMenu--right .hamburger.active span:nth-child(3) {
		-webkit-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	div.headerMenu--right .hamburger.active span:nth-child(1) {
		-webkit-transform: translateY(4px);
		-ms-transform: translateY(4px);
		-o-transform: translateY(4px);
		transform: translateY(4px);
	}
	div.headerMenu--right .hamburger.active span:nth-child(3) {
		-webkit-transform: translateY(-16px) rotate(90deg);
		-ms-transform: translateY(-16px) rotate(90deg);
		-o-transform: translateY(-16px) rotate(90deg);
		transform: translateY(-16px) rotate(90deg);
	}
	div.headerMenuArea nav.sp--headerMenu--list {
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: linear-gradient(177deg, #ea5b7a 0%, #f19354 90%);
		text-align: left;
		transform: translateY(-100%);
		transition: all 0.9s;
		opacity: .98;
		width: 100%;
		height: 100vh;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul {
        position: relative;
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0;
		margin: auto;
        top: 10%;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li {
		position: relative;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		width: calc((100% - 50px) / 2);
		margin: 0 50px 0 0!important;;
		padding: 12px 0;
		transition: .25s ease-in-out;			
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li:nth-of-type(2),
	div.headerMenuArea nav.sp--headerMenu--list ul li:first-child {	
		border-top: 1px solid rgba(255,255,255,.2);
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li:nth-child(2n){		
		margin: 0!important;
	}	
	div.headerMenuArea nav.sp--headerMenu--list ul li::after {
		content: "";
		display: block;
		position: absolute;
		top: 40%;
		right: 15px;
		width: 10px;
		height: 13px;
		background: url(/wp-content/uploads/img/recruit_re/arrow_w.svg) center no-repeat;
		background-size: contain;
		-webkit-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li.blank-- {
		position: relative;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li.blank--::after {
		right: 10px;
		width: 15px;
		height: 15px;
		background: url(/wp-content/uploads/img/recruit_re/icon_window01.png) center no-repeat;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li.blank--:hover::after,
	div.headerMenuArea nav.sp--headerMenu--list ul li:hover::after {
		right: 12px;
		transition: .25s ease-in-out;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li a {
		position: relative;
		display: block;
		font-size: 20px!important;
		font-weight: 600;
		color: #fff;
		padding: 12px 0 12px 5px;
		text-decoration: none;
		vertical-align: middle;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li .sp-menu-form-ico {
		margin-top: -5px;
		width: 30px;
		height: auto;
		margin-right: 10px;
		vertical-align: middle;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li .sp-menu-tel-ico {
		width: 30px;
		height: auto;
		margin-right: 5px;
	}
	div.headerMenuArea nav.sp--headerMenu--list.active {
		transform: translateY(80px);
	}	
}
@media (max-width:900px){
	div.contact--btn {
		display: none;
	}	
	div.headerMenu--right .hamburger {
		right: 60px;
	}
}
@media (max-width:720px){
	div.contact--btn {
		display: none;
	}	
	div.headerMenu--right .hamburger {
		right: 60px;
	}
}
div.tel-num a {
	pointer-events: none;
}
@media (max-width:600px){	
	div.tel-num a {
		pointer-events: auto;
	}
	table.functions--table tr.first {
		background: #ea5b7a;
	}
	div.page--inn--box li {
		font-size: 17px!important;
	}
}

/******************************************************

TOP ソフトウェアテスト工程

******************************************************/
div.top--flowchart--box .box--inn {
	display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 18px;
    list-style: none;
}
div.top--flowchart--box .box--inn .box {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 0 10px;
	padding-right: 10px;
    width: 200px;
    height: 60px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
div.top--flowchart--box .box--inn .box::before,
div.top--flowchart--box .box--inn .box::after {
	position: absolute;
    content: "";
}
div.top--flowchart--box .box--inn .box::before {
	top: 50%;
	right: 0;
    z-index: -1;
    transform: translateY(-50%) scaleX(0.5) rotate(45deg);    
    width: 45px;
    height: 45px;
    border: 4px solid #e5004b;
    border-left: none;
    border-bottom: none;
}
div.top--flowchart--box .box--inn .box::after {
	top: 0;
	left: 0;
	bottom: 0;
    width: 177px;
    border: 3px solid #e5004b;
    border-right: none;
    z-index: -1;
}
div.top--flowchart--box .box--inn .box:last-child {
	width: 181px;
	padding-right: 0;
    padding-left: 5px;
	border-right: 3px solid #e5004b;
	margin-right: 10px;
}
div.top--flowchart--box .box--inn .box:last-child::before {
    content: none;
}
div.top--flowchart--box .box--inn .box:last-child::after {
	width: 180px;
}
div.top--flowchart--box #line1 {
	position: relative;
    font-size: 0;
    width: 3px;
    height: 20px;
    color: #fff;
    background-color: #e5004b;
	left: 69%;
 } 
div.top--flowchart--box #line2 {
	position: relative;
    font-size: 0;
    width: 38%;
    height: 3px;
    color: #fff;
    background-color: #e5004b;   
	left: 45%;
 } 
div.top--flowchart--box #line3 {
	position: relative;
    font-size: 0;
    display: inline;
    width: 3px;
    height: 24px;
    color: #fff;
    background-color: #e5004b;
    float: left;
	top: -3px;
	left: 45%;
 }
div.top--flowchart--box #line4 {
	position: relative;
    font-size: 0;
    display: inline;
    width: 3px;
    height: 24px;
    color: #fff;
    background-color: #e5004b;
    float: left;
	top: -3px;
	left: 57.5%;
 }
div.top--flowchart--box #line5 {
	position: relative;
    font-size: 0;
    display: inline;
    width: 3px;
    height: 24px;
    color: #fff;
    background-color: #e5004b;
    float: left;
	top: -3px;
	left: 70%;
 }
div.top--flowchart--box #line6 {
	position: relative;
    font-size: 0;
    display: inline;
    width: 3px;
    height: 24px;
    color: #fff;
    float: left;
    background-color: #e5004b;
	top: -3px;
	left: 82%;
 }
div.top--flowchart--box .box--inn--in {
	position: absolute;
	left: 40%;
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}
div.top--flowchart--box .box--inn--in .box {
	width: 124px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding: 4px 0 4px;
	margin-right: 22px;
	background: #e5004b;
}
div.top--flowchart--box .box--inn--in .box2 {
	background: #eb613b;
}
div.top--flowchart--box .box--inn--in .box3 {
	background: #ed6c00;
}
div.top--flowchart--box .box--inn--in .box4 {
	background: #f19354;
}
div.top--flowchart--box .box--inn::before {
	content: none;
}
.spacing--text {
	letter-spacing: -1.4px!important;
}
/***********************************************

TOPレスポンシブ

************************************************/
@media(max-width:1200px){	
	div.top--contents--block .inn {
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
	}
	div.map--area {
		width: 100%;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 177px;
	}
	div.top--flowchart--box #line1 {
		left: 68%;	
	}
	div.top--flowchart--box #line2 {
		width: 38%
	}
	div.top--flowchart--box #line4 {
		left: 58%;	
	}
	div.top--flowchart--box #line5 {
		left: 70%;	
	}
	div.top--flowchart--box #line6 {
		left: 82%;
	}
}
@media(max-width:1150px){	
	div.top--flowchart--box #line2 {
		width: 41%
	}
	div.top--flowchart--box #line5 {
		left: 72%;	
	}
	div.top--flowchart--box #line6 {
		left: 85%;
	}
}

@media(max-width:1080px){
	div.top--flowchart--box .box--inn .box::after {
        width: 177px;
    }
	div.top--flowchart--box #line1 {
        left: 70%;
    }
	div.top--flowchart--box #line2 {
		width: 42%;
		left: 46%;
    }
	div.top--flowchart--box #line3 {
		left: 46%;
    }
	div.top--flowchart--box #line4 {
        left: 59%;
    }
	div.top--flowchart--box #line5 {
        left: 73%;
    }
	div.top--flowchart--box #line6 {
        left: 87%;
    }
}
@media(max-width:1065px){
	div.top--flowchart--box .box--inn .box::after {
        width: 175px;
    }
	.line--height--top {
		font-size: 62px!important;
	}
}
@media(max-width:1050px){	
	div.top--flowchart--box .box--inn .box::after {
        width: 173px;
    }
}
@media(max-width:1045px){
	div.top--flowchart--box .box--inn .box::after {
        width: 168px;
    }
}
@media(max-width:1020px){	
	div.top--flowchart--box .box--inn .box::after {
        width: 165px;
    }	
	div.top--flowchart--box #line2 {
		width: 45%;
    }
	div.top--flowchart--box #line4 {
        left: 61%;
    }
	div.top--flowchart--box #line5 {
        left: 76%;
    }
	div.top--flowchart--box #line6 {
        left: 90%;
    }
}
@media(max-width:1005px){	
	div.top--flowchart--box .box--inn .box::after {
        width: 163px;
    }
}
@media(max-width:1000px){
	div.top--flowchart--box .box--inn .box::after {
        width: 159px;
    }
}
@media(max-width:970px){
	div.top--flowchart--box .box--inn .box::after {
        width: 154px;
    }
	div.top--flowchart--box #line2 {
        width: 48%;
		left: 44%;
    }
	div.top--flowchart--box #line3 {
		left: 44%;
    }
	div.top--flowchart--box #line4 {
        left: 60%;
    }
	div.top--flowchart--box #line5 {
        left: 75%;
    }
	div.top--flowchart--box #line6 {
        left: 91%;
    }
	div.top--flowchart--box .box--inn--in {
		left: 38%;
	}
}
@media(max-width:940px){
	div.top--flowchart--box .box--inn .box::after {
        width: 150px;
    }
	div.top--flowchart--box .box--inn--in {
		left: inherit;
        right: 0;
    }
}
@media(max-width:934px){
	div.top--flowchart--box .box--inn .box::after {
        width: 147px;
    }
	div.top--flowchart--box #line6 {
        left: 90.6%;
    }
}
@media(max-width:920px){
	div.top--flowchart--box .box--inn .box::after {
        width: 145px;
    }
	div.top--flowchart--box #line6 {
        left: 90.7%;
    }
}
@media(max-width:900px){
	div.top--flowchart--box .box--inn .box::after {
        width: 141px;
    }
}
@media(max-width:890px){
	div.top--flowchart--box .box--inn .box::after {
        width: 138px;
    }
	div.top--flowchart--box #line2 {
        width: 50%;
        left: 41%;
    }
	div.top--flowchart--box #line3 {
		left: 41%;
	}
	div.top--flowchart--box #line4 {
        left: 55%;
    }
	div.top--flowchart--box #line5 {
        left: 72%;
    }
	div.top--flowchart--box #line6 {
        left: 89.5%;
    }
}
@media(max-width:870px){
	div.top--flowchart--box .box--inn .box::after {
        width: 135px;
    }
}
@media(max-width:860px){
	div.top--flowchart--box .box--inn .box {
		font-size: 16px;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 133px;
	} 
	div.top--flowchart--box #line2 {
        width: 52%;
		left: 39%;
    }
	div.top--flowchart--box #line3 {
		left: 39%;
	}
	div.top--flowchart--box #line4 {
        left: 55%;
    }
	div.top--flowchart--box #line5 {
        left: 72%;
    }
	div.top--flowchart--box #line6 {
        left: 89.5%;
    }
}
@media(max-width:850px){
	div.top--flowchart--box .box--inn .box::after {
		width: 131px;
	} 
}
@media(max-width:840px){
	div.top--flowchart--box .box--inn .box::after {
		width: 130px;
	} 
	div.top--flowchart--box #line2 {
        width: 55%;
		left: 36%;
    }
	div.top--flowchart--box #line3 {
		left: 36%;
	}
	div.top--flowchart--box #line4 {
        left: 53%;
    }
}
@media(max-width:840px){
	div.top--flowchart--box .box--inn .box::after {
		width: 127px;
	} 
}
@media(max-width:810px){
	div.top--flowchart--box .box--inn .box::after {
		width: 123px;
	}
	div.top--flowchart--box #line2 {
		left: 31%;
    }
	div.top--flowchart--box #line3 {
		left: 31%;
	}
	div.top--flowchart--box #line4 {
        left: 49%;
    }
	div.top--flowchart--box #line5 {
        left: 67%;
    }
	div.top--flowchart--box #line6 {
        left: 84.5%;
    }
}
@media(max-width:800px){	
	.entry-content {
		margin: -72px auto auto;
	}	
	div.top--contents--block .inn {
		padding: 50px 10px 130px;
	}
	div.top--contents--block .inn .box--area .box {
		width: calc((100% - 40px) / 3);
		margin-right: 20px;
	}
	div.top--contents--block .inn .box--area .box:last-child {		
		width: calc((100% - 40px) / 3);
		margin-right: 0;
	}
	div.box--area--9 .box {
		width: calc((100% - 40px) / 3);
		margin: 20px 20px 20px 0;
	}
	div.map--area {
		margin-bottom: 10px!important;
	}
	div.map--area .inn {
		padding: 30px 0;
	}
	#assign .box--area .area--inn {
		height: 100%;
	}
	#assign .box-inn-box {
		line-height: 1.5;
	}
	#reason .box--area .box .box--3--title {
		font-size: 20px;
		padding-right: 20px;
		height: 65px;
	}
	#reason .box--area .box .box--3--title::after {
		width: 55px;
		height: 55px;
	}
	div.box--area--4 .box {
		width: calc((100% - 20px) / 2);
		margin: 20px 20px 10px 0;
	}
	.wt--inn {
		padding: 30px 10px 20px;
	}
	.wt--inn .address {
		width: 260px;
	}
	.wt--inn .menu {
		width: calc(100% - 480px);
		flex-direction: column;
	}
	.wt--inn .menu ul.footer-Nav {
		width: 100%;
		margin-right: 0;
	}
	.wt--inn .menu ul.footer-Nav:nth-of-type(2){
		padding-top: 10px;
	}
	div.top--flowchart--box .box--inn .box::after {
        width: 124px;
    }
}
@media(max-width:780px){
	div.top--flowchart--box .box--inn .box::after {
		width: 118px;
	}
	div.top--flowchart--box #line2 {
        width: 58%;
	}
	div.top--flowchart--box #line4 {
        left: 50%;
    }
	div.top--flowchart--box #line5 {
        left: 68%;
    }
	div.top--flowchart--box #line6 {
        left: 87.5%;
    }
}
@media(max-width:768px){
	div.top--flowchart--box .box--inn .box::after {
		width: 118px;
	}
}
@media(max-width:760px){
	div.top--flowchart--box .box--inn .box::after {
		width: 115px;
	}
}
@media(max-width:740px){
	div.top--flowchart--box .box--inn .box {
		font-size: 15px;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 112px;
	}
	div.top--flowchart--box #line2 {
        width: 60%;
        left: 29%;
    }
	div.top--flowchart--box #line3 {
        left: 29%;
    }
	div.top--flowchart--box #line4 {
        left: 49%;
    }
	div.top--flowchart--box #line5 {
        left: 68%;
    }
	div.top--flowchart--box #line6 {
        left: 87.7%;
    }
}
@media(max-width:720px){
	div.top--flowchart--box .box--inn .box::after {
		width: 109px;
	}	
	div.headerMenuArea nav.sp--headerMenu--list ul li {
		width: 100%;
		margin: 0!important;
	}
}
@media(max-width:710px){
	div.top--flowchart--box .box--inn .box::after {
		width: 106px;
	}
}

@media (max-width:700px){	
	div.top--contents--block .inn {
        padding: 40px 10px 100px;
    }
	div.map--area .inn {
        padding: 30px 10px;
    }
	#assign .box--area .area--inn {
		padding: 20px 10px 35px;
	}
	.point--text--b {
		font-size: 23px;
		margin: 15px auto auto!important;
	}
	div.footer-contact-area {
		padding: 40px 0 25px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel p.tel-comment {
		font-size: 20px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-num .top-tel-img {
		width: 26px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-num {
		font-size: 34px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-time {
		font-size: 14px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 24px;
	}
	.wt--inn .address {
		padding-right: 20px;
	}
	.wt--inn .menu {
        width: calc(100% - 440px);
	}
	.pc-hide {
		display: block;
	}
	.sp-hide {
		display: none;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 100px;
	}
	div.top--flowchart--box #line2 {
        width: 66%;
        left: 22%;
    }
	div.top--flowchart--box #line3 {
        left: 22%;
    }
	div.top--flowchart--box #line4 {
        left: 44%;
    }
	div.top--flowchart--box #line5 {
        left: 66%;
    }
	div.top--flowchart--box #line6 {
        left: 86.2%;
    }	
}
@media (max-width:680px){
	div.top--flowchart--box .box--inn .box::after {
		width: 96px;
	}	
}
@media (max-width:660px){
	div.top--flowchart--box .box--inn--in {
        left: 7%;
    }
	div.top--flowchart--box .box--inn .box::after {
		width: 92px;
	}	
}
@media (max-width:640px){
	div.top--flowchart--box .box--inn .box {
        font-size: 14px;
		letter-spacing: -1px;
    }
	div.top--flowchart--box .box--inn--in .box {
		font-size: 13px;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 88px;
	}	
}
@media (max-width:620px){
	div.top--flowchart--box .box--inn .box::after {
		width: 84px;
	}
}
@media (max-width:600px){
	.entry-content {
        margin: -78px auto auto;
    }
	.s--text {
        font-size: 18px!important;
    }
	div.top--contents--block .inn .comment {
		padding: 20px 0;
	}
	div.top--contents--block .inn .box--area .box,
	div.top--contents--block .inn .box--area .box:last-child {
        width: 100%;
        margin-right: 0;
		margin-bottom: 20px;
    }
	div.top--contents--block .inn {
        padding: 30px 10px 30px;
    }
	div.box--area--9 .box {
        width: calc((100% - 20px) / 2);
        margin: 20px 20px 0 0;
    }	
	div.box--area--9 .box:nth-child(2n) {
        margin: 20px 0 0;
    }
	/*div.box--area--9 .box:nth-of-type(3),
	div.box--area--9 .box:nth-of-type(9) {
        margin: 20px 20px 0 0;
    }*/
	div.box--area--9 .box .title {
		font-size: 19px;
	}
	#feature .inn {
		margin-bottom: 0!important;
	}
	.text--bar {
		margin-bottom: -15px!important;
	}
	div.map--area {
		padding-bottom: 50px;
	}
	.img--center img {
		padding-bottom: 0;
	}
	.point--text--b {
        font-size: 22px;
	}
	#assign {
		padding-bottom: 20px;
	}
	#reason .box--area .box .box--3--title {
        font-size: 22px;
        height: 45px;
		padding-top: 3px;
    }
	#news_area_index {
		flex-direction: column;
	}
	#news_area_index .top--page--title,
	#news_area_index .news_field {
		width: calc(100% - 20px);
		margin-right: 10px;
		margin-left: 10px;
	}	
	div.top--flowchart--box .box--inn--in {
        left: 6%;
    }
	div.top--flowchart--box .box--inn .box {
		margin-left: 0;
	}
	div.top--flowchart--box .box--inn .box::after {
		width: 90px;
	}
	div.top--flowchart--box .box--inn--in .box {
		width: 110px;
	}
	
	table.sp--top--difference {
		width: 100%;
		border: none;
	}
	table.sp--top--difference th,
	table.sp--top--difference td {
		width: 100%;
		display: block;
	}
	table.sp--top--difference th {
		text-align: center;
		vertical-align: middle;
		background: #d9d9d9;
		font-weight: 700 !important;
		border: 2px solid #ccc;
		border-bottom: none;
	}
	table.sp--top--difference td {
		display: flex;
		padding: 0!important;
	}
	table.sp--top--difference td .pt--title,
	table.sp--top--difference td .title {
		width: 20%;
		font-size: 14px;
		text-align: center;
		padding: 12px 0;
	}
	table.sp--top--difference td .title {
		background: #f1f1f1;
		border-right: 1px solid #b7b7b7;
	}
	table.sp--top--difference td .pt--title {
		background: #e85686;
		color: #fff;
		border-right: 1px solid #e85686;
	}
	table.sp--top--difference td .pt--text,
	table.sp--top--difference td .text {
		width: 80%;
		font-size: 15px;
		padding: 5px 15px;
	}
	table.sp--top--difference td {		
		border: 2px solid #ccc;
		border-top: none;
	}
	table.sp--top--difference td p {
		margin-bottom: 12px;
	}
	table.sp--top--difference td.pt {
		border: 2px solid #e85686;
		background: #fff9f6;
		font-weight: 700 !important;
	}
	table.sp--top--difference td:nth-of-type(3){
		border-bottom: none;
	}
	table.sp--top--difference tr:last-child td:nth-of-type(3){
		border-bottom: 2px solid #ccc;
	}
	#calloutElm {
		width: 260px;
		height: 90px;
		bottom: 5px;
	}
	.callout-container .inner {
		padding: 18px 15px 15px;
	}
	.callout-container p.title {
		font-size: 19px;
		margin-top: 5px;
	}
	.closebtn {
		top: -3px;
	}
	.form--area {
		width: calc(100% - 20px);
	}
	.search-click {
		width: 100%;
		top: -37px;
		left: 36%!important;
	}
	.floatingBanner {
		display: none;
	}	
	div.top--flowchart--box #line2 {
        width: 71%;
        left: 15%;
    }
	div.top--flowchart--box #line3 {
        left: 15%;
    }
	div.top--flowchart--box #line4 {
        left: 37%;
    }
	div.top--flowchart--box #line5 {
        left: 61%;
    }
	div.top--flowchart--box #line6 {
        left: 84.2%;
    }	
	#assign .box--inn--bottom {
		padding-left: 33px;
	}
	.entry-content #whatsnew-title_list .whatsnew-cateid dl {
		display: block;
	}
}
@media (max-width:580px){
	div.top--flowchart--box .box--inn .box::after {
        width: 86px;
    }
}
@media (max-width:560px){
	div.top--flowchart--box .box--inn--in {
        left: 4%;
    }
	div.top--flowchart--box .box--inn .box:last-child {
		margin-right: 0;
	}
	div.top--flowchart--box .box--inn .box::after {
        width: 83px;
    }	
}
@media (max-width:540px){	
	div.top--flowchart--box .box--inn .box {
        font-size: 13px;
    }
	div.top--flowchart--box .box--inn--in .box {
		font-size: 12px;
	}	
	div.top--flowchart--box .box--inn--in {
        left: 4%;
    }
	div.top--flowchart--box .box--inn .box:last-child {
		margin-right: 0;
	}
	div.top--flowchart--box .box--inn .box::after {
        width: 77px;
    }	
	div.top--flowchart--box .box--inn--in .box {
		width: 106px;
	}
}
@media (max-width:500px){
	div.top--contents--block .inn {
        padding: 65px 10px 30px;
    }
	div.top--flowchart--box .box--inn .box::after {
        width: 72px;
    }
	div.box--area--9 .box {
        width: 100%;
        margin: 20px 0 0;
    }
	div.box--area--9 .box:nth-child(2n) {
        margin: 20px 0 0;
    }
	div.box--area--4 .box {
        width: 100%;
        margin: 20px 0 10px;
    }
	div.box--area--4 .box:nth-child(2n) {
        margin: 20px 0 10px;
    }
	#reason .box--4--title {
		margin-bottom: 15px;
	}
	#news_area_index {
		margin: 40px auto 0;
	}
	div.footer-contact-area {
        padding: 30px 0;
    }	
	div.footer-contact-area .footer-contact-inner .footer-contact-tel p.tel-comment {
		margin-left: 35px;
	}
	div.footer-contact-area .footer-contact-inner {
		flex-direction: column;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel,
	div.footer-contact-area .footer-contact-inner .footer-contact-form {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form {
		border-top: 1px dotted rgba(255,255,255,.5);
		border-left: none;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		margin: 25px auto 0;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel {
		padding-bottom: 25px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel a {
		font-size: 38px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel .tel-num {
        font-size: 34px;
        margin-top: 12px;
    }
	.wt--inn {
		width: calc(100% - 20px);
		padding-right: 10px;
		padding-left: 10px;
		flex-direction: column;
	}
	.wt--inn .address {
		width: 100%;
        padding-right: 0;
		margin-bottom: 30px!important;
    }
	.wt--inn .menu {
        width: 100%;
		margin-bottom: 30px!important;
    }
	.search-click {
        left: 41% !important;
    }
}
@media (max-width:480px){
	div.top--flowchart--box .box--inn {
		flex-direction: column;
	}
	div.top--flowchart--box .box--inn .box,
	div.top--flowchart--box .box--inn .box:last-child {
		width: 92%;
		height: 50px;
		font-size: 17px;
		font-weight: 600;
		margin: 0 0 20px 8%;
		border: 3px solid #e5004b;
		padding-right: 0;
	}
	div.top--flowchart--box .box--inn .box, div.top--flowchart--box .box--inn .box:last-child {
        background: #fff;
    }
	div.top--flowchart--box .box--inn .box::before,
	div.top--flowchart--box .box--inn .box::after,
	div.top--flowchart--box .box--inn .box:last-child::before,
	div.top--flowchart--box .box--inn .box:last-child::after {
		content: none;
	}
	div.top--flowchart--box .box--inn {
		position: relative;
	}	
	div.top--flowchart--box .box--inn .box {
		z-index: 0;
	}	
	div.top--flowchart--box .box--inn::before {
		position: absolute;
		content: "";
		border: 1px solid #e5004b;
		height: 330px;
		top: 0;
		left: 54%;
		z-index: -1;
	}
	div.top--flowchart--box #line1 {
		width: 25px;
        height: 3px;
        top: -116px;
        left: 6px;
    }
	div.top--flowchart--box #line2 {
		position: relative;
		width: 3px;
        height: 294px;
        top: -119px;
        left: 6px;
    }
	div.top--flowchart--box #line2::after {
		position: absolute;
		content: url(/wp-content/uploads/img/arrow--down.svg);
		width: 16px;
		height: 16px;
		top: 64px;
        left: -6px;
    }
	div.top--flowchart--box #line3 {
        width: 149px;
        height: 3px;
        top: -275px;
        left: 7px;
    }
	div.top--flowchart--box #line4 {
		width: 149px;
        height: 3px;
        top: -225px;
        left: -142px;
	}
	div.top--flowchart--box #line5 {
		width: 149px;
        height: 3px;
        top: -175px;
        left: 8px;
	}
	div.top--flowchart--box #line6 {
		width: 149px;
        height: 3px;
        top: -125px;
        left: -142px;
    }
	div.top--flowchart--box .box--inn--in {
		left: 28%;
		display: flex;
		flex-direction: column;
		margin-top: -294px;
	}
	div.top--flowchart--box .box--inn--in .box {
        width: 65%;
        margin-bottom: 10px;
        font-size: 15px;
        padding: 8px 9 9px;
        margin-left: 32%;
    }
	div.headerMenuArea nav.sp--headerMenu--list ul {		
        flex-direction: column;
		top: 7%;
	}
	div.top--flowchart--box #line1 {
        width: 28px;
	}
	div.top--flowchart--box #line3,
	div.top--flowchart--box #line4,
	div.top--flowchart--box #line5,
	div.top--flowchart--box #line6 {
		width: 217px;
	}
	div.top--flowchart--box #line4,
	div.top--flowchart--box #line6 {
		left: -208px;
	}
	div.map--area .inn {
		padding-top: 35px;
	}
	.text--bar {
	    width: 100%;
		display: flex;
		flex-direction: row;
	}
	.sp--text--bar {
		padding-top: 0!important;
	}
	.top--flowchart--box {
		margin-bottom: -150px;
	}
	div.top--contents--block .inn {
		padding-bottom: 30px!important;
	}
}
@media (max-width:473px){
	div.top--flowchart--box #line4,
	div.top--flowchart--box #line6 {
        left: 6px;
    }
	div.top--flowchart--box #line6 {
		top: -130px;
	}
}
@media (max-width:459px){
	.inner--contents {
		width: 100%;
	}
}
@media (max-width:430px){
	div.box--area--9 {
		margin-top: -10px;
	}
	#concept::after {
		top: -110px;
		right: -476px;
		background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 860px no-repeat;
	}
	#assign::after {
		top: -170px;
		left: -600px;
		background: url(/wp-content/uploads/img/backgrond--img.svg) right bottom / 860px no-repeat;
	}
	.entry-content dd.topic_title {
		padding-top: 5px;
	}
	.entry-content #whatsnew-title_list .whatsnew-cateid dl:first-child {
		border-top: 1px dashed #ccc;
	}
	.search-click {
        left: 40% !important;
    }
	div.headerMenuArea nav.sp--headerMenu--list ul li {
		padding: 0;
	}
	div.headerMenuArea nav.sp--headerMenu--list ul li a {
		width: 100%;
		padding: 24px 0 24px 5px;
	}
}
@media (max-width:424px){
	.s--text {
		font-size: 17px!important;
	}
}
@media (max-width:414px){	
	#calloutElm {
		height: 95px;
		bottom: 0;
	}
	div.top--contents--block .inn {
		padding-top: 65px;
	}
	.callout-container p {
		font-size: 12px;
	}
	div.top--flowchart--box #line1 {
        width: 26px;
    }
	div.map--area .inn {
        padding-top: 30px;
    }
	table.sp--top--difference td .pt--title,
	table.sp--top--difference td .title {
        font-size: 15px;
    }
	table.sp--top--difference td .pt--title,
	table.sp--top--difference td .title {
        width: 25%;
    }
	table.sp--top--difference td .pt--text,
	table.sp--top--difference td .text {
        width: 75%;
    }
	table.sp--top--difference td .pt--text, table.sp--top--difference td .text {
		padding: 5px 15px 5px 10px;
	}
	#difference {
		padding-bottom: 40px;
	}
	.search-click {
        left: 39% !important;
    }
	div.footer-contact-area .footer-contact-inner .footer-contact-tel {
		width: calc(100% - 20px);
		padding: 0 10px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 24px!important;
		line-height: 1.5!important;
	}
	.spacing--text {
		letter-spacing: 0!important;
	}	
}
@media (max-width:412px){
	#concept .inn {
		padding-top: 80px;
	}
	.inner--contents p.main {
		margin-bottom: 24px;
	}
	div.top--contents--block .inn {
		padding-top: 50px;
	}
}
@media (max-width:390px){
	div.top--contents--block .inn {
        padding-top: 70px;
    }
	div.map--area .inn {
		padding-top: 30px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel p.tel-comment {
        font-size: 19px;
    }
	div.footer-contact-area .footer-contact-inner .footer-contact-tel a {
        font-size: 32px;
    }
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
        font-size: 22px;
    }
	table.sp--top--difference td .pt--title,
	table.sp--top--difference td .title {
        width: 28%;
    }
	table.sp--top--difference td .pt--text,
	table.sp--top--difference td .text {
        width: 72%;
    }
	.point--text--b {
		font-size: 20px;
		margin-top: -10px!important;
	}
	.text-item {
		line-height: 1.1;
		margin-bottom: 15px;
	}
	div.top--flowchart--box #line4,
	div.top--flowchart--box #line6 {
        left: 7px;
    }
	div.top--flowchart--box #line6 {
        top: -131px;
	}
	div.top--flowchart--box #line5 {
        top: -178px;
	}
}
@media (max-width:386px){
	 .line--height--top {
		 font-size: 41px!important;
	}
	 .s--text {
		 font-size: 14px!important;
	}
}
@media (max-width:384px){
	#concept .inn {
		padding-top: 100px;
	}	
	div.top--contents--block .inn {
		padding-top: 60px;
	}
	div.box--area--9 {
		margin-top: 0;
	}
}
@media (max-width:375px){
	div.top--flowchart--box #line1 {
        width: 24px;
    }
	div.top--contents--block .inn {
        padding: 75px 10px 30px;
    }
	.search-click {
        left: 38%!important;
    }	
	#concept .inn {
		padding-top: 90px;
	}
	div.map--area .inn {
		padding-top: 30px;
	}
}
@media (max-width:366px){
	.line--height--top {
        font-size: 37px !important;
    }	
}
@media (max-width:360px){
	div.map--area .inn {
		padding-top: 30px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 23px!important;
	}	
}
@media (max-width:340px){
	div.top--flowchart--box #line1 {
        width: 24px;
    }	
	div.top--contents--block .inn {
        padding: 75px 10px 30px;
    }
}
@media (max-width:329px){
	.line--height--top {
        font-size: 32px !important;
    }
}
@media (max-width:320px){
	div.top--flowchart--box #line1 {
        width: 24px;
    }
	div.top--contents--block .inn {
        padding: 75px 10px 30px;
    }
}
/************************************************************

下層SP

************************************************************/
div.entry-content .inner .pankuzu {
	margin-top: 80px;
}
div.center_wrap {
    margin-top: 50px;
}
div.page--contents-wrap .contents--inner {
    margin-top: -15px;
}
div.page--contents-wrap {
    margin-top: 0;
}
@media (max-width:1200px){
	.pankuzu {
		max-width: 1200px;
		margin: auto;
		padding: 5px 10px 0;
	}
	.logo--bottom::after,
	.logo--bottom--ee::after {
		width: 140px;
		top: -92px;
		right: 2px;
	}
	#contents-inn {
		padding-right: 10px;
		padding-left: 10px;
	}
	h2.page--h2 {
		font-size: 26px;
	}
	div.flowchart--box .second--box {
		max-width: calc(100% - 20px);
	}
	div.flowchart--box .third--box .test--box .title::after {
		right: -5px;
	}
}
@media (max-width:1100px){
	div.flowchart--box .third--box .gray--box {
		width: 77%;
	}
	div.flowchart--box .third--box .test--box {
		margin-left: 3%;	
	}
	div.flowchart--box .third--box .gray--box .box {
		width: 23%;
		margin-right: 2%;
	}
	div.flowchart--box .third--box .gray--box .box:nth-of-type(4) {
		width: 24%;
	}
	div.flowchart--box .third--box .box .title {
        font-size: 14px;
        padding: 9px 5px;
        line-height: 1.2;
    }
}
@media (max-width:900px){
	div.flowchart--box .third--box .test--box .title::after {
		bottom: -22px;
	}
	div.flowchart--box .first--box .box {
		font-size: 16px;
	}
	div.flowchart--box .third--box .test--box::before {
		left: -290px;
	}
}
@media (max-width:800px){
	div.flowchart--box .first--box .box {
		font-size: 15px;
	}
	div.flowchart--box .second--box .box2 .box2-1 {
		width: 280px;
	}
	div.flowchart--box .second--box .box2 .box2-2 {
		width: 120px;
	}
	div.flowchart--box .third--box .test--box::before {
		left: -270px;
	}
	div.flowchart--box .third--box .gray--box::before {
		left: 63px;
	}
	div.flowchart--box .third--box .gray--box::after {
		left: 63px;
		right: 99px;
	}
	div.flowchart--box .third--box .test--box::before {
        left: -260px;
		right: 76px;
    }
	div.flowchart--box .third--box .test--box::after {
		left: -373px;
		right: 75px;
	}	
}
@media (max-width:700px){
	div.flowchart--box .first--box .box {
		padding: 18px 0 18px 10px;
	}
	div.flowchart--box .second--box .box2 .box2-2 {
		width: 130px;
	}
}
@media (max-width:600px){
	.pankuzu {
		padding: 5px 10px 0;
	}
	div.page-contents-wrap {
		margin: 155px auto auto;
	}
	.page--title {
		margin: 35px auto 25px;
	}
	.text-block-m {
		font-size: 38px!important;
	}
	.point--text1 {		
		font-size: 20px;
	}
	.logo--bottom::after,
	.logo--bottom--ee::after {
		width: 120px;
		top: -65px;
		right: -7px;
	}
	div.title--area--ee::before {
		top: -364px;
		left: -700px;
		background: url(/wp-content/uploads/img/backgrond--img--ee.svg) right bottom / 600px no-repeat;
	}
	#contents-inn {
		width: calc(100% - 20px);
		margin: 50px auto 40px;
	}
	h2.page--h2 {
		font-size: 24px;
		line-height: 1.4;
	}
	.point--text--ee {
		line-height: 1.5;
		margin-top: 40px;
	}	
	.point--text--ee span.midashi--text::before {
		margin-right: 0;
	}
	.point--text--ee span.midashi--text {
		display: inline-block!important;
	}
	div.page--contents {
		margin-top: 40px;
	}
	div.page--inn--box {
		margin: 30px auto -30px;
	}
	div.page--inn--box ul {
		padding: 20px 20px 20px 10px;
	}
	div.before--after--box {
		padding: 25px 20px;
	}	
	div.before--after--box .before--box::before,
	div.before--after--box .after--box::before {
		font-size: 18px;
	}
	div.before--after--box .before--box,
	div.before--after--box .after--box {
		padding: 70px 25px 5px;
	}
	div.before--after--box .before--box::after,
	div.before--after--box .after--box::after {
		content: none;
	}
	div.before--after--box .before--box .text--box span, 
	div.before--after--box .after--box .text--box span {
		font-size: 20px;
		line-height: 1.4;
	}
	div.before--after--box {
		margin-bottom: -30px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
        font-size: 21px;
    }
	div.flowchart--box .box--inn {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
        justify-content: space-between;
	}
	div.flowchart--box .first--box {
		width: 120px;
		display: flex;
		flex-direction: column;
	}
	div.flowchart--box .first--box .box {
		width: 100%;
		padding: 30px 0 0;
		text-align: center;
		font-size: 17px!important;
	}
	div.flowchart--box .first--box .box1 span.top--padding {
		position: relative;
		top: 30%;
	}
	div.flowchart--box .first--box .box2 span.top--padding {
		position: relative;
		top: 32%;
	}
	div.flowchart--box .first--box .box3 span.top--padding {
		position: relative;
		top: 15%;
	}
	div.flowchart--box .first--box .box4 span.top--padding {
		position: relative;
		top: 22%;
	}
	.sp-font-size {
		font-size: 12px;
	}
	div.flowchart--box .first--box .box1 {
		height: 180px;
		background: linear-gradient(180deg, #151f86 1.21%, #261666 79.97%);
	}
	div.flowchart--box .first--box .box::before {
        top: 124px;
        left: -17px;
        border-width: 65px 0px 65px 20px;
        z-index: 10;
		transform: rotate(90deg);
	}
	div.flowchart--box .first--box .box::after {
        top: 122px;
        left: -13px;
        border-width: 65px 0px 65px 20px;
		z-index: 10;
		transform: rotate(90deg);
	}	
	div.flowchart--box .first--box .box2 {
		height: 180px;
		padding: 50px 0 0;
		background: linear-gradient(180deg, #261666 1.21%, #634791 79.97%);
	}
	div.flowchart--box .first--box .box3 {
		height: 120px;
		padding: 50px 0 0;
		background: linear-gradient(280deg, #634791 1.21%, #69499d 79.97%);
	}	
	div.flowchart--box .first--box .box3::before {		
        top: 64px;
	}
	div.flowchart--box .first--box .box3::after {		
        top: 62px;
	}
	div.flowchart--box .first--box .box4 {
		height: 150px;
		padding: 50px 0 0;
		background: linear-gradient(180deg, #69499d 1.21%, #8d6ac0 79.97%);
	}
	div.flowchart--box .first--box .box:last-child {		
		padding-right: 0;
	}
	div.flowchart--box .second--box {
		display: flex;
		flex-direction: column;
		width: 80px;
		margin-left: 125px;		
	}
	div.flowchart--box .second--box .box {
		width: 100%;
		text-align: center;
		border-right: 0;
		line-height: 1.4;
	}
	div.flowchart--box .second--box .box1,
	div.flowchart--box .second--box .box2 {
		display: flex;
		flex-direction: column;
	}
	div.flowchart--box .second--box .box1 .box1-1,
	div.flowchart--box .second--box .box1 .box1-2 {
		width: 100%;
	}
	div.flowchart--box .second--box .box1 .box1-1 {
		height: 80px;
	}
	div.flowchart--box .second--box .box1 .box1-2 {
		height: 113px!important;
		border-bottom: 2px solid #fff;
	}
	div.flowchart--box .second--box .box2 .box2-1 {
		width: 100%;
		height: 108px!important;
		border-bottom: 2px solid #fff;
		border-right: none;
	}
	div.flowchart--box .second--box .box2 .box2-2 {
		width: 100%;
		height: 70px!important;
		border-bottom: 2px solid #fff;
	}
	div.flowchart--box .second--box .box3 {
		height: 118px!important;
	}
	div.flowchart--box .second--box .box1 .box1-2 span {
		position: relative;
		top: 26px;
	}
	div.flowchart--box .second--box .box2 .box2-1 span {
		position: relative;
		top: 31px;
	}
	div.flowchart--box .second--box .box2 .box2-2 span {
		position: relative;
		top: 24px;
	}
	div.flowchart--box .second--box .box3 span {
		position: relative;
		top: 40px;
	}
	div.flowchart--box .Line--area {
		width: 20px;
	}
	div.flowchart--box .Line--area #SPline1 {
		position: absolute;
        font-size: 0;
        width: 3px;
        height: 725px;
        color: #fff;
        background-color: #131d85;
        left: 245px;
		margin-top: 20px;
    }
	div.flowchart--box .Line--area #SPline2 {
		position: absolute;
        font-size: 0;
        width: 27px;
        height: 3px;
        color: #fff;
        background-color: #131d85;
        left: 246px;
        margin-top: 20px;
    }	
	div.flowchart--box .Line--area #SPline3 {
		position: absolute;
        font-size: 0;
        width: 27px;
        height: 3px;
        color: #fff;
        background-color: #131d85;
        left: 245px;
        margin-top: 743px;
    }
	div.flowchart--box .Line--area #SPline4 {
		position: absolute;
        font-size: 0;
        width: 42px;
        height: 3px;
        color: #fff;
        background-color: #131d85;
        left: 205px;
        margin-top: 140px;
    }
	div.flowchart--box .Line--area #SPline5 {
		position: absolute;
        font-size: 0;
        width: 45px;
        height: 3px;
        color: #fff;
        background-color: #8e6bc1;
        left: 227px;
        margin-top: 1013px;
    }	
	div.flowchart--box .Line--area #SPline6 {
		position: absolute;
        font-size: 0;
        width: 3px;
        height: 768px;
        color: #fff;
        background-color: #8e6bc1;
        left: 225px;
        margin-top: 248px;
    }	
	div.flowchart--box .Line--area #SPline7 {
		position: absolute;
        font-size: 0;
        width: 24px;
        height: 3px;
        color: #fff;
        background-color: #8e6bc1;
        left: 204px;
		margin-top: 246px;
	}	
	div.flowchart--box .third--box {
		width: calc(100% - 270px);
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	div.flowchart--box .third--box .gray--box {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-right: 0;		
	}
	div.flowchart--box .third--box .gray--box .box,
	div.flowchart--box .third--box .gray--box .box:nth-of-type(4) {
		width: 100%;
		margin-right: 0;
	}
	div.flowchart--box .third--box .box .title {
		text-align: left;
		padding: 9px 15px;
		margin-bottom: 5px;
	}
	div.flowchart--box .third--box .gray--box::before,
	div.flowchart--box .third--box .gray--box::after,
	div.flowchart--box .third--box .test--box::before,
	div.flowchart--box .third--box .test--box::after {
		display: none;
	}
	div.flowchart--box .third--box .test--box {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	div.flowchart--box .third--box .test--box .title::after {
		bottom: -10px;
        right: -7px;
    }
	.page-id-283 .page--contents {
		margin-bottom: -20px!important;
	}
}
@media (max-width:597px){
	div.flowchart--box .Line--area #SPline1 {
        height: 728px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 745px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1015px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 770px;
	}
}
@media (max-width:594px){
	div.flowchart--box .Line--area #SPline1 {
        height: 727px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 745px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1012px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 767px;
	}
}
@media (max-width:593px){
	div.flowchart--box .Line--area #SPline1 {
        height: 750px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 770px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1035px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 790px;
	}
}
@media (max-width:590px){
	div.flowchart--box .Line--area #SPline1 {
        height: 768px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 788px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1055px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 810px;
	}
}
@media (max-width:583px){
	div.flowchart--box .Line--area #SPline1 {
        height: 854px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 873px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1164px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 919px;
	}
}
@media (max-width:573px){
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1165px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 920px;
	}
}
@media (max-width:557px){
	div.flowchart--box .Line--area #SPline1 {
        height: 855px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 872px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1164px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 919px;
	}
}
@media (max-width:553px){
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1215px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 970px;
	}
}
@media (max-width:550px){
	div.flowchart--box .Line--area #SPline1 {
        height: 855px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 872px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1215px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 970px;
	}
}
@media (max-width:542px){
	div.flowchart--box .Line--area #SPline1 {
        height: 854px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 872px;
	}
	div.flowchart--box .Line--area #SPline6 {
        height: 969px;
	}
}
@media (max-width:537px){
	div.flowchart--box .Line--area #SPline1 {
        height: 906px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 924px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1265px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 1020px;
	}
}
@media (max-width:522px){
	div.flowchart--box .Line--area #SPline1 {
        height: 980px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 1000px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1342px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 1096px;
	}
}
@media (max-width:507px){
	div.flowchart--box .Line--area #SPline1 {
        height: 1007px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 1025px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1368px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 1123px;
	}
}
@media (max-width:505px){
	div.flowchart--box .Line--area #SPline1 {
        height: 1031px;
	}
	div.flowchart--box .Line--area #SPline3 {
		margin-top: 1048px;
	}
	div.flowchart--box .Line--area #SPline5 {
        margin-top: 1390px;
    }
	div.flowchart--box .Line--area #SPline6 {
        height: 1145px;
	}
}
@media (max-width:500px){
	div.flowchart--box .first--box {
		width: 100px;
	}
	div.flowchart--box .second--box {
		width: 72px;
		margin-left: 103px;
    }
	div.flowchart--box .second--box .box {
		font-size: 13px!important;
	}	
	div.flowchart--box .second--box .box span {
		padding: 0 3px;
	}
	div.flowchart--box .second--box .box2 .box2-1 span {
        top: 28px;
    }
	div.flowchart--box .third--box {
		width: calc(100% - 205px);
	}
	div.flowchart--box .Line--area #SPline1 {
		height: 850px;
		left: 193px;
	}
	 div.flowchart--box .Line--area #SPline2 {
		 left: 193px;
	}	
	 div.flowchart--box .Line--area #SPline3 {
		 left: 193px;
		 margin-top: 868px;
	}
	 div.flowchart--box .Line--area #SPline4 {
		 width: 18px;
		 left: 175px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1155px;
		left: 184px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 910px;
		left: 183px;
	}
	div.flowchart--box .Line--area #SPline7 {
		width: 12px;
		left: 174px;
		margin-top: 246px;
  }
}
@media (max-width:488px){
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1205px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 960px;
	}	
}
@media (max-width:472px){
	div.flowchart--box .Line--area #SPline1 {
		height: 875px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 892px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1235px;
		left: 184px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 990px;
	}
}
@media (max-width:465px){
	div.flowchart--box .Line--area #SPline1 {
		height: 898px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 915px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1258px;
		left: 184px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1013px;
	}
}
@media (max-width:457px){
	div.flowchart--box .Line--area #SPline1 {
		height: 983px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1000px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1343px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1097px;
	}
}
@media (max-width:442px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1005px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1024px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1368px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1123px;
	}
}
@media (max-width:440px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1003px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1020px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1363px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1118px;
	}
}
@media (max-width:430px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1024px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1042px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1382px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1136px;
	}
}
@media (max-width:428px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1028px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1047px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1390px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1145px;
	}
}
@media (max-width:414px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1125px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1142px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1535px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1290px;
	}
}
@media (max-width:412px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1177px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1194px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1587px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1342px;
	}
}
@media (max-width:393px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1279px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1297px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1748px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1502px;
	}
}
@media (max-width:390px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1330px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1350px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1805px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1560px;
	}
}
@media (max-width:384px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1349px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1368px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1820px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1575px;
	}
}
@media (max-width:375px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1463px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1480px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 1962px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1717px;
	}
}
@media (max-width:360px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1563px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1580px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 2110px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1865px;
	}
}
@media (max-width:353px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1610px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1628px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 2160px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 1914px;
	}
}
@media (max-width:344px){
	div.flowchart--box .Line--area #SPline1 {
		height: 1790px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 1808px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 2412px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 2166px;
	}
}
@media (max-width:320px){
	div.flowchart--box .Line--area #SPline1 {
		height: 2587px;
	}
	 div.flowchart--box .Line--area #SPline3 {
		 margin-top: 2600px;
	}
	div.flowchart--box .Line--area #SPline5 {
		margin-top: 3430px;
	}
	div.flowchart--box .Line--area #SPline6 {
		height: 3185px;
	}
}







/***********************************************************

よくある質問　レスポンシブ

***********************************************************/
@media (max-width:1200px){
	ul.faq-accordion-question > li > p {
		padding: 23px 25px 5px 40px;
	}
	ul.faq-accordion-question > li > p::before {
		left: 5px;
	}
	ul.faq-accordion-question > li > ul > li {
		padding: 20px 10px 15px;
	}	
}
@media (max-width:600px){
	ul.faq-accordion-question span {
		font-size: 18px;
	}
}
@media (max-width:430px){
	ul.faq-accordion-question > li > p {
        padding: 20px 20px 5px 40px;
    }
}
/********************** 各ページ ****************************/
.colums_wrap02 {
	max-width: 1200px;
	margin: 30px auto;
}
.inline_contents_wrap .center_wrap .inquiry_banner {
	font-size: 28px;
}
@media (max-width:600px){
	.inline_contents_wrap .center_wrap .inquiry_banner {
		font-size: 26px;
		text-align: start;
		padding-right: 10px;
		padding-left: 10px;
	}	
	.column_status_text_wrap {
		padding-right: 10px;
		padding-left: 10px;		
	}
}
/***********************************************************

導入事例　レスポンシブ

***********************************************************/
@media (max-width:1200px){
	ul.pageLink a {
		padding: 50px 145px 50px 50px;
	}
}
@media (max-width:700px){
	ul.pageLink a {
		padding: 50px 125px 50px 30px;
	}
	ul.pageLink li a:hover::before {
		right: 62px;
	}
	ul.pageLink a::before {
		right: 62px;
	}
	ul.pageLink a::after {
		right: 15px;
	}	
}
@media (max-width:600px){	
	#contents-inn {
		padding-right: 0;
		padding-left: 0;
	}
	ul.pageLink a {
		font-size: 28px!important;
        padding: 40px 125px 40px 25px;
    }
	ul.pageLink p {
		font-size: 15px;
	}
	ul.pageLink li a:hover::before {
		right: 64px;
	}
	ul.pageLink a::before {
		right: 64px;
	}
}
@media (max-width:414px){
	ul.pageLink a {
		font-size: 26px!important;
		line-height: 1.5;
        padding: 40px 125px 40px 25px;
    }
}
/***********************************************************

資料ダウンロード　レスポンシブ

***********************************************************/
@media (max-width:1000px){
	.form_wrap {
		padding: 30px!important;
	}
}
@media (max-width:600px){
	.form_wrap {
		padding: 20px!important;
	}
	.page-id-275 .title--area::after {
		content: none;
	}
}
@media (max-width:500px){
	div.download_file_list {
		flex-direction: column;
	}
	div.download_file_list:nth-of-type(1) {
		margin-bottom: 20px;
	}
	div.dl--img {
		width: 180px;
		margin-right: 0;
	}
	div.dl--text {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	ul span:first-of-type {
		-webkit-flex-basis: 100%!important;
		flex-basis: 100%!important;
		margin-bottom: 5px;
	}
}
/***********************************************************

お知らせ　レスポンシブ

***********************************************************/
.entry-content dt.topic_time {
	font-size: 14px;
	font-weight: 500;
}
.entry-content dd.topic_title {
    font-size: 17px;
}
.whatsnew-cateid dl.whatsnew-item {
    padding: 16px 15px 15px;
}
@media (max-width:500px){
	.entry-content dd.topic_title {
		font-size: 16px;
		padding-top: 7px;
	}
}
/***********************************************************

製品情報SE　レスポンシブ

***********************************************************/
@media (max-width:800px){
	div.box--area--6 .box {
		width: calc(100% / 3);
	}
}
@media (max-width:600px){
	ol.module--list li {
		margin-left: 15px;
	}
}
@media (max-width:430px){
	table.functions--table td:first-child {
		padding: 8px 8px 8px 12px;
	}
	table.functions--table td:nth-of-type(2) {
		padding: 8px!important;
	}
	table.functions--table th,
	table.functions--table td {
		word-break: break-all;
		word-wrap: break-all;		
	}
	div.box--area--6 .box {
		padding: 25px 5px 10px 30px
	}
	div.structure--box .structure--box--inn {
		padding: 0 20px 20px 10px;
	}
	div.comment--box::after {
		width: 170px;
		bottom: -20px;
		right: -52px;
	}
	div.comment--box p {
		margin-bottom: 0 !important;
		text-align: start;
		font-size: 16px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel {
		padding: 0 10px 15px;
	}
}
@media (max-width:390px){
	div.title--area::before {
		top: -365px;
		left: -700px;
	}
	div.box--area--6 .box::after {
		width: 30px;
		padding: 10px 8px 10px 3px;
	}
	ol.module--list {
		margin: auto!important;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-tel {
        padding: 0 10px 15px;
    }	
}
/******************************************************************

投稿

*******************************************************************/
@media (max-width:1200px){
	div.pan_kuzu {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media (max-width:800px){
	div.pan_kuzu {
			padding-top: 40px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 24px;		
	}
}
@media (max-width:700px){
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 22px;		
	}
}
@media (max-width:600px){
	div.pan_kuzu {
			padding-top: 45px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 20px;		
	}
	div.entry-content .inner .pankuzu {
		margin-top: 80px;
	}
	div.center_wrap {
		margin-top: -10px;
	}
	.column-page-date {
		padding-right: 10px;
	}
	.colums_wrap01 {
		margin-top: 20px;
	}
	ol.module--list li {
        margin-left: 20px!important;
    }
}
@media (max-width:500px){
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 23px;		
	}
	.text--animation {
		opacity: 1;
	}
	div.page--contents-wrap .contents--inner .img--area {
		width: 100%;
	}
	table.news1 th {
		padding: 0 0 5px!important;
	}
}
@media (max-width:390px){
	div.footer-contact-area .footer-contact-inner .footer-contact-tel {
        width: calc(100% - 20px);
        padding: 0 10px 30px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form {
        width: calc(100% - 20px);
        padding: 0 10px;
	}
	div.footer-contact-area .footer-contact-inner .footer-contact-form p {
		font-size: 22px;		
	}
	table.news1 td {
        padding: 0 10px 10px 5px!important;
	}
}

/*****************+++++++++++++++++++++++++++++****************

お知らせ　ページャー

++++++++++++++++++++++++++++++++++****************************/
.entry-content .whatsnew-wrap {
	height: auto;
}
div.topic_pazing_wrap {
	margin-top: 10px;
}
#news_area_index .topic_pazing_wrap {
	display: none;
}

.search #main {
	display: flex;
    flex-direction: column;
}
h1.midasi01 {
	font-size: 28px;
	margin: 60px auto 20px;
	background: #fff;
}
h1.midasi01 span {
	background: #fff;	
}
h1.midasi01::before {
	background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
}
div.search_resault h1 {
	font-size: 17px!important;
	padding-bottom: 5px;
}
div.search_resault_wrap {
	font-size: 17px!important;
	margin: 20px 0!important;
}
div.search_resault_wrap h2 {
	padding: 0 10px 20px;
}
div.search_resault_wrap p {	
	padding: 0 10px 20px;
}
#breadcrumb {
	margin-top: 30px;
}
@media (max-width:600px){
	h1.midasi01 {
		margin: 100px auto 10px;
	}
}

.perfectwin-text::selection,
.blue-text::selection {
	-webkit-background-clip: text;
    -webkit-text-fill-color: white;
}
::selection {
	color: #fff!important;
    -webkit-text-fill-color: white;
	background: #eb613b;
}
.perfectwin-ee--text::selection {	
	-webkit-background-clip: text;
    -webkit-text-fill-color: white;
	background: #7f2b87;
}
.page-id-283 ::selection {
	color: #fff!important;
    -webkit-text-fill-color: white;
	background: #7f2b87;
}

/*************************************************************************************

★★★★★★★★★★★★★★★★current（カレント）手動設定★★★★★★★★★★★★★★★★
SE 281 / EE 283 / 導入事例　285 / よくある質問 288 / 資料ダウンロード 275 / お知らせ 34　START

*************************************************************************************/
.page-id-281 .headerMenu--list .gNav .text--animation--column span,
.page-id-285 .headerMenu--list .gNav .ta1 span,
.page-id-288 .headerMenu--list .gNav .ta2 span,
.page-id-275 .headerMenu--list .gNav .ta3 span,
.page-id-34 .headerMenu--list .gNav .ta4 span {
	color: #e5004b;
    transition: transform 0.5s ease-in-out cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.page-id-281 .headerMenu--list .gNav .text--animation--column:hover span,
.page-id-285 .headerMenu--list .gNav .ta1:hover span,
.page-id-288 .headerMenu--list .gNav .ta2:hover span,
.page-id-275 .headerMenu--list .gNav .ta3:hover span,
.page-id-34 .headerMenu--list .gNav .ta4:hover span {
	transform: translateY(0);
}
.page-id-283 .headerMenu--list .gNav .text--animation--column--ee span {
	color: #80398f;
    transition: transform 0.5s ease-in-out cubic-bezier(.7, 0, 0, 1), color 0.5s;
}
.page-id-283 .headerMenu--list .gNav .text--animation--column--ee:hover span {
	transform: translateY(0);
}
/*************************************************************************************

★★★★★★★★★★★★★★★★current（カレント）手動設定★★★★★★★★★★★★★★★★
SE 281 / EE 283 / 導入事例　285 / よくある質問 288 / 資料ダウンロード 275 / お知らせ 34　END

*************************************************************************************/


/*************************************************************************************

展示会終了 START

*************************************************************************************/
div.entry-content .inner .pankuzu br,
.entry-content dd.topic_title br {
	display: none;
}
div.close-area {
    position: relative;
    display: block;
    width: 90%;
    margin: 30px auto 40px;
    padding: 50px 20px 30px;
    background: #fff;
    border: 5px solid #d4e0f5;
    border-radius: 10px;
}
div.close-area .ribbon {	
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
    background: #3663af;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
div.close-area .ribbon::before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 38px;
    width: 7px;
    background: #3663af;
    border-radius: 5px 0 0 5px;
}
div.close-area .ribbon::after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -5px;
    border: none;
    height: 7px;
    width: 5px;
    background: #21498c;
    border-radius: 5px 0 0 5px;
}
div.close-area .news-img-area {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
div.close-area .news-img-area .item {
    margin: auto 5px;
}
@media (max-width:600px){
	div.close-area {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 20px;
	}
	div.close-area p {
		line-height: 1.5;
	}
	div.close-area .news-img-area {
		flex-direction: column;
	}
	div.close-area .news-img-area .item {
		margin: 5px 0;
	}
}
/*************************************************************************************

展示会終了 END

*************************************************************************************/
/*************************************************************************************

2025.03.24 お知らせ一覧 START

*************************************************************************************/
article.type-faq .pankuzu_news,
article.type-faq .pankuzu_event,
article.type-faq .pankuzu_report,
article.type-faq .pankuzu_campagin,
article.category-news .pankuzu_faq,
article.category-news .pankuzu_event,
article.category-news .pankuzu_report,
article.category-news .pankuzu_campagin,
article.category-event .pankuzu_faq,
article.category-event .pankuzu_news,
article.category-event .pankuzu_report,
article.category-event .pankuzu_campagin,
article.category-report .pankuzu_faq,
article.category-report .pankuzu_news,
article.category-report .pankuzu_event,
article.category-report .pankuzu_campagin,
article.category-campagin .pankuzu_faq,
article.category-campagin .pankuzu_news,
article.category-campagin .pankuzu_event,
article.category-campagin .pankuzu_report,
article.type-faq .post-date {
	display: none;
}
div.post-date .date {
	font-size: 12px;
	text-align: right;
}
@media (max-width:600px){
    .nav-previous,
    .nav-next {
	    padding: 0 10px;
    }
}
/*************************************************************************************

2025.03.24 お知らせ一覧 END

*************************************************************************************/
/*************************************************************************************

2025.03.24 動画でわかる「PerfecTwin ERP Edition」 START

*************************************************************************************/
div.movie-in {
	margin: 50px auto auto;
    outline-offset: -3px;
	text-align: center;
}
ul.footer-Nav .row2 {
	padding-top: 8px;
}
ul.footer-Nav .row2 .text--animation {
	height: 3.9em;
}
ul.footer-Nav .row2 .text--animation span {
	line-height: 1.6em!important;
}
.pc--view {
	margin-left: -5px;
}
@media (max-width:600px){
    div.movie-in {
        width: 100%;
        max-height: 100%;
    }
	div.text-item .sp--view {
		margin-left: -22px;
	}
	.page-id-389 .text-item {
		line-height: 1.3!important;
		margin-bottom: 0;
	}
	ul.footer-Nav .row2 {
        padding-top: 0;
    }
    ul.footer-Nav .row2 .text--animation {
	    height: 2em;
    }
    ul.footer-Nav .row2 .text--animation span {
	    line-height: 2em!important;
    }
	.page-id-389 .page--title {
        margin: 30px auto 15px!important;
    }
    .page-id-389 .text-block-m {
        font-size: 38px!important;
		text-align: center;
    }
}
/*************************************************************************************

2025.03.24 動画でわかる「PerfecTwin ERP Edition」 END

*************************************************************************************/


/*************************************************************************************

2025.10.20 導入事例 START

*************************************************************************************/
div.casestudy--page .page--contents .point {
	position: relative;
    padding-left: 90px;
    font-size: 20px;
    line-height: 1.86;
    color: #5f7a88;
    font-weight: 600;
    margin-bottom: -40px;
}
div.casestudy--page .page--contents .point::before {
    content: "";
    width: 79px;
    height: 1px;
    background-color: #5f7a88;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 16px;
}
div.casestudy--page .page--contents .voice {
	width: 100%;
	margin-top: -10px;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.casestudy--page .page--contents .voice .v-list {
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	background: #f6f6f6;
	padding: 25px 20px 20px 25px;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}
div.casestudy--page .page--contents .voice .v-list p {
	font-size: 16px;
	font-weight: 700;
}
div.casestudy--page .page--contents .voice .v-list:last-child {
	margin-right: 0;
}
div.voice .v-list .img {
    display: flex;
    justify-content: flex-end;
	margin-top: -40px;
}
div.voice .v-list .img img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
#contents-inn .page--case--top {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin: 30px auto;
}
div.casestudy--page .title--area--ee {
    /*background: linear-gradient(94.26deg, #029bda 1.21%, #681e77 79.97%);
	letter-spacing: 1.4;
	margin-top: -1px;
	z-index: 1000;*/
	opacity: .85;
    background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);	
}
div.casestudy--page .title--area--ee .pankuzu,
div.casestudy--page .title--area--ee .pankuzu a,
div.casestudy--page .title--area--ee .page--title {
	color: #fff;
}
div.casestudy--page .title--area--ee .page--title {
	margin: 55px auto 35px;
}
div.casestudy--page .title--area--ee .page--title .text-block-m {
	font-size: 42px!important;	
	line-height: 1.5;
	letter-spacing: 1.8px;
}
div.casestudy--page .before--after {
	width: 100%;
	margin: 60px auto 40px;
	background: linear-gradient(180deg, rgba(0, 150, 218, .15) 0%, rgba(127, 43, 135, .15) 100%);
	padding: 38px 30px 25px;
	display: flex;
	flex-direction: column;
}
div.casestudy--page .before--after .box {
	width: 100%;
	background: #fff;
	padding: 40px 20px 28px;
}
div.casestudy--page .before--after .before,
div.casestudy--page .before--after .after {
	position: relative;
} 
div.casestudy--page .before--after .center {
	width: 70px;
    height: 50px;
    margin: 3px auto auto;
}
div.casestudy--page .before--after .center img {
	height: 100%;
}
div.casestudy--page .before--after .box p.cm {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0!important;
	color: #000;
}
div.casestudy--page .before--after .before {
	border: 1px solid rgba(0,150,218,.25);
}
div.casestudy--page .before--after .before .tt,
div.casestudy--page .before--after .after .tt {
	margin-top: -37px;
	margin-left: -20px;
	margin-bottom: 18px!important;
}
div.casestudy--page .before--after .before .tt span,
div.casestudy--page .before--after .after .tt span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
    background: #44aad7;
    padding: 6px 20px 5px;
	max-width: 140px;
} 
div.casestudy--page .before--after .after .tt span {
    background: #7f2b87;
} 
div.casestudy--page .before--after .before p.cm,
div.casestudy--page .before--after .after p.cm {
	position: relative;
	padding-left: 32px;
}
div.casestudy--page .before--after .before p.cm::before,
div.casestudy--page .before--after .after p.cm::before {
	position: absolute;
    content: url(/wp-content/uploads/img/before--check.svg);
    width: 25px;
    height: auto;
    top: 4px;
    left: 0;
}
div.casestudy--page .before--after .after p.cm::before {
	content: url(/wp-content/uploads/img/after--check.svg);
}
div.casestudy--page .before--after .after {
	border: 1px solid rgba(127,43,135,.2);
}
div.casestudy--page .before--after .before::after,
div.casestudy--page .before--after .after::after {
	position: absolute;
    content: "Before";
    font-size: 52px;
    font-weight: 700;	
	font-family: "Roboto", sans-serif;
    font-style: italic;
    color: rgba(0, 150, 218, .15);
    top: -16px;
    right: 6px;
}
div.casestudy--page .before--after .after::after {
    content: "After";
    color: rgba(127, 43, 135, .15);
	right: 8px;
}
div.casestudy--page .company {
	width: 100%;
	display: flex;
	flex-direction: row;
    align-items: center;
	justify-content: space-between;
	padding: 35px 40px 25px;
	background: #f6f6f6;
}
div.casestudy--page .company .txt {
	width: 70%;
}
div.casestudy--page .company .img {
	width: 25%;
	margin-left: 5%;
}
div.casestudy--page .company .txt .title {
	font-size: 20px;
	font-weight: 700;
}
div.casestudy--page .company .txt p {
	margin-bottom: 8px!important;
}
.page-id-422 ::selection {
	color: #fff!important;
    -webkit-text-fill-color: white;
	background: #7f2b87;
}
.page-id-422 h2.page--h2 {
    margin-top: 35px;
}
.page-id-422 h3.page--h3 {
	margin-top: 40px;
}
.page-id-422 #contents-inn .page--case--top {
	font-size: 27px;
	line-height: 1.5;
}
div.case-top-img-area {
	max-width: 900px;
	margin: auto auto 40px;
	display: flex;
	flex-direction: row;
}
div.case-top-img-area img {
	width: 46%;
	margin: auto auto auto 0;
}
div.case-top-img-area img:nth-of-type(2) {
	width: 46%;
	margin: auto 0 auto auto;
}
.img-border {
	padding: 3px;
	border: 1px solid #ccc;
}
ul.case-company-list {
	margin-bottom: 10px;
}
ul.case-company-list li {
	margin-left: 30px;
	font-size: 17px;
}
@media (max-width:1000px){
	div.voice .v-list .img {
        margin-top: -40px;
	}
}
@media (max-width:800px){
	div.voice .v-list .img {
        margin-top: -20px;
	}
}
@media (max-width:700px){
	div.casestudy--page .page--contents .voice  {
		flex-direction: column;
	}
	div.casestudy--page .page--contents .voice .v-list {
		width: 100%;
		flex-direction: row;
        align-items: center;
		margin-bottom: 15px;
	}
	div.casestudy--page .page--contents .voice .v-list .txt {
		width: calc(100% - 130px);
		margin-right: 20px;
	}
	div.casestudy--page .page--contents .voice .v-list .img {
		width: 110px;
		height: 110px;
        margin-top: 0;
	}
	div.casestudy--page .page--contents .voice .v-list .img img {
		width: 110px;
		height: 110px;
	}
	div.casestudy--page .before--after {
		margin-top: -10px;
		margin-bottom: 60px;
		padding: 38px 20px 25px;
		flex-direction: column;
        align-items: center;
	}
	div.casestudy--page .before--after .box {
        width: 100%; 
    }
	div.casestudy--page .before--after .before::after, 
	div.casestudy--page .before--after .after::after {
		font-size: 45px;
        right: 5px;
    }
	div.casestudy--page .page--contents .point::before {
		width: 60px;
	}
	div.casestudy--page .page--contents .point {
        padding-left: 72px;
	}
	div.casestudy--page .company {
		flex-direction: column;
		padding: 35px 30px;
	}
	div.casestudy--page .company .txt,
	div.casestudy--page .company .img {
		width: 100%;
		margin-left: 0;
	}
	.page-id-416 .site-content {
		padding-bottom: 0;
	}	
	div.case-top-img-area {
		width: 80%;
		margin: auto;
		flex-direction: column;
	}
	div.case-top-img-area img,
	div.case-top-img-area img:nth-of-type(2) {
		width: 100%;
		margin: auto;
	}
	div.case-top-img-area img:nth-of-type(2) {
		margin-top: 15px;
	}
	div.casestudy--page .before--after .box p.cm {
		font-size: 18px;
	}
}
ul.pageLink a {
	width: 100%;
	font-size: 27px!important;
	line-height: 1.4;
	padding: 30px 110px 30px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
ul.pageLink p {
    position: relative;
    padding-left: 65px;
    font-size: 18px;
    line-height: 1.86;
    color: #5f7a88;
    font-weight: 600;
	margin-bottom: 5px;
	margin-top: 0;
}
ul.pageLink p::before {
    content: "";
    width: 55px;
    height: 1px;
    background-color: #5f7a88;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 16px;
	margin-top: 0;
}
ul.pageLink li a:hover p::before  {	
    background-color: #fff;
}
ul.pageLink li a:hover::before {
	right: 60px;
}
ul.pageLink a::before {
    right: 59px;
}
ul.pageLink a::after {
    right: 11px;
}
.eng-spacing {
	letter-spacing: -2.5px;
}
.left--margin {
	margin-left: -14px;
}
div.page--inn--txt .img--right,
div.page--inn--txt .img--left {
	width: 360px;
	margin: 0 0 20px 30px;
	float: right;
}
div.page--inn--txt .img--left {
	margin: 0 30px 20px 0;
	float: left;
}
div.page--inn--txt .img--right img,
div.page--inn--txt .img--left img {
	width: 100%;
}
ul.pageLink a {
    font-size: 30px!important;
}
ul.pageLink a::before {
    right: 79px;
}
ul.pageLink li a:hover::before {
    right: 80px;
}
ul.pageLink a::after {
    right: 31px;
}
ul.pageLink a {
    padding: 45px 130px 45px 60px;
}
ul.pageLink p {
    font-size: 20px;
    padding-left: 90px;
}
ul.pageLink p::before {
    width: 80px;
}
@media (max-width:600px){
	div.box--area--9 .box:nth-of-type(3),
	div.box--area--9 .box:nth-of-type(9) {
		margin: 20px 0 0 0;
	}
	ul.pageLink p {
		line-height: 1.5;
	}
	.left--margin {
	    margin-left: -12px;
    }
	ul.pageLink p {
        padding-left: 55px;
	}
	ul.pageLink p::before {
        width: 45px;
	}
	ul.pageLink li:first-child a::before {
        right: 53px;
    }
	ul.pageLink li:first-child a:hover::before {
        width: 80px;
        height: 80px;
		right: 54px;
    }
	ul.pageLink li:first-child a::after {
        width: 42px;
        height: 42px;
        background: url(/wp-content/uploads/img/pageLink.svg) center center / 42px no-repeat;
	}
	div.page--inn--txt .img--right,
    div.page--inn--txt .img--left {
	    width: 100%;
	    margin: auto auto 15px;
	    float: none;
    }
}
div.erp--case--box {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
div.erp--case--box .box {
    position: relative;
    width: calc((100% - 40px) / 2);
    margin: 20px 40px 20px 0;
    display: flex;
    flex-direction: column;
    background: #fbfbfb;
    border-left: 2px solid #029bda;
    transition: all .3s;
}
div.erp--case--box .box:nth-of-type(2){
	margin-right: 0;
}
div.erp--case--box .box:hover {
    transform: translateY(-3px);
    transition: all .3s;
}
div.erp--case--box .box::before {   
    background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
}
div.erp--case--box .box::after {
    position: absolute;
    content: url(/wp-content/uploads/img/link--arrow--ee2.svg);
    width: 15px;
    height: 15px;
    bottom: 12px;
    right: 12px;
    transition: all .3s;
}
div.erp--case--box .box:hover::after {
    right: 10px;
    transition: all .3s;
}
div.erp--case--box .box a {
	text-decoration: none;
}
.page-id-283 .page--h3 {
	margin-bottom: 10px;
}
table.table-erp {
	width: 100%;
	margin: auto auto 50px;
	table-layout: fixed;
}
table.table-erp th,
table.table-erp td {
	width: calc(48% /2);
	padding: 10px 12px;
	text-transform: none;
}
table.table-erp th:first-child,
table.table-erp td:first-child,
table.erp--3 th:first-child,
table.erp--3 td:first-child {
	width: 15%;
}
table.table-erp th:nth-of-type(2),
table.table-erp td:nth-of-type(2) {
	width: 37%;
}
table.erp--3 th,
table.erp--3 td,
table.erp--3 th:nth-of-type(2),
table.erp--3 td:nth-of-type(2) {
	width: calc(85% / 2);
}
table.table-erp th {
	text-align: center;
	background: #eee;
	font-weight: 700!important;
	line-height: 1.4;
}
table.table-erp td.td--first,
table.erp--3 td.td--first {
	font-weight: 700!important;
	background: #eee;
}
table.table-erp th.gui {
	background: #ebd4ef;
}
table.table-erp tr.bottom--border {
	border-bottom: 2px solid #a9a9a9;
}
.table--inn--indent {
	font-size: 80%;
	padding-left: 16px;
	text-indent: -16px;
	margin-bottom: 0!important;
}
div.page--inn--box--p {
	background: #f1fbff;
	padding: 25px 30px;
}
div.page--inn--box--p p {
	font-size: 16.5px;
	margin-bottom: 0!important;
}
div.page--contents--last {
	margin-top: -15px;
	margin-bottom: -20px;
}
div.erp--case--box .box:first-child .title {	
	position: relative;	
}
div.erp--case--box .box:first-child .title::after {
    position: absolute;
    content: "";
	top: -10px;
    right: 0;
    width: 56px;
    height: 56px;
    background: url(/wp-content/uploads/img/casestudy/voice1.svg) center center / 56px no-repeat;
}
@media (max-width:600px){
	table.table-erp th,
	table.table-erp td,
	table.table-erp td:first-child,
	table.table-erp th:nth-of-type(2),
	table.table-erp td:nth-of-type(2)  {
		width: calc(80% /3);
		padding: 8px 5px!important;
		font-size: 14px!important;
		line-height: 1.4!important;
		vertical-align: top;
	}
	table.table-erp th:first-child,
	table.table-erp td:first-child {
		width: 20%;
	}
	table.table-erp th {
		vertical-align: middle!important;
	}
	table.erp--3 th,
	table.erp--3 td,
	table.erp--3 th:first-child,
	table.erp--3 td:first-child,
	table.erp--3 th:nth-of-type(2),
	table.erp--3 td:nth-of-type(2)  {
		width: calc(80% /2);
		padding: 8px 5px;
		font-size: 14px!important;
		line-height: 1.4!important;
		vertical-align: top;
	}
	table.erp--3 th:first-child,
	table.erp--3 td:first-child {
		width: 20%;
	}
	div.erp--case--box {
		flex-direction: column;
	}	
	div.erp--case--box .box {
		width: 100%;
		margin: auto auto -20px;
	}
	div.erp--case--box .box:first-child {
		margin-bottom: 20px;
	}
	div.erp--case--box .box:first-child .title {
		padding-right: 65px;
	}
	div.erp--case--box .box:first-child .title::after {
        top: -15px;
        right: -5px;
	}
}
/**************************************

20251020 footerサブメニュー START

**************************************/
ul.footer-Nav li.sub {
	margin-left: 20px;
}
.wt--inn .menu ul.footer-Nav li.sub span::before {
    content: "□";
    top: 1px;
}
/**************************************

20250930 サブメニュー END

**************************************/
/*************************************************************************************

2025.10.20 導入事例 END

*************************************************************************************/



/*************************************************************************************

2025.11.18 TOP MainVisual START

*************************************************************************************/
.entry-content {
	margin: auto;
}
div.top--first .inn {
	padding-top: 50px;
}
div.top--first .inn .comment {
	padding: 30px 0 20px;
}
div.mainVisual {
	position: relative;
    width: 100%;
    height: 570px;	
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 102;
}
div.mainVisual .mainVisual__left__area {
	position: relative;
	width: 50%;
	height: 100%;
}
div.mainVisual .mainVisual__left__area::after {	
	position: absolute;
	content: "";
    bottom: -20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
	height: 224px;
    background: url(/wp-content/uploads/img/main-data-s.png)right bottom / 280px no-repeat;
    transition: all .3s;
	z-index: 1;
	mix-blend-mode: lighten;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner {
	position: relative;
	max-width: 600px;
	margin: auto 0 auto auto;
	top: 20%;
	padding-right: 20px;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
    z-index: 101;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main--s {
	font-size: 20px;
	font-weight: 700;
	margin-top: 50px;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .s--text {
	font-size: 20px!important;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .line--height--top {
	font-size: 54px!important;
	font-weight: 700!important;
	margin-top: -20px;
	margin-bottom: 15px;
	line-height: 1.1;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span {
    position: relative;
    display: inline-block;
    font-size: 54px;
    font-family: Lato;
    font-weight: 700;
	background: linear-gradient(177deg, #ea5b7a 0%, #f19354 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 5px;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, #ea5b7a 0%, #f19354 72%);
    transition: width 0.4s ease;
}
div.mainVisual .mainVisual__left__area:hover .mainVisual-inner .perfectwin-text .line1::after {
    width: 100%;
    transition-duration: 0.4s;
}
div.mainVisual .mainVisual__left__area:hover .mainVisual-inner .perfectwin-text .line2::after {
    width: 100%;
    transition-duration: 0.4s;
}
div.mainVisual .mainVisual__right__area {
    position: relative;
    width: 50%;
    height: 100%;
    background: linear-gradient(135deg, #ebf7fc 0%, #f5eef6 90%);
	background: #f5eef6;
    background-size: 120%;
    background-position: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;	
    transition: all .4s;
}
div.mainVisual .mainVisual__right__area:hover {
     background: linear-gradient(160deg, #b3e6f7 0%, #e3d0ed 90%);
    transition: all .7s;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner {
	position: relative;
	max-width: 600px;
	margin: auto auto auto 0;
	top: 7%;
	padding-left: 35px;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 0;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .s--txt {
	font-size: 14px;
	letter-spacing: -.05;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .point {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	padding-left: 13px;
	margin-top: -10px;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .point::before {
	position: absolute;
	content: "■";
	font-size: 14px;
	left: 0;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .top--list {
	list-style: disc;
	margin-left: 20px;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .link--arrow {
    position: relative;
    padding-left: 20px;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner .link--arrow::before {
    position: absolute;
    content: url(/wp-content/uploads/img/link--arrow--ee2.svg);
    width: 15px;
    height: 15px;
    top: 3px;
    left: 0;
}
.perfectwin-ee--text span {
    position: relative;
    display: inline-block;
    font-size: 54px;
    font-family: Lato;
    font-weight: 700;
    background: linear-gradient(90deg, #0096da 0%, #7f2b87 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 4px;
}
.perfectwin-ee--text span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, #0096da 0%, #7f2b87 72%);
    transition: width 0.4s ease;
}
div.mainVisual .mainVisual__right__area:hover .mainVisual-inner .perfectwin-ee--text .line1::after {
    width: 100%;
    transition-duration: 0.4s;
}
div.mainVisual .mainVisual__right__area:hover .mainVisual-inner .perfectwin-ee--text .line2::after {
    width: 100%;
    transition-duration: 0.4s;
}
div.page-contents-wrap {
    margin: 80px auto auto;
}
div.mainVisual .mainVisual__right__area .mainVisual-inner ::selection{
	color: #fff!important;
    -webkit-text-fill-color: white;
	background: #7f2b87;
}
div.mainVisual .mainVisual__left__area .mainVisual-inner a,
div.mainVisual .mainVisual__right__area .mainVisual-inner a {
	text-decoration: none;
}
.top--pk--txt {
	color: #ea5b7a;
	font-weight: 700!important;
	margin-top: 15px;
}
#calloutElm {
	transition: transform 0.35s ease;
}
.tablet-hide {
    display: none;
}
@media (max-width:1200px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner {
		padding-left: 10px;
	}
	div.mainVisual .mainVisual__right__area .mainVisual-inner {
		padding-right: 10px;
	}
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 52px;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main {
		margin-bottom: 25px;
	}
}
@media (max-width:1100px){
	div.mainVisual .mainVisual__left__area::after {
		right: 10px;
        bottom: -30px;
    }
}
@media (max-width:1050px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .line--height--top {
        margin-bottom: 10px;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p {
		font-size: 16px;
	}	
	div.mainVisual .mainVisual__left__area::after {
        bottom: -20px;
    }
	.tablet-hide,
	.sp-hide {
		display: none;
	}
  	.top--pk--txt {
        margin-top: 10px;
    }
}
@media (max-width:1000px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title  {
        font-size: 22px;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .s--text {
        font-size: 16px!important;
    }
}
@media (max-width:922px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner {
        top: 22%;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 48px;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
        font-size: 20px;
	}
	div.mainVisual .mainVisual__right__area .mainVisual-inner {
        padding-left: 25px;
    }
}
@media (max-width:902px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner {
        top: 18%;
	}
}
@media (max-width:872px){
    div.mainVisual .mainVisual__left__area .mainVisual-inner .s--text {
        font-size: 15px!important;
    }
}
@media (max-width:852px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 45px;
	}
}
@media (max-width:822px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .perfectwin-text .line2 {
		margin-top: -5px;
	}
	div.mainVisual .mainVisual__left__area::after {
        bottom: -25px;
        width: 250px;
    	height: 200px;
        background: url(/wp-content/uploads/img/main-data-s.png)right bottom / 250px no-repeat;
    }
}
@media (max-width:771px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner {
        top: 17%;
    }
	div.mainVisual .mainVisual__right__area .mainVisual-inner {
        top: 8%;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title  {
        font-size: 18px;
	}
	div.mainVisual .mainVisual__right__area .mainVisual-inner .s--txt {
    font-size: 13px;
        }
	div.mainVisual .mainVisual__right__area .mainVisual-inner .point {
        font-size: 16px;
	}
	div.mainVisual .mainVisual__right__area .mainVisual-inner .top--list {
		font-size: 14px;
	}
}
@media (max-width:740px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 42px;
	}
}
@media (max-width:700px){
	div.mainVisual {
		height: auto;
        flex-direction: column;
		margin-top: 80px;
	}
	div.mainVisual .mainVisual__left__area {
		z-index: 102;
	}
	div.mainVisual .mainVisual__right__area {
		z-index: 101;
	}
	div.mainVisual .mainVisual__left__area::after {
        bottom: 50px;
        width: 220px;
        height: 176px;
        background: url(/wp-content/uploads/img/main-data-s.png) right bottom / 220px no-repeat;
    }	
	div.mainVisual .mainVisual__left__area,
	div.mainVisual .mainVisual__right__area {
		width: 100%; 
		padding: 20px 10px;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner,
	div.mainVisual .mainVisual__right__area .mainVisual-inner {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin: auto;
	}	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .cmt,
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .top--pk--txt {
		width: 68%;
		margin: auto auto auto 0;
	}
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .top--pk--txt {
		margin-top: 15px;
	}
	div.top--first .inn {
        padding-top: 30px;
    }
}
@media (max-width:660px){		
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .cmt,
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .top--pk--txt {
		width: 62%;
	}	
}
@media (max-width:630px){	
	div.mainVisual .mainVisual__left__area::after {
        bottom: 80px;
        width: 200px;
        height: 160px;
        background: url(/wp-content/uploads/img/main-data-s.png) right bottom / 200px no-repeat;
    }	
}
@media (max-width:580px){	
	div.mainVisual .mainVisual__left__area::after {
        bottom: -20px;
    }	
}
@media (max-width:540px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 40px;
	}
	div.mainVisual .mainVisual__left__area::after {
        width: 180px;
        height: 144px;
        background: url(/wp-content/uploads/img/main-data-s.png) right bottom / 180px no-repeat;
    }	
}
@media (max-width:480px){	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
		font-size: 40px;
	}	
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .cmt {
		width: 100%;
	}
	div.mainVisual .mainVisual__left__area::after {
        width: 150px;
        height: 120px;
        background: url(/wp-content/uploads/img/main-data-s.png) right bottom / 150px no-repeat;
		bottom: -40px;
    }	
}
@media (max-width:470px){	
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main, div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
        font-size: 16px;
    }
	div.mainVisual .mainVisual__left__area::after {
		bottom: -50px;
    }	
}
@media (max-width:440px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main {
        margin-bottom: 20px;
    }
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.cmt {
        font-size: 15px;
		margin-top: -5px;
    }
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .top--pk--txt {
        margin-top: 10px;
    }	
	div.mainVisual .mainVisual__left__area::after {
		bottom: -50px;
    }	
}
@media (max-width:430px){
	div.mainVisual .mainVisual__left__area::after {
        width: 140px;
        height: 120px;
        background: url(/wp-content/uploads/img/main-data-s.png) right bottom / 140px no-repeat;
		bottom: -45px;
		right: 5px;
    }
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.cmt,
    div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p {
        font-size: 14px;
    }
}
@media (max-width:414px){
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
        font-size: 15px;
    }
}
@media (max-width:412px){
	div.top--first .inn {
        padding-top: 30px!important;
    }
}
@media (max-width:400px){
	div.mainVisual .mainVisual__left__area {
		padding-bottom: 30px;
	}
	div.mainVisual .mainVisual__left__area::after {
		bottom: -35px;
    }
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
        font-size: 15px;
    }
	div.mainVisual .mainVisual__right__area {
		padding-top: 30px;
	}
}
@media (max-width:390px){
	div.mainVisual .mainVisual__left__area::after {
		bottom: -35px;
    }
}
@media (max-width:385px){
	div.mainVisual .mainVisual__left__area::after {
		bottom: -40px;
    }
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents .perfectwin-text span,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .inner--contents .perfectwin-ee--text span {
        font-size: 38px;
    }
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.main,
	div.mainVisual .mainVisual__right__area .mainVisual-inner .title {
        font-size: 14px;
    }
	div.mainVisual .mainVisual__right__area .mainVisual-inner .top--list {
        font-size: 13px;
    }
}
@media (max-width:375px){
	div.mainVisual .mainVisual__left__area::after {
		bottom: -35px;
    }
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p.cmt,
	div.mainVisual .mainVisual__left__area .mainVisual-inner .inner--contents p {
        font-size: 13px;
    }
}
/*************************************************************************************

2025.11.18 TOP MainVisual END

*************************************************************************************/


/*************************************************************************************

2025.11.25 よくある質問 START

*************************************************************************************/
div.title--area .pankuzu a {
	position: relative;
	z-index: 2;	
}
div.title--area--faq {
	padding-bottom: 20px;
}
div.title--area--faq--all {
	padding-bottom: 40px;
}
div.wpb_wrapper .area2 {
	margin-top: 50px;
}
div.product_area_box {
	width: 100%;
	margin: 50px auto auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.product_area_box .product_area_box_item {
    margin: auto 15px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}
div.product_area_box .product_area_box_item p {
	margin-bottom: 0;
}
div.product_area_box .product_area_box_item a,
div.btn--box .faq_top_btn a {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 68px;
    text-decoration: none;
    color: #fff;
    border-radius: 60px;
    transition: ease .3s;
}
div.product_area_box .product_area_box_item a:hover,
div.btn--box .faq_top_btn a:hover {	
    transform: scale(1.03);
    transition: ease .5s;
	opacity: .8;
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
	font-size: 100%;
}
div.product_area_box .product_area_box_item a::after,
div.btn--box .faq_top_btn a::after {
    position: absolute;
    content: "";
    top: 40%;
    transform: rotate(90deg);
    right: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right .4s;
    width: 12px;
    height: 12px;
    background: url(/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}
div.btn--box .faq_top_btn a::after { 
	top: 41%;
    left: 18px;
	transform: rotate(180deg);
}
div.product_area_box .btn-item_se a {
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
	background: #ea5b7a;
}
div.product_area_box .btn-item_ee a {
	background: linear-gradient(94.26deg, #0096da 1.21%, #7f2b87 79.97%);	
	background: #0096da;
}

div.product_area_box .btn-item_all a {
	background: linear-gradient(94.26deg, #ea5b7a 1.21%, #0096da 90.97%);
	background: linear-gradient(94.26deg, #f19354 1.21%, #0096da 90.97%);
	background: #7f2b87;
}
div.btn--box {
	width: 100%;
	margin: auto;
    display: flex;
    justify-content: center;
}
div.btn--box .faq_top_btn {
    margin: auto 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
div.faq_top_btn a {
	background: #333f50;
}
.title--faq {
	margin-top: -80px;
}
div.search_resault_wrap .acc_open {
	position: relative;
    cursor: pointer;
    background: #fff;
    line-height: 1.5;
    border-top: 1px solid gray;
	padding: 23px 25px 5px 58px;
    margin-bottom: -1px;
    border-bottom: 1px dashed #0a1929;
}
.more_btn {
    position: relative;
    font-size: 20px!important;
    font-weight: 700;
    text-align: center;
    margin: 0 auto!important;
    margin-top: 50px!important;
    width: 320px;;
    padding: 20px;
    border-radius: 45px;
    color: #0a1929!important;
    background: #ddd;
    cursor: pointer;
    transition: ease .5s;
}
.more_btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 12px;
    background: #0a1929;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.more_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 12px;
    height: 2px;
    background: #0a1929;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.more_btn:hover {	
	opacity: .5;
    transition: ease .5s;
}
.page-id-454 .product_area_box .btn-item_se a {
	pointer-events: none;
	opacity: .4;
}
.page-id-452 .product_area_box .btn-item_ee a {
	pointer-events: none;
	opacity: .4;
}
article.faq-category-se_faq .inquiry_banner,
article.faq-category-ee_faq .inquiry_banner,
article.faq-category-all_faq .inquiry_banner {
	text-align: left;
}
article.faq-category-se_faq .entry-content .inner .pankuzu,
article.faq-category-ee_faq .entry-content .inner .pankuzuu,
article.faq-category-all_faq .entry-content .inner .pankuzu {
    margin-top: 22px;
}

div.search_resault_wrap {
	margin: 0!important;
}
div.search_resault_wrap p.acc_open {
	position: relative;
    cursor: pointer;
	font-size: 20px;
	font-weight: 700;
    background: #fff;
    line-height: 1.5;
    padding: 17px 25px 20px 58px;
	border-top: none;
}
div.search_resault_cont {
	font-size: 16px;
    padding: 20px 20px 15px;
	background: #f8f8f8;
}
div.cBox_margin .faq-accordion-question > li {
    border-bottom: 1px solid #0a1929;
}
div.cBox_margin .faq-accordion-question > li:first-child {
    border-top: 1px solid #0a1929;
}
div.search_resault_wrap p.acc_open::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    transform: rotate(0);
    background: url(/wp-content/uploads/img/ico-faq.svg);
    transition: all .3s;
    border: none;
}
.faq-accordion-question > li > p span.se,
.faq-accordion-question > li > p span.ee,
.faq-accordion-question > li > p span.all,
.search_resault_wrap p.acc_open .se,
.search_resault_wrap p.acc_open .ee,
.search_resault_wrap p.acc_open .all,
.faq-category-se_faq .inquiry_banner > span > span.se,
.faq-category-ee_faq .inquiry_banner > span > span.ee,
.faq-category-all_faq .inquiry_banner > span > span.all {
    display: inline-flex;
}
.faq-accordion-question > li > p span.se::before,
.faq-accordion-question > li > p span.ee::before,
.faq-accordion-question > li > p span.all::before,
.search_resault_wrap p.acc_open .se::before,
.search_resault_wrap p.acc_open .ee::before,
.search_resault_wrap p.acc_open .all::before,
.faq-category-se_faq .inquiry_banner > span > span.se::before,
.faq-category-ee_faq .inquiry_banner > span > span.ee::before,
.faq-category-all_faq .inquiry_banner > span > span.all::before,
.faq-accordion-question > li > p span.se::after,
.faq-accordion-question > li > p span.ee::after,
.faq-accordion-question > li > p span.all::after,
.search_resault_wrap p.acc_open .se::after,
.search_resault_wrap p.acc_open .ee::after,
.search_resault_wrap p.acc_open .all::after,
.faq-category-se_faq .inquiry_banner > span > span.se::after,
.faq-category-ee_faq .inquiry_banner > span > span.ee::after,
.faq-category-all_faq .inquiry_banner > span > span.all::after {
	content: none;
}
.faq-accordion-question > li > p span.se,
.faq-accordion-question > li > p span.ee,
.faq-accordion-question > li > p span.all,
.search_resault_wrap p.acc_open .se,
.search_resault_wrap p.acc_open .ee,
.search_resault_wrap p.acc_open .all,
.faq-category-se_faq .inquiry_banner > span > span.se,
.faq-category-ee_faq .inquiry_banner > span > span.ee,
.faq-category-all_faq .inquiry_banner > span > span.all {
	position: relative;
	display: inline-block;
    width: 28px;
    height: 28px;
	flex-shrink: 0;  
	margin-right: 5px;
    background-image: url(/wp-content/uploads/img/faq_se_ico.svg);
    background-size: contain;   /* 常に画像を収める */
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    line-height: 0;
}
.faq-accordion-question > li > p span.ee,
.search_resault_wrap p.acc_open .ee,
.faq-category-ee_faq .inquiry_banner > span > span.ee {	
    background-image: url(/wp-content/uploads/img/faq_ee_ico.svg);
}
.faq-accordion-question > li > p span.all,
.search_resault_wrap p.acc_open .all,
.faq-category-all_faq .inquiry_banner > span > span.all {
    width: 60px;
    background-image: url(/wp-content/uploads/img/faq_all_ico.svg);
}
.page-id-288 h3.page--h3 {
	margin-top: 0;
	margin-bottom: 0;
}
.faq-category-se_faq .pankuzu_faq,
.faq-category-ee_faq .pankuzu_faq,
.faq-category-all_faq .pankuzu_faq {
	margin-top: 22px!important;
}
.search--page .search_resault_wrap p.acc_open {
    pointer-events: none!important;
}
.search--page .search_resault_wrap p.acc_open span.se,
.search--page .search_resault_wrap p.acc_open span.ee,
.search--page .search_resault_wrap p.acc_open span.all {
	top: 6px;
}
h3.se--h3,
h3.ee--h3,
h3.all--h3 {
	color: #fff;
	padding: 12px 15px 12px 45px;
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
}
h3.ee--h3 {
    background: linear-gradient(94.26deg, #0096da 1.21%, #7f2b87 79.97%);
}
h3.all--h3 {
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #0096da 90.97%);
}
h3.se--h3::before,
h3.se--h3::after,
h3.ee--h3::before,
h3.ee--h3::after,
h3.all--h3::before,
h3.all--h3::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
}
h3.se--h3::before,
h3.ee--h3::before,
h3.all--h3::before {
    left: 15px;
    top: 18px;
}
h3.se--h3::after,
h3.ee--h3::after,
h3.all--h3::after {
    left: 21px;
    top: 24px;
}
ul.faq-accordion-question {
	padding: 0;
}
div.product_area .faq-accordion-question {
	padding-top: 0;
}
div.product_area .faq-accordion-question > li:first-child > p {
    border-top: none;
}
.link--faq a {
	font-size: 18px; 
}
@media (max-width:600px){
	div.wpb_wrapper .area2 {
		margin-top: 40px;
	}
	div.product_area_box {
	    flex-direction: column;
		justify-content: center;
	}
	div.product_area_box .product_area_box_item {
        margin: auto auto 20px;
    }
	.faq-accordion-question > li > p span.se,
	.faq-accordion-question > li > p span.ee,
	.faq-accordion-question > li > p span.all,
	.search_resault_wrap p.acc_open .se,
	.search_resault_wrap p.acc_open .ee,
	.search_resault_wrap p.acc_open .all,
	.faq-category-se_faq .inquiry_banner > span > span.se,
	.faq-category-ee_faq .inquiry_banner > span > span.ee,
	.faq-category-all_faq .inquiry_banner > span > span.all {
		width: 28px;
		height: 28px;
		top: 11px;
		margin-right: 4px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
  }
	ul.faq-accordion-question span {
        display: inline-block!important;
		margin-top: -3px;
	}
	ul.faq-accordion-question > li > p span.open {		
		margin-top: -8px;
	}
    ul.faq-accordion-question > li > p {
        padding: 23px 20px 0 40px !important;
    }	
	div.search_resault_wrap p.acc_open {
        padding: 16px 5px 20px 58px!important;
	}
	.faq-accordion-question > li > p span.all,
	.search_resault_wrap p.acc_open .all,
	.faq-category-all_faq .inquiry_banner > span > span.all {
		width: 60px;
	}
	.search--page .search_resault_wrap p.acc_open span.se,
	.search--page .search_resault_wrap p.acc_open span.ee,
	.search--page .search_resault_wrap p.acc_open span.all {
        top: 11px;
    }
	ul.faq-accordion-question span {
        padding-right: 8px;
    }
	ul.faq-accordion-question > li > ul > li {
        font-size: 15px;
    }	
}
ul.pageLink a {
    font-size: 32px!important;
}
ul.pageLink a::before {
    right: 79px;
}
ul.pageLink li a:hover::before {
    right: 80px;
}
ul.pageLink a::after {
    right: 31px;
}
ul.pageLink a {
    padding: 45px 130px 45px 60px;
}
ul.pageLink p {
    font-size: 16px;
    padding-left: 60px;
	margin-bottom: 8px;
}
ul.pageLink p::before {
    width: 50px;
}
div.link--block .pageLink .company--txt {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	padding-left: 0;
	margin-bottom: 0;
	font-family: Lato;
    background: linear-gradient(90deg, #0096da 0%, #7f2b87 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div.link--block .pageLink .company--txt span {
	font-size: 65%;
}
div.link--block .pageLink .company--txt::before {
	content: none;
}
div.link--block .pageLink a:hover .company--txt {
	color: #fff!important;
	background: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: #fff;
}
div.link--faq a {
	position: relative;
	width: 100%;
	margin: 50px auto auto;
    display: block;
    background: rgb(255, 255, 255);
    border: 2px solid;
    border-image: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%) 1;
    line-height: 1.5;
    text-decoration: none;
    transition: .3s ease-out;
	overflow: hidden;
}
div.link--faq a:hover {
    opacity: .8;
    background: linear-gradient(94.26deg, #ea5b7a 1.21%, #f19354 79.97%);
    transition: .3s ease-out;
}
div.link--faq--ee a {	
    border-image: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%) 1;
}
div.link--faq--ee a:hover {
    background: linear-gradient(94.26deg, #029bda 1.21%, #80398f 79.97%);
}
div.link--faq span {
	font-size: 13px;
	font-weight: 700;	
    font-family: "Lato", sans-serif;
    color: #fff;
    padding: 5px 20px;
    background-color: #ea5b7a;
    transition: .3s ease-out;
}
div.link--faq:hover span {
    background: #fff;
    color: #ea5b7a;
}
div.link--faq--ee span {
    background-color: #029bda;
}
div.link--faq--ee a:hover span {	
    color: #029bda;
	background: #fff;
    transition: .3s ease-out;
}
div.link--faq a:hover p,
div.link--faq--ee a:hover p {
	color: #fff;
}
div.link--faq p {
	position: relative;
    font-size: 22px!important;
    font-weight: 600!important;
	text-align: center;
	padding: 5px 30px 20px;
	margin-bottom: 0;
	line-height: 1.5;
}
div.comment--box {
	margin-top: -20px;
}
div.link--arrow-bnr {
	position: relative;	
}
div.link--arrow-bnr::after {
    position: absolute;
    content: url(/wp-content/uploads/img/link--arrow.svg);
    width: 15px;
    height: 15px;
	right: 8px;
	bottom: 8px;
}
div.bnr--ee::after {
    content: url(/wp-content/uploads/img/link--arrow--ee-p.svg);
}
div.bnr--ee:hover::after,
div.link--arrow-bnr:hover::after {	
    content: url(/wp-content/uploads/img/link--arrow--w.svg);
}
@media (max-width:600px){
	ul.pageLink {
		margin-bottom: 30px;
	}
	ul.pageLink a {
        padding: 35px 110px 35px 40px;
    }
	ul.pageLink p {
		line-height: 1.3;
	    margin-left: -12px;
		padding-left: 15px;
		margin-bottom: 12px;
	}
	ul.pageLink p::before {
        width: 1px;
		height: 65px;
		top: -2px;
	}
	ul.pageLink a::after {
		right: 10px
	}
	ul.pageLink li:first-child a::before {
        right: 53px;
    }
	ul.pageLink li:first-child a:hover::before {
        width: 80px;
        height: 80px;
		right: 54px;
    }
	ul.pageLink li:first-child a::after {
        width: 42px;
        height: 42px;
        background: url(/wp-content/uploads/img/pdf.svg) center center / 42px no-repeat;
	}
	div.page--inn--txt .img--right,
    div.page--inn--txt .img--left {
	    width: 100%;
	    margin: auto auto 15px;
	    float: none;
    }
	div.link--block .pageLink .company--txt {
        font-size: 28px;
		line-height: 1.3;
	}
	div.link--block .pageLink .company--txt span {
        font-size: 80%;
    }	
    div.link--faq p {	
        font-size: 17px!important;
		padding: 10px 25px 15px;
    }
	div.link--faq--ee {
		margin-bottom: -30px;
	}
}
/*************************************************************************************

2025.11.25 よくある質問 END

*************************************************************************************/
#difference {
	padding-bottom: 0;
}
.site-content {
	padding-bottom: 30px;
}