@charset "utf-8";

/*
基本設定
*/
a.alnk{color:#00468C;}
a{ color:inherit;}
a,button{cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color:inherit;}
a:hover,button:hover{ opacity: 0.5;}
a.h-zoom{ opacity: 1; overflow: hidden;display: block;}
a.h-zoom:hover{ opacity: 1;}
a.h-zoom .bgcover{ transition: transform 0.2s ease; }
a.h-zoom:hover .bgcover{ transform: scale(1.3,1.3);}
/*画像幅100%*/
img{ max-width: 100%; height: auto;}
img.wide{ width: 100%; height: auto;}

header a:hover,header button:hover{opacity: 1;}
header span{font-weight: 400;}
nav a{font-weight: 400 !important;}

/*フレックスボックス*/
.flex{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-wrap{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex.revs{ -webkit-flex-direction: row-reverse; flex-direction:row-reverse;}
.flex.va-cent{ -webkit-align-items: center; align-items:center;}
.flex.jc-cent{ -webkit-justify-content: center; justify-content: center;}
.flex.jc-right{ -webkit-justify-content: flex-end; justify-content: flex-end;}
.grid{ display: -webkit-flex; display: flex;justify-content: space-between;}
.flex.clear{ display: -webkit-flex; display: flex;justify-content: space-between;}


/*画像切り替えなど*/
.sp{ display: none !important; }
.pc{ display:block !important; }

/*ローディング*/
#loader-bg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; z-index: 10;}
#loader {display: block;position: absolute;top: 50%;width: 100%;height: 60px;left: 0; transform: translate(0, -50%) scale(0.9,0.9);;text-align: center;z-index: 100;}
@media screen and (max-width:980px){ #loader {transform: translate(0, -50%) scale(0.7,0.7);}
 }
/*ローダー・サークル*/
.loader1{ width:45px; height:45px; border-radius:50%; border:2px solid rgba(0,0,0,0.2); border-top-color:rgba(0,0,0,0.4); box-sizing:border-box; display: inline-block; animation:loading 0.6s linear infinite; -webkit-animation:loading 0.6s linear infinite;}
    @keyframes loading{ 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}
    @-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}

#all-wrap{ position: relative; opacity: 0; overflow: hidden;}
#all-wrap.active{ opacity: 1;}

/*リサイズ時アニメーション回避*/
body.noduration .fin{ transition-delay: 0 !important; transition-duration: 0 !important; transition: none !important;}

/*背景画像デフォルト設定*/
.bgcover{background-size:cover; background-repeat: no-repeat; background-position: center;}

/*リストマーク*/
.ul>li{ display: table; width: 100%;}
.ul>li>span{ display: table-cell;}
.ul>li>i{ display: table-cell; white-space: nowrap;width: 1px;}

h1,h2,h3,h4,h5,h6{
    line-height: 1.4;
    font-weight: normal;
}

.gf1{ font-family: 'Noto Serif JP', serif;}
.gf2{ font-family: 'Montserrat', sans-serif;}

figure>img{
    width: 100%;
}

.small{
    font-size: 1.2rem;
}

.result-text{
	font-size: 2.6rem;
	margin-bottom: 1.5em;
}
    @media screen and (max-width: 1100px){
		.result-text{
			font-size: 1.8rem;
			margin-bottom: 1.5em;
		} 
    }

body{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.45;
}

/*.clr{color: #0072C5;}
*/
/*
基本設定　sp
*/
    @media screen and (max-width: 1100px){
        
        body{
            font-size: 1.3rem;
        }

        #bg{
            position: fixed;
            left:0;
            top:0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0;
        }

          #bg.active{
            opacity: 1;
          }

        /*画像切り替えなど*/
        .pc{ display: none !important; }
        .sp{ display:block !important; }

        .flex.clear{ display: block;}
        .flex.clear .f_item{ width: 100%;}

        a:hover,button:hover{ opacity: 1;}


    }

/*

/*
レイアウト
*/

.container {
    position: relative;
}


.content {
    max-width: 1260px;
    padding: 0 30px;
    margin:0 auto;
}

.contents-head{}
.contents-body{
    padding-top: 50px;
}

.home .contents-body{
    padding-top: 10px;
}

.contents-row{
    display: flex;
    max-width: 1260px;
    padding: 0 30px;
    margin:30px auto;
}

.contents-main{
    width: calc(100% - 280px );
    padding-right: 57px;
}

.contents-aside{
    width: 280px;
}

    @media screen and (max-width:1280px){
        .container {
            position: relative;
        }


    }



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

        .container {
            position: relative;
        }

        .content {
            max-width: 1260px;
            padding: 0 10px;
            margin:0 auto;
        }

        .contents-body {
            padding-top: 0;
            padding-bottom: 20px;
        }

        .contents-row{
            display: block;
            padding: 0px;
            margin: 20px auto;
        }

        .contents-main{
           width: 100%;
           padding-right: 0;
           padding: 0 15px;
        }

        .contents-aside{
            width: 100%;
            padding: 10px;
        }

    }

	@media screen and (max-width: 640px){
		.container {
		}
	}
/*
ボタン
*/
.page-head {
    padding: 25px 0;
    font-size: 2rem;

}

.page-nav {
    display: flex;
    border-left: 1px solid #CCCCCC;
    margin-top: 0;
    margin-bottom: 30px;
}


.page-nav>li{
    border-right: 1px solid #CCCCCC;
}
.page-nav>li>a{
    display: inline-block;
    padding: 5px 30px
}


    @media screen and (max-width:768px){
        .page-nav>li>a {
            display: inline-block;
            padding: 5px;
            font-size: 1.1rem;
        }
    }


/*
見出し
*/
.headline-l{
    position: relative;
    font-size:3rem;
    padding: 0.2em 0.6em;
}

.headline-l::after{
    content:"";
    position: absolute;
    display: block;
    width: 6px;
    height: 100%;
    top:0;
    left:0;
    background: #E61E1E;
}

.headline-m .mark{
    color: #00698C;
}

.headline-m{
    position: relative;
    font-size:2.6rem;
    margin-bottom: 0.5em;
}

.headline-s{
    position: relative;
    font-size:2rem;
    margin-bottom: 0.5em;
    color:#00688C;
}
.headline-s.bk{
    color:#000;
}

.headline-bar{
    color:#fff;
    background: #125FAC;
    font-size: 2.1rem;
    text-align: center;
    padding: 7px 0;
    margin-bottom: 30px;
}



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

        .headline-l {
            position: relative;
            font-size: 1.9rem;
            padding: 0.2em 0.6em;
        }
        
        .headline-m{
            position: relative;
            font-size:1.7rem;
        }

        .headline-s{
            position: relative;
            font-size:1.6rem;
            color:#00688C;
        }

        .headline-bar{
            margin-bottom: 15px;
            font-size: 1.6rem;
        }


    }

/*
リンク
*/
.link{
    position: relative;
    display: inline;
    color: #00468C;
    font-size: inherit;
}

.link.uline{
    text-decoration: underline;
}

.link i{
    position: static;
    display: inline-block;
    right:0;
    margin-left: 0.1em;
}

.link i img {
    position: relative;
    margin-top: 2px;
    vertical-align: top;
}

.link i.dl img{
    margin-top: 0px;
    vertical-align: middle;
}



i.link_bg{
    display: inline-block;
    width: 15px;
    height: 12px;
    background-image: url(../img/icon-link.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    line-height: 1.2;
}

i.link_wh{
    display: inline-block;
    width: 15px;
    height: 12px;
    background-image: url(../img/icon-link_wh.png);
    background-repeat: no-repeat;
}


i.dl_wh{
    display: inline-block;
    margin-left:5px;
    margin-bottom: -5px;
    width: 16px;
    height: 20px;
    background-image: url(../img/icon-dl_wh.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    vertical-align: center;
}



.link-btn {
    position: relative;
    display: inline-block;
    min-width: 325px;
    padding: 8px 38px 8px 30px;
    color: #fff;
    background: #00468C;
    font-size: 1.4rem;
    text-align: left;
    margin-right: 10px;
}


.link-btn .arw_wh{
    content:"";
    position: absolute;
    top:50%;
    margin-top: 1px;
    right:12px;
    width:7px;
    height: 7px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}

.link-btn .link_wh {
    position: absolute;
    right: 14px;
    top: 12px;
}
@media screen and (max-width:1100px){


    .link-btn {
        position: relative;
        display: inline-block;
        min-width: 0;
        max-width: 375px;
        width: 100%;
        padding: 8px 38px 8px 30px;
        color: #fff;
        background: #00468C;
        font-size: 1.4rem;
        text-align: left;
        margin-right: auto;
    }


}




/*
矢印アイコン
*/
i.arw{
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    border:1px solid #fff;
    border-radius: 50%;
}

i.arw::after{
    content:"";
    position: absolute;
    top:50%;
    right:7px;
    width: 4px;
    height: 4px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}

.ex-link-wrap{
    display: inline-block;
}

.ex-link{
    text-align: center;
}
.ex-link-note{
    position: relative;
}

.ex-link-note>span {
    position: absolute;
    right: 0;
    bottom: -20px;
    display: inline-block;
    color: #000;
    padding-left: 24px;
    font-size: 1.2rem;
}


.ex-link-note .link_bg {
    position: absolute;
    left:0;
    top:3px
}

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

    .ex-link-note>span{
        position:relative;
        left:auto;
        bottom:0;
        display: inline-block;
        margin-top: 3px;
    }

}

/*
セクショントップ
*/


.section-gotop{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
}

.section-gotop-btn{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border:4px solid #CCCCCC;
}

.section-gotop-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 11px;
    height: 11px;
    border-right: 4px solid #ccc;
    border-top: 4px solid #ccc;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
    margin-top: 5px;
}


.section-gotop2 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px;
    margin-top: 40px;
    width: 100%;
    border-bottom: 5px solid #CCCCCC;
    text-align: right;
}

.section-gotop-btn2{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border:4px solid #CCCCCC;
    background: #CCCCCC;
}

.section-gotop-btn2::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 11px;
    height: 11px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
    margin-top: 5px;
}
    @media screen and (max-width:1100px){

        .section-gotop2 {
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
            margin-top: 30px;
        }
        
    }

.caution{
    position: relative;
    padding-left: 1em;
    font-size: 1.3rem;
}

.caution::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


/*※リスト*/

.list-note{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

.list-note>li{
    position: relative;
    padding-left: 1.5em;
    line-height: 1.5;
}

.list-note>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


/*※リスト*/

.list-note2{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.list-note2>li{
    position: relative;
    padding-left: 1.5em;
    line-height: 1.5;
}

.list-note2>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


    @media screen and (max-width:1100px){
        .list-note {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .list-note2 {
            margin-top: 10px;
            margin-bottom: 10px;
        }


        .list-note2>li ,
        .list-note>li {
            font-size: 1.1rem;
        }
    }



.list-mark{
    margin: 30px 0;
}
.list-mark>li{
    position: relative;
    padding-left: 1em;
    line-height: 1.5;
}

.list-mark>li::after{
    content:"・";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}

.list-mark sub{
    font-size: 1rem;
}


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

        .list-mark{
            margin: 15px 0;
        }

    }


.list-dot{
    margin: 30px 0;
}
.list-dot>li{
    position: relative;
    padding-left: 1em;
    line-height: 1.5;
    margin-bottom: 10px;
}

.list-dot>li::after{
    content:"";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top:8px;
    left:0;
    background: #000;
    border-radius: 50%;
}

.list-dot sub{
    font-size: 1rem;
}


.list-count{
    /*counter-reset: number;*/
    list-style-type: none; 

    margin-left: 0;
}

.list-count>li{
    position: relative;
    padding-left: 1.8em;
    counter-increment: number;
}


.list-count>li::before{
    content: counter(number)".";
    position: absolute;
    display: block;
    width: 1.5em;
    height: 1em;
    top:0;
    left:.2em;
}


.list-iroha{

}

.list-iroha>li{
    position: relative;
    padding-left: 1.5em;
    line-height: 1.5;
}

.list-iroha>li>i{
    content:"";
    position: absolute;
    display: block;
    width: 1.5em;
    height: 1em;
    top:0;
    left:0;
}


.list-ast>li{
    position: relative;
    padding-left: 1.8em;
    list-style-type: none;
    margin-left: 0;
    counter-increment: number;
    font-size: 1.3rem;
}

.list-ast>li::after {
    position: absolute;
    display: block;
    width: auto;
    height: 1em;
    top: 0px;
    left: 1em;
    content: counter(number);
}


.list-ast>li::before{
    content:"※";
    left:0;
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}



.list-ast2>li{
    position: relative;
    padding-left: 1.5em;
    list-style-type: none;
    margin-left: 0;
    counter-increment: number;
    font-size: 1.3rem;
}

.list-ast2>li::after {
    position: absolute;
    display: block;
    width: auto;
    height: 1em;
    top: 0px;
    left: 0.5em;
    content: counter(number);
}


.list-ast2>li::before{
    content:"*";
    left:0;
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


.list-ast2>li>i>sup{
    text-align:top;
    font-size: 1.6rem;
}





/*
ヘッダー
*/
header{
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 4999;
}

.header-block {
    flex: wrap;
    max-width: 1260px;
    margin: 30px auto 30px;
    transition: margin 0.2s ease;
    padding: 0 30px;
}

.header-logo {
    font-size: 1.6rem;
    height: 42px;
    padding-top: 10px;
    width: 530px;
}


.header-logo>span{
    display: flex;
}



.header-logo-img2 {
    position: relative;
    padding-top: 0px;
    margin-top: -2px;
    margin-right: 50px;
    display: inline-block;
}


.header-logo-img2 img {
	width: 150px;
}
    @media screen and (max-width:640px){

		.header-logo-img2 img {
			width: 120px;
		}

    }

.header-logo-txt{
    line-height: 1em;
    padding-top: 5px;
    font-size: 1.3rem;
    display: inline-block;
}


.header-nav{
    background: #000000;

}

.header-nav-inr{
    position: relative;
    max-width: 1260px;
    margin:0 auto;
/*    padding-left:152px;*/
    padding-left: 0px;
}

.header-logo-img1 {
    position: absolute;
    width: 152px;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 0px;
}

.header-logo-img1 span{
    position: absolute;
    width:100%;
    top: 50%;
    left: 30px;
    margin-top: -2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.header-logo-img1 span img {
    width: 122px;
}


.header-menu {
    display: flex;
    justify-content: center;
    padding-left: 152px;
    padding-right: 8%;
}


.header-menu>li>a {
    position: relative;
    color: #fff;
    display: block;
    background: #000;
    font-size: 1.6rem;
    padding: 16px 20px;
    white-space: nowrap;
    z-index: 2;
}

.header-menu>li>a:hover{
    background:#777777;
    opacity: 1;
}


.header-link {
    display: flex;
    position: absolute;
    right: 0;
    top:-72px;
    width: 600px;
    transition:top 0.2s ease;
}


.header-info{
    display: flex;
}

.header-info>li>a {
    display: block;
    height: 42px;
    line-height: 42px;
    color: #000;
    font-size: 1.3rem;
    padding: 0px 20px 0 30px;
    white-space: nowrap;
}

.header-request{
    display: flex;
}

.header-request>li>a{
    position: relative;
    display: block;
    height: 42px;
    width: 187px;
    line-height: 36px;
    color:#000;
    font-size: 1.3rem;
    padding:0 15px;
    text-align: center;
    font-size: 1.1rem;
    /*color:#fff;*/
    z-index: 2;
}

.header-request>li>a.btn-est{
    background: #0085B2;
    text-align: center;
}

.header-request>li>a.btn-doc{
    background: #D9A300;
}

/*Google検索*/
header .gsst_a .gscb_a {
    color: #999;
}
.gsc-search-button-v2{
	padding: 9px 27px !important;
}
    @media screen and (max-width:1100px){
		.gsc-search-button-v2{
			padding: 13px 27px !important;
		}
    }
/*メニュー*/

.header-menu>li{
    position: relative;
}

.header-menu>li:hover>a{
    background: #777;
}



.header-menu-block {
    position:absolute;
    display: none;
    width: 286px;
    left: 0;
    top: 55px;
    padding: 0;
    transition:top 0.2s ease;
    z-index: 1;
}



.header-menu-child a{
    display: block;
    position: relative;
    border-bottom:1px solid #AAAAAA;
    font-size: 1.6rem;
    padding: 8px 30px 8px 10px;
    width: 286px;
    color:#fff;
}

.header-menu-child>li{
    position: relative;
}

.header-menu-child>li>a{
    background: #777777;
}

.header-menu-child>li:last-child>a,
.header-menu-child-lower>li:last-child>a{
    border-bottom:0;
}

.header-menu-child a:hover{
    opacity: 1;
}

.header-menu-child>li:hover>a{
    background:#8E8E8E;
}
.header-menu-child a::after{
    content:"";
    position: absolute;
    top:50%;
    right:10px;
    width: 5px;
    height: 5px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}

.header-menu-child-lower{
    display: none;
    position:absolute;
    width: 100%;
    height: 100%;
    left:-286px;
    top: 0;
    padding: 0;
    transition:top 0.2s ease;
    z-index: 1;
}

.header-menu-block.right .header-menu-child-lower{
    left:286px;
}

.header-menu-child-lower>li{
    position: relative;
}

.header-menu-child-lower>li>a{
    background: #8E8E8E;
    display: block;
}

.header-menu-child-lower>li:hover>a{
    background: #aaaaaa;
}



header.active .header-block{
    margin:15px auto 15px;
}

header.active .header-link {
    top: -56px;
}

header.active  .header-menu>li>a {
    padding: 11px 20px 11px;
}

header.active .header-menu-block {
    top: 45px;
}




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


        .header-menu>li:last-child .header-menu-child,
        .header-menu>li:last-child .header-menu-block{
             left:auto;
             right:0;
        }

    }



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

        .header-request>li>a {
            width: 130px;
        }

        .header-link {
            width: 510px;
        }

        .header-menu>li>a {
            font-size: 1.4rem;
        }

        header .header-menu-block {
            top: 52px;
        }

        header.active .header-menu-block {
            top: 42px;
        }


    /*

        .header-menu-block {
            width: 100%;
        }

    */


        .header-menu {
            padding-right: 4%;
        }


    }

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

        header{
            box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.1); 
            border-bottom: 1px solid #EEE;
        }

        .header-logo a{
            flex-wrap:wrap;
        }

        header{
            padding: 0;
        }

        .header-logo-img1 {
            position: static;
            width: 152px;
            height: 100%;
            top: 0;
            left: 0;
            padding-left: 0px;
            padding: 20px 30px 0;
        }
              .header-logo-img1 span{
                position: static;
              }

        /*メニュー*/
        .header-nav {
            position: fixed;
            display: none ;
            height:auto;
            top:0px;
            padding:67px 0px;
            width: 300px;
            right:-300px;
            text-align:left;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            text-align: left;
            z-index:    110;
            text-align: center; 
            background: #000;
            color:#fff;
            height:100%;
            opacity: 0;
            z-index: 100;
        }

        .header-nav.block {
            display: block;
        }

        .header-nav.block.active {
            opacity: 1;
            right:0;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .header-menu {
            display: block;
            padding: 10px 0 0;
        }

        .header-menu-block {
            display: none;
            background: #000;
        }

        .header-menu>li>a {
            padding: 5px 30px !important;
            line-height:1.3 ;
            height: auto;
            color:#fff;
            text-align: left;
        }

        .header-menu>li>a::after{
            content:"";
            position: absolute;
            top:50%;
            right:25px;
            width: 5px;
            height: 5px;
            border-right:2px solid #fff;
            border-bottom:2px solid #fff;
            -webkit-transform: translate(0,-50%) rotate(-45deg);
            transform: translate(0,-50%) rotate(-45deg);
        }

        .header-menu>li.pc-hover-menu>a::after {
            right: 24px;
            -webkit-transform: translate(0,-50%) rotate(45deg);
            transform: translate(0,-50%) rotate(45deg);
        }

        .header-menu>li.pc-hover-menu.open>a::after{
            right:24px;
            margin-top: 3px;
            -webkit-transform: translate(0,-50%) rotate(-135deg);
            transform: translate(0,-50%) rotate(-135deg);
        }


        .header-menu>li>a:hover {
            background: #fff;
            opacity: 1;
        }

        .header-menu-child>li>a {
            color:#fff;
        }

        .header-menu-child-lower{
            display: block;
            position:absolute;
            width: 100%;
            height: 100%;
            left:0;
            top: 0;
            padding: 0;
            transition:top 0.2s ease;
            z-index: 1;
        }

        .header-menu-block.right .header-menu-child-lower{
            left:0;
        }

        .header-menu-child-lower>li{
            position: relative;
        }

        .header-menu-child-lower>li>a{
            background: #fff;
            display: block;
        }

        .header-menu-child-lower>li:hover>a{
            background: #fff;
        }

        .header-logo {
            font-size: 1.1rem;
            height: 42px;
            padding-top: 12px;
            width: 100%;
        }


        .header-block {
            margin: 0;
            padding: 11px 15px 11px;
            z-index: 10000;
            background: #fff;
            position: relative;
        }

        .header-link {
            display: block;
            padding: 0;
            position: static;
            width: 100%;
        }


        .header-info{
            display: block;
            width: 100%;
            text-align: left;
            margin-bottom: 10px;
        }
        .header-info>li>a{
            font-weight: bold;
            position: relative;
            color:#fff;
        }


        .header-info>li>a::after{
            content:"";
            position: absolute;
            top:50%;
            right:25px;
            width: 5px;
            height: 5px;
            border-right:2px solid #fff;
            border-bottom:2px solid #fff;
            -webkit-transform: translate(0,-50%) rotate(-45deg);
            transform: translate(0,-50%) rotate(-45deg);
        }

        .header-request {
            display: block;
        }

        .header-link {
            text-align: center;
        }

        .header-request>li{
            margin-bottom: 15px;
            padding: 0 20px;

        }


        .header-request>li>a {
            width: 100%;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .header-menu-block {
            position: static;
            padding: 5px 0px 15px;
        }


        .header-menu>li:hover{
            background: inherit;
        }

        .header-menu>li>a:hover{
            background:#fff;
            opacity: 1;
        }


        .header-menu>li>a {
            padding: 10px 30px !important;
            font-weight: 600;
        }


        .header-menu-child{
            display: block;
            text-align: left;
        }

        .header-menu-child a {
            display: block;
            position: relative;
            border-bottom:none;
            font-weight: 600;
        }

        .header-menu-child>li>a {
            color: #fff;
            background: #000 !important;
            padding: 8px 20px 8px 44px;
            font-size: 1.4rem;
        }
                    
        .header-menu-child>li>a::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 11px;
            width: 5px;
            height: 5px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: translate(0,-50%) rotate(-45deg);
            transform: translate(0,-50%) rotate(-45deg);
        }

        .header-menu-child>li.header-menu-btn>::after {
            right: 10px;
            -webkit-transform: translate(0,-50%) rotate(45deg);
            transform: translate(0,-50%) rotate(45deg);
        }

        .header-menu-child>li.header-menu-btn.open>a::after{
            right:10px;
            margin-top: 3px;
            -webkit-transform: translate(0,-50%) rotate(-135deg);
            transform: translate(0,-50%) rotate(-135deg);
        }



        .pc-hover-menu:hover a{
            background:  inherit;
        }
        .header-menu>li:hover>a {
            background: inherit;
        }
        .header-menu>li:hover a{
            background: inherit;
        }

        .header-menu-child-lower{
            display: none;
            padding:5px 0 15px;
            position: static;
        }


        .header-menu-child-lower>li>a {
            background: #000;
            color: #fff;
            padding: 6px 20px 6px 54px;
            font-size: 1.2rem;

        }
        .header-menu-child-lower>li:hover>a {
            background: #000;

        }

        .header-menu-child-lower>li>a::before {
            content: "・";
            position: absolute;
            display: block;
            width: 1em;
            height: 1em;
            top: 6px;
            left: 42px;
            color: #fff;
        }

        .header-menu-child-lower>li:hover>a{
            background:inherit;

        }

        .header-menu-child>li>a  i.arw {
            transform: scale(0.8,0.8);
            border: 1px solid #000;
        }

        .header-menu-child>li>a .arw {
            position: absolute;
            left: 42px;
            top: 7px;
        }

        .header-menu-child  i.arw::after{
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }



        header.active .header-block {
            margin:0;
        }





    }



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

        .header-block {
            padding: 5px 15px 0px;
        }

    }
/*
メニューボタン
*/

#menu-button {
    display: none;
}


    @media screen and (max-width:1100px){
       
         #menu-button {
            position: absolute;
            display: block;
            right: 0;
            top: 3px;
            width: 65px;
            height: 60px;
            cursor: pointer;
            z-index: 16;
            margin-top: 0px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            z-index: 120;
        }

        #menu-button>div {
            width: 35px;
            height: 2px;
            background:  #000;
            position: absolute;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        body header.block #menu-button>div {
            background: #000;
        }

        #menu-button>div:nth-child(1){
            top: 35%;
            left: 12px;
            -webkit-transform: translate(0%,0%);
            transform: translate(0%,0%);
        }

        #menu-button.active {
            top: 0px;
        }

        #menu-button.active>div{
            background: #000;
        }

        header.on #menu-button.active>div{
            background: #000;
        }

        #menu-button.active>div:nth-child(1) {
            top: 50%;
            -webkit-transform: translate(-5%,-50%) rotate(45deg);
            transform: translate(0,-50%) rotate(45deg);
        }
        #menu-button>div:nth-child(2){
            top: 50%;
            left: 12px;
        }
        #menu-button.active>div:nth-child(2) {
            opacity: 0;
        }
        #menu-button>div:nth-child(3){
            top: 65%;
            left: 12px;
            -webkit-transform: translate(0%,0%);
            transform: translate(0%,0%);
        }
        #menu-button.active>div:nth-child(3) {
            top: 50%;
            -webkit-transform: translate(-5%,-50%) rotate(-45deg);
            transform: translate(0,-50%) rotate(-45deg);
        }


    }

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

         #menu-button {
			top: 0;
            height: 48px;

        }

    }

    @media screen and (max-width:525px){
        .header-logo-txt{
            display: none;
        }
    
    }

/*
ヘッダー
*/







/*
トップへ戻る
*/

#pagetop{
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    z-index: 1000;
}

#pagetop a{
    display: block;
    position: absolute;
    left: 0px;
    top: 100px;
    width: 50px;
    height: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #333;
}

#pagetop a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 11px;
    height: 11px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
    margin-top: 5px;
}

#pagetop.open a{
    top: 0px;
}

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

    }

.page-head{
    padding: 45px 0;
    color:#fff;
    background: #00698C;
    font-size: 3.8rem ;
    text-align:center;
}
    @media screen and (max-width: 1100px){

        .page-head {
            padding: 20px 0;
            font-size: 2.4rem;
        }

    }


.breadcrumbs{
    margin:10px 0;
    display: flex;
    flex-wrap:wrap;
}

.breadcrumbs>li{
    position:   relative;
    margin-right: 3em;
    font-size:  1.4rem;
}
.breadcrumbs>li::after{
    content:"＞";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    right:-2em;
}
.breadcrumbs>li:last-child::after{
    display: none;
}

@media screen and (max-width:1100px){
    .breadcrumbs>li {
        font-size: 1.1rem;
    }

}


/*
テーブル
*/

.detail-tbl-wrap {
    margin-bottom: 20px;
}

.detail-tbl{
    width: 100%;
    margin:10px 0 0;
}

.detail-tbl.tl-fix{
    table-layout: fixed;
}

.detail-tbl>thead{}




.detail-tbl>thead>tr>th{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 1em;
    text-align: center;
    vertical-align: middle;
}

.detail-tbl>thead>tr>td{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 2em;
    text-align: center;
}

.detail-tbl>tbody>tr>th{
    padding: 0.8em 1em;
    text-align: left;
    font-weight: normal;
    border:1px solid #BBBBBB;
    font-weight: 300;
    white-space: nowrap;
    background: #EEEEEE;
}

.detail-tbl>tbody>tr>td {
    padding: 0.8em 2em;
    text-align: left;
    border: 1px solid #BBBBBB;
}


.detail-tbl-note{
    margin-bottom: 30px;
}

.detail-tbl sup{
    font-size: 1rem;
    vertical-align: top;
}




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


        .detail-tbl {
            font-size: 1.1rem;
        }

        .detail-tbl>tbody>tr>th{
            padding: 0.8em;
            white-space: nowrap;
        }
        .detail-tbl>tbody>tr>td {
            padding: 0.8em;
            text-align: left;
            white-space: nowrap;
        }


    }

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

        .detail-tbl-wrap{
            overflow-x: scroll;
        }

        .detail-tbl {
            width: 768px;
        }

    }


/**/

.contents-aside-ttl{
    line-height: 46px;
    height:46px;
    padding-left: 30px;
    background: #00698C;
    color:#fff;
    font-size: 1.8rem;
    font-weight: 300;
}

.contents-aside-block{
    background: #F7F7F7;
    padding:12px 20px;
}

.contents-aside .news-list>article>a {
    display: block;
}

.contents-aside-list>li>a{
    padding: 5px 0;
    display: block;
    font-size: 1.8rem;
}


.contents-aside .news-list>article>a time{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.contents-aside .news-list {
    padding: 0;
}

.contents-aside .news-list>article>a {
    position: relative;
}

.contents-aside .news-list>article>a p {
    padding-left: 0;
    width: 100%;
    font-size: 1.5rem;
}


.contents-aside .news-list>article>a i {
    position:absolute;
    left: 75px;
    top:2px;
    width: 62px;
    height: 16px;
    font-size: 1rem;
    line-height: 16px;
    margin-top: 0;
    padding-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.contents-aside .news-list-link{
    position: static;
    text-align: right;
}

.contents-aside  .news-list-link a {
    position: static;
    right: 0;
    top: 0;
    display: inline-block;
    font-weight: bold;
    font-size: 1.6rem;
}

.contents-aside .news-list>article {
    margin-bottom: 10px;
}

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

    .contents-aside-ttl {
        padding-left: 20px;
        font-size: 1.6rem;
    }

    .contents-aside .news-list>article>a p {
        font-size: 1.3rem;
    }

    .contents-aside-list>li>a {
        padding: 5px 0;
        font-size: 1.5rem;
    }

}




/*
トップページ
*/
.main-slider-wrap{
    
    position: relative;
}

.main-slider {
    margin-bottom: 40px;
}

.main-slider img{
    width: 100%;
}

.main-slider .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #E7EAF4;
    opacity: 1;
}

.main-slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}


.main-slider.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
    left: 0;
    width: 100%;
}

.main-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.main-slider a:hover{
	opacity:1;
}


    @media screen and (max-width:   1100px){
        .main-slider {
            margin-bottom: 20px;
        }

        .main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
            bottom: 10px;
            left: 0;
            width: 100%;
        }

        .main-slider .swiper-pagination-bullet {
            width: 11px;
            height: 11px;
        }


    }


.top-page section{
    margin-bottom: 40px;
}

.top-page section.top-use {
    margin-bottom: 20px;
}

.page section{
    margin-bottom: 40px;
}


.top-page section>.headline-l{
    margin-bottom: 20px;
}

.page section>.headline-l{
    margin-bottom: 20px;
}


    @media screen and (max-width:1100px){
        .top-page section {
            margin-bottom: 30px;
        }

        .top-page section>.headline-l{
            margin-bottom: 10px;
        }

        .page section>.headline-l {
            margin-bottom: 10px;
        }

        .page section {
            margin-bottom: 20px;
        }
    }



.top-head {
    margin-bottom: 20px;
}

.top-head-ttl{
    display: block;
    text-align: center;
    margin: 40px 0 10px;
}

.top-head-ttl .title1{
    display: inline-block;
    margin-right: 16px;
}

.top-head-ttl .title2{
    display: inline-block;
    margin-right: 0;
}


.top-head-catch{
    display: block;
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.55rem;
    text-align: center;
}


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

        .top-head {
            margin-bottom: 20px;
        }

        .top-head-ttl {
            display: block;
            text-align: center;
            margin: 20px 0 10px;
            display: block;
        }

        .top-head-ttl img {
            height: 25px;
            width: auto;
        }

        .top-head-ttl .title1{
            display: block;
            margin-right: 0;
            margin-bottom: 5px;
        }

        .top-head-catch {
            display: block;
            margin-bottom: 0px;
            font-size: 1.3rem;
        }


    }


.top-use-list{
    display: flex;
    flex-wrap: wrap;
}

.top-use-list>li{
    width: 49%;
    margin-right: 2%;
}

.top-use-list>li:nth-child(2n){
    margin-right: 0;
}

.top-use-list>li a{
    display: block;
}
.top-use-list>li a:hover {
    opacity: 1;
}


.top-use-img{
    position: relative;
    padding-top: 42.37%;
    overflow: hidden;
}


.top-use-img figure{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    transition: transform 0.2s ease;
}

.top-use-ttl {
    margin: 20px 0 40px;
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
}

    @media screen and (max-width:1100px){
        .top-use-ttl {
            margin: 10px 0 25px;
            font-size: 1.8rem;
        }

        .top-page section.top-use{
            margin-bottom: 0;
        }

    }

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


        .top-use-list{
            display: block;
        }

        .top-use-list>li{
            display: block;
            width: 100%;
        }

    }


/**/

.news-list {
    padding: 0 18px;
}

.news-list>article{
    margin-bottom: 20px;
}
.news-list>article>a{
    display: flex;
    width: 100%;
}

.news-list>article:last-child{
    margin-bottom: 0px;
}

.news-list>article>a time {
    width: 90px;
    display: block;
    white-space: nowrap;
    font-size: 1.4rem;
}


.news-list>article>a p{
    padding-left: 1em;
    width: 100%;
    font-size: 1.5rem;
}

.news-list>article>a i{
    position: relative;
    display: inline-block;
    width: 125px;
    height: 21px;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    vertical-align: middle;
    line-height: 1em;
    margin-top: 1px;
    padding-top: 4px;
    margin-right: 0.5em;
    margin-left: 1em;
    background: #0085B2;
}

.news-list-link{
    position: relative;
}

.news-list-link a {
    position: absolute;
    right: 0;
    top: -60px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 5px;
}


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

        .news-list {
            padding: 0 12px;
        }

        .news-list>article>a{
            flex-wrap:wrap;
        }

        .news-list>article:last-child {
            margin-bottom: 5px;
        }

        .news-list>article>a time {
            width:auto;
            display: block;
            white-space: nowrap;
            font-size: 1.3rem;
            margin-right: 5px;
        }

         .news-list>article>a i {
            margin-top: -2px;
            width: 90px;
            margin-left: 0.5em;
            font-size: 1.1rem;
        }

        .news-list>article>a p {
            padding-left: 0;
            font-size: 1.3rem;
            margin-top: 10px;
        }

        .news-list-link{
            position: relative;
        }

        .news-list-link a {
            top: -39px;
            display: inline-block;
            font-weight: bold;
            font-size: 1.2rem;
            padding: 5px;
        }



    }


.top-lineup-list{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.top-lineup-list>li{
    width: 49%;
}

.top-lineup-list>li a{
    position: relative;
    display: block;
    padding-top: 38.6%;
}

.top-lineup-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

.top-lineup-ttl{
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align:center;
    color:#fff;
    font-size: 3.4rem;
    z-index: 2;
}


    @media screen and (max-width:768px){
        .top-lineup-list>li {
            width: 100%;
            margin-bottom: 15px;
        }

        .top-lineup-list>li:nth-child(2) {
            margin-bottom: 0;
        }



        .top-lineup-ttl {
            font-size: 2.4rem;
        }
    }

/*
トップティップス
*/

 .top-page section.top-tips{
    margin-bottom: 20px;
 }




.tips-slider{
    position: relative;
    z-index: 2;
}

.tips-slider .swiper-button-next{
    background: none;
    width: auto;
    right:-27px;
    outline: none;
}
.tips-slider .swiper-button-prev {
    background: none;
    width: auto;
    left:-27px;
    outline: none;
}

.tips-slider .swiper-button-next::after{
    display: none;
}
.tips-slider .swiper-button-prev::after{
    display: none;
}

.tips-slider  a{
    display: block;
}

.tips-slider-box{
    padding: 10px 8px;
}


.tips-slider-ttl{
    position: relative;
    font-size: 1.7rem;
    margin-bottom: 5px;
}
.tips-slider-msg{
    font-size: 1.4rem;
}

.use-tips-wrap .swiper-wrapper{
	flex-wrap: wrap;
}
.use-tips-wrap .swiper-slide{
	width: 31%;
	margin: 5px 1.15%;
}
.use-tips-wrap .swiper-button-next,
.use-tips-wrap .swiper-button-prev{
	display: none;
}
    @media screen and (max-width:768px){

         .top-page section.top-tips{
            margin-bottom: 0px;
         }



        .top-tips .headline-l{
            margin-left: 15px;
            width: calc(100% - 15px);
        }

        .content.top-tips-wrap{
            padding: 0;
        }
		.use-tips-wrap .swiper-wrapper{
			flex-wrap: wrap;
		}
		.use-tips-wrap .swiper-slide{
			width: 48%;
			margin: 5px 1%;
		}

        .tips-slider .swiper-slide {
            padding: 0 2%;
        }

        .tips-slider .swiper-button-next {
            position: absolute;
            width: 15.5%;
            right: 0;
            top: 0;
            padding-top: 44%;
            transform: none;
            margin-top: 0;
        }

        .tips-slider .swiper-button-next img {
            position: absolute;
            top: 50%;
            width: 53%;
            left: 0;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            text-align: center;
        }


        .tips-slider .swiper-button-prev {
            position: absolute;
            width: 15.5%;
            left: 0;
            top: 0;
            padding-top: 44%;
            transform: none;
            margin-top: 0;
            text-align: right;
        }

        .tips-slider .swiper-button-prev img {
            position: absolute;
            top: 50%;
            width: 53%;
            right: 0;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            text-align: center;
        }

        .tips-slider-ttl {
            position: relative;
            font-size: 1.5rem;
            margin-bottom: 5px;
        }
        .tips-slider-msg{
            font-size: 1.3rem;
        }

        .tips-slider-box {
            padding: 10px 5px;
        }


    }

/*
トップページバナー
*/

.top-banner-block{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.top-banner-block a{
    width:32.5%;
}


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

        .top-banner-block {
            display: block;
            margin-bottom: 0;
        }

        .top-banner-block  a{
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

    }


/*
カテゴリー
*/

.category_info{
    padding: 0 18px;
    margin-bottom: 30px;
}
.category_info-box{
    width: 48%;
}

.category_info-ttl{
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.7rem;
}


.category_info-head{
    text-align: center;
    padding-top: 24px;
    padding-bottom: 30px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.category_info-logo{
    height: 32px;
    margin-bottom: 22px;
}
.category_info-body{
    padding: 20px 10px;
}
.category_info-list>li{
    position: relative;
    padding-left:1.2em;
    margin-bottom: 1em;
}
.category_info-list>li::after{
    content:"";
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    top:6px;
    left:0;
    background: #00698C;
    border-radius: 50%;
}

.category_info-list>li>strong{
    display: block;
    margin-bottom: 0.2em;
    font-size: 1.8rem;
}

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


        .category_info {
            display: block;
            padding: 0px 5px;
            margin-bottom: 20px;
        }
        .category_info-head{
            padding-top: 15px;
            padding-bottom: 20px;
        }

        .category_info-logo {
            height: auto;
            margin-bottom: 10px;
        }

        .category_info-box{
            width: 100%;
        }

        .category_info-list>li>strong {
            margin-bottom: 0.2em;
            font-size: 1.6rem;
        }


        .category_info-ttl {
            text-align: center;
            margin-bottom: 10px;
            font-size: 1.5rem;
        }

        #category_info-toshiba .category_info-body{
            padding-bottom: 10px;

        }



    }

     @media screen and (max-width:768px){
        .category_info-catch img {
            width: auto;
            height: 6vw;
        }
    }


/*
製品
*/

.products-local-nav{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 40px;
}

.products-local-nav>li{
    margin-right: 20px;
    margin-bottom: 10px;
}
.products-local-nav>li>a{
    position: relative;
    color:#00468C;
    font-weight: bold;
    padding-left: 25px;
}

.products-local-nav>li>a>i{
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #00468C;
}

.products-local-nav>li>a>i::after{
    content:"";
    position: absolute;
    margin-top: -1px;
    top:50%;
    right:7px;
    width: 4px;
    height: 4px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}

.products-list {
    margin: 30px 0 50px;
    display: flex;
    flex-wrap: wrap;
}


.products-list>a {
    position: relative;
    display: block;
    width: 32.93%;
    background: #EEEEEE;
    padding: 45px 20px 25px;
    margin-right: 0.6%;
    margin-bottom: 10px;
    font-size: 1.4rem;
}


.products-list>a:hover{
    opacity: 1;
}


.products-list>a:nth-child(3n){
    margin-right: 0;
}

.products-list-inr{
    max-width: 310px;
    margin: 0 auto;
}
@media print,screen and (max-width: 600px){
	.products-list-inr{
    	max-width: 280px;	
	}
}

.products-list-logo{
    position:   absolute;
    right:0;
    top:0;
    text-align:right;
}

.products-list-logo span{
    width: 143px;
    text-align:center;
}

.products-list-logo span.reg {
    background: #000;
    display: inline-block;
    padding: 2px 11px 6px;
}

.products-list-logo span.reg img{
    vertical-align: middle;
}

.products-list-launch {
    display: flex;
    padding-left: 15px;
    margin-bottom: 12px;
    min-height: 20px;
}

.products-list-launch .new{
    background: #D90000;
    color:#fff;
    margin-right: 15px;
    font-size:  1.2rem;
    width: 38px;
    height: 20px;
    line-height:  20px;
    text-align: center;
}
.products-list-launch .date{
    font-size:  1.4rem;
    font-weight:  normal;
}

.products-list-img{
    text-align: center;
    margin-bottom: 20px;
}

.products-list-img img{
    width: auto;
}

.products-list-brand{

}
.products-list-series{
    font-size:  2rem;
    font-weight: normal;
}
.products-list-size{
    
}
.products-list-msg{
    margin: 1em 0;
}
.products-list-func{
    margin: 0 0 0.5em;
    font-weight: bold;
}

.products-list-note{
    margin-bottom: 10px;
}

.products-list-btn{
    position: relative;
    width: 189px;
    padding: 5px 30px;
    background: #00468C;
    color:#fff;
}
.products-list-btn::after{
    content:"";
    position: absolute;
    margin-top: 1px;
    top:50%;
    right:15px;
    width: 6px;
    height: 6px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}

.slider-msg {
    margin-top: 10px;
}



    @media screen and (max-width:1100px){
        .slider-msg .small{
            font-size: 1.1rem;
        }


        .products-list-logo{
        }

        .products-list-logo span {
            width: 100px;
            display: inline-block;
            padding: 2px 30px 6px;
            text-align: center;
        }
        .products-list-logo img {
            width: 100%;
        }

        .products-list>a{
            width: 49%;
            margin-right: 1%;
            font-size: 1.2rem;
            padding: 25px 10px 25px;
        }

        .products-list>a:nth-child(3n){
            margin-right: 1%;
        }

        .products-list>a:nth-child(2n){
            margin-right: 0;
        }


        .products-list-btn {
            padding: 5px 30px 7px;
        }


    }

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

        .products-list {
            margin: 0;
            display: flex;
            flex-wrap: wrap;
        }

        .products-list>a{
            width: 100%;
            margin-right: 0;
        }
        .products-list>a:nth-child(3n){
            margin-right: 0;
        }

        .products-list>a:nth-child(2n){
            margin-right: 0;
        }

        .products-list-launch {
            min-height: 0px;
            padding-left: 0;
            margin-bottom:0;
        }

        .products-list-img{
            margin-top: 10px;
        }

        .products-list>a{
            margin-right: 1%;
            font-size: 1.2rem;
            padding: 25px 10px 25px;
        }



    }











/*
製品詳細
*/
.products-detail{
    line-height: 1.6;
}

.products-detail-head{
    display: flex;
}

.products-detail-head-txt{
    padding-right: 30px;
}

.products-detail-head-ttl{
    font-weight: 300;
}

.products-detail-head-brand{
    font-size: 1.8rem;
    display: block;
    font-weight: 300;
}

.products-detail-head-series{
    font-size: 3.4rem;
    display: block;
    font-weight: bold;
    margin:0.1em 0 0.3em;
}
.products-detail-head-size{
    font-size: 1.6rem;
    display: block;
    margin-bottom: 1em;
}
.products-detail-head-msg {
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 40px;
}
.products-detail-head-img img{
    max-width: 100%;
}

.products-detail-head-img{
}

.products-detail-head-txt{
    width: 50%;
    background: #EEEEEE;
    padding: 35px 50px 40px;
}

.products-detail-head-slide{
    width: 50%;
    padding: 0 20px; 
}

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

        .products-detail-head{
            display: block;
        }


        .products-detail-head-txt{
            width: 100%;
        }

        .products-detail-head-txt {
            padding-right: 0;
            margin-bottom: 30px;
            padding: 15px;
        }

        .products-detail-head-slide{
            width: 100%;
            margin-bottom: 30px;
        }

        .products-detail-head-brand{
            font-size: 1.8rem;
            display: block;
            font-weight: 300;
        }

        .products-detail-head-series{
            font-size: 2.8rem;
            display: block;
            font-weight: bold;
            margin:0.1em 0 0.3em;
        }
        .products-detail-head-size{
            font-size: 1.6rem;
            display: block;
            margin-bottom: 1em;
        }

        .products-detail-head-msg {
            font-size: 1.6rem;
            margin-bottom: 20px;
        }

    }


.products-detail-slider .gallery-thumbs .swiper-slide{
    width: 10.66%;
    margin-right:0.5%;
    padding: 0.2em;
    border:1px solid #E4E8EE;
}

.products-detail-slider .gallery-thumbs .swiper-slide-thumb-active{
    border:1px solid #2F353D;
}


.products-detail-slider .gallery-thumbs .swiper-slide img{
    width: 100%;
}


.products-detail-slider .gallery-top-wrap{
    position: relative;
    padding:0 40px;
    z-index: 1;
}

.products-detail-slider .gallery-top {
    max-width: 434px;
    margin: 35px auto 43px;
}

.products-detail-slider .swiper-button-prev{
    left: 0;
    width: 32px;
}
.products-detail-slider .swiper-button-next{
    right: 0px;
    left: auto;
    width: 32px;
}

.products-detail-slider .swiper-button-prev::after{
    display: none;
}

.products-detail-slider .swiper-button-next::after{
    display: none;
}


.products-detail-body {
    padding: 60px 20px;
}

.products-detail-single-img{
    text-align: center;
    margin: 50px auto;
}

.products-detail-msg{
    margin-bottom:2em;
}


.products-detail-single-img img{
    max-width: 100%;
    width: auto;
}



.products-detail-ttl-l{
    font-size: 2.6rem;
    margin-bottom: 0.5em;
}

.products-detail-ttl-m{
    font-size: 2rem;
    margin-bottom: 0.5em;
    color:#00688C;
}

.products-detail-ttl-s{
    margin-bottom: 0.4em;
    font-size: 1.6rem;
}


.products-detail-flex-left{
    display: flex;
    margin: 30px 0 40px;
}


.products-detail-flex-img{
    width: 33.33%;
}

.products-detail-flex-msg{
    margin-bottom: 1.5em;
}

.products-detail-flex-box{
    width: 66.66%;
    padding-left: 25px;
    padding-top: 15px;
}


.products-detail-flex-right{
    display: flex;
    margin: 30px 0 40px;
    flex-direction:row-reverse;
}

.products-detail-flex-right .products-detail-flex-box{
    padding-right: 25px;
    padding-left:0px;
}



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

        .products-detail-body {
            padding: 20px 0 0;
        }
        .products-detail-single-img{
            text-align: center;
            margin: 30px auto;
            padding: 0 20px;
        }

        .products-detail-msg{
            margin-bottom: 1.8em;
        }

        .products-detail-ttl-l{
            font-size: 2rem;
            margin-bottom: 0.5em;
        }

        .products-detail-ttl-m{
            font-size: 1.6rem;
            margin-bottom: 0.5em;
            color:#00688C;
        }

        .products-detail-ttl-s{
            margin-bottom: 0.4em;
            font-size: 1.4rem;
        }
        .products-detail-flex-right {
            display: block;
            margin: 0px 0 25px;
        }

        .products-detail-flex-left {
            display: block;
            margin: 0px 0 25px;
        }

         .products-detail-flex-txt{
            width: 100%;
         }

        .products-detail-flex-img {
            width:100%;
        }

        .products-detail-flex-box {
            width: 100%;
            padding-left: 0px;
            padding-top: 15px;
        }

    }


.detail-tbl2>thead>tr>th{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 1em;
    text-align: center;
    vertical-align: middle;
}

.detail-tbl2>thead>tr>td{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 2em;
    text-align: center;
}

.detail-tbl2>tbody>tr>th{
    padding: 0.8em 1em;
    text-align: left;
    font-weight: normal;
    border:1px solid #BBBBBB;
    font-weight: 300;
    white-space: nowrap;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
}

.detail-tbl2>tbody>tr>td {
    padding: 0.8em 2em;
    text-align: left;
    border: 1px solid #BBBBBB;
    text-align: center;
}

    @media screen and (max-width:1100px){
        .detail-tbl2{
            font-size: 1rem;
        }

        .detail-tbl2>thead>tr>th{
            padding: 0.8em;
            white-space: nowrap;
        }

        .detail-tbl2>thead>tr>td{
            white-space: nowrap;
            padding: 0.8em;
        }

        .detail-tbl2>tbody>tr>th{
            white-space: nowrap;
            padding: 0.8em;
        }
        .detail-tbl2>tbody>tr>td{
            white-space: nowrap;
            padding: 0.8em;
        }


    }
 

.products-detail-nav-head{
    display: none;
}

.products-detail-nav{
    display: flex;
    justify-content: center;
    border-bottom:3px solid #ccc;
    margin-top: 60px;
}

.products-detail-nav>li{
    width: 127px;
    position: relative;
    border-left:3px solid #ccc;
    border-top:3px solid #ccc;
}

.products-detail-nav>li.active::after{
    content:"";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    bottom:-3px;
    left:0;
    background: #fff;
}

.products-detail-nav>li:last-child{
    border-right:3px solid #ccc;
}


.products-detail-nav>li>a{
    padding: 15px 10px;
    display: block;
    text-align: center;
    font-size: 1.6rem;
}

.products-detail-nav>li.active a{
    font-weight: bold;
}


    @media screen and (max-width:1100px){
        .products-detail-nav-wrap{
            position: relative;
            z-index: 2;
        }

        .products-detail-nav {
            margin-top: 0px;
        }

        .products-detail-nav-head{
            position: relative;
            display: block;
            height: 60px;
            line-height: 54px;
            width: 100%;
            padding-left: 20px;
            font-size: 1.6rem;
            font-weight: bold;
            cursor: pointer;
            border:3px solid #ccc;
            margin-bottom: 10px;
        }

        .products-detail-nav-head::after{
            position: absolute;
            content:"";
            width: 0;
            height: 0;
            right:20px;
            top:50%;
            margin-top: -5px;
            border-style: solid;
            border-width: 0px 8px 9px 8px;
            border-color: transparent transparent #000 transparent;
        }

        .products-detail-nav-head.open::after{
            position: absolute;
            content:"";
            width: 0;
            height: 0;
            right:20px;
            top:50%;
            margin-top: -2px;
            border-style: solid;
            border-width: 9px 8px 0 8px;
            border-color: #000 transparent transparent transparent;
        }



        .products-detail-nav{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            top:70px;
            left:0;
            background: #fff;
        }

        .products-detail-nav>li{
            width: 100%;
            background: #fff;
            border-right:3px solid #ccc;
        }
        .products-detail-nav>li>a{
            text-align: left;
            padding: 12px 20px;
        }

        .products-detail-nav>li:first-child{
            /*border-top:none;*/
        }
        .products-detail-nav>li:last-child{
            border-bottom:3px solid #ccc;

        }
    }


.products-detail-list{
    margin-bottom: 30px;
}

.products-detail-list ul>li{
    position: relative;
    padding-left: 1em;
}

.products-detail-list ul>li::after{
    content:"・";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}

.products-detail-note {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

.products-detail-note ul>li{
    position: relative;
    padding-left: 1.5em;
}

.products-detail-note ul>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}

.products-detail-btn{
    display: block;
    height: 55px;
    line-height: 55px;
    width: 280px;
    margin: 0 auto;
    background: #000000;
    color:#fff;
    text-align: center;
    font-size: 1.6rem;
    margin: 0 auto;
    font-weight: bold;
}


.products-detail-note ol>li{
    position: relative;
    padding-left: 1.5em;
}

.products-detail-note ol>li>i {
    position: absolute;
    display: block;
    width: auto;
    height: 1em;
    top: -3px;
    left: 0;
}


.products-detail-note ol>li>i>sup{
    text-align:top;
    font-size: 1.6rem;
}


.products-detail-link{
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}



.products-detail-link-smaple {
    display: flex;
    margin-top: 15px;
    margin-bottom: 50px;
    justify-content: center;
    align-items: center;
}

.products-detail-link-smaple>span{
    font-weight: bold;
    padding-right: 15px;
}

.products-detail-size{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 40px;
}

.products-detail-size>li{
    border:3px solid #DDDDDD;
    width: 159px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.products-detail-size>li>a{
    display: block;
    padding: 0.7em;
    color:#333333;
    text-align: center;
}

.products-detail-size>li.active a{
    font-weight: bold;
}

.products-detail-option{
    margin-bottom: 60px;
}

.detail-tbl2-note{
    margin-bottom: 50px;
}


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

    .products-detail-size>li{
        border:3px solid #DDDDDD;
        width: 80px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .products-detail-size{
        display: flex;
        flex-wrap:wrap;
        margin-bottom: 20px;
    }


    .products-detail-option{
        margin-bottom: 35px;
        overflow-x: scroll;
    }

    .products-detail-note {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 1rem;
    }


    .detail-tbl2-note{
        margin-bottom: 25px;
    }

    .products-detail-nav>li.active::after{
        display: none;
    }

}

/*
tips
*/

.tips-list-nav{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: 40px;
}

.tips-list-nav>li{
    border-right:1px solid #BBBBBB;
}

.tips-list-nav>li:first-child{
    border-left:1px solid #BBBBBB;
}

.tips-list-nav>li>a{
    display: block;
    padding: 0 2em;
    height: 29px;
    line-height:29px ;
}


.tips-list{
    display: flex;
    flex-wrap: wrap;
}
.tips-list>article{
    width: 32.5%;
    margin-right:1.25%;
    margin-bottom: 30px;
}
.tips-list>article:nth-child(3n){
    margin-right:0;
}

.tips-list-box{
    padding: 12px 8px;
}

.tips-list-ttl{
    position: relative;
    font-size: 1.7rem;
    margin-bottom: 5px;
}
.tips-list-msg{
    font-size: 1.4rem;
}


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

    .tips-list-nav {
        margin-top: 10px;
        margin-bottom: 20px;
        flex-wrap:wrap;
        max-width: 500px;
        margin:20px auto 20px;
    }


    .tips-list-nav>li>a{
        display: block;
        padding:0.3em 2vw;
        height: auto;
        font-size: 1.1rem;
        line-height: 1.3;
        text-align: center;
    }

    .tips-list.top{
        padding:0 15px;
    }


    .tips-list>article{
        width: 48%;
        margin-right:3%;
        margin-bottom: 10px;
    }

    .tips-list>article:nth-child(3n){
        margin-right:3%;
    }

    .tips-list>article:nth-child(2n){
        margin-right:0;
    }

    .tips-list-box {
        padding: 10px 5px;
    }


    .tips-list-ttl{
        font-size: 1.3rem;
    }

    .tips-list-msg{
        font-size: 1.1rem;
    }

}




/*
tips-detail
*/
.tips-detail{}


.tips-detail-head {
    padding: 50px 10px 20px;
}

.tips-detail-body{
    padding : 10px;
}

.tips-detail-ttl{
    font-size: 2.6rem;
    margin-bottom: 30px;
}

.tips-detail-member{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 30px;
}

.tips-detail-member>li{
    width: 23.5%;
    margin-right: 2%;
}

.tips-detail-member>li:nth-child(4n){
    margin-right: 0;
}

.tips-detail-firm{
    margin-bottom: 2px;
}

.tips-detail-name{
    font-weight: bold;
    margin-bottom: 2px;
}

.tips-detail-member-box{
    padding: 10px;
    font-size: 1.5rem;
}


.tips-detail img{
    max-width: unset;
    width:100%;
}

.tips-detail-block{
    margin: 2em 0;
}

.tips-detail h1,
.tips-detail h2,
.tips-detail h3,
.tips-detail h4,
.tips-detail h5{
    line-height: 1.4;
    font-weight: bold;
}

.tips-detail-single-img {
    padding: 0px 10px;
    margin: 30px auto;
    text-align: center;
    max-width: 1000px
}



.tips-detail-single-img img{
    width: auto;
    max-width: 100%;
}

.tips-detail-msg {
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: 0px;
    line-height: 1.6;
}

.tips-detail-ttl-l{
    font-size: 2.2rem;
    margin:2em 0;
}

.tips-detail-ttl-m{
    font-size: 1.8rem;
    margin-bottom: 0.5em;
}

.tips-detail-ttl-s{
    margin-bottom: 0.4em;
    font-size: 1.6rem;
}



.tips-detail-tbl>tbody>tr>td {
    padding: 0.8em 1em;
    text-align: left;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

 .tips-detail-note {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

 .tips-detail-note ul>li{
    position: relative;
    padding-left: 1.5em;
}

 .tips-detail-note ul>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


.tips-detail-caution ul>li{
    display: flex;
    font-size: 1.2rem;
}
.tips-detail-caution ul>li>i{
    white-space: nowrap;
    display: block;
    margin-right: 0.4em;
}

.tips-detail-link-box{
    margin: 20px 0;
    font-size: 1.3rem;
}

.tips-detail-link{
    display: inline-block;
    text-decoration: underline;
    color: #00468C;
}

.tips-detail-figcaption{
    display: block;
    padding: 5px 0;
    font-size: 1.2rem;
    text-align: center;
}


.tips-detail-block{
    overflow:hidden;
    line-height: 1.6;
}

.tips-detail-block>.f-left{
    width: 40%;
    margin-right: 30px;
    margin-bottom: 5px;
}
.tips-detail-block>.f-right{
    width: 40%;
    margin-left: 30px;
    margin-bottom: 5px;
}

.tips-detail-block figure{
    margin-bottom: 10px;
}

.tips-detail-block figcaption{
    font-size: 1.2rem;
    text-align: left;
}

.tips-detail-list-ttl{
    font-size:2.2rem;
    margin-bottom: 15px;
}

.tips-detail-list{
    margin-bottom: 40px;
}

.tips-detail-list ul>li{
    margin-bottom: 4px;
}

.tips-detail-list ul>li>a{
    display: block;
    background: #EEEEEE;
    color:#00468C;
    padding: 10px 20px;
    font-size: 1.6rem;
    font-weight: bold;
}




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

        .tips-detail-member {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 10px;
        }

        .tips-detail-member>li{
            width: 49%;
            margin-right: 2%;
        }

        .tips-detail-member>li:nth-child(4n){
            margin-right: 2%;
        }

        .tips-detail-member>li:nth-child(2n){
            margin-right: 0;
        }

        .tips-detail-member-box {
            padding: 10px;
            font-size: 1.1rem;
        }

        .tips-detail-name {
            font-size: 1.3rem;
            font-weight: bold;
            margin-bottom: 2px;
        }

        .tips-detail-head {
            padding: 20px 10px 0px;
        }


        .tips-detail-ttl {
            font-size: 2rem;
        }

       .tips-detail-ttl-l{
            font-size: 1.8rem;
            margin-bottom: 0.5em;
        }

       .tips-detail-ttl-m{
            font-size: 1.6rem;
            margin-bottom: 0.5em;
            color:#00688C;
        }

       .tips-detail-ttl-s{
            margin-bottom: 0.4em;
            font-size: 1.4rem;
        }


        .tips-detail-msg {
            font-size: 1.3rem;
            margin-bottom: 20px;
        }



        .tips-detail-block {
            margin:20px 0;
        }

        .tips-detail-block figcaption {
            font-size: 1.1rem;
            text-align: left;
        }


        .tips-detail-block-msg{
            margin-bottom: 1em;
        }

        .tips-detail-block>.f-left {
            width: 45%;
            margin-right: 22px;
            margin-bottom: 8px;
        }

        .tips-detail-block>.f-right {
            width: 45%;
            margin-left: 22px;
            margin-bottom: 8px;
        }

        .tips-detail-two-img, .tips-detail-three-img {
            display: -ms-flex;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .tips-detail-list ul>li>a {
            font-size: 1.4rem;
        }

    }



.loader-block{
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.loader-block-txt{
    font-size: 2rem;
    color:#777777;
}
.loader-block-icon{
    position: relative;
    display: inline-block;
    padding: 30px 0;
}

.loader-block-icon span{
    display: inline-block;
    margin: 0;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}


@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #eee, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.6);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.6), 1.8em -1.8em 0 0em #eee, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.6), 2.5em 0em 0 0em #eee, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.6), 1.75em 1.75em 0 0em #eee, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.6), 0em 2.5em 0 0em #eee, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.6), -1.8em 1.8em 0 0em #eee, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.6), -2.6em 0em 0 0em #eee, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #eee;
  }
}


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

    .loader-block {
        margin-bottom: 30px;
    }

    .loader-block-txt {
        font-size: 1.4rem;
    }

    .loader-block-icon {
        display: inline-block;
        padding: 20px 0;
    }

    .loader-block-icon span {
        font-size: 6px;
    }

}

/*
導入事例
*/

.case-search-block{
    margin:15px 0 30px;
    padding: 17px 15px;
    background: #EEEEEE;
}

.case-search-row{
    display: flex;
}

.case-search-row-box1{

}
.case-search-row-box2{
    padding-left: 30px;
}

.case-search-word {
    display: flex;
    padding-top: 8px;
}
.case-search-word-head{
    font-weight: bold;
    font-size: 1.5rem;
    padding-right: 1em;
}
.case-search-word-body{}
.case-search-word-list{
    display: flex;
    flex-wrap: wrap;
}
.case-search-word-list>li{
    padding: 0 1em;
}
.case-search-word-list>li>a{
    font-size: 1.4rem;
    text-decoration: underline;
}

.search-input-box{
    position: relative;
   display: flex;
}
.search-input[type="text"]{
    width: 460px;
    height: 37px;
    border:1px solid #AAAAAA;
}

.search-input-submit{
    width: 56px;
    height: 37px;
    background: #555555;
    margin-left: 5px;
}


.case-search-tbl{
    width: 100%;    
}
.case-search-tbl th{
    width: 140px;
    padding:0.5em 1em;
    text-align: left;
}
.case-search-tbl.type2 th{ width: 200px;}
.case-search-tbl td{
    padding:0.5em 1em;
}


.case-search-body{
    padding: 0 10px;
}

.case-msg{
    padding: 15px;
    margin-bottom: 10px
}


.case-list-loca{
    display: flex;
    margin: 12px 0;
}

.case-list-loca-head {
    width: 78px;
    background: #00698C;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    line-height: 20px;
}


.case-list-loca-body{
    width: calc(100% - 78px);
    font-size: 1.5rem;
    margin-left: 10px;
}

.case-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
}

.case-list>article{
    width: 32.5%;
    margin-right: 1.25%;
    margin-bottom: 15px;
}


.case-list>article:nth-child(3n){
    margin-right: 0;

}

.case-list>article{
    border:1px solid #CCCCCC;
}
.case-list>article>a{
    display: block;
    padding: 15px;
}

.case-list-ttl{
    font-size: 1.7rem;
    margin-bottom: 15px;
}
.case-list-msg{
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.case-list-link{
    text-align: right;
}

.case-list-btn{
    position: relative;
    display: inline-block;
    text-align: right;
    padding-right: 25px;
    font-weight: bold;
}

.case-list-btn>i{
    position: absolute;
    width: 19px;
    right: 0;
    top:0;
}
.case-search-block button.search-btn{
	display: inline-block !important;
	padding: 0.5em 5em;
	background: #555;
	color: #FFF;
	width: auto;
}

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

    .case-msg{
        padding: 0px;
        margin-bottom: 10px
    }


    .case-search-body {
        padding: 0;
    }


    .case-search-row{
       display: block;
    }
    .case-search-row-box1{
        display: block;
        width: 100%;
    }
    .case-search-row-box2{
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .case-search-block {
        margin: 15px 0 20px;
        padding: 17px 15px;
    }

    .case-search-word-list>li{
        margin-right: 0em;
        padding-right: 0em;
        margin-bottom: 5px;
    }
    .case-search-word-list>li>a {
        font-size: 1.2rem;
        text-decoration: underline;
    }

    .case-search-word-head {
        font-size: 1.3rem;
        white-space: nowrap;
    }


    .case-search-tbl,
    .case-search-tbl tbody,
    .case-search-tbl td,
    .case-search-tbl th,
    .case-search-tbl.type2 th {
        display: block;
        width:100%;
        padding: 0;
    }

    .case-search-tbl td,
    .case-search-tbl th {
        margin-bottom: 10px;
    }

    .check-group label {
        margin-bottom: 10px
    }

    .case-list {
        padding: 0;
    }


    .case-list-loca{
        display: block;
        margin: 0;
    }

    .case-list-loca-head {
        width: 78px;
        font-size: 1.1rem;
        margin-bottom: 3px;
    }
     .case-list-loca-body{
        display: block;
        width: 100%;
        font-size: 1.2rem;
        padding-left: 0;
        margin-left: 0;
     }

    .case-list>article{
        width: 49%;
        margin-right:2%;
        margin-bottom: 10px;
    }

    .case-list>article:nth-child(3n){
        margin-right:2%;
    }

    .case-list>article:nth-child(2n){
        margin-right:0;
    }

    .case-list>article>a {
        padding: 5px;
    }

    .case-list-box {
        padding: 10px 5px;
    }


    .case-list-ttl{
        font-size: 1.4rem;
    }

    .case-list-msg{
        font-size: 1.1rem;
    }





}


/*
導入事例詳細
*/
.case-detail{
    line-height: 1.6;
}


.case-detail-head{
    border-bottom: 1px solid #DDDDDD;
    padding: 0 15px;
}
.case-detail-head-box{
    display: flex;
    flex-wrap:wrap;
}

.case-detail-loca-head{
    width: 78px;
    height: 24px;
    line-height: 24px;
    background: #00698C;
    color:#fff;
    font-size: 1.3rem;
    text-align: center;
}

.case-detail-loca-body{
    width: calc(100% - 78px);
    font-size: 1.5rem;
    margin-left: 10px;
}

.case-detail-cate{
    display: flex;
    margin-bottom: 20px;
}
.case-detail-cate>li{
    margin-right: 15px;
    display: block;
}
.case-detail-cate>li>a{
    border:1px solid #BBBBBB;
    text-align: center;
    padding: 0.4em 1em;
    display:block;
    white-space: nowrap;
}

.case-detail-loca{
    display: flex;
    margin-top: 18px;
}


.case-detail-ttl{
    position: relative;
    font-size: 3rem;
    padding:5px 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.case-detail-ttl::after{
    content:"";
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 5px;
    height: 48px;
    background: #E61E1E;
}


.case-detail-body{
    padding: 30px 15px 0;
}


.case-detail h1,
.case-detail h2,
.case-detail h3,
.case-detail h4,
.case-detail h5{
    line-height: 1.4;
    font-weight: bold;
}



.case-detail-single-img {
    padding: 0px 10px;
    margin: 30px 0;
    text-align: center;
}


.case-detail-single-img img{
    width: auto;
    max-width: 100%;
}

.case-detail-msg {
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 30px;
}

.case-detail-msg span{
    text-align: right;
    font-size: 1.3rem;
    display: block;
}

.case-detail-ttl-ll{
    font-size: 2.6rem;
    margin-bottom: 0.5em;
}
.case-detail-ttl-l{
    font-size: 2.2rem;
    margin-bottom: 0.5em;
}

.case-detail-ttl-m{
    font-size: 2rem;
    margin-bottom: 0.5em;
    color:#00688C;
}


.case-detail-ttl-s{
    font-size: 2rem;
    margin-bottom: 0.5em;
    color:#00688C;
}




.case-detail-tbl{
    width: 100%;
    margin:10px 0 30px;
}

.case-detail-tbl>thead>tr>th{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 1em;
    text-align: center;
}

.case-detail-tbl>thead>tr>td{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 2em;
    text-align: center;
    vertical-align: middle;
}

.case-detail-tbl>tbody>tr>th{
    padding: 0.8em 1em;
    text-align: left;
    font-weight: normal;
    border:1px solid #BBBBBB;
    font-weight: 300;
    white-space: nowrap;
    vertical-align: middle;
}


.case-detail-tbl>tbody>tr>td {
    padding: 0.8em 1em;
    text-align: left;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

 .case-detail-note {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

 .case-detail-note ul>li{
    position: relative;
    padding-left: 1.5em;
}

 .case-detail-note ul>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


.case-detail-caution ul>li{
    display: flex;
    font-size: 1.2rem;
}
.case-detail-caution ul>li>i{
    white-space: nowrap;
    display: block;
    margin-right: 0.4em;
}

.case-detail-link-box{
    margin: 20px 0;
    font-size: 1.3rem;
}


.case-detail-link{
    display: inline-block;
    text-decoration: underline;
    color: #00468C;
}


.case-detail-profile-msg{
    margin-bottom: 1.5em;
}



.case-detail  figcaption{
    display: block;
    padding: 5px 0;
    font-size: 1.4rem;
    text-align: center;
}

.case-detail-profile{
    display: flex;
    margin-bottom: 40px;
}

.case-detail-profile-img{
    margin-bottom: 10px;
}

.case-detail-profile-box1{
    width: 27.7%;
}
.case-detail-profile-box2{
    width: 72.3%;
    padding-left: 30px;
}

.case-detail-profile-logo{
    margin-bottom: 15px;
}


.case-detail-profile-logo img{
    width:auto;
}

.case-detail-list-ttl{
    font-size:2.2rem;
    margin-bottom: 15px;
}

.case-detail-list{
    margin-bottom: 40px;
}

.case-detail-list ul>li{
    margin-bottom: 4px;
}

.case-detail-list ul>li>a{
    display: block;
    background: #EEEEEE;
    color:#00468C;
    padding: 10px 20px;
    font-size: 1.6rem;
    font-weight: bold;
}

.case-detail-point-ttl{
    font-size: 2rem;
    margin-bottom: 0.5em;
}
.case-detail-point{
    padding: 15px 25px;
    border:1px solid #FF2626;
    margin: 20px 0 40px;
}

.case-detail-point ul>li{
    position: relative;
    padding-left: 1em;
    font-size: 1.8rem;
}

.case-detail-point ul>li::after{
    content:"・";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


.case-detail-flex-left{
    display: flex;
    margin: 30px 0 40px;
}

.case-detail-flex-img{
    width: 41%;
}

.case-detail-flex-msg{
    margin-bottom: 1.5em;
}

.case-detail-flex-box{
    width: 59%;
    padding-left: 25px;
    padding-top: 20px;
}

.case-detail-flex-right{
    display: flex;
    margin: 30px 0 40px;
    flex-direction:row-reverse;
}

.case-detail-flex-right .case-detail-flex-box{
    padding-right: 25px;
    padding-left:0px;
}

.case-detail-flex-box .case-detail-ttl-m{
    margin-bottom: 0.5em;
}



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

        .case-detail-head {
            padding: 0px;
        }

        .case-detail-cate {
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .case-detail-ttl {
            margin-top: 10px;
            font-size: 2.2rem;
            width: 100%;
        }

        .case-detail-loca{
            display: flex;
            margin-top: 10px;
        }

        .case-detail-cate{
            flex-wrap: wrap;
        }
        .case-detail-cate>li {
            margin-bottom: 5px;
            margin-right: 8px;
        }
        .case-detail-cate>li>a {
            padding: 0.3em 0.5em 0.5em;
            font-size: 1.2rem;
        }

        .case-detail-body {
            padding: 20px 0 0;
        }

        .case-detail-ttl-ll {
            font-size: 2rem;
        }

        .case-detail-msg {
            font-size: 1.3rem;
            margin-bottom: 20px;
        }

        .case-detail-single-img {
            padding: 0px 10px;
            margin: 20px 0;
            text-align: center;
        }

       .case-detail-ttl-l{
            font-size: 1.8rem;
            margin-bottom: 0.5em;
        }

       .case-detail-ttl-m{
            font-size: 1.6rem;
            margin-bottom: 0.5em;
            color:#00688C;
        }

       .case-detail-ttl-s{
            margin-bottom: 0.4em;
            font-size: 1.4rem;
        }

        .case-detail-tbl-wrap{
            overflow-x:auto;
            margin-bottom: 30px;
        }


        .case-detail-tbl {
            width: 100%;
            margin: 10px 0 20px;
            font-size: 1.1rem;
        }

        .case-detail-tbl>thead>tr>th {
            white-space: nowrap;
        }

        .case-detail-tbl>tbody>tr>th {
            padding: 0.8em;
            text-align: left;
            white-space: nowrap;
        }
        .case-detail-tbl>tbody>tr>td {
            padding: 0.8em;
            text-align: left;
            white-space: nowrap;
        }

        .case-detail-contact {
            padding: 15px;
            font-size: 1.3rem;
            margin: 30px 0;
        }

        .case-detail-caution ul>li {
            display: flex;
            font-size: 1rem;
        }

        .case-detail-note ul>li {
            position: relative;
            font-size: 1rem;
        }

        .case-detail-profile {
            display: flex;
            margin-bottom: 20px;
        }

        .case-detail-profile{
            flex-direction: column-reverse;
        }

        .case-detail-profile-box1{
            width: 100%;
            padding: 0;
            margin-bottom: 0px;
        }
         .case-detail-profile-box1 img{
            width: 70%;
            display: block;
            margin: 0 auto;
            max-width: 360px;
         }
        .case-detail-profile-box2{
            width: 100%;
            padding: 0;
            margin-bottom: 20px;
        }

        .case-detail-list-ttl{
            font-size: 1.8rem;
        }

        .case-detail-list ul>li>a {
            font-size: 1.4rem;
        }

        .case-detail-point-ttl {
            font-size: 1.8rem;
            margin-bottom: 0.5em;
        }

        .case-detail-point {
            padding: 15px 10px;
            margin: 10px 0 20px;
        }

        .case-detail-point ul>li {
            position: relative;
            padding-left: 1em;
            font-size: 1.6rem;
        }

        .case-detail-flex-right {
            display: block;
            margin: 0px 0 25px;
        }

        .case-detail-flex-left {
            display: block;
            margin: 0px 0 25px;
        }

        .case-detail-flex-box {
            display: block;
            width: 100%;
            padding: 0;
        }

        .case-detail-flex-img {
            display: block;
            width: 100%;
            padding: 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .case-detail-flex-right .case-detail-flex-box {
            padding-right: 0;
            padding-left: 0;
        }
    }


/*
ダウンロード
*/

.download-page-nav{
    display: flex;
    flex-wrap:wrap;
    margin: 40px 0 25px;
}

.download-page-nav>li{
    width: 24.6%;
    margin-right: 0.53%;
}

.download-page-nav>li:nth-child(4n){
    margin-right: 0;
}

.download-page-nav>li>a{
    position: relative;
    display: block;
    color:#00468C;
    font-weight: bold;
    padding:20px;
    padding-right: 30px;
    text-align: center;
    font-size: 1.8rem;
    border:4px solid #D6D6D6;
}

.download-page-nav>li>a>i{
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border:1px solid #000000;
    right: 20px;
    top:50%;
    align-items: center;
    margin-top: -9px;
}

.download-page-nav>li>a>i::after{
    content:"";
    position: absolute;
    margin-top: 0px;
    top:50%;
    right:7px;
    width: 4px;
    height: 4px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}

.page section.download-block {
    margin-bottom: 30px;
}


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

        .download-page-nav {
            margin: 25px 0 10px;
        }

        .download-page-nav>li {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 10px;
        }
        .download-page-nav>li:nth-child(4n) {
            margin-right: 2%;
        }
        .download-page-nav>li:nth-child(2n) {
            margin-right: 0;
        }

        .download-page-nav>li>a {
            padding: 15px;
            padding-right: 20px;
            text-align: left;
            font-size: 1.5rem;
            border: 3px solid #D6D6D6;
        }
        .download-page-nav>li>a>i {
            right: 15px;
        }

    }



/*
カタログ
*/

.download-local-nav{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 40px;
}

.download-local-nav>li{
    margin-right: 20px;
    margin-bottom: 10px;
}
.download-local-nav>li>a{
    position: relative;
    color:#00468C;
    font-weight: bold;
    padding-left: 25px;
}

.download-local-nav>li>a>i{
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #00468C;
}

.download-local-nav>li>a>i::after{
    content:"";
    position: absolute;
    margin-top: -1px;
    top:50%;
    right:7px;
    width: 4px;
    height: 4px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}

.catalog-block{
    margin-bottom: 50px;
}

.catalog-tbl{
    margin-top: 20px;
}

.catalog-tbl a.link{
    text-decoration: none;
    font-weight: 300;
}

.catalog-tbl-tr{
    display: flex;
    border:1px solid #CCCCCC;
    margin-top: -1px;
}

.catalog-tbl-th{
    width: 20%;
    border-right:1px solid #CCCCCC;
    text-align: left;
    padding:10px 20px;
    font-size: 1.6rem;
    font-weight: bold;
}

.catalog-tbl-td{
    width: 20%;
    text-align: center;
    padding:10px 20px;
    border-right:1px solid #CCCCCC;
}

.catalog-tbl-td:last-child{
    border-right:none;
}

.catalog-box{
    margin-bottom: 30px;
}


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

    .catalog-tbl{
        margin-bottom: 10px;
    }

    .catalog-tbl-tr{
        display: block;
        border:1px solid #CCCCCC;
    }



    .catalog-tbl-th{
        width: 100%;
         border-bottom:1px solid #CCCCCC;
        border-right:none;
        text-align: left;
        padding:10px 20px;
        margin-bottom: 5px;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .catalog-tbl-td{
        width: 100%;
        text-align: left;
        padding:8px 20px 8px;
        border-right:none;
        font-size: 1.5rem;
    }

    .catalog-tbl a.link {
        font-size: 1.5rem;
    }


    .catalog-tbl-td:last-child{
        border-right:none;
    }

}


/*
ボーダーブロック
*/

.border-block {
    display: flex;
    padding: 28px 30px;
    border: 5px solid #DDDDDD;
    margin-top: 25px;
    margin-bottom: 25px;
}

.border-block-box1{
    width: calc(100% - 420px);
}

.border-block-box2{
    width: 420px;
    padding-top: 10px;
    text-align: right;
}

.border-block-ttl{
    font-size: 2.2rem;
    margin-bottom: 0.3em;
}
.border-block-msg{
    font-size: 1.4rem;
}

.border-block-btn {
    position: relative;
    display: inline-block;
    width: 325px;
    padding: 8px 38px 8px 30px;
    color: #fff;
    background: #00468C;
    font-size: 1.4rem;
    text-align: left;
    margin-right: 10px;
}


.border-block-btn .arw_wh{
        content:"";
        position: absolute;
        top:50%;
        margin-top: 1px;
        right:12px;
        width:7px;
        height: 7px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        -webkit-transform: translate(0,-50%) rotate(-45deg);
        transform: translate(0,-50%) rotate(-45deg);
}


.border-block-btn .link_wh {
    position: absolute;
    right: 14px;
    top: 12px;
}


@media screen and (max-width:1100px){
    .border-block {
        display: block;
        padding: 15px 15px;
        border: 4px solid #DDDDDD;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .border-block-box1 {
        width: 100%;
    }

    .border-block-box2 {
        width: 100%;
    }

    .border-block-ttl {
        font-size: 1.6rem;
        margin-bottom: 0.3em;
    }
    .border-block-msg {
        font-size: 1.2rem;
    }



    .border-block-btn {
        width: 100%;
        padding: 8px 25px 8px 15px;
        font-size: 1.3rem;
        margin-right: 0px;
    }

}


.caution-section{
    margin-bottom: 30px;
}

.caution-section-msg{
    position: relative;
    padding-left: 30px;
    font-size: 1.4rem;
}

.caution-section-msg>i{
    position: absolute;
    display: inline-block;
    left:8px;
    top:0px;
}

.caution-section-msg>i img{
    vertical-align: middle;
}

#discontinued .caution-section-msg{display: none;}

.caution-section-row{
    display: flex;
    border:1px solid #CCCCCC;
    padding: 10px 35px;
    margin: 12px 0;
    font-size: 1.4rem;
}


.caution-section-box1{
    width: 144px;
}

.caution-section-box2{
    width: calc(100% - 144px);
}

.caution-section-list>li{
    position: relative;
    padding-left: 1.5em;
    font-size: 1.3rem;
}

.caution-section-list>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


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

        .catalog-block {
            margin-bottom: 30px;
        }


        .caution-section{
            margin-bottom: 30px;
        }

        .caution-section-msg{
            padding-left: 30px;
            font-size: 1.2rem;

        }
        .caution-section-msg>i{
            left:8px;
            top:0px;
        }


        .caution-section-row{
            padding: 10px 15px;
            margin: 12px 0;
            font-size: 1.2rem;
            display: block;
        }


        .caution-section-box1{
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

        .caution-section-box2{
            width: 100%;
        }

        .caution-section-list>li{
            padding-left: 1.5em;
            font-size: 1.2rem;
        }
    }


/*
問い合わせ　詳細
*/
.contact-detail-head {
    margin-bottom: 20px;
}

.contact-detail-ttl{
    position: relative;
    font-size: 2.4rem;
    padding-left: 1.2em;
    margin-bottom: 0.5em;
}

.contact-detail-ttl .em{
    color:#00688C;
}

.contact-detail-ttl .mark{
    position: absolute;
    color:#00688C;
    left:0;
    top:0;
}

.contact-detail-ttl-m{
    font-size: 2.2rem;
    font-weight: 300;
    margin: 0.5em 0;
}

.contact-detail-msg{
    font-size: 1.6rem;
}


.contact-detail-list{
    margin-bottom: 40px;
}

.contact-detail-block{
    margin-top: 40px;
    margin-bottom: 40px;
}

.contact-detail-block-msg{
    margin-bottom: 20px;
}

.contact-border-block{
    position: relative;
    display: flex;
    padding: 20px 30px;
    border:5px solid #DDDDDD;
    margin-bottom: 15px;
}

.contact-border-box1{
    width: calc(100% - 420px);
}

.contact-border-box2{
    width: 420px;
    padding-top: 0px;
    text-align: right;
}

.contact-border-ttl{
    margin-top: 7px;
    font-size: 1.8rem;
}
.contact-border-msg{
    font-size: 1.4rem;
}

.contact-border-btn {
    position: relative;
    display: inline-block;
    width: 325px;
    padding: 8px 38px 8px 30px;
    color: #fff;
    background: #00468C;
    font-size: 1.4rem;
    text-align: left;
    margin-right: 10px;
}


.contact-border-btn .arw_wh{
    content:"";
    position: absolute;
    top:50%;
    margin-top: 1px;
    right:12px;
    width:7px;
    height: 7px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
}


.contact-border-btn .link_wh {
    position: absolute;
    right: 14px;
    top: 12px;
}

.contact-border-label{
    position: relative;
    width: 325px;
    margin-right: 10px;
    margin-left: auto;
    z-index: 10;
}

.contact-border-select{
    width: 325px;
    display: inline-block;
    position: relative;
    border: 1px solid #00468C;
    padding: 0.4em 1em;
    background: #ffffff;
    height: 35px;
    font-size: 1.4rem;
    text-align: left;
    cursor: pointer;
}

.contact-border-select::after{
    position: absolute;
    content:"";
    top:50%;
    right:12px;
    width: 5px;
    height: 5px;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}

.contact-border-option{
    display: none;
    position: absolute;
    top:35px;
    width: 100%;
    left:0;
    text-align: left;
    border:1px #00468C solid;
    border-top:none;
    font-size: 1.2rem;
    background: #fff;
    z-index:100;
}

.contact-border-option>li>a{
    padding: 0.8em 0.5em;
    display: block;
}

.contact-border-option>li>a:hover{
   background:#ccc;
   opacity: 1;
}


.contact-tel{
    margin-bottom: 50px;
}

.contact-tel-block{
    display:flex;
    margin: 20px 0;
    justify-content: space-between;
}

.contact-tel-box{
    border:4px solid #DDDDDD;
    padding: 50px 0;
    width: 49%;
    text-align: center;
}

.contact-tel-ttl{
    font-size:2rem ;
    margin-bottom: 0.5em;
}

.contact-tel-msg{
    margin-bottom: 10px;
}

.contact-tel-row{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.contact-tel-icon{
    margin-right: 10px;
}

.contact-tel-num{
    font-weight:500;
    font-size:4.4rem;
    white-space: nowrap;
    letter-spacing: 0.05em;
}

.contact-tel-info{
    text-align: center;
}

.contact-detail-btn{
    margin: 20px 0;
}

.contact-detail-caution{
    background: #EEEEEE;
    padding: 20px 30px;
}

.contact-detail-caution-ttl{
    color:#FF0000;
    margin-bottom: 0.5em;
    font-size: 1.8rem;
    font-weight: bold;
}

.contact-detail-caution-msg{
    font-size: 1.4rem;
    margin-bottom: 0.5em;
}

.contact-detail-caution .list-mark{
    font-size: 1.4rem;
}




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

        .contact-detail-list{
            margin-bottom: 20px;
        }

        .contact-detail-block {
            margin-bottom: 10px;
            margin-top: 25px;
        }

        .contact-detail-block-msg {
            margin-bottom: 10px;
        }

        .contact-detail-ttl {
            font-size: 1.6rem;
        }

        .contact-border-block {
            display: block;
            padding:15px 10px;
            border: 4px solid #DDDDDD;
            margin-bottom: 10px;
        }

        .contact-detail-msg {
            font-size: 1.3rem;
        }

        .contact-border-box1 {
            width: 100%;
        }

        .contact-border-box2 {
            width: 100%;
        }

        .contact-border-ttl {
            font-size: 1.4rem;
            margin-top: 0;
            margin-bottom: 0.7em;
        }

        .contact-border-msg {
            font-size: 1.2rem;
        }

        .contact-border-btn {
            display: block;
            max-width: 600px;
            width: 100%;
            padding: 8px 25px 8px 15px;
            font-size: 1.3rem;
            margin:0 auto;
            margin-right: auto;
        }

        .contact-border-select {
            width: 100%;
            display: block;
            max-width: 600px;
            margin: 0 auto;
        }

        .contact-border-label {
            position: relative;
            max-width: 600px;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            z-index: 100;
        }

        .contact-border-option{
            position:static;
            display: none;
        }

        .contact-detail-ttl-m {
            font-size: 1.5rem;
            font-weight: 300;
            margin: 1em 0 0.5em;
        }

        .contact-tel{
            margin-bottom: 50px;
        }

        .contact-tel-block {
            display: block;
            margin: 10px 0 10px;
        }

        .contact-tel-box{
            padding: 20px 0;
            width: 100%;
            margin-bottom: 10px;
        }

        .contact-tel-ttl {
            font-size: 1.6rem;
        }

        .contact-tel-icon {
            margin-right: 10px;
            width: 45px;
        }

        .contact-tel-num{
            font-size:2.6rem;
        }

        .contact-tel-msg {
            margin-bottom: 15px;
            font-size: 1.2rem;
        }

        .contact-detail-btn{
            margin: 15px 0;
        }

        .contact-detail-caution{
            background: #EEEEEE;
            padding: 15px 15px;
        }

        .contact-detail-caution-ttl{
            margin-bottom: 0.5em;
            font-size: 1.6rem;
            font-weight: bold;
        }


        .contact-detail-caution-msg{
            font-size: 1.3rem;
            margin-bottom: 0.5em;
        }

        .contact-detail-caution .list-mark{
            font-size: 1.3rem;
        }

        .contact-detail-btn{
            margin: 20px 0;
        }

    }


/*
faq
*/

.faq-select{
    padding: 30px 35px;
    margin-bottom: 50px;
    background: #F6F6F6;
}

.faq-select-msg{
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.faq-select-row{
    display: flex;
}
.faq-select-box1{
    margin-top: 10px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 1.6rem;
}

.faq-list{
    margin-bottom: 40px;
}

.faq-list-block{
    margin:30px 0;
    border-bottom:1px solid #DDDDDD;
}

.faq-list-dl{
    border-top:1px solid #DDDDDD;
}
.faq-list-dl>dt{
    position: relative;
    padding:1em 55px 1em 45px;
    font-size: 2rem;
    font-weight: bold;
}

.faq-list-dl>dt::after{
    content:"";
    position: absolute;
    top:50%;
    right:28px;
    width: 13px;
    height: 13px;
    border-right:5px solid #CCCCCC;
    border-bottom:5px solid #CCCCCC;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
.faq-list-dl{
    /*border-bottom:1px solid #DDDDDD;*/
}
.faq-list-dl>dt.open{
    /*border-top:1px solid #DDDDDD;*/
    border-bottom:1px solid #DDDDDD;
}

.faq-list-dl>dt.open::after{
    margin-top: 7px;
    -webkit-transform: translate(0,-50%) rotate(-135deg);
    transform: translate(0,-50%) rotate(-135deg);

}

.faq-list-dl>dt>i{
    position: absolute;
    left:20px;
    top:0.9em;
    color:#00678C;
    font-weight: bold;
}
.faq-list-dl>dd{
    display: none;
    position: relative;
    padding:1em 30px;
    font-size: 1.6rem;
}
.faq-list-dl>dt.open::after{
	display: none;
}
.faq-list-dl.result>dd{
	display: block;
}

.faq-list-dl .list-mark{
    margin:1em 0;
}

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

    .faq-select {
        padding: 20px 20px;
        margin-bottom: 20px;
    }
    .faq-select-msg{
        font-size: 1.4rem;
    }

    .faq-select-row{
       display: block;
    }

    .faq-select-box1{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        font-size: 1.4rem;
    }

    .faq-list{
        margin-bottom: 10px;
    }

    .faq-list-block{
        margin:20px 0;
        border-bottom:1px solid #DDDDDD;
    }

    .faq-list-dl{
        border-top:1px solid #DDDDDD;
    }

    .faq-list-dl>dt {
        padding: 1em 45px 1em 30px;
        font-size: 1.4rem;
    }

    .faq-list-dl>dt::after{
        right:15px;
        -webkit-transform: translate(0,-50%) rotate(45deg) scale(0.7,0.7);
        transform: translate(0,-50%) rotate(45deg) scale(0.7,0.7);
    }

    .faq-list-dl>dt.open{
        border-bottom:1px solid #DDDDDD;
    }

    .faq-list-dl>dt.open::after{
        margin-top: 7px;
        -webkit-transform: translate(0,-50%) rotate(-135deg) scale(0.7,0.7);
        transform: translate(0,-50%) rotate(-135deg) scale(0.7,0.7);
    }

    .faq-list-dl>dt>i{
        position: absolute;
        left:10px;
        top:0.9em;
        color:#00678C;
        font-weight: bold;
    }

    .faq-list-dl>dd{
        display: none;
        position: relative;
        padding:1em 20px;
        font-size: 1.3rem;
    }

    .faq-list-dl .list-mark{
        margin:1em 0;
    }

}

.use-head-nav{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;

}

.use-head-nav>li{
    margin: 0 10px;
}

.use-head-nav>li>a {
    position: relative;
    display: block;
    width: 260px;
    height: 47px;
    line-height: 47px;
    color: #fff;
    padding-left: 10px;
    background: #00468C;
    text-align: center;
    font-size: 1.7rem;
}

.use-head-nav>li>a::after{
    content:"";
    position: absolute;
    top:50%;
    left:15px;
    width: 6px;
    height: 6px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
.dropdwn_menu{
    width: 260px;
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0;
    background: #80A3C6
}
.dropdwn_menu li{
	padding: 0;
	border-top: 1px solid #FFF;
}
.dropdwn_menu li a{
	display: block;
	text-align: center;
	padding: 0.5em;
	color:  #FFF;
}

.use-head-ttl {
    font-size: 4.2rem;
    text-align: center;
    margin-bottom: 30px;
}

.use-head-img{
    margin-bottom: 20px;
}

.use-head-box{

}

.use-head-block{
    padding:0 20px 25px;
}

.use-section-group{
    padding: 0px 10px 10px;
}

.use-section-tbl-block{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.use-section-tbl-box{
    /*width: 49%;*/
}

.use-section-tbl{
    margin: 20px 0 40px;
}

.use-section-tbl table{
    width: 100%;
}
.use-section-tbl th{
    width: 235px;
    padding: 0.6em 0;
    text-align: left;
    font-size: 1.6rem;
}
.use-section-tbl td{
    padding: 0.6em;
}

.use-main-msg{
    margin-bottom: 40px;
}


.use-three-img{
    display: flex;
    max-width: 1098px;
    margin: 0px auto 40px;
    display: flex;
}

.use-three-img>li{
    position: relative;
    width: 31.8%;
    margin-right: 2.3%;
}


.use-three-img>li.use-three-img-list{
    padding-bottom: 40px;

}

.use-three-img>li:nth-child(3n){
    margin-right: 0;
}

.use-three-img>li>figure>figcaption{
    padding: 10px 5px;
    font-size: 1.8rem;
    font-weight: bold;
}

.use-three-img>li>figure>figcaption .sm{
    display: block;
    margin-top: -5px;
    font-size: 1.4rem;
    font-weight: 300;
}

.use-three-img>li img{
    width: 100%;
}

.use-three-img.signage-img1{
    justify-content: space-between;
}

.use-three-img.signage-img1.use-three-img>li{
    width: 32.5%;
    margin-left: -5px;
}


.use-three-img-btn{
    position: absolute;
    width: 100%;
    bottom:0;
    left:0;
}
.use-three-img-btn .link-btn{
    margin:0 auto;
    display: block;
    width: 190px;
}

.use-section-img{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.use-section-img img{
    width: auto;
}

.use-section-msg{
    margin-bottom: 20px;
}

.use-section-row{
    display: flex;
    margin-top: 30px;
    margin-bottom: 40px;
}

.use-section-row-img{
    width: 18%;
}

.use-section-row-box{
    width: 82%;
    padding-left: 20px;
}

.use-products{
    border-top:1px solid #CCCCCC;
    padding-top: 30px;
}

.use-products .products-list{
    margin-top: 15px;
    margin-bottom: 20px;
}


.use-section-ttl{
    padding:0px 20px 0;
    margin-bottom: 0px;
}
.use-section .detail-tbl td.va-mid{
    vertical-align: middle;
}

.use-section .detail-tbl th,
.use-section .detail-tbl td {
    /*text-align: center;*/
}
@media screen and (max-width: 1100px){
	.use-section .detail-tbl th,
	.use-section .detail-tbl td {
		white-space: normal;
	}
}
#use-tp .detail-tbl{
    table-layout:fixed;
}



.hotel_tv-func{
    text-align: center;
}



.use-block{
    margin-top: -20px;
}


.use-section-block{
    display: flex;
    margin:20px 0 40px;
}

.use-section-block-img{
    width: 30%;
}

.use-section-block-txt{
    width: 70%;
    padding: 10px 20px 0;
}

.use-products-list-ttl{
    font-size: 1.9rem;
    margin-bottom: 10px;
}

.use-products-list{
    position: relative;
}

.use-products-list>li{
    position: relative;
    padding-left: 1em;
}

.use-products-list>li::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: 9px;
    left: 4px;
    background: #000;
    border-radius: 50%;
}

.use-section-block-msg{
    margin-bottom: 20px;
}


.use-list{
    position: relative;
}

.use-list>li{
    position: relative;
    padding-left: 1em;
    line-height: 1.6;
}

.use-list>li::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: 10px;
    left: 4px;
    background: #000;
    border-radius: 50%;
}

.hotel_tv-row{
    display: flex;
}
.hotel_tv-col{
    width: 50%;
    padding-right: 30px;
}


#use-signage .use-head-block .use-main-msg{
    margin-bottom: 10px;
}

.use-contact-block{
    display: flex;
    margin-top: 10px;

}
.use-contact-box{
    margin-right: 30px;
}


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

        #use .contents-body{
            padding-bottom: 0;
        }


        .use-block{
            padding-top: 20px;
        }

        .use-head-nav{
            display: flex;
            justify-content:space-between;
            margin-bottom: 20px;
        }
         .use-head-nav>li{
            width: 48%;
            margin: 0;
         }

         .use-head-nav>li>a{
            width: 100%;
            font-size: 1.3rem;
         }

        .use-main-msg {
            margin-bottom: 20px;
        }

        .use-head-block {
            padding: 0 0 15px;
        }

        .use-head-ttl {
            font-size: 2rem;
            padding: 0px;
            margin-bottom: 20px;
        }

        .use-head-ttl img{
            width: 100%;
            max-width: 600px;
        }

        .use-head-img{
            margin-bottom: 20px;
        }

        .use-head-block{
            padding:0 0 15px;
        }

        .use-section-block {
            display: flex;
            margin: 10px 0 20px;
        }

        .use-three-img {
            display: block;
            max-width: 1098px;
            padding: 0 7%;
            margin: 20px auto 20px;
        }

        .use-three-img>li{
            position: relative;
            width: 100%;
            margin-right:0;
            margin-bottom: 20px;
        }

        .use-three-img>li.use-three-img-list{
            padding-bottom: 0px;
        }

        .use-three-img>li:nth-child(3n){
            margin-right: 0;
        }

        .use-three-img>li>figure>figcaption{
            padding: 10px 5px;
            font-size: 1.4rem;
            font-weight: bold;
        }

        .use-three-img>li>figure>figcaption .sm{
            display: block;
            margin-top: 0px;
            font-size: 1.2rem;
            font-weight: 300;
        }

        .use-three-img>li img{
            width: 100%;
        }

        .use-three-img.signage-img1.use-three-img>li{
            width: 100%;
            margin-left: -2%;
        }

        .use-three-img-btn{
            position: static;
            width: 100%;
            bottom:0;
            left:0;
        }
        .use-three-img-btn .link-btn{
            width: 250px;
        }


        .use-section-row{
            display: flex;
            margin-bottom: 20px;
        }


        .use-section-img{
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .use-section-img img{
            width: auto;
        }

        .use-section-msg{
            margin-bottom: 20px;
        }

        .section-gotop{
            position: relative;
            padding-bottom: 12px;
            margin-bottom: 30px;
            width: 100%;
            text-align: right;
        }

        .use-section-block{
            display: block;
        }

        .use-section-block-img {
            width: 100%;
            padding: 0 7%;
            margin-bottom: 20px;
            text-align: center;
        }

        .use-section-block-txt {
            width: 100%;
            padding: 0px;
        }


        .detail-tbl.ov-none {
            width: 100%;
        }

        .section-gotop2 {
            padding-bottom: 10px;
            margin-bottom: 25px;
        }

        .section-gotop-btn{
            position: relative;
            display: inline-block;
            width: 35px;
            height: 35px;
            border:3px solid #CCCCCC;
        }

        .section-gotop-btn::after {
            right: 8px;
            width: 9px;
            height: 9px;
            -webkit-transform: translate(0,-50%) rotate(-45deg) scale(0.7,0.7);
            transform: translate(0,-50%) rotate(-45deg) scale(0.7,0.7);
        }

        .use-products {
            padding-top: 20px;
        }

  
        #use-tp .detail-tbl{
            table-layout:auto;
        }

        #use-ptr .detail-tbl{
            width: 100%;
        }

        .use-section-tbl-block{
            display: block;
            margin-bottom: 20px;
        }

        .use-section-tbl-box{
            width: 100%;
        }

        .use-section-tbl {
            margin: 20px 0 20px;
        }

        .use-section-tbl p{
            font-size: 1.1rem;
        }

        .use-section-tbl table{
            width: 100%;
        }
        .use-section-tbl th{
            width: 1%;
            white-space: nowrap;
            padding: 0.6em 0;
            text-align: left;
            font-size: 1.1rem;
        }
        .use-section-tbl td{
            padding: 0.6em;
            font-size: 1.1rem;
        }

        .use-head-ttl {
            font-size: 1.9rem;
            padding: 0px;
            margin-bottom: 15px;
        }


    }
    @media screen and (max-width:640px){
		.use-head-nav{
		    display:block;

		}
		.use-head-nav li{width: 100%; margin-bottom: 10px;}
		.dropdwn_menu{width: 100%;}
    }


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


                
         #use-tp .detail-tbl{
                width: 600px;
        }


    }







#hotel_tv .use-section-row-img{
        width: 30%;
}

#hotel_tv .use-section-row-box{
    width: 70%;
}

#hotel_tv  .headline-l{
    margin-bottom: 30px;
}
.hotel_tv .osusume h3{
	display: inline-block;
	background: #FF8000 url(/use/hotel_tv/images/icn_yubi.png)  0.8em 45% no-repeat;
	background-size: 2.5em auto;
	color: #FFF;
	padding: 0.7em 1em;
	padding-left: 3.5em;
	border-radius: 1.5em;
	line-height: 1;
}
.hotel_tv .osusume ul{
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}
.hotel_tv .osusume ul li{
	display: inline-block;
	width: 44%;
	margin: 10px 2%;
	text-align: center;
	font-weight: bold;
	color: #1260AB;
	padding: 0.5em 0.5em;
	border:  4px solid #1260AB;
	border-radius: 0.5em;
	font-size: 1.8rem;
}
@media screen and (max-width: 680px){
	.hotel_tv .osusume ul{
		max-width: 100%;
	}
	.hotel_tv .osusume ul li{
		width: 96%;
		margin: 5px 2%;
		padding: 1em 0.5em;
		font-size: 1.4rem;
	}
	.hotel_tv .osusume ul li br{
		display: none;
	}
}

.hotel_tv-func{
    background: #F4F9FE;
    max-width: 900px;
    margin: 20px auto 40px;
    padding-bottom: 30px;
}

.hotel_tv-func-box{
    max-width: 438px;
    margin: 0 auto;
}

.hotel_tv-func-ttl{
    height: 41px;
    line-height: 41px;
    text-align: center;
    border-radius: 2em;
    background: #FF8000;
    color:#fff;
    font-size: 1.8rem;
}

.hotel_tv-func-list{
    display: flex;
    flex-wrap: wrap;
    color:#125FAC;
    margin: 0 auto;
    padding:10px 20px;
}
.hotel_tv-func-list>li{
    position: relative;
    padding-left:1.5em;
    text-align: left;
    font-weight: bold;
}

.hotel_tv-func-list>li::after {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    top: 6px;
    left: 7px;
    border-radius: 50%;
    background: #125FAC;
}

.hotel_tv-func-list>li:nth-child(odd) {
    width: 213px;
}

.hotel_tv-func-list>li:nth-child(even){

}


.hotel_tv-ptr{
    display: flex;
    flex-wrap: wrap;
}


.hotel_tv-ptr-ttl{
    font-size: 1.6rem;
    margin-bottom: 0.3em;
}

.hotel_tv-ptr-msg{
    margin-bottom: 1em;
}
.hotel_tv-ptr-info{

}

.hotel_tv-ptr>li{
    position: relative;
    width: 31.8%;
    margin-right: 2.3%;
    padding: 20px;
    border:1px solid #ccc;
    margin-bottom: 20px;
}

.hotel_tv-ptr>li:nth-child(3n){
    margin-right: 0;
}


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

    .hotel_tv-ptr>li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .hotel_tv-ptr>li:nth-child(3n){
        margin-right: 0;
    }


    .hotel_tv-func {
        margin: 20px auto 10px;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .hotel_tv-func-list {
        padding: 10px 10px;
    }

    .hotel_tv-func-list {
        display: block;
    }

    .hotel_tv-func-list>li{
        width: 100%;
        margin-bottom: 5px;
    }

    .hotel_tv-func-ttl {
        font-size: 1.5rem;
    }


    .hotel_tv-row {
        display: block;
    }

    .hotel_tv-col {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .hotel_tv-func-box{
        max-width: 438px;
        margin: 20px auto 10px;
        padding: 0 20px;
    }

    #hotel_tv .headline-l {
        margin-bottom: 15px;
    }


}

/*
サポート
*/

.support-block{
    /*margin:60px 0;*/
}


.support-block.first{
    margin: 0 0 60px;
}

.support-block>.headline-m{
    margin:20px 0 20px;
}

.support-block-msg{
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}


.support-block-img img{
    width: auto;
}

.support-info-block{
    margin-top: 30px;
    display: flex;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}


.support-info-img{
    padding: 20px 0 40px;
    width: 260px;
    text-align: right;
}

.support-info-txt{
    padding-top: 30px;
    padding-left: 50px;
    width: calc(100% - 260px);
    text-align: left;
}

.support-info-txt .headline-s{
    margin-bottom: 10px;
}

.support-nav{
    display: flex;
    justify-content: space-between;
}

.support-nav-head{
    font-size:3.8rem;
    text-align: center;
}

.support-nav-exp{
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.support-nav-msg{
    margin-bottom: 20px;
}

.support-nav-box{
    position: relative;
    border:5px solid #DDDDDD;
    padding: 30px 20px 60px;
    width: 48%;
    font-size: 1.4rem;
}

.support-nav-link{
    position: absolute;
    left:0;
    bottom:30px;
    width: 100%;
}


.support-nav-btn{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 189px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color:#fff;
    background: #00468C;
    font-size: 1.4rem;
}

.support-nav-btn::after{
   content:"";
   position: absolute;
   top:50%;
   right:10px;
   width: 5px;
   height: 5px;
   border-right:2px solid #fff;
   border-bottom:2px solid #fff;
   -webkit-transform: translate(0,-50%) rotate(-45deg);
   transform: translate(0,-50%) rotate(-45deg);
   margin-top: 1px;
}

.support-display-block{
    display: flex;
    margin: 70px 0 50px;
    border-left:1px solid #CCCCCC;
}

.support-display-box{
    width: 33.33%;
    border-right:1px solid #CCCCCC;
    padding: 20px;
}

.support-display-ttl{
    text-align: center;
}

.support-display-img{
    text-align: center;
    margin-bottom: 30px;
}
.support-display-img img{
    width: auto;
}

.support-display-list{
    margin-top: 15px;
}
.support-display-list>li{
    font-size: 1.4rem;
}

.support-display-list>li>a{
    position: relative;
    color:#00468C;
    padding-left: 1em;
    display: block;
}

.support-display-list>li>a::after{
    content:"・";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;

}
.support-tbl{font-size: 1.4rem;}
.support-tbl thead{
	border-bottom: 1px solid #CCC;
}
.support-tbl tr:nth-child(even){
	background: #EEE;
}
.support-tbl td{
	border-left: 1px solid #CCC;
	vertical-align: middle;
}
.support-tbl td small{
	font-size: 0.70em;
}
.support-tbl thead th{
	border-left: 1px solid #CCC;
	vertical-align: middle;	
}
.support-tbl thead th:nth-child(1){
	border-left: none;
}

.support-tbl td,
.support-tbl th{
	padding: 0.8em 0.5em;
	text-align: center;
}
.support-tbl td a{
	color:#00468C;
	border-bottom: 1px solid #00468C;
	font-weight: bold;
}




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


        .support-block{
            margin:30px 0;
        }
        .support-block.first{
            margin: 10px 0 20px;
        }


        .support-block .ex-link-wrap{
            display: block;
        }


        .support-info-block {
            display: block;
            margin-top: 0px;
            padding: 0 20px 20px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .support-info-img {
            width: 100%;
            padding: 20px;
            max-width: 300px;
            text-align: center;
            margin: 0 auto;
        }
        
        .support-info-txt{
            padding-top: 0px;
            padding-left: 0px;
            width:100%;
            text-align: left;
        }

        .support-info-txt .headline-s{
            margin-bottom: 10px;
        }

        .support-nav{
            display:block;
        }

        .support-nav-head{
            font-size:2.8rem;
            margin-bottom: 5px;
            text-align: center;
        }

        .support-nav-exp{
            margin-bottom: 15px;
        }

        .support-nav-msg{
            margin-bottom: 15px;
        }

        .support-nav-box{
            padding: 20px 20px 50px;
            font-size: 1.3rem;
            width: 100%;
            margin-bottom: 20px;
        }
        .support-nav-box:last-child{
            margin-bottom: 0;
        }

        .support-nav-link{
            position: absolute;
            left:0;
            bottom:20px;
            width: 100%;
        }


        .support-nav-btn{
            font-size: 1.3rem;
        }


        .support-display-block{
            display:block;
            margin: 20px 0 10px;
            border-left:0;
        }

        .support-display-box{
            width: 100%;
            border-right:0;
            border-bottom:1px solid #CCCCCC;
            padding: 20px;
            margin-bottom: 10px;
        }

        .support-display-box:last-child{
            border-bottom:none;
        }

        .support-display-ttl{
            text-align: center;
        }

        .support-display-img{
            text-align: center;
            margin-bottom: 15px;
        }
        .support-display-img img{
            width: auto;
        }

        .support-display-list{
            margin-top: 15px;
        }
        .support-display-list>li{
            font-size: 1.3rem;
        }
		.support-tbl th{
			white-space: nowrap;
		}


}
    @media screen and (max-width:640px){
        .support-tbl{
        	width: 620px;
        }    
    }


/*保証*/

.support-block-img{
    max-width: 1000px;
    margin:40px auto;
    text-align: center;
}


.support-block-msg{
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}


#support-detail .detail-tbl th{
    text-align: center;
    width: 20%;
    vertical-align: middle;
    font-weight: bold;
}

#support-detail .list-note{
    margin-top: 0;
}



.support-border-box{
    border:1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
}

td>.list-mark{
    margin:0;
}

.support-detail-img{
    max-width: 450px;
    margin: 0 auto;
}

.support-main-img{
    margin: 30px 0;
}

.support-feature-list{
    display: flex;
}
.support-feature-list>li{
    width: 24%;
    height: 100px;
    margin-right:1.33%;
    border:5px solid #00688C;;
    text-align: center;
    font-weight: bold;
    font-size: 2.2rem;
    color:#00688C;
    padding-top: 10px;
}

.support-feature-list>li:nth-child(4n){
    margin-right:0;
}

.support-merit{
    margin-top: 30px;
    margin-bottom: 50px;
}
.support-merit-ttl {
    color: #fff;
    background: #125FAC;
    font-size: 2.4rem;
    text-align: center;
    padding: 20px 0;
}

.support-merit-dl{
    display: flex;
    margin: 20px auto;
    align-items: center;

}

.support-merit-dl>dt{
    width: 200px;
    border-right:3px solid #ccc;
    border-left:3px solid #ccc;
    height: 80px;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}
.support-merit-dl>dd{
    width: calc(100% - 200px);
    padding-left: 40px;
    font-size: 1.8rem;

}

.support-block-catch{
    font-weight: bold;
    font-size: 2.6rem;
    text-align: center;
}

.support-service-block{
    display: flex;
}
.support-service-box1{
    width: 70%;
    padding-right: 30px;
}
.support-service-box2{
    width: 30%;
    padding-top: 20px;
}



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



        .support-feature-list{
            flex-wrap:wrap;
        }

        .support-main-img {
            margin: 20px 0 15px;
        }

        .support-feature-list>li {
            width: 49%;
            margin-bottom: 10px;
            border: 3px solid #00688C;
            height: 60px;
            font-size: 1.5rem;
            padding-top: 5px;
        }

        .support-feature-list>li:nth-child(4n){
            margin-right: 2%;

        }

        .support-feature-list>li:nth-child(2n){
            margin-right: 0%;
        }

        .support-merit {
            margin-top: 0px;
            margin-bottom: 20px;
        }

         .support-block-catch {
            font-weight: bold;
            font-size: 1.8rem;
            text-align: center;
        }


        .support-block-msg {
            font-size: 1.3rem;
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight: bold;
            text-align: center;
        }

        .support-block-img{
            margin:20px auto;
            text-align: center;
        }

        .support-merit-ttl {
            font-size: 1.8rem;
            text-align: center;
            padding: 10px 0;
        }

        .support-merit-dl {
            margin: 20px auto;
            align-items: flex-start;
        }

        .support-merit-dl>dt {
            font-size: 1.5rem;
            padding: 20px 0;
            height: auto;
            width: 110px;
        }
         .support-merit-dl>dd{
            width: calc(100%  - 110px );
            padding-left: 10px;
            padding-top: 0px;
            font-size: 1.2rem;
         }

         .support-service-block {
            display: block;
        }

         .support-service-box1 {
            width: 100%;
            margin-bottom: 0;
         }
         .support-service-box2{
            width: 100%;
            text-align: center;
            padding-top: 0;
            margin-bottom: 20px;
        }


    }








/*
video
*/
.iframe_video_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.iframe_video_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width:640px){
	.iframe_video_div {
	  width: 100% !important;
	  margin: 0 !important;
	}
}






/*
article-detail
*/





.article-detail-tag{
    position: relative;
    display: inline-block;
    font-size: 1.2rem;
    width: 90px;
    height: 20px;
    line-height: 20px;
    /*margin-left: 19px;*/
    white-space: nowrap;
    text-align: center;
    background: #0085B2;
    color: #fff;
    margin-top: -1px;
}

.article-detail-info{
    display: flex;
    /*margin-bottom: 15px;*/
}
.article-detail-teikei{
	text-align: right;
	margin-bottom: 0.5em;
	margin-right: 1em;
}
.article-detail-teikei h2{
	font-weight: 300;
}
.article-detail-time{
    font-size: 1.4rem;
}

.article-detail-ttl{
    font-size: 2.6rem;

}

.article-detail img{
    max-width: unset;
    width:100%;
}

.article-detail .block{
    margin: 2em 0;
}
.article-detail-txt{
	font-size: 1.6rem;
}
.sup,
.article-detail-ttl>sup,
.article-detail sup{
    font-size: 1.2rem;
    vertical-align :super;
}


.article-detail h1,
.article-detail h2,
.article-detail h3,
.article-detail h4,
.article-detail h5{
    line-height: 1.3;
    font-weight: bold;
}

.article-detail-single-img {
    padding: 0px 10px;
    margin: 30px 0;
    text-align: center;
}


.article-detail-single-img img{
    width: auto;
    max-width: 100%;
}

.article-detail-item {
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 30px;
}


.article-detail-ttl-l{
    font-size: 2.6rem;
    margin-bottom: 0.5em;
}

.article-detail-ttl-m{
    font-size: 2rem;
    margin-bottom: 0.5em;
    color:#00688C;
}

.article-detail-bk .article-detail-ttl-m{
    color:#000;
}

.article-detail-ttl-s{
    margin-bottom: 0.4em;
    font-size: 1.6rem;
}


.article-detail-tbl {
    width: 100%;
    margin: 10px 0 10px;
}


.article-detail-tbl>thead>tr>th{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 1em;
    text-align: center;
}



.article-detail-tbl>thead>tr>td{
    border:1px solid #BBBBBB;
    background: #EEEEEE;
    padding: 0.8em 2em;
    text-align: center;
    vertical-align: middle;
}

.article-detail-tbl tr>th{
    padding: 0.8em 1em;
    text-align: left;
    border:1px solid #BBBBBB;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    background: #EEEEEE;
}


.article-detail-tbl tr>td {
    padding: 0.8em 1em;
    text-align: left;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.article-detail-tbl.type2 tr>th{
    width:350px;
    background: #fff;
    text-align: left;
}

 .article-detail-note {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 1.3rem;
}

 .article-detail-note>li{
    position: relative;
    padding-left: 1.5em;
}

 .article-detail-note>li::after{
    content:"※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}

.article-detail-list{
    margin-bottom: 30px;
}

.article-detail-list>li{
    position: relative;
    padding-left: 1em;
}

.article-detail-list>li::after{
    content:"・";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}


.article-detail-ast>li{
    position: relative;
    padding-left: 2em;
    list-style-type: none;
    margin-left: 0;
    counter-increment: number;
    font-size: 1.3rem;
}

.article-detail-ast>li::after {
    position: absolute;
    display: block;
    width: auto;
    height: 1em;
    top: 0px;
    left: 0.5em;
    content: counter(number);
}


.article-detail-ast>li::before{
    content:"*";
    left:0;
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top:0;
    left:0;
}



.article-detail-ast>li>i>sup{
    text-align:top;
    font-size: 1.6rem;
}


.article-detail-link-box{
    margin: 20px 0;
    font-size: 1.3rem;
}


.article-detail-link{
    display: inline-block;
    text-decoration: underline;
    color: #00468C;
}


.article-detail  figcaption{
    display: block;
    padding: 5px 0;
    font-size: 1.3rem;
    text-align: center;
}


.article-detail-two-img,
.article-detail-three-img{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.article-detail-two-img>figure{
    width:49%;
    text-align: center;
}

.article-detail-three-img>figure{
    width:32%;
    text-align: center;
}

.article-detail-two-img figure img,
.article-detail-three-img figure img{
    width: auto;
    max-width: 100%;
}


.article-detail-four-img{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 30px;
}

.article-detail-four-img>figure{
    width: 23.5%;
    margin-right: 2%;
}

.article-detail-four-img>figure:nth-child(4n){
    margin-right: 0;
}
.article-detail-four-img>figure>figcaption{
    text-align: left;
}



.article-detail-block{
    overflow:hidden;
    line-height: 1.6;
    margin: 20px 0px 40px;
}
.article-detail-block .article-detail-ttl-m{
	color: #000;
	font-size: 1.6rem;
}
.article-detail-block.left figure{
    width: 25%;
    margin-right: 30px;
    margin-bottom: 10px;
    float:left;
    text-align: center;
}

.article-detail-block.right figure{
    width: 25%;
    margin-left: 30px;
    margin-bottom: 10px;
    float:right;
    text-align: center;
}

.article-detail-block.left figure img,
.article-detail-block.right figure img{
    width: auto;
    max-width: 100%;
}



.article-detail-clear .article-detail-block{
    display: flex;
    width: 100%;
}

.article-detail-clear .article-detail-block.right{
    flex-direction: row-reverse;
}



.article-detail-clear .article-detail-block.right figure,
.article-detail-clear .article-detail-block.left figure{
    float: none;
}

.article-detail-clear .article-detail-block.right figure img,
.article-detail-clear .article-detail-block.left figure img{
    width: auto;
}

.article-detail-clear .article-detail-txt{
     width: 75%;
}



.article-detail-block figure{
    margin-bottom: 15px;
}

.article-detail-block figcaption{
    font-size: 1.3rem;
    text-align: left;
}



.article-detail-contact{
    border:4px solid #CCCCCC;
    padding: 20px;
    font-size: 1.6rem;
    margin: 50px 0;
}

.article-detail-contact-ttl{
    margin-bottom: 15px;
}

.article-detail-contact-msg{
    font-size: 1.6rem;
}

.article-detail-contact-link{
    color:#00468C;
    text-decoration: underline;
}


.article-detail-caution ul>li{
    display: flex;
    font-size: 1.3rem;
}
.article-detail-caution ul>li>i{
    white-space: nowrap;
    display: block;
    margin-right: 0.4em;
}

.article-detail-dl{
    text-align: center;
}
.article-detail-btn {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    min-width: 280px;
    padding: 0 30px;
    margin: 0 auto;
    background: #000000;
    color:#fff;
    text-align: center;
    font-size: 1.6rem;
    margin: 0 auto;
    font-weight: bold;
}


.article-detail-link{
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}

.article-detail-link-smaple {
    display: flex;
    margin-top: 15px;
    margin-bottom: 50px;
    justify-content: center;
    align-items: center;
}

.article-detail-link-smaple>div{
    font-weight: bold;
    padding-right: 15px;
}


.article-detail small{
    font-size: 1.3rem;
}




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

        .article-detail-ttl {
            font-size: 1.8rem;
        }

        .article-detail-tag {
            width: 90px;
            height: 20px;
            line-height: 20px;
            margin-left: 0px;
            margin-top: 0px;
        }

        .article-detail-item {
            font-size: 1.3rem;
            margin-bottom: 20px;
        }





       .article-detail-ttl-l{
            font-size: 1.8rem;
            margin-bottom: 0.5em;
        }

       .article-detail-ttl-m{
            font-size: 1.6rem;
            margin-bottom: 0.5em;
            color:#00688C;
        }

       .article-detail-ttl-s{
            margin-bottom: 0.4em;
            font-size: 1.4rem;
        }


        .article-detail-btn {
            min-width: 245px;
            padding: 20px 20px;
            font-size: 1.2rem;
            line-height: 1.6em;
            height:auto;
        }

            .article-detail-tbl-wrap{
                overflow-x:auto;
            margin-bottom: 30px;
        }


        .article-detail-tbl {
            /*width: 100%;*/
            width: auto;
            margin: 10px 0 20px;
            font-size: 1.1rem;
        }

        .article-detail-tbl>thead>tr>th {
            white-space: nowrap;
        }

        .article-detail-tbl>tbody>tr>th {
            padding: 0.8em;
            text-align: left;
            white-space: nowrap;
        }
        .article-detail-tbl>tbody>tr>td {
            padding: 0.8em;
            text-align: left;
            white-space: nowrap;
        }

        .article-detail-contact {
            padding: 15px;
            font-size: 1.3rem;
            margin: 30px 0;
        }

        .article-detail-caution ul>li {
            display: flex;
            font-size: 1rem;
        }

        .article-detail-ast,
        .article-detail-note {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .article-detail-ast>li,
        .article-detail-note>li {
            position: relative;
            font-size: 1rem;
        }

        .article-detail-ast>li>i>sup{
            font-size: 1.3rem;
        }

        .article-detail-two-img,
        .article-detail-three-img {
            margin-bottom: 20px;
        }

        .article-detail-block {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .article-detail-block.left figure{
            margin-right: 15px;
        }

        .article-detail-block.right figure{
            margin-left: 15px;
        }


        .article-detail-clear .article-detail-block{
            display: block;
            width: 100%;
        }

        .article-detail-clear .article-detail-block.left,
        .article-detail-clear .article-detail-block.right{
            display: block;
            width: 100%;
            padding: 0;
            margin-right: 0;
            margin-left: 0;
            margin-bottom: 20px;
        }


        .article-detail-clear .article-detail-block.left figure,
        .article-detail-clear .article-detail-block.right figure {
            width:auto;
            margin-right: 0;
            margin-left: 0;
            text-align: center;
            margin-bottom: 20px;
        }

        .article-detail-clear .article-detail-img,
        .article-detail-clear .article-detail-txt {
            width: 100%;
        }

		.article-detail-tbl.type2{
            width: 100%;		
		}
		.article-detail-tbl.type2 tr>td,
        .article-detail-tbl.type2 tr>th{
            width:50%;
            white-space: normal;
            background: #fff;
        }


    }



/*
その他記事クラス
*/
.product-number-list{
    display: flex;
    flex-wrap:wrap;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-number-list>li{
    width: 20%;
}



/*

*/

.discon-block{
    margin-bottom: 50px;
}

.discon-tbl{
    margin-top: 0px;
}

.discon-tbl a.link{
    text-decoration: none;
    font-weight: 300;
}

.discon-tbl-tr{
    display: flex;
    border:1px solid #CCCCCC;
    margin-top: -1px;
}

.discon-tbl-th{
    width: 20%;
    border-right:1px solid #CCCCCC;
    text-align: left;
    padding:10px 20px;
    font-size: 1.6rem;
    font-weight: bold;
}

.discon-tbl-td{
    width: 20%;
    text-align: center;
    padding:10px 20px;
    border-right:1px solid #CCCCCC;
}

.discon-tbl-td:last-child{
    border-right:none;
}

.discon-box{
    margin-bottom: 30px;
}

.discon-block-msg{
    margin-bottom: 30px;
}

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

    .discon-tbl{
        margin-top: 0px;
    }

    .discon-block{
        margin-bottom: 10px;
    }

.discon-block-msg {
    margin-bottom: 10px;
}

}














/*ページャー*/
.pager {
    letter-spacing: -0.5em;
    padding: 0;
    margin: 50px 0 80px;
    display: flex;
    justify-content: center;
}

.pager li{
    display: inline-block;
    margin: 0px;
    font-weight: normal;
    text-align: center;
    letter-spacing: normal;
    vertical-align: middle;
    font-weight: bold;
    margin: 0 5px;
    letter-spacing: 0.05em;
}
.pager li:first-child{border-right:none;}
.pager li:last-child{border-right:none;}
.pager li:nth-last-child(2){border-right: #152A87;}
.pager .first{}
.pager .prev{margin-right: 10px; display: none;}
.pager .next{margin-left: 10px; display: none;}
.pager .last{}

.pager span {
    display: block;
    background: #BBBBBB;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-weight: 300;
    font-size:  1.8rem;
}
.pager a{
    display: block;
    width: 100%;
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-size:  1.8rem;
    font-weight: 300;
    transition: opacity 0.3s ease;
    border:1px solid #BBBBBB;
}
.pager a:hover{
    opacity: 0.6;
}


.pager .first a,.pager .first span,
.pager .prev a,.pager .prev span,
.pager .next a,.pager .next span,
.pager .last a,.pager .last span{
    position: relative;
    background: transparent !important;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}

.artists .pager a{
    background: #EEEEEE;
}

.pager .prev a::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border-left: 3px solid #006439;
    border-bottom: 3px solid #006439;
    transform: rotate(45deg) scale(0.6,0.6);
}
.pager .next a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #006439;
    border-right: 3px solid #006439;
    transform: rotate(45deg) scale(0.6,0.6);
}

@media screen and (max-width:1100px){
    .pager{
        margin: 20px 0 40px;
    }

    .pager span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1.4rem;
    }

    .pager a{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1.4rem;
    }

}



.form-msg{
    margin-bottom: 40px;
}

.form-block{
    padding:100px 30px 60px;
    border:1px solid #DDDDDD;
    margin-bottom: 80px;
}

.form-tbl{
    width: 720px;
    margin:0 auto;
}

.form-tbl th {
    width: 188px;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: left;
    padding: 20px 0 0;
    vertical-align: top;
}
.form-tbl th strong{
    display: block;
    font-size: 2.2rem;
    line-height: 1.3em;
}

.form-tbl td{
    padding: 15px 0;

}

.form-privacy{
    margin: 20px 0 50px;
    text-align: center;
}

.form-privacy-msg {
    margin-bottom: 10px;
}

.form-privacy-link{
    text-align: center;
}
.form-privacy-link a{
    display: inline-block;
    color:#333333;
    text-decoration: underline;
}

.form-btn{
    display: inline-block;
    color:#333333;
    text-decoration: underline;
}
.form-submit{
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.form-submit form{
    display: block;
    margin: 40px 20px;
}

.form-submit-btn{
    width: 256px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #333333;
    color:#fff;
    font-size: 1.7rem;
    font-weight: bold;
}

.form-submit-btn.back{
    background: #999;
}

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


    .form .top-section-ttl {
        font-size: 6rem;
    }


    .form-block {
        padding: 20px 20px 30px;
        margin-bottom: 30px;
    }

    .faq-ttl{
        font-size: 5rem;
        margin-bottom: 30px;
    }

    .form-msg {
        margin-bottom: 20px;
    }

    .form-tbl,
    .form-tbl tbody,
    .form-tbl tr,
    .form-tbl th,
    .form-tbl td{
        width: 100%;
        display: block;
        padding: 0;
    }

    .form-tbl th{
        display: flex; 
        margin-bottom: 10px;
    }

    .form-tbl th span{
        display: inline-block;
        margin-top: 6px;
        margin-left: 1em;
    }

    .form-tbl td{
        margin-bottom: 20px;
    }

    .form-submit form{
        display: block;
        margin: 10px 20px;
    }


}


/*
お問い合わせ パーツ
*/

input[type="email"],
input[type="text"],
button,
textarea,
select{
width: 100%;
appearance: none;
margin: 0;
padding: 0;
border-radius: none;
border-radius: 0;
border:none;
border:0;
box-shadow: none;
}

 select::-ms-expand {
  display: none;
}

.select-label{
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.select-label select {
    position: relative;
    border: 4px solid #DDDDDD;
    padding: 0 1em;
    background: #ffffff;
    height: 55px;
    height: 46px;
    font-size: 1.6rem;
    width: 425px;
}

.select-label::after{
       content:"";
       position: absolute;
       top:50%;
       right:20px;
       width: 8px;
       height: 8px;
       border-right:3px solid #000;
       border-bottom:3px solid #000;
       -webkit-transform: translate(0,-50%) rotate(45deg);
       transform: translate(0,-50%) rotate(45deg);
}

@media screen and (max-width:1100px){
    .select-label select {
        width: 100%;
        font-size: 1.4rem;
    }
        

}





.form input[type="email"],
.form input[type="text"]{
    border:1px solid #CCCCCC;
    padding: 0 1em;
    height: 55px;
    background: #EEEEEE;
    font-size: 1.7rem;
}

.form input[type="email"][disabled],
.form input[type="text"][disabled],
.form textarea[disabled]{
    background:#fff;
    cursor:not-allowed; /* 禁止カーソル */
}
.form textarea{
    border:1px solid #CCCCCC;
    padding: 1em;
    height: 208px;
    background: #EEEEEE;
    font-size: 1.7rem;
}

.form .select-label{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.form .select-label select {
    position: relative;
    border: 1px solid #ccc;
    padding: 0 1em;
    background: #ffffff;
    height: 55px;
    font-size: 1.7rem;
}

.form .select-label::after{
    position: absolute;
    top: 0.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top:7px solid #000000;
    pointer-events: none;
}

.form .form-err ul{
    margin: 20px 0;
    color:#fb0000;
}

.form .form-complete{
    max-width: 740px;
    margin: 0 auto 30px;
}


/*チェックボックス*/
.check-group{
    display: flex;
    flex-wrap: wrap;
}

.check-group label{
    display: block;
    margin-right: 25px;
    padding:0;
    line-height: 1em;
    cursor: pointer;
}

.check-group input{
  display: none;
}

.check-group span {
    padding-left: 1.6em;
    position: relative;
    padding-top: 3px;
    line-height: 1.3em;
    display: block;
}

/*チェック枠*/
.check-group span::before{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 15px;
    height: 15px;
    position: absolute;
    border:1px solid #AAAAAA ;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 2px;
    background: #fff;
}


/*チェック*/
.check-group input:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 5px;
    border-left: 3px solid #666;
    border-bottom: 3px solid #666;
}



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

    .form .select-label select,
    .form input[type="email"],
    .form input[type="text"]{
        font-size: 1.4rem;
    }

    .form textarea{
        height: 208px;
        font-size: 1.4rem;
    }

}


/*-------------------------------------*/
/*旧サイトCSS---*/
/* box --------------------------------*/
@media only screen and (max-width: 768px) {

.box-harf,
.box-two-to-one,
.box-one-third,
.box-quarter{
  margin: 0 0 20px;
}
.box-harf .left,
.box-harf .right,
.box-harf .leftW,
.box-harf .rightS,
.box-two-to-one .left,
.box-two-to-one .right,
.box-one-third .inner,
.box-quarter .inner{
  margin: 0 0 10px;
}

}

/* box --------------------------------*/
/* table : .basic-table --------------------------------*/
.article-detail .basic-table caption{
  margin: 0 0 5px;
  font-weight: bold;
  text-align: left;
}
@media only screen and (max-width: 768px) {
.article-detail .basic-table{
  width: 100%;
}
}
@media print, screen and (min-width: 769px) {
.article-detail .basic-table{
  width: 100%;
}
}
.article-detail .basic-table th, .basic-table td{
  padding: 10px 15px;
  border: 1px solid #ccc;
  word-break: break-all;
}
.article-detail .basic-table th{
  background: #f0f0f0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.article-detail .basic-table td{
  text-align: center;
  vertical-align: middle;
}

.article-detail .basic-table.pat0 th{ width: 15%; }
.article-detail .basic-table.pat0 td{ width: 70%; }

.article-detail .basic-table.pat0 th span { font-size: 75%; }
.article-detail .basic-table.pat0 td ol li { list-style: decimal; margin-bottom: 5px; }
.article-detail .basic-table.pat0 td ol li ol li { list-style: none; margin-top: 0; margin-bottom: 5px; margin-left: 0px; }

.article-detail .basic-table.pat0 td ul li:before { content: '・'; }
.article-detail .basic-table.pat0 td ul li { padding-left: 1em; text-indent: -1em; }

.article-detail .basic-table.pat1 th, .basic-table.pat1 th + th{ width: 15%; }
.article-detail .basic-table.pat1 th + th + th{ width: 70%; }

.article-detail .basic-table.pat2 th{ width: 15%; }
.article-detail .basic-table.pat2 th + td{ width: 10%; }
.article-detail .basic-table.pat2 td{ width: 25%; }

.article-detail .basic-table.pat3 th{ width: 25%; }
.article-detail .basic-table.pat3 td{ width: 25%; }

.article-detail .basic-table.pat4 th{ width: 25%; }
.article-detail .basic-table.pat4 td{ width: 25%; }

.article-detail .basic-table.pat5 th{ width: 20%; }
.article-detail .basic-table.pat5 td{ width: 20%; }

.article-detail .basic-table.pat6 th{ width: 16%; }
.article-detail .basic-table.pat6 td{ width: 17%; }

.article-detail .basic-table.pat-spec-1 th{ width: 12.5%; }
.article-detail .basic-table.pat-spec-1 td{ width: 75%; }

.article-detail .basic-table.pat-spec-1-1 th{ width: 28%; }
.article-detail .basic-table.pat-spec-1-1 td{ width: 72%; }

.article-detail .basic-table.pat-spec-1-2 th{ width: 28%; }
.article-detail .basic-table.pat-spec-1-2 td{ width: 36%; }

.article-detail .basic-table.pat-spec-2 th{ width: 12.5%; }
.article-detail .basic-table.pat-spec-2 td{ width: 37.5%; }

.article-detail .basic-table.pat-spec-2-1 th{ width: 22%; }
.article-detail .basic-table.pat-spec-2-1 td{ width: 56%; }

.article-detail .basic-table.pat-spec-2-2 th{ width: 22%; }
.article-detail .basic-table.pat-spec-2-2 td{ width: 28%; }

.article-detail .basic-table.pat-spec-2-3 th{ width: 20%; }
.article-detail .basic-table.pat-spec-2-3 td{ width: 20%; }

.article-detail .basic-table.pat-spec-2-4 th{ width: 16%; }
.article-detail .basic-table.pat-spec-2-4 td{ width: 17%; }

.article-detail .basic-table.pat-spec-3 th{ width: 12.5%; }
.article-detail .basic-table.pat-spec-3 td{ width: 25%; }

.article-detail .basic-table.pat-spec-7{ width: 100%; }
.article-detail .basic-table.pat-spec-7 th{ width: 10%; }
.article-detail .basic-table.pat-spec-7 td{ width: 10%; }
.article-detail .basic-table.pat-spec-7 th,
.article-detail .basic-table.pat-spec-7 td{
  padding: 5px 10px !important;
}

.article-detail .basic-table.pat2-1 th{ width: 25%; }
.article-detail .basic-table.pat2-1 td{ width: 50%; }

.article-detail .basic-table.pat-custom .w10{ width: 10%; }
.article-detail .basic-table.pat-custom .w80{ width: 80%; }

.article-detail .basic-table.center th,
.article-detail .basic-table.center td{ text-align: center; }


@media print, screen and (min-width: 1101px){
	.article-detail .box-harf .table-slide + figure {
	    float: right;

	}
}
@media print, screen and (min-width: 1101px){
	.article-detail .box-harf .table-slide {
	    float: left;
	    margin: 0;
	}
}
@media only screen and (max-width: 1100px) {
	.article-detail .table-slide{
	  overflow: scroll;
	  width: 100%;
	  margin: 15px 0;
	}
}
@media print, screen and (min-width: 1101px) {

	/* .box-harf */
	.article-detail .dice-list>li {
	    position: relative;
	    padding-left: 1em;
	}
	.article-detail .dice-list>li::after {
	    content: "・";
	    position: absolute;
	    display: block;
	    width: 1em;
	    height: 1em;
	    top: 0;
	    left: 0;
	}
	.article-detail .box-harf{
	  margin: 0 0 30px;
	}
	.article-detail .box-harf .note{
		font-size: 1.2rem;
	}
	.article-detail .box-harf .left{
	  width: 500px;
	  float: left;
	}
	.article-detail .box-harf .right{
	  width: 350px;
	  float: left;
	}

	.article-detail .box-harf .box-harf{
	  width: 500px;
	  margin: 0 !important;
	}
	.article-detail .box-harf .box-harf .left,
	.article-detail .box-harf .box-harf .right{
	  width: 225px;
	  margin: 0 !important;
	}



	.article-detail .box-harf .leftW{
	  width: 455px;
	  float: left;
	}
	.article-detail .box-harf .rightS{
	  width: 255px;
	  float: right;
	}
	/* .box-two-to-one */
	.article-detail .box-two-to-one{
	  margin: 0 0 30px;
	}
	.article-detail .box-two-to-one .one{
	  width: 300px;
	}
	.article-detail .box-two-to-one .two{
	  width: 630px;
	}
	.article-detail .box-two-to-one .left{
	  float: left;
	}
	.article-detail .box-two-to-one .right{
	  float: right;
	}

	.article-detail .box-harf figure,
	.article-detail .box-harf section,
	.article-detail .box-two-to-one figure,
	.article-detail .box-two-to-one section{
	  margin: 0 !important;
	}

	.article-detail .box-two-to-one .one{
	  width: 236px;
	}
	.article-detail .box-two-to-one .two{
	  width: 474px;
	}

	/* .box-one-third */
	.article-detail .box-one-third{
	  margin: 0 0 30px;
	  display: table;
	  table-layout: fixed;
	}
	.article-detail .box-one-third .inner{
	  width: 300px;
	  display: table-cell;
	/*  padding: 0 20px 0 0;*/
	}
	/*.box-one-third .inner + .inner{
	  padding: 0 10px;
	}
	.box-one-third .inner + .inner + .inner{
	  padding: 0 0 0 20px;
	}*/

	/* .box-quarter */
	.article-detail .box-quarter{
	  margin: 0 0 30px;
	  display: table;
	  table-layout: fixed;
	}
	.article-detail .box-quarter .inner{
	  width: 220px;
	  display: table-cell;
	  padding: 0 10px 0 0;
	}
	.article-detail .box-quarter .inner + .inner,
	.article-detail .box-quarter .inner + .inner + .inner{
	  padding: 0 10px;
	}
	.article-detail .box-quarter .inner + .inner + .inner + .inner{
	  padding: 0 0 0 10px;
	}

	/* clearfix */
	.article-detail .box-harf:after,
	.article-detail .box-two-to-one:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	.article-detail .box-harf,
	.article-detail .box-two-to-one{ min-height: 1px; }

	* html .article-detail .box-50-50,
	* html .article-detail .box-two-to-one{
	  height: 1px;
	  /*\*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	.article-detail .box-harf span.note{
		position: relative;
		display: inline-block;
		padding-left: 1.2em;
	}
	.article-detail .box-harf span.note:after{
	    content: "※";
	    position: absolute;
	    display: block;
	    width: 1em;
	    height: 1em;
	    top: 0;
	    left: 0;
	}

}


@media print,screen and (min-width: 1101px){
	.article-detail ul.table3{
		display: table;
		width: 100%;
	}
	.article-detail ul.table3 li{
		display: table-cell;
		width: 246px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 2px;
	}
	.article-detail ul.table3 li:nth-of-type(3){
		/*padding-right: 0;*/
	}
	.article-detail .arr-link a{
	  padding: 0 0 0 0px;
	}
}
@media print,screen and (max-width: 1100px){
	.article-detail ul.table3 li{
		padding-bottom: 15px;
	}
}

.article-detail ul.table3 li .note{
	font-size: 1.2rem;
}
.article-detail ul.table3 li .note{
	position: relative;
	display: inline-block;
	padding-left: 1.2em;
}
.article-detail ul.table3 li .note:after{
    content: "※";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0;
}
.article-detail ul.table3 li p.bold{
	padding-top: 20px;
	padding-left: 0em;
	font-weight: bold;
}
.article-detail .p-narrow,.article-detail .p-narrow th,.p-narrow td{
	padding-left: 5px;
	padding-right: 5px;
}
.article-detail .p-narrow1,.article-detail .p-narrow1 th,.p-narrow1 td{
	padding-left: 1px;
	padding-right: 1px;
}
.article-detail table caption.h4{
	font-size: 100%;
	font-weight: bold;
	margin:10px;
	text-align: left;
}
.article-detail table caption.h4:before{
	content: '■';
	margin: 0;
	color: #4494d0;
	margin-left: -10px;
}
@media print,screen and (max-width: 1100px){
	.article-detail table caption.h4{
		width: 80vw;
	}
}
.article-detail ul.table3.permanent{
	display: table;
	width: 100%;
}

.article-detail ul.table3.permanent li{
	display: table-cell;
	width: 33.3%;
}