@charset "utf-8";

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

  common parts
	
************************************************** */

.u-mt-0{
    margin-top: 0px!important;
}

.u-mt-4{
    margin-top: 4px!important;
}

.u-mt-6{
    margin-top: 6px!important;
}

.u-mt-8{
    margin-top: 8px!important;
}

.u-mt-12{
    margin-top: 12px!important;
}

.u-mt-16{
    margin-top: 16px!important;
}

.u-mt-28{
    margin-top: 28px!important;
}

.u-mt-32{
    margin-top: 32px!important;
}

.u-mt-40{
    margin-top: 40px!important;
}

.u-mt-64{
    margin-top: 64px!important;
}

.u-mt-84 {
    margin-top: 84px!important;
}

.u-mb-0{
    margin-bottom: 0px!important;
}

.u-mb-4{
    margin-bottom: 4px!important;
}

.u-mb-8{
    margin-bottom: 8px!important;
}

.u-mb-16{
    margin-bottom: 16px!important;
}

.u-mb-28{
    margin-bottom: 28px!important;
}

.u-mb-32{
    margin-bottom: 32px!important;
}

.u-mb-64{
    margin-bottom: 64px!important;
}

.u-pt-0{
    padding-top: 0px!important;
}

.u-pt-4{
    padding-top: 4px!important;
}

.u-pt-8{
    padding-top: 8px!important;
}

.u-pt-16{
    padding-top: 16px!important;
}

.u-pt-28{
    padding-top: 28px!important;
}

.u-pt-32{
    padding-top: 32px!important;
}

.u-pt-64{
    padding-top: 64px!important;
}

.u-pt-84 {
    padding-top: 84px!important;
}

.u-pb-0{
    padding-bottom: 0px!important;
}

.u-pb-4{
    padding-bottom: 4px!important;
}

.u-pb-8{
    padding-bottom: 8px!important;
}

.u-pb-16{
    padding-bottom: 16px!important;
}

.u-pb-28{
    padding-bottom: 28px!important;
}

.u-pb-32{
    padding-bottom: 32px!important;
}

.u-pb-40 {
    padding-bottom: 40px!important;
}

.u-pb-64{
    padding-bottom: 64px!important;
}

.u-fz-0 {
 font-size:0rem !important
}
.u-fz-1 {
 font-size:.1rem !important
}
.u-fz-2 {
 font-size:.2rem !important
}
.u-fz-3 {
 font-size:.3rem !important
}
.u-fz-4 {
 font-size:.4rem !important
}
.u-fz-5 {
 font-size:.5rem !important
}
.u-fz-6 {
 font-size:.6rem !important
}
.u-fz-7 {
 font-size:.7rem !important
}
.u-fz-8 {
 font-size:.8rem !important
}
.u-fz-9 {
 font-size:.9rem !important
}
.u-fz-10 {
 font-size:1rem !important
}
.u-fz-11 {
 font-size:1.1rem !important
}
.u-fz-12 {
 font-size:1.2rem !important
}
.u-fz-13 {
 font-size:1.3rem !important
}
.u-fz-14 {
 font-size:1.4rem !important
}
.u-fz-15 {
 font-size:1.5rem !important
}
.u-fz-16 {
 font-size:1.6rem !important
}
.u-fz-17 {
 font-size:1.7rem !important
}
.u-fz-18 {
 font-size:1.8rem !important
}
.u-fz-19 {
 font-size:1.9rem !important
}
.u-fz-20 {
 font-size:2rem !important
}
.u-fz-21 {
 font-size:2.1rem !important
}
.u-fz-22 {
 font-size:2.2rem !important
}
.u-fz-23 {
 font-size:2.3rem !important
}
.u-fz-24 {
 font-size:2.4rem !important
}
.u-fz-25 {
 font-size:2.5rem !important
}
.u-fz-26 {
 font-size:2.6rem !important
}
.u-fz-27 {
 font-size:2.7rem !important
}
.u-fz-28 {
 font-size:2.8rem !important;
}
.u-fz-29 {
 font-size:2.9rem !important
}
.u-fz-30 {
 font-size:3rem !important
}
.u-fz-31 {
 font-size:3.1rem !important
}
.u-fz-32 {
 font-size:3.2rem !important
}
.u-fz-33 {
 font-size:3.3rem !important
}
.u-fz-34 {
 font-size:3.4rem !important
}
.u-fz-35 {
 font-size:3.5rem !important
}
.u-fz-36 {
 font-size:3.6rem !important
}
.u-fz-37 {
 font-size:3.7rem !important
}
.u-fz-38 {
 font-size:3.8rem !important
}
.u-fz-39 {
 font-size:3.9rem !important
}
.u-fz-40 {
 font-size:4rem !important
}
.u-fz-41 {
 font-size:4.1rem !important
}
.u-fz-42 {
 font-size:4.2rem !important
}
.u-fz-43 {
 font-size:4.3rem !important
}
.u-fz-44 {
 font-size:4.4rem !important
}
.u-fz-45 {
 font-size:4.5rem !important
}
.u-fz-46 {
 font-size:4.6rem !important
}
.u-fz-47 {
 font-size:4.7rem !important
}
.u-fz-48 {
 font-size:4.8rem !important
}
.u-fz-49 {
 font-size:4.9rem !important
}
.u-fz-50 {
 font-size:5rem !important
}
.u-fz-51 {
 font-size:5.1rem !important
}
.u-fz-52 {
 font-size:5.2rem !important
}
.u-fz-53 {
 font-size:5.3rem !important
}
.u-fz-54 {
 font-size:5.4rem !important
}
.u-fz-55 {
 font-size:5.5rem !important
}
.u-fz-56 {
 font-size:5.6rem !important
}
.u-fz-57 {
 font-size:5.7rem !important
}
.u-fz-58 {
 font-size:5.8rem !important
}
.u-fz-59 {
 font-size:5.9rem !important
}
.u-fz-60 {
 font-size:6rem !important
}
.u-fz-61 {
 font-size:6.1rem !important
}
.u-fz-62 {
 font-size:6.2rem !important
}
.u-fz-63 {
 font-size:6.3rem !important
}
.u-fz-64 {
 font-size:6.4rem !important
}
.u-fz-65 {
 font-size:6.5rem !important
}
.u-fz-66 {
 font-size:6.6rem !important
}
.u-fz-67 {
 font-size:6.7rem !important
}
.u-fz-68 {
 font-size:6.8rem !important
}
.u-fz-69 {
 font-size:6.9rem !important

}
.u-fz-70 {
 font-size:7rem !important
}
.u-fz-71 {
 font-size:7.1rem !important
}
.u-fz-72 {
 font-size:7.2rem !important
}
.u-fz-73 {
 font-size:7.3rem !important
}
.u-fz-74 {
 font-size:7.4rem !important
}
.u-fz-75 {
 font-size:7.5rem !important
}
.u-fz-76 {
 font-size:7.6rem !important
}
.u-fz-77 {
 font-size:7.7rem !important
}
.u-fz-78 {
 font-size:7.8rem !important
}
.u-fz-79 {
 font-size:7.9rem !important
}
.u-fz-80 {
 font-size:8rem !important
}
.u-fz-81 {
 font-size:8.1rem !important
}
.u-fz-82 {
 font-size:8.2rem !important
}
.u-fz-83 {
 font-size:8.3rem !important
}
.u-fz-84 {
 font-size:8.4rem !important
}
.u-fz-85 {
 font-size:8.5rem !important
}
.u-fz-86 {
 font-size:8.6rem !important
}
.u-fz-87 {
 font-size:8.7rem !important
}
.u-fz-88 {
 font-size:8.8rem !important
}
.u-fz-89 {
 font-size:8.9rem !important
}
.u-fz-90 {
 font-size:9rem !important
}
.u-fz-91 {
 font-size:9.1rem !important
}
.u-fz-92 {
 font-size:9.2rem !important
}
.u-fz-93 {
 font-size:9.3rem !important
}
.u-fz-94 {
 font-size:9.4rem !important
}
.u-fz-95 {
 font-size:9.5rem !important
}
.u-fz-96 {
 font-size:9.6rem !important
}
.u-fz-97 {
 font-size:9.7rem !important
}
.u-fz-98 {
 font-size:9.8rem !important
}
.u-fz-99 {
 font-size:9.9rem !important
}
.u-fz-100 {
 font-size:10rem !important
}

@media screen and (max-width: 767px) {
    .u-mt-tab-8 {
        margin-top: 8px!important;
    }
    .u-mt-tab-12 {
        margin-top: 12px!important;
    }
    .u-mt-tab-16 {
        margin-top: 16px!important;
    }
    .u-mt-tab-24 {
        margin-top: 24px!important;
    }
    .u-mt-tab-32 {
        margin-top: 32px!important;
    }
    .u-mt-tab-64 {
        margin-top: 64px!important;
    }
}

.u-fw-bold {
    font-weight: bold;
}

.u-fw-600 {
    font-weight: 600;
}

.border-tp-none {
    border-top: none!important;
}

.border-bt-none {
    border-bottom: none!important;
}

.u-mw-50 {
    width: 50%!important;
}

.u-mw-100 {
    width: 100%!important;
}

.diff-color-red-a {
    color: #ff0000!important;
}

.diff-color-red-b {
    color: #c00000!important;
}

.diff-color-red-c {
    color: red!important;
}


.diff-color-red-d {
    color: #ff0000!important;
}

.diff-color-blue-a {
    color: #3399FF;
}

.diff-color-gray-a {
    color: #808080;
}

.text-color-white {
    color: #fff!important;
}

.diff-fontsize-a {
    font-size: 1.2em!important;
}

.diff-fontsize-b {
    font-size: 1.5em!important;
}

.diff-fontsize-c {
    font-size: 1.8em!important;
}

.diff-fontsize-d {
    font-size: 2em!important;
}

.text-decoration-none {
    text-decoration: none!important;
}

.ftsv-text-decoration {
    text-decoration: none!important;
}

.ftsv-text-decoration:hover {
    text-decoration: underline!important;
}

.text-un-line {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.diff-bg-gry-a{
    background-color: #f2f2f2;
}

.diff-bg-gry-b {
    background: #f3f3f3;
}

.diff-bg-gry-c {
    background: #f8f3e9;
}

.diff-bg-gry-d {
    background: #dedede;
}

.u-b-top {
    border-top: 1px solid #000;
}

.u-b-bottom {
    border-bottom: 1px solid #000;
}

.u-ma {
    margin: auto;
}

.u-w-100per {
    width: 100%;
}

.u-va-middle {
    vertical-align: middle!important;
}

.u-w-5p {
    width: 5%!important;
}

.u-w-19p {
    width: 19%!important;
}

/* ==================================================
  gig5-country 拡張スタイル
================================================== */
@media screen and (max-width: 767px) {
    .main-contents .section:last-child .section-inner { 
        padding-bottom: 40px !important;
    }
}


/* ==================================================
  Y軸 中央寄せ
================================================== */
.ftsv-vertical-center {
    vertical-align: middle;
    display: table-cell;
}

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

  メインエリア
	
************************************************** */
.section *:first-child { margin-top: 0px; }


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

  FTSV TOP KV
	
************************************************** */

/*@media screen and (min-width: 768px){
    .ftsv-contents.ftsv-kv-img {
        background: url(/global/imagesgig5/ftsv2020_1280x427_tcm100-4928882_tcm100-2750236-32.jpg) no-repeat top;
    }
}

@media screen and (max-width: 767px){
    .ftsv-contents.ftsv-kv-img {
        background: url(/global/imagesgig5/ftsv2020_480x480_tcm100-4928884_tcm100-2750236-32.jpg) no-repeat right top;
    }
}*/

.ftsv-kv-bg {
    background-color: #F4D5E4;
}

.section.ftsv-kv-bg .section-inner {
    padding: 0 !important;
}

.ftsv-top-kv {
    height: auto;
    max-height: 427px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.ftsv-top-kv .content {
    max-width: 1280px;
    width: 100%;
    z-index: 1;
}

.ftsv-top-kv .content .content-inner {
    position: absolute;
    left: calc(50% + 16px);
    top: 68%;
}

.ftsv-top-kv .content .main-txt .ftsv-kv-text-link {
    background: transparent;
    display: flex;
    justify-content: flex-start;
    max-width: 600px;
    margin: 0 0 0 auto;
    width: 100%;
    font-weight: 400;
    font-family: FujitsuSansBold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    padding: 0 5px;
}

.ftsv-kv-text:hover {
    opacity: 0.7;
}

.ftsv-kv-text-link a {
    text-decoration: none!important;
    color: #fff;
    border-radius: 5px;
}

.ftsv-kv-border-w {
    border: 1px solid #fff;
}

.ftsv-kv-text-link a:nth-child(2) {
    margin-left: 20px;
}

/*.ftsv-top-kv .visual {
    z-index: 0;
}*/

.ftsv-top-kv .visual .diff-ftsv-kv-pc {
    display: block;
}
.ftsv-top-kv .visual .diff-ftsv-kv-sp {
    display: none;
}
.ftsv-top-kv .visual>img, .hero-area-b .visual>a>img {
    max-height: 427px;
    width: 100%;
    margin: 0 auto;
/*    z-index: -1;*/
}

@media screen and (max-width: 1280px) {
    .ftsv-top-kv .visual .diff-ftsv-kv-pc {
        height: 33vw;
    }
    .ftsv-kv-text-link a {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 767px) {
    .section.ftsv-kv-bg .section-inner {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 625px) {
    .section.ftsv-kv-bg {
        margin-bottom: 16px;
    }
    .section.ftsv-kv-bg .section-inner {
        padding: 20px !important;
    }
    .ftsv-top-kv {
        max-height: inherit;
    }
    .ftsv-top-kv .visual {
        height: 100%;
    }
    .ftsv-top-kv .visual .diff-ftsv-kv-pc {
        display: none;
    }
    .ftsv-top-kv .visual .diff-ftsv-kv-sp {
        display: block;
    }
    .ftsv-top-kv .content .content-inner {
        position: relative;
        left: inherit;
        top: inherit;
    }
    .ftsv-top-kv .content .main-txt .ftsv-kv-text-link {
        margin-top: 16px !important;
        justify-content: center;
    }
    .ftsv-kv-text-link a {
        font-size: 1.5rem;
    }
    .ftsv-top-kv .visual>img {
        max-height: inherit;
    }
}

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

  Vision
	
************************************************** */
.section .section-inner-pt-0 {
    padding: 0px !important;
}

.diff-section-collapsible-wrap {
    border: 1px solid #666666;
    margin: 0;
    padding: 0;
}

.diff-section-collapsible-a {
    background: #eaf1f7!important;
    padding: 20px;
}

.diff-section-collapsible-b {
    display: none;
    background: #fff!important;
    padding: 24px;
}

.ftsv-vision-title {
    font-size: 2.4rem!important;
    font-weight: bold;
}

.ftsv-vision-sub {
    font-size: 1.6rem!important;
}

.lyt-item-a-text {
    font-size: 2.2rem!important;
    font-weight: bold;
    line-height: 3.5rem;
}

.img-inner-wrap {
    position: relative;
}

.img-innner-text {
    position: absolute;
    width: 100%;
    left: 15px;
    top: calc(50% - 50px);
    text-align: center;
    font-weight: bold;
    font-size: 12rem;
    line-height: 50px;
}

.img-innner-sub-text {
    font-size: 5rem;
    font-weight: initial;
}

@media screen and (max-width: 767px) {
    .ftsv-lyt-idx-f .col .lyt-btn-b .ftsv-modal{
        width: 40%;
    }
}

@media screen and (max-width: 380px) {
    .img-innner-text {
        position: absolute;
        width: 100%;
        left: 13px;
        top: calc(50% - 50px);
        text-align: center;
        font-weight: bold;
        font-size: 9rem;
        line-height: 50px;
    }
    .img-innner-sub-text {
        font-size: 3.5rem;
        font-weight: normal;
    }

}

/* バナーエリア */
.ftsv-banner-bg-jp {
    background-image: url(/jp/imagesgig5/banner_bg_tcm102-5479750_tcm102-2750236-32.jpg);
    background-color: #c2c4bd;
    background-position : right 0px bottom 0px;
    background-repeat: no-repeat;
}

.ftsv-banner-bg-en {
    background-image: url(/global/imagesgig5/banner_bg_tcm100-5479750_tcm100-2750236-32.jpg);
    background-color: #c2c4bd;
    background-position: right 0px bottom 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-area-wrap {
    margin-left: 20px;
    margin-right: 16.36363636363636%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ftsv-banner-area {
    margin: 0 auto 42px;
    max-width: 1100px;
    position: relative;
}

.ftsv-banner-area .text-area {
    background: rgba(255,255,255,0.6);
    padding: 20px;
    max-width: 900px;
}

.ftsv-banner-area .text-area .banner-title {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 25px;
}

.ftsv-banner-area .text-area .banner-title .banner-window-icon {
    position: relative;
    top: -12px;
    left: 10px;
}

.ftsv-banner-area .banner-img {
    position: relative;
    right: 0;
    bottom: 0;
    z-index: -100;
    background: #c2c4bd;
}

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

    .ftsv-banner-bg-jp {
        background-image: url(/jp/imagesgig5/banner_bg_sp_tcm102-5479751_tcm102-2750236-32.jpg);
        background-color: #c2c4bd;
        background-position : right 0px bottom 0px;
        background-repeat: no-repeat;
    }

    .ftsv-banner-bg-en {
        background-image: url(/global/imagesgig5/banner_bg_sp_tcm100-5479751_tcm100-2750236-32.jpg);
        background-color: #c2c4bd;
        background-position : right 0px bottom 0px;
        background-repeat: no-repeat;
    }

    .text-area-wrap {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 20px;
        padding-bottom: 75px;
    }

}

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

  Downloads
	
************************************************** */

.ttl-sub {
    font-weight: 400;
    color: #898989;
    font-size: 1.4rem;
    display: block;
}

@media screen and (max-width: 767px) {
    .ttl-sub {
        font-weight: 400;
        color: #898989;
        font-size: 1.4rem;
        display: block;
        text-align: center;
    }
}

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

  動画下のテキスト・パーツ用 section-innner
	
************************************************** */
.section .section-inner-no-space {
    padding: 0px!important;
    margin: 0px!important;
}


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

  ヘッダー
	
************************************************** */
@media screen and (max-width: 767px) {
.ftsv-header .header-inner { padding: 10px 20px; }
}

@media screen and (min-width: 768px) {
.ftsv-header .header-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 16px;
}
}

@media screen and (min-width: 1001px) {
.ftsv-header .header-inner { padding: 20px 8px; }
}

@media screen and (min-width: 1281px) {
.ftsv-header .header-inner { padding: 20px 0; }
}



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

  ナビゲーション
	
************************************************** */
.ftsv-navigation {
	margin-top: 20px;
	color: #fff;
	background: #000;
}
.ftsv-navigation .ftsv-nav > li > a { font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; }
.ftsv-navigation .ftsv-nav a {
	text-decoration: none;
	color: #fff;
	display: block;
}

@media screen and (min-width: 768px) {
.ftsv-navigation .ftsv-nav-menu {
	height: 0;
}
}

@media screen and (max-width: 820px) {
.ftsv-navigation { position: relative; }
.ftsv-navigation .ftsv-nav-menu {
	box-sizing: border-box;
	height: 50px;
	position: relative;
}
.ftsv-navigation .ftsv-nav-menu .menu-btn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 13px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-navigation .ftsv-nav-menu .menu-btn .line,
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:before,
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:after {
	background: #fff;
	display: block;
	width: 100%;
	height: 2px;
  -webkit-transition: background 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), -webkit-transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), width 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), height 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: background 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), width 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), height 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.ftsv-navigation .ftsv-nav-menu .menu-btn .line {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:before,
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:before {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
.ftsv-navigation .ftsv-nav-menu .menu-btn .line:after {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}


/* ==================================================
  ftsv-nav
================================================== */
.ftsv-navigation .ftsv-nav {
	background: #000;
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.ftsv-navigation .ftsv-nav > li {
	font-size: 1.3rem;
	border-top: 1px solid #898989;
}
.ftsv-navigation .ftsv-nav a.nav-link,
.ftsv-navigation .ftsv-nav a.nav-hook { padding: 15px 20px; }


/* ==================================================
  ftsv-nav-content
================================================== */
.ftsv-navigation .ftsv-nav-content {
	background: #595758;
	display: none;
}


/* ==================================================
  ftsv-second-nav
================================================== */
.ftsv-navigation .ftsv-second-nav .second-nav-item:nth-child(n+2) { border-top: 1px solid #898989; }
.ftsv-navigation .ftsv-second-nav .nav-contents dt { padding: 15px 20px; }
.ftsv-navigation .ftsv-second-nav .nav-visual,
.ftsv-navigation .ftsv-second-nav .nav-contents dd { display: none; }


/* ==================================================
  is-open
================================================== */
.ftsv-navigation.is-open .ftsv-nav-menu .menu-btn .line {
  -webkit-transform: translate3d(0, -50%, 0) rotate(45deg) !important;
  transform: translate3d(0, -50%, 0) rotate(45deg) !important;
}
.ftsv-navigation.is-open .ftsv-nav-menu .menu-btn .line:before {
  -webkit-transform: translateY(0) rotate(-90deg) !important;
  transform: translateY(0) rotate(-90deg) !important;
}
.ftsv-navigation.is-open .ftsv-nav-menu .menu-btn .line:after {
  -webkit-transform: translateY(0) rotate(-90deg) !important;
  transform: translateY(0) rotate(-90deg) !important;
}
}

@media screen and (min-width: 821px) {
.ftsv-navigation { position: relative; }
.ftsv-navigation .ftsv-nav {
	display: flex !important;
	max-width: 1280px;
	margin: 0 auto;
}
.ftsv-navigation .ftsv-nav > li {
	font-size: 1.8rem;
	text-align: center;
	border-left: 1px solid #fff;
	flex: 1;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.ftsv-navigation .ftsv-nav > li:last-child {
	border-right: 1px solid #fff;
}
.ftsv-navigation .ftsv-nav a.nav-link,
.ftsv-navigation .ftsv-nav a.nav-hook { line-height: 56px; }


/* ==================================================
  ftsv-nav-content
================================================== */
.ftsv-navigation .ftsv-nav-content {
	background: rgba(0,0,0,0.7);
	display: block !important;
	height: auto !important;
	padding: 0 16px;
	z-index: 100;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;
	transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;
}
.ftsv-navigation .ftsv-nav-content .nav-content-inner {
	max-width: 1280px;
	margin: 0 auto;
}


/* ==================================================
  ftsv-second-nav
================================================== */
.ftsv-navigation .ftsv-second-nav {
	display: flex;
	flex-wrap: wrap;
}
.ftsv-navigation .ftsv-second-nav .second-nav-item {
	box-sizing: border-box;
	text-align: left;
	width: 32.421875%;
	padding: 40px 0;
	position: relative;
}
.ftsv-navigation .ftsv-second-nav .second-nav-item:nth-child(3n+1) { padding-right: 2.734375%; }
.ftsv-navigation .ftsv-second-nav .second-nav-item:nth-child(3n+2) {
	width: 35.15625%;
	padding: 40px 2.734375%;
}
.ftsv-navigation .ftsv-second-nav .second-nav-item:nth-child(3n) { padding-left: 2.734375%; }
.ftsv-navigation .ftsv-second-nav .second-nav-item:not(:nth-child(3n+1)):after {
	display: block;
	content: "";
	height: calc(100% - 80px);
	position: absolute;
	top: 50%;
	left: 0;
	border-left: solid 1px #bfbfbf;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-navigation .ftsv-second-nav .second-nav-item:not(:nth-child(1)):nth-child(3n+1):before {
	display: block;
	content: "";
	border-top: solid 1px #bfbfbf;
	width: 308.433734939759%;
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-navigation .ftsv-second-nav .second-nav-inner > a {
	display: flex;
	justify-content: space-between;
}
.ftsv-navigation .ftsv-second-nav .second-nav-inner > a:hover { opacity: 0.7; }
.ftsv-navigation .ftsv-second-nav .nav-visual { flex-basis: 42.10526315789474%; }
.ftsv-navigation .ftsv-second-nav .nav-contents { flex-basis: 51.31578947368421%; }
.ftsv-navigation .ftsv-second-nav .nav-contents dl { font-size: 1.5rem; }


/* ==================================================
  hover
================================================== */
.ftsv-navigation .ftsv-nav > li:hover { background: #4d4d4d; }
.ftsv-navigation .ftsv-nav > li.dd-menu:hover .ftsv-nav-content {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition-delay: 0.1s, 0.1s;
}
}

/* ==================================================
  追従クラス
================================================== */
.ftsv-navigation.js-fixed {
	position: fixed;
	margin-top: 0;
	width: 100%;
	top: 0;
	z-index: 999;
}

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

  セクション(OIC定義 上書き）
	
************************************************** */
.section.ftsv-bg-a { background: #efefef; }
.section.ftsv-bg-b {
	color: #fff;
	background: #1a1a1a;
}
.section.ftsv-bg-c {
	background: #f5f4ef;
	margin-top: 0 !important;
}
.section.ftsv-bg-b a { color: #fff; }
.section + .section.ftsv-bg-b  { margin-top: 40px; }
.section.ftsv-bg-a + .section,
.section.ftsv-bg-b + .section { margin-top: 40px; }
.section .section-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px;
}
.section p {
	font-size: 1.5rem;
	line-height: 1.8;
	margin-top: 10px;
}


@media screen and (min-width: 768px) {
.section + .section.ftsv-bg-b  { margin-top: 80px !important; }
.section.ftsv-bg-a + .section,
.section.ftsv-bg-b + .section { margin-top: 80px !important; }
.section .section-inner { padding: 40px 16px !important; }
.section p {
	font-size: 1.8rem;
	margin-top: 15px;
}
}

@media screen and (min-width: 1001px) {
.section .section-inner { padding: 40px 8px !important; }
}

@media screen and (min-width: 1281px) {
.section .section-inner { padding: 40px 0 !important; }
}

@media screen and (min-width: 768px){
    .section .section-inner-ftsv-pb-0 {
        padding-bottom: 0px!important;
    }
}

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

  リスト：ol（OIC定義上書き）
	
************************************************** */
.list-order-a > li {
	display: block !important;
}

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

  メインエリア背景画像設置
	
************************************************** */
/*@media screen and (min-width: 768px) {
.ftsv-contents.ftsv-bg { background: url(/global/imagesgig5/bg_01_tcm100-4324317_tcm100-2750236-32.png) no-repeat 50% top; }
}

@media screen and (max-width: 767px) {
.ftsv-contents.ftsv-bg {
	background: url(/global/imagesgig5/bg_01_sp_tcm100-4331927_tcm100-2750236-32.png) no-repeat right top;
	background-size: 157.8666666666667% auto;
}
}*/

@media screen and (min-width: 768px) {
.ftsv-contents.ftsv-bg { background: url(/global/imagesgig5/bg_ftsv2020_pc_tcm100-4880223_tcm100-2750236-32.jpg) no-repeat 50% top; }
}

@media screen and (max-width: 767px) {
.ftsv-contents.ftsv-bg {
	background: url(/global/imagesgig5/bg_ftsv2020_sp_tcm100-4880225_tcm100-2750236-32.jpg) no-repeat right top;
	background-size: 157.8666666666667% auto;
}
}



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

  汎用スタイル
	
************************************************** */
.ftsv-left { text-align: left !important; }
.ftsv-center { text-align: center !important; }
.ftsv-right { text-align: right !important; }


/* ==================================================
  サイズ別表示切替
================================================== */
@media screen and (max-width: 767px) {
.ftsv-sp-none { display: none !important; }
}

@media screen and (min-width: 768px) {
.ftsv-pc-none { display: none !important; }
}



/* ==================================================
  アイコン
================================================== */
.ftsv-ico-new {
	display: block;
	position: relative;
}
.ftsv-ico-new:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #f00 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-ico-new:after {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.2rem;
	line-height: 2;
	color: #fff;
	content: "NEW";
	display: block;
	text-align: center;
	width: 35px;
	height: 2em;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 768px) {
.ftsv-ico-new:before { border-width: 100px 100px 0 0; }
.ftsv-ico-new:after {
	font-size: 2.4rem;
	width: 70px;
}
}


/* ==================================================
  アイコン
================================================== */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	background-size: 100% auto !important;
	display: block;
	content: "";
}
.icon-arrow-left:before {
	background: url(/global/imagesgig5/icon_arrow_left_tcm100-4296942_tcm100-2750236-32.png) no-repeat center center;
	width: 22px;
	height: 22px;
}
.icon-arrow-right:before {
	background: url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat center center;
	width: 22px;
	height: 22px;
}
.icon-share:before {
	background: url(/global/imagesgig5/icon_share_tcm100-4296952_tcm100-2750236-32.png) no-repeat center center;
	width: 36px;
	height: 36px;
}
.icon-close:before {
	background: url(/global/imagesgig5/icon_close_tcm100-4296947_tcm100-2750236-32.png) no-repeat center center;
	width: 36px;
	height: 36px;
}
.icon-facebook:before {
	background: url(/global/imagesgig5/icon-facebook-32_tcm100-3002773_tcm100-3526238-32.png) no-repeat center center;
	width: 32px;
	height: 32px;
}
.icon-twitter:before {
	background: url(/global/imagesgig5/icon_twitter_tcm100-4296953_tcm100-2750236-32.png) no-repeat center center;
	width: 32px;
	height: 32px;
}
.icon-linkedin:before {
	background: url(/global/imagesgig5/icon_linkedin_tcm100-4296951_tcm100-2750236-32.png) no-repeat center center;
	width: 32px;
	height: 32px;
}

/* ==================================================
  アイコン(Question)
================================================== */
.ftsv-icon-wrap {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
}

.ftsv-icon-wrap > .ftsv-icon {
    display: block;
    width: 45px;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 3rem;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    font-weight: bold;
}

.ftsv-icon-wrap > .ftsv-icon-text {
    margin: 0;
    font-size: 2rem!important;
    font-weight: bold;
    padding-top: 7px;
    display: block;
    margin-left: 10px;
    text-align: center;
}


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

  ボーダー
	
************************************************** */
.ftsv-border-a { margin-top: 0 !important; }
.ftsv-border-a:before {
	display: block;
	content: "";
	margin: 20px 0;
	padding-top: 2px;
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
}
.ftsv-border-a:first-child:before { margin-top: 0 !important; }

@media screen and (min-width: 768px) {
.ftsv-border-a:before {	margin: 40px 0; }
}

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

  ボーダートップ
	
************************************************** */
.ftsv-border-top-a {
	border-top: solid 1px #000;
	padding-top: 2rem;
}

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

  ボーダーBox
	
************************************************** */
.ftsv-border-box-a {
	border: solid 1px #000;
	padding: 24px;
}

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

  見出し
	
************************************************** */
[class^="ftsv-hdg-"],
[class*=" ftsv-hdg-"] { line-height: 1.5; }
[class^="ftsv-hdg-"].mb0,
[class*=" ftsv-hdg-"].mb0 { margin-bottom: 0 !important; }
h1.ftsv-hdg-a {	font-size: 2.5rem; }
h1.ftsv-hdg-a .sub {
	font-size: 1.5rem;
	font-weight: 400;
	color: #898989;
}
h2.ftsv-hdg-a { font-size: 2.3rem; }
h2.ftsv-hdg-a:after {
	display: block;
	content: "";
	margin: 10px 0 20px;
	padding-top: 2px;
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
}
h2.ftsv-hdg-a .sub {
	font-size: 1.5rem;
	font-weight: 400;
}
h3.ftsv-hdg-a {
	font-size: 2.0rem;
	margin: 30px 0 20px;
}
h3.ftsv-hdg-a:before,
h3.ftsv-hdg-a:after {
	display: block;
	content: "";
}
h3.ftsv-hdg-a:before {
	margin-bottom: 10px;
	padding-top: 2px;
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
}
h3.ftsv-hdg-a:after {
	margin-top: 10px;
	border-bottom: solid 1px #000;
}

h3.ftsv-hdg-b {
	font-size: 2.8rem;
        font-weight: 500;
}

h3.ftsv-hdg-b:after {
	display: block;
	content: "";
}

h3.ftsv-hdg-b:after {
	margin-top: 10px;
	border-bottom: double 4px #000;
}


h4.ftsv-hdg-a {
	font-size: 1.5rem;
	line-height: 1.466666666666667;
	margin: 30px 0 15px;
	padding: 0.4em 0 0.4em 0.8em;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	position: relative;
}
h4.ftsv-hdg-a.number { padding-left: 2em; }
h4.ftsv-hdg-a:before {
	font-size: 1.25em;
	line-height: 1.333333333333333;
	background: #879999;
	display: block;
	content: "";
	height: 1.333333333333333em;
	position: absolute;
	top: 0.24em;
	left: 0;
}
h4.ftsv-hdg-a:not(.number):before {	width: 4px; }
h4.ftsv-hdg-a.number:before {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #fff;
	content: attr(data-number);
	text-align: center;
	width: 1.333333333333333em;
}
.section.ftsv-bg-b [class^="ftsv-hdg-"]:before,
.section.ftsv-bg-b [class*=" ftsv-hdg-"]:before,
.section.ftsv-bg-b [class^="ftsv-hdg-"]:after,
.section.ftsv-bg-b [class*=" ftsv-hdg-"]:after { border-color: #fff !important; }

@media screen and (min-width: 768px) {
h1.ftsv-hdg-a {
	font-size: 4.6rem;
	line-height: 1.222222222222222;
}
h1.ftsv-hdg-a .sub {
	font-size: 1.8rem;
	color: #000;
}
h2.ftsv-hdg-a {
	font-size: 4.0rem;
	line-height: 1.2;
	margin-bottom: 40px;
}
h2.ftsv-hdg-a .sub { font-size: 2.0rem; }
h3.ftsv-hdg-a {
	font-size: 2.4rem;
	margin: 80px 0 40px;
}
h4.ftsv-hdg-a {
	font-size: 2.4rem;
	margin: 40px 0;
}
h4.ftsv-hdg-a:not(.number):before {	width: 6px; }
}



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

  ボタン (Aタイプ)
	
************************************************** */
.ftsv-lyt-btn-a {
	display: block;
	max-width: 800px;
	margin: 40px auto 0;
}
.ftsv-lyt-btn-a li { margin-top: 10px; }

@media screen and (min-width: 768px) {
.ftsv-lyt-btn-a li { margin-top: 20px; }
}


/* ==================================================
  ボタン（小）
================================================== */
.ftsv-btn-a {
    font-size: 1.5rem;
    line-height: 1.5;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 30px;
    border: solid 1px #a4926d;
    border-radius: 1.25em;
    position: relative;
    background: #a5936d;
}
a.ftsv-btn-a:hover {
	color: #fff;
	opacity: 0.7;
}
.ftsv-btn-a:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
}

@media screen and (min-width: 768px) {
.ftsv-btn-a { font-size: 1.8rem; }
}
/* ==================================================
  ボタン（小）
================================================== */
.ftsv-lyt-btn-d {
    display: block;
    max-width: 280px;
    margin: 40px auto 0;
}

.ftsv-btn-d {
    font-size: 1.7rem;
}

@media screen and (min-width: 768px) {
    .ftsv-btn-d {
        font-size: 2.0rem;
    }
}

.ftsv-btn-d {
    font-size: 1.5rem;
    line-height: 1.5;
    text-decoration: none;
    color: #a4926d;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 30px;
    border: solid 1px #a4926d;
    border-radius: 1.25em;
    position: relative;
    width: 70%;
    background: #fff;
}

@media screen and (min-width: 768px) {
    .ftsv-btn-d:after {
        width: 8px;
        height: 14px;
    }
}

.ftsv-btn-d:after {
    font-size: 0.8333333333333333em;
    background: url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat center center;
    background-size: 100%;
    content: "";
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    top: 40%;
    right: 0.8333333333333333em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

a.ftsv-btn-d:hover {
    opacity: 0.7;
    color: #a4926d;
}



/* ==================================================
  ボタン（中）
================================================== */
.ftsv-lyt-btn-c {
    display: block;
    max-width: 600px;
    margin: 40px auto 0;
}

.ftsv-btn-c {
    font-size: 1.7rem;
}

@media screen and (min-width: 768px) {
    .ftsv-btn-c {
        font-size: 2.0rem;
    }
}

.ftsv-btn-c {
    font-size: 1.5rem;
    line-height: 1.5;
    text-decoration: none;
    color: #a4926d;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 30px;
    border: solid 1px #a4926d;
    border-radius: 1.25em;
    position: relative;
    width: 70%;
    background: #fff;
}

@media screen and (min-width: 768px) {
    .ftsv-btn-c.diff-toggle-open:after {
        width: 8px;
        height: 14px;
    }
}

.ftsv-btn-c.diff-toggle-open:after {
    font-size: 0.8333333333333333em;
    background: url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat center center;
    background-size: 100%;
    content: "";
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    top: 40%;
    right: 0.8333333333333333em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    right: 1.2em;
}

.ftsv-btn-c.diff-toggle-open.is-open:after {
    font-size: 0.8333333333333333em;
    background: url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat center center;
    background-size: 100%;
    content: "";
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    top: 32%;
    right: 0.8333333333333333em;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    right: 1.2em;
}


a.ftsv-btn-c:hover {
    opacity: 0.7;
    color: #a4926d;
}


/* ==================================================
  ボタン（大）
================================================== */
.ftsv-btn-b {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	color: #a4926d;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 35px;
	border: solid 2px #a4926d;
	border-radius: 1.25em;
	position: relative;
}
a.ftsv-btn-b:hover {
	color: #a4926d;
	opacity: 0.7;
}
.ftsv-btn-b:after {
	font-size: 0.9em;
	background: url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat center center;
	background-size: 100% auto;
	content: "";
	width: 8px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0.9em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
.ftsv-btn-b { font-size: 2.0rem; }
.ftsv-btn-b:after {
	width: 10px;
	height: 18px;
}
}

/* ==================================================
  モーダルYoutube ボタン
================================================== */
.ftsv-modal {
    margin: 0 auto;
}


@media screen and (max-width: 767px) {
    .ftsv-modal {
        margin: 0 auto 30px;
    }
}

/* ==================================================
  ボタン（もっと見る専用）
================================================== */
.ftsv-readmore {
	display: none;
	margin-top: 40px !important;
}
.ftsv-readmore-btn {
	max-width: 240px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 35px;
	border: solid 2px #a4926d;
	border-radius: 1.25em;
	position: relative;
        background:  #a4926d;
}
a.ftsv-readmore-btn:hover {
	color: #a4926d;
	opacity: 0.7;
}

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

  シェア
	
************************************************** */
.ftsv-share-a .share-check { display: none; }
.ftsv-share-a .share-btn {
	font-size: 1.4rem;
	line-height: 2.571428571428571;
	display: inline-block;
	cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
	user-select: none;
}
.ftsv-share-a .share-btn .icon-share {
	font-size: 2.571428571428571em;
	color: #a4926d;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	height: 0;
}
.ftsv-share-a .share-check:checked ~ .share-btn .icon-share:before { background-image: url(/global/imagesgig5/icon_close_tcm100-4296947_tcm100-2750236-32.png); }
.ftsv-share-a .share-link {
	font-size: 3.0rem;
	line-height: 1;
	letter-spacing: -0.4em;
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.ftsv-share-a .share-check:checked ~ .share-link {
	height: 50px;
	opacity: 1;
}
.ftsv-share-a .share-link li {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	margin-top: 16px !important;
}
.ftsv-share-a .share-link li:nth-child(n+2) { margin-left: 20px; }
.ftsv-share-a .share-link li a { display: block; }
.ftsv-share-a .share-link li a:hover { opacity: 0.7; }
.ftsv-share-a .share-link li .icon-facebook { color: #3b589e; }
.ftsv-share-a .share-link li .icon-linkedin { color: #0078b5; }
.ftsv-share-a .share-link li .icon-twitter { color: #55acef; }



/* ==================================================
  下向き矢印
================================================== */
.down-arrow {
    display: inline-block;
    width: 100%;
    position: relative;
}

.down-arrow:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-left: 25px solid #869999;
    left: calc(50% - 50px);
    top: 50px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
    .down-arrow:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border: 80px solid transparent;
        border-left: 25px solid #869999;
        left: calc(50% - 50px);
        top: 70px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

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

  ディスカッション
	
************************************************** */
[class^="ftsv-name-"],
[class*=" ftsv-name-"] {
	font-size: 1.5rem !important;
	font-weight: 700;
	line-height: 1.5 !important;
	display: inline-block;
	margin-top: 15px !important;
	padding: 0.0833333333333333em 15px;
	border-radius: 0.8333333333333333em;
}
.ftsv-name-a { background: #c3dbf1; }
.ftsv-name-b { background: #b7e3dc; }
.ftsv-name-c { background: #f3e7ad; }
.ftsv-name-d { background: #facfcc; }
.ftsv-name-e { background: #d7e6aa; }
.ftsv-name-f { background: #d5d5e9; }
.ftsv-name-g { background: #dfd3ce; }
.ftsv-name-h { background: #d5d5d5; }
.ftsv-name-i { background: #f8dbc0; }
.ftsv-name-j { background: #ecd0ed; }

@media screen and (min-width: 768px) {
[class^="ftsv-name-"],
[class*=" ftsv-name-"] {
	font-size: 1.8rem !important;
	margin-top: 25px !important;
	padding: 0.0833333333333333em 30px;
}
}



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

  ハイライト
	
************************************************** */
/* ==================================================
  ハイライト ：Aタイプ
================================================== */
.ftsv-lyt-panel-a { margin-top: 20px; }
.ftsv-lyt-panel-a + .ftsv-lyt-panel-a {
	padding-top: 20px;
	border-top: solid 1px rgba(155,155,155,0.5);
}
.ftsv-lyt-panel-a .panels {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.ftsv-lyt-panel-a .panels > * {
	display: table-cell;
	vertical-align: top;
}
.ftsv-lyt-panel-a .panels > .panel-visual img { width: 100%; }
.ftsv-lyt-panel-a .panels > .panel-content .cat-a {
    display: inline-block;
    background: #dac8c8;
    line-height: 1.4;
    color: #000;
    padding: 0 0.75em;
    margin-right: 8px;
}
.ftsv-lyt-panel-a .panels > .panel-content .ttl-sub-a {
	font-size: 1.0rem;
	font-weight: 400;
	color: #898989;
	margin-top: 0.75em;
}
.ftsv-lyt-panel-a .panels > .panel-content .ttl-a {
	font-size: 2.0rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.2em;
}
.ftsv-lyt-panel-a .panels > .panel-content .ftsv-lyt-btn-a {
	max-width: 230px;
	margin: 20px auto 0;
}

.ftsv-lyt-idx-c .col .col-inner a .box-content .ttl-sub-word-e .cat-a {
    background: #dac8c8;
    color: #000;
    padding: 0 0.75em;
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.8em;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-panel-a .panels > .panel-visual { display: table-header-group; }
.ftsv-lyt-panel-a .panels > .panel-content { padding-top: 20px; }
}

@media screen and (min-width: 768px) {
.ftsv-lyt-panel-a { margin-top: 40px; }
.ftsv-lyt-panel-a + .ftsv-lyt-panel-a {	padding-top: 40px; }
.ftsv-lyt-panel-a .panels > *:nth-child(1) { padding-right: 40px; }
.ftsv-lyt-panel-a .panels > *:nth-child(2) { padding-left: 40px; }
.ftsv-lyt-panel-a .panels > .panel-content .cat-a { font-size: 1.4rem; }
.ftsv-lyt-panel-a .panels > .panel-content .ttl-sub-a { font-size: 1.5rem; }
.ftsv-lyt-panel-a .panels > .panel-content .ttl-a { font-size: 3.0rem; }
.ftsv-lyt-panel-a .panels > .panel-content .ftsv-lyt-btn-a {
	max-width: 280px;
	margin: 40px auto 0;
}
}



/* ==================================================
  ハイライト ：Bタイプ
================================================== */
.ftsv-lyt-panel-b { margin-top: 40px; }
.ftsv-lyt-panel-b .panels {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.ftsv-lyt-panel-b .panels > * {
	display: table-cell;
	vertical-align: top;
}
.ftsv-lyt-panel-b .panels > .panel-visual {
	text-align: center;
	width: 290px;
}
.ftsv-lyt-panel-b .panels > .panel-visual img { width: 100%; }
.ftsv-lyt-panel-b .panels > .panel-content:nth-child(1) { padding-right: 40px; }
.ftsv-lyt-panel-b .panels > .panel-content:nth-child(2) { padding-left: 40px; }

@media screen and (max-width: 767px) {
.ftsv-lyt-panel-b { margin-top: 20px; }
.ftsv-lyt-panel-b .panels > .panel-visual {
	display: table-header-group;
	width: auto;
}
.ftsv-lyt-panel-b .panels > .panel-visual img { max-width: 45.07042253521127%; }
.ftsv-lyt-panel-b .panels > .panel-content { padding: 20px 0 0 !important; }
}



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

  インデックス
	
************************************************** */
/* ==================================================
  インデックス ：Aタイプ
================================================== */
.ftsv-lyt-idx-a { margin-top: 20px; }
.ftsv-lyt-idx-a .col .col-inner > a {
	text-decoration: none;
	display: block;
}

.box-visual-col1 {
    display: block;
    width: 40%;
    margin: 0 auto;
}

.ftsv-lyt-idx-a .col .col-inner > a:hover { opacity: 0.7; }
.ftsv-lyt-idx-a .col .box-visual img { width: 100%; }
.ftsv-lyt-idx-a .col .box-content {
	display: block;
	margin-top: 20px;
}
.ftsv-lyt-idx-a .col .box-content .cat-a {
	font-size: 1.0rem;
	background: #c8d7d4;
	display: inline-block;
	vertical-align: top;
	padding: 0 0.75em;
}
.ftsv-lyt-idx-a .col .box-content .ttl-a {
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.5em;
}
.ftsv-lyt-idx-a .col .box-content .ttl-read {
	display: block;
	margin-top: 15px;
}
.ftsv-lyt-idx-a .col .box-content .ftsv-lyt-btn-a {
	max-width: 230px;
	margin: 20px auto 0;
	display: block;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-idx-a .col:nth-child(n+2) {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px rgba(155,155,155,0.5);
}
.ftsv-lyt-idx-a .col .box-content .ttl-read {
	font-size: 1.5rem;
	line-height: 1.8;
	margin-top: 10px;
}
}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-b + .ftsv-lyt-idx-a  {
	padding-top: 40px;
	border-top: solid 1px rgba(155,155,155,0.5);
}
.ftsv-lyt-idx-a {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.ftsv-lyt-idx-a .col {
	width: 50%;
	position: relative;
}
.ftsv-lyt-idx-a .col:nth-child(n+3) { margin-top: 80px; }
.ftsv-lyt-idx-a .col:nth-child(2n+1) { padding-right: 3.125%; }
.ftsv-lyt-idx-a .col:nth-child(2n) { padding-left: 3.125%; }
.ftsv-lyt-idx-a .col:not(:nth-child(2n+1)):after {
	display: block;
	content: "";
	height: 100%;
	border-left: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-a .col:not(:nth-child(1)):nth-child(2n+1):before {
	display: block;
	content: "";
	width: 308.433734939759%;
	margin-top: -40px;
	border-top: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-a .col .box-content { margin-top: 20px; }
.ftsv-lyt-idx-a .col .box-content .cat-a { font-size: 1.4rem; }
.ftsv-lyt-idx-a .col .box-content .ttl-a { font-size: 3.0rem; }
.ftsv-lyt-idx-a .col .box-content .ftsv-lyt-btn-a {
	max-width: 280px;
	margin: 40px auto 0;
}
}

.ftsv-lyt-idx-after-none .col:not(:nth-child(2n+1)):after {
    display: none!important;
}


/* ==================================================
  インデックス ：Bタイプ
================================================== */
.ftsv-lyt-idx-b { margin-top: 20px; }
.ftsv-lyt-idx-b .col .ttl-a { font-weight: 400; }
.ftsv-lyt-idx-b .col .col-inner > a {
	text-decoration: none;
	display: block;
}
.ftsv-lyt-idx-b .col .col-inner > a:hover { opacity: 0.7; }
.ftsv-lyt-idx-b .col .box-visual img { width: 100%; }
.ftsv-lyt-idx-b .col .box-content .cat-a {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.4;
    background: #dac8c8;
    color: #000;
    padding: 0 0.75em;
    margin-right: 8px;
}
.ftsv-lyt-idx-b .col .box-content .ttl-a {
	display: inline-block;
	font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-idx-b .col {
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(155,155,155,0.5);
	position: relative;
}
.ftsv-lyt-idx-b .col:nth-child(n+2) { margin-top: 10px; }
.ftsv-lyt-idx-b .col .col-inner > a { position: relative; }
.ftsv-lyt-idx-b .col .col-inner > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #a4926d transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.ftsv-lyt-idx-b .col .col-inner > a {	display: flex; }
.ftsv-lyt-idx-b .col .box-visual { width: 20.8955223880597%; }
.ftsv-lyt-idx-b .col .box-content {
	width: 79.1044776119403%;
	padding-left: 4.477611940298507%;
	padding-bottom: 10px;
}
.ftsv-lyt-idx-b .col .box-content .cat-a { font-size: 1.4rem; }
.ftsv-lyt-idx-b .col .box-content .ftsv-lyt-btn-a { display: none; }
}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-a + .ftsv-lyt-idx-b  {
	padding-top: 40px;
	border-top: solid 1px rgba(155,155,155,0.5);
}
.ftsv-lyt-idx-b {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.ftsv-lyt-idx-b .col {
	width: 32.421875%;
	position: relative;
}
.ftsv-lyt-idx-b .col:nth-child(n+4) { margin-top: 80px; }
.ftsv-lyt-idx-b .col:nth-child(3n+1) { padding-right: 2.734375%; }
.ftsv-lyt-idx-b .col:nth-child(3n+2) {
	width: 35.15625%;
	padding: 0 2.734375%;
}
.ftsv-lyt-idx-b .col:nth-child(3n) { padding-left: 2.734375%; }
.ftsv-lyt-idx-b .col:not(:nth-child(3n+1)):after {
	display: block;
	content: "";
	height: 100%;
	border-left: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-b .col:not(:nth-child(1)):nth-child(3n+1):before {
	display: block;
	content: "";
	width: 308.433734939759%;
	margin-top: -40px;
	border-top: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-b .col .box-content { 
	margin-top: 20px;
	display: block;
}
.ftsv-lyt-idx-b .col .box-content .ttl-a { font-size: 2.0rem; }
.ftsv-lyt-idx-b .col .box-content .ftsv-lyt-btn-a {
	max-width: 280px;
	margin: 40px auto 0;
	display: block;
}
}


/* ==================================================
  インデックス ：Cタイプ
================================================== */
.ftsv-lyt-idx-c { margin-top: 20px; }
.ftsv-lyt-idx-c .col .col-inner > a {
	text-decoration: none;
	display: flex;
}
.ftsv-lyt-idx-c .col .col-inner > a:hover { opacity: 0.7; }
.ftsv-lyt-idx-c .col .box-content .ttl-a {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
}
.ftsv-lyt-idx-c .col .box-visual img { width: 100%; }

@media screen and (max-width: 767px) {
.ftsv-lyt-idx-c .col {
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(155,155,155,0.5);
}
.ftsv-lyt-idx-c .col:nth-child(n+2) { padding-top: 10px; }
.ftsv-lyt-idx-c .col .col-inner > a { position: relative; }
.ftsv-lyt-idx-c .col .col-inner > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #a4926d transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.ftsv-lyt-idx-c .col .box-visual { width: 20.8955223880597%; }
.ftsv-lyt-idx-c .col .box-content {
	width: 79.1044776119403%;
	padding: 0 0 10px 4.47761%;
}
.ftsv-lyt-idx-c .col .box-content .ftsv-lyt-btn-a { display: none; }
}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-c {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.ftsv-lyt-idx-c .col {
	width: 50%;
	position: relative;
}
.ftsv-lyt-idx-c .col:nth-child(n+3) { margin-top: 6.25%; }
.ftsv-lyt-idx-c .col:nth-child(2n+1) { padding-right: 3.125%; }
.ftsv-lyt-idx-c .col:nth-child(2n) { padding-left: 3.125%; }
.ftsv-lyt-idx-c .col:nth-child(2n):after {
	display: block;
	content: "";
	height: 100%;
	border-left: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-c .col:not(:nth-child(1)):nth-child(2n+1):before {
	display: block;
	content: "";
	width: 200%;
	margin-top: -6.25%;
	border-top: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-idx-c .col .box-visual { width: 33.33333333333333%; }
.ftsv-lyt-idx-c .col .box-content {
	width: 66.66666666666667%;
	padding-left: 3.333333333333333%;
}
.ftsv-lyt-idx-c .col .box-content .ttl-a { font-size: 2.0rem; }
.ftsv-lyt-idx-c .col .box-content .ftsv-lyt-btn-a {
	max-width: 200px;
	margin-top: 30px;
}
.ftsv-lyt-idx-c .col .box-content .ftsv-lyt-btn-a > * {	font-size: 1.4rem; }
}


/* ==================================================
  インデックス ：Dタイプ
================================================== */
.ftsv-lyt-idx-d { margin-top: 10px; }
.ftsv-lyt-idx-d .col {
	border-bottom: solid 1px rgba(155,155,155,0.5);
	position: relative;
}
.ftsv-lyt-idx-d .col a {
	text-decoration: none;
}
.ftsv-lyt-idx-d .col a:hover { color: #777777; }
.ftsv-lyt-idx-d .col .box-content .ttl-a {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-idx-d .col { padding-bottom: 10px; }
.ftsv-lyt-idx-d .col:nth-child(n+2) { padding-top: 10px; }
.ftsv-lyt-idx-d .col:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #a4926d transparent;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.ftsv-lyt-idx-d .col .box-content { padding-bottom: 10px; }
.ftsv-lyt-idx-d .col .box-link,
.ftsv-lyt-idx-d .col .box-link .ftsv-lyt-btn-a { display: none; }
}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-d { margin-top: 20px; }
.ftsv-lyt-idx-d .col { padding-bottom: 20px; }
.ftsv-lyt-idx-d .col:nth-child(n+2) { padding-top: 20px; }
.ftsv-lyt-idx-d .col .col-inner {
	display: table;
	table-layout:fixed;
	width: 100%;
}
.ftsv-lyt-idx-d .col .col-inner > * {
	display: table-cell;
	vertical-align: middle;
}
.ftsv-lyt-idx-d .col .box-content { padding-right: 20px; }
.ftsv-lyt-idx-d .col .box-content .ttl-a { font-size: 2.0rem; }
.ftsv-lyt-idx-d .col .box-link { width: 200px; }
.ftsv-lyt-idx-d .col .box-link .ftsv-lyt-btn-a span { font-size: 1.4rem; }
}

/* ==================================================
  インデックス ：Eタイプ
================================================== */
.ftsv-lyt-idx-e { margin-top: 20px; }
.ftsv-lyt-idx-e .col .col-inner > a {
	text-decoration: none;
	display: block;
}
.ftsv-lyt-idx-e .col .col-inner > a:hover { opacity: 0.7; }
.ftsv-lyt-idx-e .col .box-visual img { width: 100%; }
.ftsv-lyt-idx-e .col .box-content .cat-a {
	background: #dac8c8;
	color: #000;
	padding: 0 0.75em;
	margin-right: 8px;
}
.ftsv-lyt-idx-e .col .box-content .cat-b {
	background: #808080;
	color: #fff;
	padding: 0 0.75em;
	margin-right: 8px;
}
.ftsv-lyt-idx-e .col .box-content .ttl-sub-e {
	font-weight: 400;
	color: #898989;
}

.ftsv-lyt-idx-e .col .box-content .ttl-lead-e {
    font-weight: 400;
    color: #898989;
}

.ftsv-lyt-idx-e .col .box-content .ttl-e {
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 0;
        display: block;
}

.ftsv-lyt-idx-e .col {
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: solid 1px rgba(155,155,155,0.5);
	position: relative;
}

.ftsv-lyt-idx-e.diff-refine .col {
        display: none;
}

.ftsv-lyt-idx-e .col .col-inner > a { position: relative; }
.ftsv-lyt-idx-e .col .col-inner > a {	display: flex; }

.ftsv-lyt-idx-e .col .col-inner > span { position: relative; }
.ftsv-lyt-idx-e .col .col-inner > span {	display: flex; }

.ftsv-lyt-idx-e .col .box-visual { width: 160px; }

.ftsv-lyt-idx-e .col .box-content {
	width: calc(100% - 184px);
	padding-left: 24px;
	padding-bottom: 10px;
}

.ftsv-lyt-idx-e .col .box-content .ttl-sub-word-e {
        font-size: 0.8em;
        display: block;
}



.ftsv-lyt-idx-e .col .box-content .ttl-lead-word-e {
    font-size: 1.8rem;
    display: block;
}

@media screen and (max-width: 767px) {
    .ftsv-lyt-idx-e .col .box-content .ttl-lead-word-e {
        font-size: 1.6rem;
        display: block;
    }
}

.ftsv-lyt-idx-e .col .box-content .lead-e { font-size: 0.9em; }

@media screen and (max-width: 767px) {
.ftsv-lyt-idx-e .col .col-inner > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #a4926d transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}

.ftsv-lyt-idx-e .col .box-content .lead-e {
        display: none;
}

.ftsv-lyt-idx-e .col .box-content .ttl-e {
        font-size: 2.0rem; }
}



/* ==================================================
  インデックス ：Fタイプ
================================================== */
@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f .col:nth-child(3n+2) {
        width: 35.15625%;
        padding: 0 2.734375%;
    }
}

@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f .col:nth-child(3n) {
        padding-left: 2.734375%;
    }
}

.ftsv-lyt-idx-f .col .box-content .ttl-a {
    display: block;
}

@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f .col .box-content .ttl-a {
        font-size: 2.4rem;
    }
}

@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
    }
}


@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f .col:nth-child(3n+1) {
        padding-right: 2.734375%;
    }
}

@media screen and (min-width: 768px){
    .ftsv-lyt-idx-f .col {
        width: 32.421875%;
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .ftsv-lyt-idx-f .col:nth-child(n+4) {
        margin-top: 80px;
    }
}

.ftsv-lyt-idx-f .col .col-inner > a:hover {
    opacity: 0.7;
}


.ftsv-lyt-idx-f .col .col-inner > a {
    text-decoration: none;
    display: block;
}

.ftsv-lyt-idx-f .col .box-content {
    order: 2;
    display: block;
}

.ftsv-lyt-idx-f .col .box-visual {
    order: 1;
    display: block;
}

.ftsv-lyt-idx-f .col .box-visual img {
    width: 100%;
}

.col-innner-vertical-line:after {
    display: block;
    content: "";
    height: 100%;
    border-right: solid 1px rgba(155,155,155,0.5);
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .ftsv-lyt-idx-f .col {
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(155,155,155,0.5);
    }

    .ftsv-lyt-idx-f .col .col-inner > a {
        width: 100%;
        margin: 0 auto;
    }

    .ftsv-lyt-idx-f .col .box-content {
        order: inherit;
        display: block;
    }
    
    .ftsv-lyt-idx-f .col .box-content .ttl-a {
        display: block;
        text-align: center;
        margin-bottom: 16px;
        font-size: 2.2rem;
    }
    
    .ftsv-lyt-idx-f .col .box-visual {
        order: initial;
        display: block;
    }

    .ftsv-lyt-idx-f .col .box-visual {
        width: 40%;
        display: block;
        margin: 0 auto;
    }

}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-f .col:not(:nth-child(3n+1)):after {
    display: block;
    content: "";
    height: 100%;
    border-left: solid 1px rgba(155,155,155,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
}

@media screen and (min-width: 768px) {
.ftsv-lyt-idx-f .col:not(:nth-child(1)):nth-child(3n+1):before {
    display: block;
    content: "";
    width: 308.433734939759%;
    margin-top: -40px;
    border-top: solid 1px rgba(155,155,155,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
}

@media screen and (max-width: 480px) {
    .col-innner-vertical-line:after {
        display: none;
    }
}

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

  均等分割レイアウト
	
************************************************** */
.ftsv-lyt-column-a {
	display: flex;
	flex-wrap: wrap;
}
.ftsv-lyt-column-a--ov-h {
	overflow-x: hidden;
	overflow-y: hidden;
}
.ftsv-lyt-column-a.ftsv-column-border .col { position: relative; }
.ftsv-lyt-column-a .col .ttl-a {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-column-a { margin-top: 20px; }
.ftsv-lyt-column-a .col {
	width: 100%;
	margin-top: 20px;
}
}

@media screen and (min-width: 768px) {
.ftsv-lyt-column-a { margin-top: 40px; }
.ftsv-lyt-column-a .col .ttl-a { font-size: 3.0rem; }
}


/* ==================================================
  2カラム
================================================== */
@media screen and (min-width: 768px) {
.ftsv-lyt-column-a.ftsv-2col .col {	width: 50%; }
.ftsv-lyt-column-a.ftsv-2col .col:nth-child(2n+1) { padding-right: 3.125%; }
.ftsv-lyt-column-a.ftsv-2col .col:nth-child(2n) { padding-left: 3.125%; }
.ftsv-lyt-column-a.ftsv-2col .col:nth-child(n+3) { margin-top: 40px; }
.ftsv-lyt-column-a.ftsv-2col.ftsv-column-border .col:not(:nth-child(2n)):after {
	display: block;
	content: "";
	height: 100%;
	border-right: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	right: 0; 
}
}


/* ==================================================
  3カラム
================================================== */
@media screen and (min-width: 768px) {
.ftsv-lyt-column-a.ftsv-3col .col {	width: 32.421875%; }
.ftsv-lyt-column-a.ftsv-3col .col:nth-child(3n+1) { padding-right: 2.734375%; }
.ftsv-lyt-column-a.ftsv-3col .col:nth-child(3n+2) {
	width: 35.15625%;
	padding: 0 2.734375%;
}
.ftsv-lyt-column-a.ftsv-3col .col:nth-child(3n) { padding-left: 2.734375%; }
.ftsv-lyt-column-a.ftsv-3col.ftsv-column-border .col:not(:nth-child(3n)):after {
	display: block;
	content: "";
	height: 100%;
	border-right: solid 1px rgba(155,155,155,0.5);
	position: absolute;
	top: 0;
	right: 0; 
}
}

/* ==================================================
  4カラム (画像下 灰色文字小 黒色文字中)
================================================== */
.lyt-4col-glay-text {
    display: block;
    font-weight: 400;
    color: #898989;
    font-size: 1.44rem;
}

.lyt-4col-main-text {
    display: block;
}
@media screen and (min-width: 768px) {
    .lyt-4col-main-text {
        font-size: 1.8rem;
    }
}

.lyt-col-announce-a > li > a > span.ftsv-list-link-a {
    text-decoration: none;
    display: inline-block;
    padding-left: 45px;
    position: relative;
}

.lyt-col-announce-a > li > a > span.ftsv-list-link-a:before {
    color: #fff;
    background: #a5936d url(/global/imagesgig5/icon_arrow_right_w_tcm100-4296945_tcm100-2750236-32.png) no-repeat 54% 50%;
    font-size: 1.2rem;
    line-height: 30px;
    background-size: 7px 12px !important;
    display: block;
    content: "";
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .lyt-col-announce-a > li > a > span.ftsv-list-link-a:before {
        background-size: 8px 14px !important;
    }
}

.lyt-col-announce-a > li > a > span.ftsv-list-link-a > .anchor-arrow-a {
    display: block;
}


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

  画像キャプション add
	
************************************************** */
.ftsv-fullimg-caption {
	font-size: 0.9rem;
	display: block;
	text-align: center;
	margin-top: 0.5em;
}

@media screen and (min-width: 768px) {
.ftsv-fullimg-caption { font-size: 1.4rem; }
}


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

  画像のフロート配置
	
************************************************** */
.ftsv-lyt-item-a { margin-top: 20px; }
.ftsv-lyt-item-a .img { text-align: center; }
.ftsv-lyt-item-a .img .caption {
	font-size: 0.9rem;
	display: block;
	text-align: left;
	margin-top: 0.5em;
}

@media screen and (max-width: 767px) {
.ftsv-lyt-item-a .img .img-inner { display: block; }
.ftsv-lyt-item-a .item { margin-top: 10px; }
}

@media screen and (min-width: 768px) {
.ftsv-lyt-item-a { margin-top: 40px; }
.ftsv-lyt-item-a:after {
	display: block;
	content: "";
	clear: both;
}
.ftsv-lyt-item-a .img .caption { font-size: 1.4rem; }


/* ==================================================
  画像を右に配置
================================================== */
.ftsv-lyt-item-a.is-img-r .img {
	float: right;
	padding-left: 5.46875%;
}

/* ==================================================
  画像を左に配置
================================================== */
.ftsv-lyt-item-a.is-img-l .img {
	float: left;
	padding-right: 5.46875%;
}

/* ==================================================
  PC用 画像最大幅 380px
================================================== */
.ftsv-lyt-item-a .img .img-inner .img-w-380-pc {
	max-width: 380px;
}
}



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

  アーカイブ
	
************************************************** */
.ftsv-lyt-archive-a { margin-top: 20px; }
.ftsv-lyt-archive-a .item + .item { margin-top: 20px; }
.ftsv-lyt-archive-a .item:before {
	display: block;
	content: "";
	margin-bottom: 20px;
	padding-top: 2px;
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
}
.ftsv-lyt-archive-a .item .box-year {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.2;
}
.ftsv-lyt-archive-a .item .box-content { margin-top: 5px; }
.ftsv-lyt-archive-a .item .box-content .ttl-sub-a {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.5;
}
.ftsv-lyt-archive-a .item .box-content .ttl-a {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 2.7rem;
	font-weight: 500;
	line-height: 1.5;
}
.ftsv-lyt-archive-a .item .box-content .box-content-wrap { margin-top: 5px; }
.ftsv-lyt-archive-a .item .box-content .box-text p { font-size: 2.0rem; }
.ftsv-lyt-archive-a .item .box-content .box-text .ftsv-list-a { margin-top: 5px; }
.ftsv-lyt-archive-a .item .box-content .box-text .ftsv-list-a li {
	font-size: 1.5rem;
	line-height: 2;
	padding-left: 1em;
	position: relative;
}
.ftsv-lyt-archive-a .item .box-content .box-text .ftsv-list-a li:before {
	display: inline;
	content: "●";
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-lyt-archive-a .item .box-content .box-link { margin-top: 20px; }
.ftsv-lyt-archive-a .item .box-content > .ftsv-lyt-btn-a { margin-top: 40px; }

@media screen and (max-width: 767px) {
.ftsv-lyt-archive-a .item .box-content .box-link .ftsv-lyt-btn-a {
	max-width: 300px;
	margin: 0 auto;
}
}

@media screen and (min-width: 768px) {
.ftsv-lyt-archive-a { margin-top: 40px; }
.ftsv-lyt-archive-a .item + .item { margin-top: 3.125%; }
.ftsv-lyt-archive-a .item:before { margin-bottom: 3.125%; }
.ftsv-lyt-archive-a .item .item-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.ftsv-lyt-archive-a .item .item-inner > * {
	display: table-cell;
	vertical-align: top;
}
.ftsv-lyt-archive-a .item .item-inner > .box-year {
	font-size: 5.0rem;
	width: 3em;
}
.ftsv-lyt-archive-a .item .box-content .ttl-sub-a {	font-size: 2.8rem; }
.ftsv-lyt-archive-a .item .box-content .ttl-a { font-size: 4.6rem; }
.ftsv-lyt-archive-a .item .box-content .box-content-wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 10px;
}
.ftsv-lyt-archive-a .item .box-content .box-content-wrap > * { display: table-cell; }
.ftsv-lyt-archive-a .item .box-content .box-text {
	vertical-align: top;
	width: 47.36842105263158%; 
}
.ftsv-lyt-archive-a .item .box-content .box-text .ftsv-list-a li { font-size: 1.8rem; }
.ftsv-lyt-archive-a .item .box-content .box-link {
	vertical-align: bottom;
	padding: 0 1.754385964912281%;
}
.ftsv-lyt-archive-a .item .box-content .box-link .ftsv-lyt-btn-a a { text-align: left; }
.ftsv-lyt-archive-a .item .box-content > .ftsv-lyt-btn-a {
	max-width: 600px;
	margin: 80px auto 0;
}
}

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

  共通ボタン
	
************************************************** */


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

  リンクリスト
	
************************************************** */
.ftsv-list-link-a { margin-top: 10px; }
.ftsv-list-link-a > li {
	font-size: 1.4rem;
	line-height: 1.5;
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(155,155,155,0.5);
}
.ftsv-list-link-a > li a {
	text-decoration: none;
	display: inline-block;
	padding-left: 45px;
	position: relative;
}
.ftsv-list-link-a > li a:before {
	font-size: 1.2rem;
	line-height: 30px;
	background-size: 7px 12px !important;
	display: block;
	content: "";
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-list-link-a > li a.anchor-arrow-a:before {
	color: #fff;
	background: #a5936d url(/global/imagesgig5/icon_arrow_right_w_tcm100-4296945_tcm100-2750236-32.png) no-repeat 54% 50%;
}
.ftsv-list-link-a > li a.anchor-arrow-b:before {
	color: #a5936d;
	background: #fff url(/global/imagesgig5/icon_arrow_right_tcm100-4296944_tcm100-2750236-32.png) no-repeat 54% 50%;
	border: solid 1px #a5936d;
}
.ftsv-list-link-a > li a:hover:before { opacity: 0.7; }

@media screen and (max-width: 767px) {
.ftsv-list-link-a > li:nth-child(n+2) { padding-top: 10px; }
}

@media screen and (min-width: 768px) {
.ftsv-list-link-a {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.ftsv-list-link-a > li {
	font-size: 2.0rem;
	width: 50%;
	padding-bottom: 20px;
}
.ftsv-list-link-a > li:nth-child(n+3) { padding-top: 20px; }
.ftsv-list-link-a > li a:before {	background-size: 8px 14px !important; }
}



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

  動画
	
************************************************** */
.ftsv-video-a { margin-top: 20px; }
.ftsv-video-a .ttl-a {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
}
.ftsv-video-a .visual {
	padding-top: 56.25%;
	position: relative;
}
.ftsv-video-a .visual iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-video-a .video-caption {
	font-size: 0.9rem;
	line-height: 1.5;
	margin-top: 8px;
}

@media screen and (max-width: 767px) {
.ftsv-video-a .video-info { display: none; }
.ftsv-video-a .visual { margin: 10px -20px 0; }
}

@media screen and (min-width: 768px) {
.ftsv-video-a {
	max-width: 900px;
	margin: 40px auto 0;
	position: relative;
}
.ftsv-video-a .ttl-a { font-size: 2.4rem; }
.ftsv-video-a .video-info {
	font-size: 1.8rem;
	line-height: 2;
	margin-top: 0 !important;
	position: absolute;
	top: 0;
	right: 0;
}
.ftsv-video-a .visual { margin-top: 20px; }
.ftsv-video-a .video-caption {
	font-size: 1.4rem;
	margin-top: 16px;
}
}



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

  アコーディオンメニュー
	
************************************************** */
.ftsv-accordion-a > li > .toggle-hook {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1;
	color: #000;
	outline: none;
}
.ftsv-accordion-a > li > .toggle-hook:before,
.ftsv-accordion-a > li > .toggle-hook:after {
	background: #a4926d !important;
	top: 50% !important;
	margin: 0 !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-accordion-a > li > .toggle-content .ttl-a {
	font-size: 1.5rem;
	font-weight: 700;
}
.ftsv-accordion-a > li > .toggle-content .ftsv-lyt-btn-a {
	max-width: 300px;
	margin: 8px auto 0;
}
.ftsv-accordion-a > li > .toggle-content .ftsv-lyt-btn-a a { font-size: 1.5rem; }

@media screen and (min-width: 768px) {
.ftsv-accordion-a > li { border-bottom: none; }
.ftsv-accordion-a > li:nth-child(n+2) { border-top: solid 1px rgba(155,155,155,0.5); }
.ftsv-accordion-a > li > .toggle-content { padding-left: 0; }
.ftsv-accordion-a > li > .toggle-content .ttl-a { font-size: 1.8rem; }
.ftsv-accordion-a > li > .toggle-content .ftsv-lyt-btn-a {
	max-width: 340px;
	margin-top: 12px !important;
}
.ftsv-accordion-a > li > .toggle-content .ftsv-lyt-btn-a a { font-size: 1.4rem; }
}

.ftsv-accordion-a li .toggle-content li .ftsv-toggle-content-title {
    font-size: 2.4rem;
    font-weight: 400;
    display: block;
    margin-top: 18px;
}

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

  カルーセルA
	
************************************************** */
.ftsv-slider-a button { outline: none; }
.ftsv-slider-a .slides { outline: none; }
.ftsv-slider-a .slides .slides-inner > a {
	text-decoration: none;
	display: block;
	position: relative;
}
.ftsv-slider-a .slides .slides-inner > a:hover { opacity: 0.7; }
.ftsv-slider-a .slides .slides-inner > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #a4926d transparent;
	position: absolute;
	right: 0;
	bottom: 0;
}
.ftsv-slider-a .slides .ftsv-item-a {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.ftsv-slider-a .slides .ftsv-item-a > * {
	display: table-cell;
	vertical-align: top;
}
.ftsv-slider-a .slides .ftsv-item-a > .img img { width: 100%; }
.ftsv-slider-a .slides .ftsv-item-a > .item .ttl-a {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
}

.ftsv-slider-a .slides .ftsv-item-a > .item .ttl-a .ttl-a-sub {
    font-weight: 400;
    color: #898989;
    font-size: 1.4rem;
    display: block;
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
.ftsv-slider-a .slides {
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(155,155,155,0.5);
	position: relative;
}
.ftsv-slider-a .slides:nth-child(n+2) {	padding-top: 10px; }
.ftsv-slider-a .slides .ftsv-item-a > .img { width: 20.8955223880597%; }
.ftsv-slider-a .slides .ftsv-item-a > .item {	padding: 0 0 10px 4.47761%; }
}

@media screen and (min-width: 768px) {
.ftsv-slider-a { padding: 0 80px; }
.ftsv-slider-a .slides { position: relative; }
.ftsv-slider-a .slides:before,
.ftsv-slider-a .slides.slick-current + .slides.slick-active:after {
	display: block;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
}
.ftsv-slider-a .slides:before {
	border-left: solid 1px rgba(155,155,155,0.5);
	left: 0;
}
.ftsv-slider-a .slides.slick-current + .slides.slick-active:after {
	border-right: solid 1px rgba(155,155,155,0.5);
	right: 0;
}
.ftsv-slider-a .slides .slides-inner { padding: 0 7.142857142857143%; }
.ftsv-slider-a .slides .slides-inner > a:after { border-width: 0 0 24px 24px; }
.ftsv-slider-a .slides .ftsv-item-a > .img { width: 29.16666666666667%; }
.ftsv-slider-a .slides .ftsv-item-a > .item { padding-left: 4.166666666666667%; }
.ftsv-slider-a .slides .ftsv-item-a > .item .ttl-a { font-size: 2.0rem; }
.ftsv-slider-a .slick-arrow {
	background: #a4926e;
	width: 50px;
	height: 50px;
	margin-top: -38px !important;
	position: absolute;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-slider-a .slick-arrow:hover { opacity: 0.7; }
.ftsv-slider-a .slick-arrow:after {
	font-size: 2.2rem;
	line-height: 1;
	color: #fff;
	background-size: 100% !important;
	display: block;
	content:"";
	width: 12px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.ftsv-slider-a .slick-arrow.ftsv-slick-prev { left: 0; }
.ftsv-slider-a .slick-arrow.ftsv-slick-next { right: 0; }
.ftsv-slider-a .slick-arrow.ftsv-slick-prev:after {
	background: url(/global/imagesgig5/icon_arrow_left_w_tcm100-4296943_tcm100-2750236-32.png) no-repeat center center;
	-webkit-transform: translate(-60%,-50%);
	transform: translate(-60%,-50%);
}
.ftsv-slider-a .slick-arrow.ftsv-slick-next:after {
	background: url(/global/imagesgig5/icon_arrow_right_w_tcm100-4296945_tcm100-2750236-32.png) no-repeat center center;
	-webkit-transform: translate(-40%,-50%);
	transform: translate(-40%,-50%);
}
.ftsv-slider-a .ftsv-slick-dots {
	font-size: 0;
	letter-spacing: -0.4em;
	text-align: center;
	margin-top: 60px;
}
.ftsv-slider-a .ftsv-slick-dots li {
	background: #b2b2b2;
	display: inline-block;
	text-indent: -9999px;
	letter-spacing: 0;
	vertical-align: top;
	width: 16px;
	height: 16px;
	margin: 0 12px;
	border-radius: 50%;
	overflow: hidden;
}
.ftsv-slider-a .ftsv-slick-dots li:not(.slick-active) { cursor: pointer; }
.ftsv-slider-a .ftsv-slick-dots li.slick-active { background: #a4926e; }
}

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

  カルーセルB
	
************************************************** */
.ftsv-slider-b button { outline: none; }
.ftsv-slider-b .slides { outline: none; }

.ftsv-slider-b { padding: 0 80px; }
.ftsv-slider-b .slides { position: relative; }
.ftsv-slider-b .slides:before,
.ftsv-slider-b .slides.slick-current + .slides.slick-active:after {
	display: block;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
}
.ftsv-slider-b .slides .slides-inner { padding: 0 7.142857142857143%; }
.ftsv-slider-b .slides .slides-inner > img { margin: 0 auto; }

.ftsv-slider-b .slick-arrow {
	background: #a4926e;
	width: 50px;
	height: 50px;
	margin-top: -38px !important;
	position: absolute;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ftsv-slider-b .slick-arrow:hover { opacity: 0.7; }
.ftsv-slider-b .slick-arrow:after {
	font-size: 2.2rem;
	line-height: 1;
	color: #fff;
	background-size: 100% !important;
	display: block;
	content:"";
	width: 12px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.ftsv-slider-b .slick-arrow.ftsv-slick-prev { left: 0; }
.ftsv-slider-b .slick-arrow.ftsv-slick-next { right: 0; }
.ftsv-slider-b .slick-arrow.ftsv-slick-prev:after {
	background: url(/global/imagesgig5/icon_arrow_left_w_tcm100-4296943_tcm100-2750236-32.png) no-repeat center center;
	-webkit-transform: translate(-60%,-50%);
	transform: translate(-60%,-50%);
}
.ftsv-slider-b .slick-arrow.ftsv-slick-next:after {
	background: url(/global/imagesgig5/icon_arrow_right_w_tcm100-4296945_tcm100-2750236-32.png) no-repeat center center;
	-webkit-transform: translate(-40%,-50%);
	transform: translate(-40%,-50%);
}
.ftsv-slider-b .c-slick-counter {
	text-align: center;
	margin-top: 20px;
	font-size: 2rem;
}

@media screen and (max-width: 767px) {
.ftsv-slider-b { padding: 0 32px; }

.ftsv-slider-b .slides {
	padding-bottom: 10px;
	position: relative;
}
.ftsv-slider-b .slides .slides-inner { padding: 0; }
.ftsv-slider-b .slick-arrow {
	width: 25px;
	height: 25px;
}
.ftsv-slider-b .slick-arrow:after {
	width: 6px;
	height: 11px;
}

}


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

  テーブル
	
************************************************** */
.ftsv-tbl-a {
	font-size: 2.0rem;
	text-align: left;
	table-layout: fixed;
}
.ftsv-tbl-a tr > * {
	word-wrap: break-word;
	vertical-align: top;
	box-sizing: border-box;
	padding: 1.2em 0;
	border-bottom: solid 1px #bfbfbf;
}
.ftsv-tbl-a th {
	font-size: 700;
	text-align: left;
	width: 160px;
	padding-left: 0.75em;
	position: relative;
}
.ftsv-tbl-a th:after {
	background: #879999;
	display: block;
	content: "";
	width: 3px;
	height: 1.4em;
	position: absolute;
	top: 1.2em;
	left: 0;
}

@media screen and (max-width: 767px) {
.ftsv-tbl-a,
.ftsv-tbl-a tbody,
.ftsv-tbl-a thead,
.ftsv-tbl-a tfoot,
.ftsv-tbl-a tr,
.ftsv-tbl-a tr > * {
	display: block;
	width: auto;
}
.ftsv-tbl-a { font-size: 1.4rem; }
.ftsv-tbl-a tr > * {
	padding: 0.5em 0;
	border: none;
}
.ftsv-tbl-a tr > *:first-child { padding-top: 1em; }
.ftsv-tbl-a tr > *:last-child {
	padding-bottom: 1em;
	border-bottom: solid 1px #bfbfbf;
}
.ftsv-tbl-a th {
	width: auto;
	padding-left: 0.75em;
}
.ftsv-tbl-a th:after {
	width: 2px;
	top: 1em;
}
}

@media screen and (min-width: 768px) {
.ftsv-tbl-a.th-x2 th { width: 320px; }
.ftsv-tbl-a.th-x3 th { width: 480px; }
}

@media screen and (min-width: 768px)  and (max-width: 1024px) {
.ftsv-tbl-a.th-x3,
.ftsv-tbl-a.th-x3 tbody,
.ftsv-tbl-a.th-x3.th-x3 thead,
.ftsv-tbl-a.th-x3 tfoot,
.ftsv-tbl-a.th-x3 tr,
.ftsv-tbl-a.th-x3 tr > * {
	display: block;
	width: auto;
}
.ftsv-tbl-a.th-x3 tr > * {
	padding: 0.5em 0;
	border: none;
}
.ftsv-tbl-a.th-x3 tr > *:first-child { padding-top: 1em; }
.ftsv-tbl-a.th-x3 tr > *:last-child {
	padding-bottom: 1em;
	border-bottom: solid 1px #bfbfbf;
}
.ftsv-tbl-a.th-x3 th {
	width: auto;
	padding-left: 0.75em;
}
}


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

  ヘッダー
	
************************************************** */
.ftsv-header h1.ftsv-hdg-a { font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; }



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

  キービジュアル
	
************************************************** */
.ftsv-hero-area-a {
	background: #e9efef;
	overflow: hidden;
}
.ftsv-hero-area-a .content .sub-txt {
	font-size: 1.5rem;
	line-height: 1.5;
}
.ftsv-hero-area-a .content .main-txt {
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 10px 0 !important;
}
.ftsv-hero-area-a .content .txt {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
.ftsv-hero-area-a .visual {
	padding-top: 52%;
	position: relative;
}
.ftsv-hero-area-a .visual img {
	display: block;
	max-width: none;
	width: 237.3333333333333%;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateX(6.460674157303371%);
	transform: translateX(6.460674157303371%);
}
.ftsv-hero-area-a .content .content-inner { padding: 20px 20px 25px; }
}

@media screen and (min-width: 768px) {
.ftsv-hero-area-a {	position: relative; }
.ftsv-hero-area-a .visual {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-hero-area-a .visual img {
	display: block;
	max-width: none;
	width: 1600px;
	position: absolute;
	top: 0;
	left: 0;
}
.ftsv-hero-area-a .content {
	max-width: 1280px;
	height: 350px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ftsv-hero-area-a .content .content-inner { padding: 40px 16px 0; }
.ftsv-hero-area-a .content .sub-txt { font-size: 2.0rem; }
.ftsv-hero-area-a .content .main-txt {
	font-size: 4.0rem;
	margin: 20px 0 !important;
}
.ftsv-hero-area-a .content .txt {
	font-size: 1.8rem;
	margin-top: 20px;
}
}

@media screen and (min-width: 1001px) {
.ftsv-hero-area-a .content .content-inner { padding: 40px 8px 0; }
}

@media screen and (min-width: 1281px) {
.ftsv-hero-area-a .content .content-inner { padding: 40px 0 0; }
}


@media screen and (min-width: 1600px) {
.ftsv-hero-area-a .visual img {
	left: auto;
	right: 0;
}
}

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

  海外リンクボタン
	
************************************************** */
.select-flx-rght {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0px!important;
}

.region-select {
    margin-top: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .region-select {
        margin-top: 16px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: block;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.region-select > li {
    padding-left: 8px;
}

.region-select .region-button {
    padding: 6px 24px;
    background: #a5936d;
    color: #fff;
    border: 3px solid #a5936d;
    border-radius: 30px;
}

.region-select > li a {
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    ul.region-select li {
        margin-top: 18px;
    }
}

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

  ftsv-pie-chart
	
************************************************** */
.ftsv-pie-chart-col {
	text-align: center;
}
.ftsv-pie-chart-col.ftsv-pie-chart-col--border {
	border-right: 2px solid #666;
}
@media screen and (max-width: 767px) {
	.ftsv-pie-chart-col.ftsv-pie-chart-col--border {
		border-right: none;
		border-bottom: 2px solid #666;
	}
}
@media screen and (max-width: 767px) {
	.ftsv-pie-chart-col .ftsv-pie-chart-col-tab-1col {
		justify-content: center;
	}
}
@media screen and (max-width: 767px) {
	.ftsv-pie-chart-col .ftsv-pie-chart-col-tab-1col .ftsv-pie-chart-col {
		width: 50%;
		margin-top: 0;
	}
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__title-a {
	text-align: left;
	font-size: 2.2rem;
	margin-bottom: 20px;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__title-b {
	text-align: center;
	font-size: 2.6rem;
	color: #cc6aab;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__pos-r {
	position: relative;
	padding-bottom: 32px;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__text-box {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-40%, -60%);
	-webkit-transform: translate(-40%, -60%);
	transform: translate(-40%, -60%);
	margin: 0;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__number-a {
	font-size: 13rem;
	font-weight: bold;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__number-b {
	font-size: 8.5rem;
	font-weight: bold;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__unit-a {
	font-size: 5rem;
}
.ftsv-pie-chart-col .ftsv-pie-chart-col__unit-b {
	font-size: 4rem;
}

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

  ftsv-table-switch
	
************************************************** */
@media screen and (max-width: 767px) {
	.ftsv-table-switch.ftsv-table-switch--pc {
		display: none;
	}
}
.ftsv-table-switch.ftsv-table-switch--sp {
	display: none;
}

@media screen and (max-width: 767px) {
	.ftsv-table-switch.ftsv-table-switch--sp {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.ftsv-table-switch.ftsv-table-switch--sp {
		overflow-x: scroll;
		overflow-y: hidden;
	}
}
.ftsv-table-switch th {
	text-align: left;
}
.ftsv-table-switch td {
	text-align: center;
}
.ftsv-table-switch th,
.ftsv-table-switch td {
	padding: 10px 16px;
	border-right: 1px solid #b1b1ac;
	border-bottom: 1px solid #b1b1ac;
	vertical-align: middle;
	width: 20%;
}
.ftsv-table-switch .ftsv-table-switch__thead :last-child {
	border-right: none;
}
.ftsv-table-switch .ftsv-table-switch__tbody td {
	font-size: 6.4rem;
}
.ftsv-table-switch .ftsv-table-switch__tbody .ftsv-table-switch__tbody-tr-last th,
.ftsv-table-switch .ftsv-table-switch__tbody .ftsv-table-switch__tbody-tr-last td {
	border-bottom: none;
}
.ftsv-table-switch .ftsv-table-switch__tbody .ftsv-table-switch__tbody-td-fz {
	font-size: 2.4rem;
}
.ftsv-table-switch .ftsv-table-switch__thead-th-last,
.ftsv-table-switch .ftsv-table-switch__tbody-td-last {
	border-right: 0;
}

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

   ftsv-pie-chart-box(3col)

************************************************** */
.ftsv-pie-chart-box {
    border: 1px solid #c6c6c0;
    padding: 30px 40px 30px 18px;
}
.ftsv-pie-chart-box .ftsv-pie-chart-box-3col .chart-box-innner-col {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #000;
}
.ftsv-pie-chart-box .ftsv-pie-chart-box-3col .chart-box-innner-col:last-child {
    border-bottom: none;
}
.ftsv-pie-chart-box .ftsv-pie-chart-box-3col .chart-box-innner-col .number {
    width: calc(10% - 12px);
    font-size: 3rem;
    margin-right: 12px;
}
.ftsv-pie-chart-box .ftsv-pie-chart-box-3col .chart-box-innner-col .text {
    width: calc(70% - 12px);
    font-size: 1.8rem;
    margin-right: 12px;
}
.ftsv-pie-chart-box .ftsv-pie-chart-box-3col .chart-box-innner-col .percent {
    width: 20%;
    font-size: 3rem;
    color: #c00000;
}


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

   ftsv-separate

************************************************** */
.ftsv-separate-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.ftsv-separate-wrap .ftsv-separate {
    width: 400px;
    border-right: 2px solid #666;
    margin: 18px auto 0;
}

.ftsv-separate-wrap .ftsv-separate:last-child {
    border-right: none;
}

.ftsv-separate-wrap .ftsv-separate .ftsv-separate-title {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.ftsv-separate-wrap .ftsv-separate .ftsv-separate-title .title-number {
    font-size: 3rem;
    width: 10%;
}

.ftsv-separate-wrap .ftsv-separate .ftsv-separate-content {
    display: flex;
    align-items: center;
}

.ftsv-separate-wrap .ftsv-separate .ftsv-separate-content .img {
    width: calc(50% - 18px);
    margin-right: 18px;
}

.ftsv-separate-wrap .ftsv-separate .ftsv-separate-content .text {
    font-size: 8rem;
}

@media screen and (max-width: 900px) {
    .ftsv-separate-wrap {
        display: block;
        flex-wrap: initial;
        width: 100%;
        justify-content: initial;
    }

    .ftsv-separate-wrap .ftsv-separate {
        width: 100%;
        border-right: none;
        margin: 18px auto 0;
    }

    .ftsv-separate-wrap .ftsv-separate .ftsv-separate-title {
        display: flex;
        align-items: center;
        margin-bottom: 18px;
        justify-content: center;
    }

    .ftsv-separate-wrap .ftsv-separate .ftsv-separate-title .title-number {
        font-size: 5rem;
        width: 10%;
        margin-right: 20px;
    }

    .ftsv-separate-wrap .ftsv-separate .ftsv-separate-title .title {
        font-size: 2rem;
    }

    .ftsv-separate-wrap .ftsv-separate .ftsv-separate-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ftsv-separate-wrap .ftsv-separate .ftsv-separate-content .text {
        font-size: 12rem;
    }
}

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

  Global Intelligence for the CIO
	
************************************************** */
.ftsv-section-cio { padding: 10px 0 20px; }
.ftsv-section-cio .ftsv-hdg-cio {
	font-family: FujitsuSans, Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 6.0vw;
	font-weight: 400;
	text-align: center;
}
.ftsv-section-cio .ftsv-hdg-cio .icon {
	line-height: 25px;
	display: inline-block;
	background: url(/global/imagesgig5/icio-logo_tcm100-4296941_tcm100-2750236-32.png) no-repeat left center;
	background-size: 25px auto;
	padding-left: 35px;
}
.ftsv-section-cio .ftsv-hdg-cio + [class^="ftsv-hdg-"],
.ftsv-section-cio .ftsv-hdg-cio + [class*=" ftsv-hdg-"] { margin-top: 15px; }

@media screen and (min-width: 375px) {
.ftsv-section-cio .ftsv-hdg-cio {
	font-size: 2.4rem;
}
}

@media screen and (min-width: 768px) {
.ftsv-section-cio { padding: 40px 0; }
.ftsv-section-cio .ftsv-hdg-cio { font-size: 4.0rem; }
.ftsv-section-cio .ftsv-hdg-cio .icon {
	line-height: 40px;
	background-size: 40px auto;
	padding-left: 60px;
}
.ftsv-section-cio .ftsv-hdg-cio + [class^="ftsv-hdg-"],
.ftsv-section-cio .ftsv-hdg-cio + [class*=" ftsv-hdg-"] { margin-top: 60px; }
}

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

  2col layout for Insight
	
************************************************** */

.ftsv-wp-flx-2col{
    margin: 30px;
}

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner{
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    flex-wrap: wrap;
}

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner:not(:last-child){
    margin-bottom: 20px;
}

/****************************
   左 col: width:30% 
   画面幅768px時 段落ち
*****************************/

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner > .ftsv-wp-flx-2col__inner__item__title{
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    width: 30%;   
}


.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner > .ftsv-wp-flx-2col__inner__item__title > .item:last-child{
	color: #a30b1a;
	font-weight:bold;
    margin-left: 16px;
    flex:1;
}

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner > .ftsv-wp-flx-2col__inner__item__content{
    width: calc(70% - 20px);
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner > .ftsv-wp-flx-2col__inner__item__title {
        width:100%;
    }

    .ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner > .ftsv-wp-flx-2col__inner__item__content {
        width:100%;
        margin-top:20px;  
        margin-left:0;  
    }
}

/****************************
   画像左上に赤色ボタン
   画面幅768pxで画像下にボタンを表示
*****************************/
.ftsv-img-content-wrap {
    position: relative;
    width: 100%;
}

.ftsv-img-content-wrap .content {
    max-width: 1280px;
    width: 100%;
    z-index: 1;
}

.ftsv-img-content-wrap .content .content-inner {
    position: absolute;
    top: 40px;
    left: 40px;
    width: calc(100% - 40px);
}

.ftsv-img-content-wrap .content .content-inner .btn {
    width: 40%;
}

.ftsv-img-content-wrap .content .content-inner .btn .ftsv-lyt-btn-red li a.ftsv-btn-a {
    background: red;
    font-size: 2.2rem;
    border: none;
}

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

    .ftsv-img-content-wrap {
        position: inherit;
        width: 100%;
    }

    .ftsv-img-content-wrap .content {
        max-width: 1280px;
        width: 100%;
        z-index: 1;
        margin-bottom: 32px;
    }

    .ftsv-img-content-wrap .content .content-inner {
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%;
    }

    .ftsv-img-content-wrap .content .content-inner .btn {
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
    }

    .ftsv-img-content-wrap .content .content-inner .btn .ftsv-lyt-btn-red li a.ftsv-btn-a {
        background: red;
        font-size: 2rem;
        border: none;
    }
}

/****************************
   右 col: 76%
   画面幅768px時 段落ち
*****************************/

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner .ftsv-wp-flx-2col__inner__img {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner .ftsv-wp-flx-2col__inner__text {
    width: calc(76% - 20px);
    margin-left: 20px;
}

.ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner .ftsv-wp-flx-2col__inner__text .item{
    color: #a30b1a;
    font-weight: bold;
    font-size: 2.2rem;
}

@media screen and (max-width: 768px){
    .ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner .ftsv-wp-flx-2col__inner__img{
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .ftsv-wp-flx-2col > .ftsv-wp-flx-2col__inner .ftsv-wp-flx-2col__inner__text {
        width: 100%;
        margin-left: 0;
    }

}


/****************************
   Insight About the author
*****************************/
a .ftsv-pdf-icon {
    margin-right: 8px;
    padding: 8px 10px;
    background: #f00;
    color: #fff;
    text-decoration: underline #f00;
}

/****************************
   色付きテーブル レイアウト
*****************************/
.ftsv-tb-black {
    background: #595959!important;
    border: 1px solid #fff!important;
    color: #fff!important;
}

.ftsv-tb-gray-a {
    background: #d9d9d9!important;
    font-size: 1.5rem;
    border: 1px solid #000!important;
    padding: 2px 16px!important;
}

.ftsv-tb-gray-b {
    background: #f2f2f2!important;
    font-size: 1.5rem;
    padding: 5px 16px!important;
}

.ftsv-tb-red-a {
    background: #ffe1e1!important;
    color: #ff0000!important;
}

.ftsv-tb-red-b {
    background: #ffe1e1!important;
    color: #000!important;
}

.ftsv-tb-red-c {
    background: #ffe1e1!important;
    font-size: 1.5rem;
    border: 1px solid #000!important;
    padding: 2px 16px!important;
}

.ftsv-tbl-eq-3col thead tr td, .ftsv-tbl-eq-3col thead tr th {
    width: 33%!important;
}

.ftsv-tbl-eq-3col tr th {
    background: #fff;
}

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

   お問い合わせエリア

************************************************** */
.c-lyt-contact-a .c-list-contact-a {
    margin-left: 0;
    width: 100%;
}

.c-lyt-contact-a .c-list-contact-a > li:first-child {
    border-right: 1px solid #c6c6c0;
}

.c-lyt-contact-a .c-list-contact-a > li {
    padding: 0 2vw;
    width: 50%;
}

.c-lyt-contact-a .c-list-contact-a > a > span{
    line-height: 1.8;
}

.c-lyt-contact-a .c-list-contact-a > li .c-type-form {
    font-size: 2.5rem;
    font-weight: bold;
}

.c-lyt-contact-a .c-list-contact-a > li .c-type-form::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
    background: url(//www.fujitsu.com/imgv5/common/icon/sprite2.png);
    background-position: -69px 127px;
}

.c-lyt-contact-a .c-list-contact-a > li .notes-a {
    margin-top: 12px !important;
    font-size: 1.6rem;
}

.lyt-contact-a .list-contact-a>li.type-tel .contact-inner-glay::before {
    background-position: -882px -50px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

@media screen and (max-width: 768px){
    .c-lyt-contact-a .c-list-contact-a > li:first-child {
        margin-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #c6c6c0;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 768px){
    .c-lyt-contact-a .c-list-contact-a > li {
        padding: 0;
        width: inherit;
    }
}


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

   お問合せアイコン付き　リストレイアウト     

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

.c-contact-lyt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0!important;
}

.c-lyt-contact__hd{
    padding: 0 2vw;
    margin-bottom: 28px;
}

@media only screen and (max-width: 768px) {
    .c-lyt-contact__hd{
        padding: 0;
    }    
}

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

　検索ボックス

****************************************************** */
.ftsv-tag-a{
  display: flex;
  justify-content:center;
  border: 1px solid #a5936d;
  padding:20px 0;
  flex-wrap: wrap;
  font-size: 1.5rem;
}
.ftsv-tag-a .item label{
  padding: 4px 25px;  
  border-radius: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  border:1px solid #a5936d;
  background-color:#a5936d;
  color:white;
  display: block;
}

.ftsv-tag-a .item.is-active label{
  background-color: inherit;
  color:#a5936d;
}

.ftsv-tag-a .item label:hover{
  background-color: inherit;
  color:#a5936d;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; 
}

.ftsv-tag-a .item{
  margin-right: 10px;
}

.ftsv-tag-a .item label input[type="radio"]{
   display: none;
}

@media screen and (max-width: 480px) {
 .ftsv-tag-a {
     display:block;
     padding:10px 10% 0 10%;
 }
 .ftsv-tag-a .item{
    margin:0 0 10px 0;    
    width:100%;
 }

 .ftsv-tag-a .item label{
    display:block;
    width: 100%;
    padding: 4px 30px;  
 }

}

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

　お問い合わせエリア(アイコンなし)

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

.contact-heading {
    text-align: left;
}

.c-lyt-contact-a .c-list-contact-a > li .c-type-form-no-icon {
    font-size: 2.5rem;
    font-weight: bold;
}




.lyt-contact-a .list-contact-a .contact-inner-no-icon {
    font-size: 2.8rem;
    position: relative;
    padding-left: 32px;
    margin-left: -32px;
    margin-top: 0px!important;
    font-weight: bold;
}

.customer {
    font-size: 1.8rem;
}


/* ==================================================
  (必ず最後に記載)ページ内リンクに追従用のスペース設置
================================================== */
@media screen and (min-width: 768px) {
h2[id^="anc-"] {
    margin-top: -80px !important;
    padding-top: 80px !important;
}
h2[id^="moreinfoanc-"] {
    margin-top: -160px !important;
    padding-top: 160px !important;
}
}

@media screen and (min-width: 768px) {
    .main-contents .p-unc-60p{
        margin-top: -60px !important;
        padding-top: 60px !important;
    }
}
    