h1,h2,h3,h4,h5,h6 {line-height:1.4;}
h1.itemlistcaptionh1 {font-size:8rem;line-height:1.2;}
h2 {margin:1rem 0;padding:1rem!important;color:#fff!important;background:#03004c;}
h2.fs-c-productName a {color:#fff;}
h3 {margin:1rem 0;padding:1rem;color:#03004c;border-bottom:2px solid #03004c;}
.contentwidth h3 {margin:0;color:#000;font-size:120%;line-height:1.1;border-bottom:0;}
ul {margin:0;padding:0 0 0 2.5rem;}
ol {margin:0;padding:0 0 0 2rem;}

.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }

.contentwidth {width:1300px;margin:0 auto;}

.headlogo {width:230px;height:auto;}
.headiconnav {display:flex;justify-content:center;align-items:center;}
.headiconnav img {width:50px;height:auto;}
.frame-h1 {height:130px;display:flex;justify-content:center;align-items:center;}
.frame-h1 h1.contents-h1 {color:#03004c;font-size:4rem;font-weight:bold;}

.globalnavigation {display:flex;justify-content:center;align-items:center;}
.globalnavigation a {margin:.2rem;padding:.5rem .7rem;display:inline-block;}

.footcontents {padding:1rem;background:#03004c;}
.footdata {width:100%;margin:0 auto;display:flex;}
.footdata > div {width:calc(100% / 4);}
.footdata > div a {padding:.3rem;display:block;}
.footdata > div.foot01 .footsns a {display:inline-block;}
.footlogo {width:200px;height:auto;}
.footsns a {display:inline-block;}
.footsns a:nth-child(2) {margin:0 .5rem;}
.footsns img {width:30px;height:auto;}

.service a img {opacity:1;transition:.3s all ease-in;}
.service a img:hover {opacity:.5;}

.gridnav a {width:23.55555%;height:150px;margin:.5%;display:inline-flex;justify-content:center;align-items:center;}
.gridnav a img {width:50px;height:auto;}

.gridbrandnav a {width:23.55555%;margin:.5%;display:inline-block;vertical-align:top;}
.gridbrandnav a img {width:100%;height:auto;}

.smallgridnav a {width:calc(100% / 6);padding:2rem 0;display:inline-flex;justify-content:center;align-items:center;}
.smallgridnav a img {width:100px;height:auto;}

.subtxtlink a {padding:.3rem;color:#fff;font-size:80%;font-weight:bold;display:block;}

.infobox {margin:2rem;padding:2rem;border:1px solid #03004c;}

.lineframe {margin:2rem 0;padding:2rem 0 1rem 0;border-top:1px solid #00005a;}

.btnblock a {margin:.5rem 0;padding:.5rem .8rem;color:#000;background:#ccc;display:inline-flex;justify-content:center;align-items:center;}

.tableframe {width:95%;margin:0 auto;border-collapse:collapse;}
.tableframe th,.tableframe td {padding:1.3rem;border:1px solid #00005a;}
.tableframe th {color:#00005a;background:#DCF2F1;}

.listcolumn2 {margin:.5rem 0;display:flex;justify-content:flex-start;align-items:flex-start;}
.listcolumn2 .lefts.dates {width:10%;margin:0 .5rem 0 0;padding:.3rem .6rem;color:#000;text-align:center;background:#ccc;}
.listcolumn2 .rights.details {width:90%;padding:.3rem .6rem;}

.fs-pt-menu__item.fs-pt-menu__item--lv1 {width:100%;margin:1rem 0;padding:1.3rem;color:#333;background:#ddd;border:1px solid #ccc;}
.fs-c-button--primary {padding:2rem 0;font-weight:bold;background:#00003f;border:0;display:inline-block;}

#fs_Top .secondview {display:none;}

.framespace {margin:1.5rem 0;}
.faqspace {margin:.6rem 0;}

.youtubeframe {
width: 100%;
aspect-ratio: 16/9;
}

.headcatch {width:100%;margin:.3rem auto 0 auto;padding:0 1%;color:#000;font-size:135%;font-weight:bold;text-align:center;letter-spacing:0;background:#ddd;}

.topicframe {margin:.8rem 0;padding:.8rem 1rem!important;color:#fff!important;font-size:1.8rem;background:#295F98;border-radius:.8rem;}

.fs-l-productLayout__item h2 a {color:#fff;}
.fs-l-productLayout.fs-system-product h2 a {color:#fff;}
.fs-c-newUsers__title.fs-c-subSection__title {color:#fff;}
.fs-c-registeredUsers__title.fs-c-subSection__title {color:#fff;}
.fs-c-linkedServiceLogin__title {color:#fff;}
.fs-p-announcement__title {color:#fff;}

.w20 {width:20%;}
.w80 {width:80%;}

.img-space {margin:1rem;}
.img-middle {width:70%;height:auto;}
.img-fix {width:100%;height:auto;}

.ta-c {text-align:center;}
.ta-r {text-align:right;}
.typo-xlarge {font-size:2.3rem;font-weight:bold;}
.typo-large {font-size:1.8rem;font-weight:bold;}
.typo-middle {font-size:1.3rem;font-weight:bold;}
.typo-small {font-size:.8rem;font-weight:bold;}
.typo-xxsmall {font-size:.7rem;font-weight:bold;}
.typo-main {color:#00005a;}
.typo-red {color:#f00;}
.typo-topic {color:#f60;font-weight:bold;}

.w3per {width: 3%;}
.w5per {width: 5%;}
.w10per {width: 10%;}
.w13per {width: 13%;}
.w15per {width: 15%;}
.w20per {width: 20%;}
.w22per {width: 22%;}
.w22per {width: 22%;}
.w30per {width: 30%;}
.w40per {width: 40%;}
.w45per {width: 45%;}
.w50per {width: 50%;}
.w60per {width: 60%;}
.w65per {width: 65%;}
.w70per {width: 70%;}
.w80per {width: 80%;}
.w90per {width: 90%;}
.w95per {width: 95%;}
.w97per {width: 97%;}

.pcview {display:block!important;}
.spview {display:none!important;}

/*==================================================
ギャラリーのためのcss
参考：https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-2-1/6-2-1.html
===================================*/
.gallery{columns:5;/*段組みの数*/padding:0 15px;/*ギャラリー左右に余白をつける*/}
.gallery li {margin-bottom: 20px;/*各画像下に余白をつける*/list-style-type:none;}/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{width:100%;height:auto;vertical-align: bottom;/*画像の下にできる余白を削除*/}
/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
.gallery{columns:3;}	
}
@media only screen and (max-width: 768px) {
.gallery{columns: 2;}	
}
/*画像を出現させるアニメーションCSS*/
.flipLeft{animation-name: flipLeft;animation-duration:0.5s;animation-fill-mode:forwards;perspective-origin: left center;opacity: 0;}

@keyframes flipLeft{
  from {transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);opacity: 0;}
  to {transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);opacity: 1;}
}

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

/* ＝＝＝＝＝＝＝＝＝＝ qa ＝＝＝＝＝＝＝＝＝＝ */
.qa img {width: 20px;}
.qalist a {width:47.5%;margin:.5rem;padding:1rem;display:inline-block;}
.qalistnav {
width: 45%;
padding: 10px;
border: 2px solid #ccc;
display: block;}
.qa dt {
padding: 0 0 0 24px;
font-size:130%;
background: url("https://next.itembox.design/item/icon-qqq.png?t=20240926083932") top left no-repeat;background-size:20px;}
.qa dd {
margin: .5rem 0 2rem 0;
padding: .6rem;
background: url("../images/parts/icon-aaa.png") 0 4px no-repeat;}
.qa dd,div.setumei {display: none;}
.qa button {
width: 100%;
margin: 1rem 0;
padding: .3rem .6rem;
text-align: left;
border: none;}
.listqabtn {padding:.5rem;font-size: 110%;font-weight: bold;position: relative;}
.listqabtn span {top: auto;bottom: auto;right:10px;position: absolute;}
.bg-lightblue {background: #cdeaff;}

@media screen and (max-width: 667px) {
.pcview,.spdispnone {display:none!important;}
.spview {display:block!important;}

h1.itemlistcaptionh1 {font-size:5rem;line-height:1.2;}
.frame-h1 h1.contents-h1 {font-size:2.8rem;}
.contentwidth {width:93%;}
.headlogo {width:180px;height:auto;}
.globalnavigation {display:block;text-align:center;}
.globalnavigation a {width:45%;}
.frame-h1 {width:96%;height:auto;padding:1rem .6rem;}
.footdata {flex-direction:column;}
.footdata > div {margin:1rem 0;width:calc(100%);}
.footdata > div a {display:inline-block;}
.gridnav a {width:48%;height:100px;display:inline-flex;}
.gridbrandnav a {width:31.55555%;}
.gridbrandnav h3 a {width:100%!important;}
.smallgridnav a {width:calc(100% / 4);}
.fs-pt-menu__item.fs-pt-menu__item--lv1 {width:100%!important;}
.listcolumn2 .lefts.dates {width:25%;}
.listcolumn2 .rights.details {width:75%;}
.tableframe th,.tableframe td {width:100%;display:block;}

.qalist a {width:96%;}
.w15per {width: 45%;}
.headcatch {font-size:95%;}

.spbtn {top:1.5rem;right:1.5rem;width:4rem;height:5rem;padding:.5rem;background:#fff;border:1px solid #000;border-radius:.3rem;cursor:pointer;position:fixed;z-index:999;}
/* .spbtn {top:0;right:0;width:2rem;height:2rem;padding:.5rem;background:#FFC436;cursor:pointer;position:fixed;z-index:999;} */
.spbtn span {width:calc(100% - 1rem);height:.2rem;background:#222;display:block;position:absolute;transition:.3s all ease-in;}
.spbtn span:nth-of-type(1) {top:14px;}
.spbtn.activenav span:nth-of-type(1) {top:16px;transform: translateY(6px) rotate(-45deg);}
.spbtn span:nth-of-type(2) {top:23px;}
.spbtn.activenav span:nth-of-type(2) {opacity:0;}
.spbtn span:nth-of-type(3) {top:32px;}
.spbtn.activenav span:nth-of-type(3) {top:16px;transform: translateY(6px) rotate(45deg);}
.globalnavigation {top:0;left:200%;width:100%;height:100%;background:#fff;overflow-y:scroll;display:flex;flex-flow:column;justify-content:center;align-items:center;position:fixed;z-index:998;transition:1s all cubic-bezier(0.23, 1, 0.320, 1);}
.globalnavigation a {width:calc(100% / 7);padding:1rem 1rem 1.2rem 1rem;color:#000;font-size:1.3rem;font-weight:bold;line-height:1.1;letter-spacing:.1rem;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative;}
.globalnavigation.panelactive {left:0;}
.globalnavigation.panelactive a {width:calc(50vw);margin:0 auto;display:block;}
.footnav a {padding:.5rem;color:#000;font-size:.9rem;text-decoration:none;border-bottom:0;display:inline-block;}
.footnav a:hover {color:#000;}
@media (any-hover:hover) {
	.glnav a:hover::before {content:"";left:0;bottom:0;border-bottom:3px solid #222;position:absolute;animation:border_anim .5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
	@keyframes border_anim {
		0%{width: 0%;}
		100%{width: 100%;}
	}
}
}
@media screen and (max-width: 430px) {
.gridbrandnav a {width:47.55555%;}
}