@charset "utf-8";
/****************************************************************************************************

初期化

****************************************************************************************************/
@media print, screen and (min-width:737px){
}
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter{
    margin:0;
    padding:0;
}

html{
    font-size:62.5%;
    line-height:2.0;
}

body{
    background-color:#fff;
    color:#333;

    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -o-text-size-adjust:100%;
    text-size-adjust:100%;

    font-size:1.4em;
    letter-spacing:0.05em;
    
    font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body *:last-child{ margin-bottom:0 !important; }
@media print, screen and (min-width:737px){
body{
    font-size:1.6em;
}
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}

address{
    font-style:normal;
}

ul,dl,ol{
    text-indent:0;
}

li{
    list-style-type:none;
}

img{
    border-style:none;
    vertical-align:bottom;
    
    /*フルードイメージ*/
    max-width:100%;
    height:auto; 
}
.ie8 img{ width:auto; }

p{
    margin-bottom:1.0em;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

th,td{
    padding:10px;
    border:1px solid #ccc;
}

th{
    font-weight:normal;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary{
    display:block;
}

small{
    font-size:100%;
}

a{
    -webkit-tap-highlight-color:transparent;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
a:hover{
    text-decoration:none;
    -webkit-transition:all .1s ease;
    transition:all .1s ease;
}





/*
box-sizing
ie8+
--------------------------------------------------*/
*,
*:before,
*:after{
    box-sizing:border-box;
}



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

汎用クラス

****************************************************************************************************/
/*
micro clearfix
ie8+
--------------------------------------------------*/
.clearfix:after{
    content:"";
    clear:both;
    display:block;
}
/*
フォント指定
--------------------------------------------------*/
.mincho{ font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif; }
.gothic{ font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
/*
フロート
--------------------------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fClear{ clear:both; }
/*
フォントサイズ
--------------------------------------------------*/
.txtS{ font-size:87.5% !important; }
.txtL{ font-size:112.5% !important; }
/*
テキストの位置
--------------------------------------------------*/
.alignC{ text-align:center !important; }
.alignL{ text-align:left !important; }
.alignR{ text-align:right !important; }
.justify{ text-align:justify !important; text-justify:inter-cluster !important; }
/*
フォント
--------------------------------------------------*/
.normal{ font-weight:normal !important; }
.bold{ font-weight:bold !important; }
.italic{ font-style:italic !important; }
.underline{ text-decoration:underline !important; }
/*
単語の改行
--------------------------------------------------*/
.wordwrap{ display:inline-block; }
/*
文字の色
--------------------------------------------------*/
.red{ color: #f00 !important; }
/*
行間
--------------------------------------------------*/
.lh10{ line-height:1.0 !important; }
.lh11{ line-height:1.1 !important; }
.lh12{ line-height:1.2 !important; }
.lh13{ line-height:1.3 !important; }
.lh14{ line-height:1.4 !important; }
.lh15{ line-height:1.5 !important; }
.lh16{ line-height:1.6 !important; }
.lh17{ line-height:1.7 !important; }
.lh18{ line-height:1.8 !important; }
.lh19{ line-height:1.9 !important; }
.lh20{ line-height:2.0 !important; }
/*
インデント
--------------------------------------------------*/
.indent1{ margin-left:1em !important; text-indent:-1em !important; }
.indent2{ margin-left:2em !important; text-indent:-2em !important; }
.indent3{ margin-left:3em !important; text-indent:-3em !important; }
.indent4{ margin-left:4em !important; text-indent:-4em !important; }
.indent5{ margin-left:5em !important; text-indent:-5em !important; }
/*
margin
--------------------------------------------------*/
.m0{ margin:0			!important; }
.mt0{ margin-top:0		!important; }
.mr0{ margin-right:0	!important; }
.mb0{ margin-bottom:0	!important; }
.ml0{ margin-left:0		!important; }
.mtb0{ margin-top:0		!important; margin-bottom:0	!important; }
.mlr0{ margin-left:0	!important; margin-right:0	!important; }

.mt10{ margin-top:10px		!important; }
.mr10{ margin-right:10px	!important; }
.mb10{ margin-bottom:10px	!important; }
.ml10{ margin-left:10px		!important; }
.mtb10{ margin-top:10px		!important; margin-bottom:10px	!important; }
.mlr10{ margin-left:10px	!important; margin-right:10px	!important; }
@media print, screen and (min-width:737px){
.mt10{ margin-top:20px		!important; }
.mr10{ margin-right:20px	!important; }
.mb10{ margin-bottom:20px	!important; }
.ml10{ margin-left:20px		!important; }
.mtb10{ margin-top:20px		!important; margin-bottom:20px	!important; }
.mlr10{ margin-left:20px	!important; margin-right:20px	!important; }
}

.mt20{ margin-top:20px		!important; }
.mr20{ margin-right:20px	!important; }
.mb20{ margin-bottom:20px	!important; }
.ml20{ margin-left:20px		!important; }
.mtb20{ margin-top:20px		!important; margin-bottom:20px	!important; }
.mlr20{ margin-left:20px	!important; margin-right:20px	!important; }
@media print, screen and (min-width:737px){
.mt20{ margin-top:40px		!important; }
.mr20{ margin-right:40px	!important; }
.mb20{ margin-bottom:40px	!important; }
.ml20{ margin-left:40px		!important; }
.mtb20{ margin-top:40px		!important; margin-bottom:40px	!important; }
.mlr20{ margin-left:40px	!important; margin-right:40px	!important; }
}

.mt30{ margin-top:30px		!important; }
.mr30{ margin-right:30px	!important; }
.mb30{ margin-bottom:30px	!important; }
.ml30{ margin-left:30px		!important; }
.mtb30{ margin-top:30px		!important; margin-bottom:30px	!important; }
.mlr30{ margin-left:30px	!important; margin-right:30px	!important; }
@media print, screen and (min-width:737px){
.mt30{ margin-top:60px		!important; }
.mr30{ margin-right:60px	!important; }
.mb30{ margin-bottom:60px	!important; }
.ml30{ margin-left:60px		!important; }
.mtb30{ margin-top:60px		!important; margin-bottom:60px	!important; }
.mlr30{ margin-left:60px	!important; margin-right:60px	!important; }
}

.mt40{ margin-top:40px		!important; }
.mr40{ margin-right:40px	!important; }
.mb40{ margin-bottom:40px	!important; }
.ml40{ margin-left:40px		!important; }
.mtb40{ margin-top:40px		!important; margin-bottom:40px	!important; }
.mlr40{ margin-left:40px	!important; margin-right:40px	!important; }
@media print, screen and (min-width:737px){
.mt40{ margin-top:80px		!important; }
.mr40{ margin-right:80px	!important; }
.mb40{ margin-bottom:80px	!important; }
.ml40{ margin-left:80px		!important; }
.mtb40{ margin-top:80px		!important; margin-bottom:80px	!important; }
.mlr40{ margin-left:80px	!important; margin-right:80px	!important; }
}

.mt50{ margin-top:50px		!important; }
.mr50{ margin-right:50px	!important; }
.mb50{ margin-bottom:50px	!important; }
.ml50{ margin-left:50px		!important; }
.mtb50{ margin-top:50px		!important; margin-bottom:50px	!important; }
.mlr50{ margin-left:50px	!important; margin-right:50px	!important; }
@media print, screen and (min-width:737px){
.mt50{ margin-top:100px		!important; }
.mr50{ margin-right:100px	!important; }
.mb50{ margin-bottom:100px	!important; }
.ml50{ margin-left:100px		!important; }
.mtb50{ margin-top:100px		!important; margin-bottom:100px	!important; }
.mlr50{ margin-left:100px	!important; margin-right:100px	!important; }
}
/*
padding
--------------------------------------------------*/
.p0{ padding:0			!important; }
.pt0{ padding-top:0		!important; }
.pr0{ padding-right:0	!important; }
.pb0{ padding-bottom:0	!important; }
.pl0{ padding-left:0	!important; }
.ptb0{ padding-top:0	!important; padding-bottom:0	!important; }
.plr0{ padding-left:0	!important; padding-right:0		!important; }

.pt10{ padding-top:10px		!important; }
.pr10{ padding-right:10px	!important; }
.pb10{ padding-bottom:10px	!important; }
.pl10{ padding-left:10px	!important; }
.ptb10{ padding-top:10px	!important; padding-bottom:10px	!important; }
.plr10{ padding-left:10px	!important; padding-right:10px	!important; }
@media print, screen and (min-width:737px){
.pt10{ padding-top:20px		!important; }
.pr10{ padding-right:20px	!important; }
.pb10{ padding-bottom:20px	!important; }
.pl10{ padding-left:20px	!important; }
.ptb10{ padding-top:20px	!important; padding-bottom:20px	!important; }
.plr10{ padding-left:20px	!important; padding-right:20px	!important; }
}

.pt20{ padding-top:20px		!important; }
.pr20{ padding-right:20px	!important; }
.pb20{ padding-bottom:20px	!important; }
.pl20{ padding-left:20px	!important; }
.ptb20{ padding-top:20px	!important; padding-bottom:20px	!important; }
.plr20{ padding-left:20px	!important; padding-right:20px	!important; }
@media print, screen and (min-width:737px){
.pt20{ padding-top:40px		!important; }
.pr20{ padding-right:40px	!important; }
.pb20{ padding-bottom:40px	!important; }
.pl20{ padding-left:40px	!important; }
.ptb20{ padding-top:40px	!important; padding-bottom:40px	!important; }
.plr20{ padding-left:40px	!important; padding-right:40px	!important; }
}

.pt30{ padding-top:30px		!important; }
.pr30{ padding-right:30px	!important; }
.pb30{ padding-bottom:30px	!important; }
.pl30{ padding-left:30px	!important; }
.ptb30{ padding-top:30px	!important; padding-bottom:30px	!important; }
.plr30{ padding-left:30px	!important; padding-right:30px	!important; }
@media print, screen and (min-width:737px){
.pt30{ padding-top:60px		!important; }
.pr30{ padding-right:60px	!important; }
.pb30{ padding-bottom:60px	!important; }
.pl30{ padding-left:60px	!important; }
.ptb30{ padding-top:60px	!important; padding-bottom:60px	!important; }
.plr30{ padding-left:60px	!important; padding-right:60px	!important; }
}

.pt40{ padding-top:40px		!important; }
.pr40{ padding-right:40px	!important; }
.pb40{ padding-bottom:40px	!important; }
.pl40{ padding-left:40px	!important; }
.ptb40{ padding-top:40px	!important; padding-bottom:40px	!important; }
.plr40{ padding-left:40px	!important; padding-right:40px	!important; }
@media print, screen and (min-width:737px){
.pt40{ padding-top:80px		!important; }
.pr40{ padding-right:80px	!important; }
.pb40{ padding-bottom:80px	!important; }
.pl40{ padding-left:80px	!important; }
.ptb40{ padding-top:80px	!important; padding-bottom:80px	!important; }
.plr40{ padding-left:80px	!important; padding-right:80px	!important; }
}

.pt50{ padding-top:50px		!important; }
.pr50{ padding-right:50px	!important; }
.pb50{ padding-bottom:50px	!important; }
.pl50{ padding-left:50px	!important; }
.ptb50{ padding-top:50px	!important; padding-bottom:50px	!important; }
.plr50{ padding-left:50px	!important; padding-right:50px	!important; }
@media print, screen and (min-width:737px){
.pt50{ padding-top:100px		!important; }
.pr50{ padding-right:100px	!important; }
.pb50{ padding-bottom:100px	!important; }
.pl50{ padding-left:100px	!important; }
.ptb50{ padding-top:100px	!important; padding-bottom:100px	!important; }
.plr50{ padding-left:100px	!important; padding-right:100px	!important; }
}
/*
width
--------------------------------------------------*/
.w10{ width:10px !important; }
.w20{ width:20px !important; }
.w30{ width:30px !important; }
.w40{ width:40px !important; }
.w50{ width:50px !important; }
.w60{ width:60px !important; }
.w70{ width:70px !important; }
.w80{ width:80px !important; }
.w90{ width:90px !important; }
.w100{ width:100px !important; }
.w110{ width:110px !important; }
.w120{ width:120px !important; }
.w130{ width:130px !important; }
.w140{ width:140px !important; }
.w150{ width:150px !important; }
.w160{ width:160px !important; }
.w170{ width:170px !important; }
.w180{ width:180px !important; }
.w190{ width:190px !important; }
.w200{ width:200px !important; }
.w210{ width:210px !important; }
.w220{ width:220px !important; }
.w230{ width:230px !important; }
.w240{ width:240px !important; }
.w250{ width:250px !important; }
.w260{ width:260px !important; }
.w270{ width:270px !important; }
.w280{ width:280px !important; }
.w290{ width:290px !important; }
.w300{ width:300px !important; }
.w310{ width:310px !important; }
.w320{ width:320px !important; }
.w330{ width:330px !important; }
.w340{ width:340px !important; }
.w350{ width:350px !important; }
.w360{ width:360px !important; }
.w370{ width:370px !important; }
.w380{ width:380px !important; }
.w390{ width:390px !important; }
.w400{ width:400px !important; }
.w410{ width:410px !important; }
.w420{ width:420px !important; }
.w430{ width:430px !important; }
.w440{ width:440px !important; }
.w450{ width:450px !important; }
.w460{ width:460px !important; }
.w470{ width:470px !important; }
.w480{ width:480px !important; }
.w490{ width:490px !important; }
.w500{ width:500px !important; }
.w510{ width:510px !important; }
.w520{ width:520px !important; }
.w530{ width:530px !important; }
.w540{ width:540px !important; }
.w550{ width:550px !important; }
.w560{ width:560px !important; }
.w570{ width:570px !important; }
.w580{ width:580px !important; }
.w590{ width:590px !important; }
.w600{ width:600px !important; }
.w610{ width:610px !important; }
.w620{ width:620px !important; }
.w630{ width:630px !important; }
.w640{ width:640px !important; }
.w650{ width:650px !important; }
.w660{ width:660px !important; }
.w670{ width:670px !important; }
.w680{ width:680px !important; }
.w690{ width:690px !important; }
.w700{ width:700px !important; }
.w710{ width:710px !important; }
.w720{ width:720px !important; }
.w730{ width:730px !important; }
.w740{ width:740px !important; }
.w750{ width:750px !important; }
.w760{ width:760px !important; }
.w770{ width:770px !important; }
.w780{ width:780px !important; }
.w790{ width:790px !important; }
.w800{ width:800px !important; }
.w810{ width:810px !important; }
.w820{ width:820px !important; }
.w830{ width:830px !important; }
.w840{ width:840px !important; }
.w850{ width:850px !important; }
.w860{ width:860px !important; }
.w870{ width:870px !important; }
.w880{ width:880px !important; }
.w890{ width:890px !important; }
.w900{ width:900px !important; }
.w910{ width:910px !important; }
.w920{ width:920px !important; }
.w930{ width:930px !important; }
.w940{ width:940px !important; }
.w950{ width:950px !important; }
.w960{ width:960px !important; }
.w970{ width:970px !important; }
.w980{ width:980px !important; }
.w990{ width:990px !important; }
.w1000{ width:1000px !important; }





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

表組み

****************************************************************************************************/
.table{
    margin-top:10px;
    margin-bottom:10px;
}
.table.-type1{
    width:100%;
}
    .table.-type1 thead th{ background-color: #e0e0e0; }
    .table.-type1 tbody th{ background-color: #ebebeb; }

.table.-type2{
}
    .table.-type2 thead th{}
    .table.-type2 tbody th{}
/*
スマホ
横スクロール対応
--------------------------------------------------*/
.tableScrollX{
    margin-top:10px;
    margin-bottom:10px;
    max-width:100%;
    overflow-x:scroll;
    overflow-y:hidden;
    height:auto;
}
@media print, screen and (min-width:737px){
.tableScrollX{
}
}

/*
スマホ時のテーブルのサイズ設定
----------*/
/*表組みの横幅設定*/
.tableScrollX.-w480 table{ min-width:480px; }
.tableScrollX.-w600 table{ min-width:600px; }
.tableScrollX.-w640 table{ min-width:640px; }
.tableScrollX.-w700 table{ min-width:700px; }
.tableScrollX.-w800 table{ min-width:800px; }
.tableScrollX.-w900 table{ min-width:900px; }
.tableScrollX.-w1000 table{ min-width:1000px; }
@media print, screen and (min-width:737px){
}

/*表組みの上に注釈を表示*/
.tableScrollX::before{
    display:block;
    content:'※表の内容がすべて表示されていない場合は、左右にスクロールできます。';
    margin-bottom:5px;
    font-weight:bold;
    font-size:12px;
    line-height:1.5;
    text-indent:-1em;
    margin-left:1em;
}
@media print, screen and (min-width:737px){
.tableScrollX::before{
    display: none;
}
}
/****************************************************************************************************

リスト

****************************************************************************************************/
.list{
    margin-bottom:10px;
}
    .list > li{ margin-bottom:5px; }


.list.-dot1{
}
    .list.-dot1 > li{
        margin-left:20px;
        list-style:disc;
    }


.list.-dec1{
}
    .list.-dec1 > li{
        margin-left:30px;
        list-style:decimal;
    }


.list.-symbol40{
}
    .list.-symbol40 > li{
        position: relative;
        padding-left: 40px;
    }
@media print, screen and (min-width:737px){
    .list.-symbol40 > li{ padding-left: 50px; }
}

.list__symbol{
    position:absolute;
    top:0;
    left:0;
}




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

画像
ロールアニメーション

****************************************************************************************************/
.roll a img{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
}
@media print, screen and (min-width:737px){
    .roll a:hover img{ opacity:0.6; }
}
/****************************************************************************************************

表示／非表示

****************************************************************************************************/
.display{
}
.display.-pc{ display: none; }
@media print, screen and (min-width:737px){
.display.-pc.-inline{ display: inline; }
.display.-pc.-block{ display: block; }
}