@charset "UTF-8";

/* CSS Document */

body {
    margin: 0;
    font-family: "Noto Sans Japanese";
}

a:link,
a:visited {}

a:hover {}

#container {}

header,
footer {
    width: 100%;
    position: relative;
}


/* Global
----------------------- */


/* margin */

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

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

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

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

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

.mt20 {
    margin-top: 20px !important;
}

.mt24 {
    margin-top: 24px !important;
}

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

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

.mt36 {
    margin-top: 36px !important;
}

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

.mt44 {
    margin-top: 44px !important;
}

.mt48 {
    margin-top: 48px !important;
}

.mt52 {
    margin-top: 52px !important;
}

.mt56 {
    margin-top: 56px !important;
}

.mt60 {
    margin-top: 60px !important;
}

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

.mt68 {
    margin-top: 68px !important;
}

.mt72 {
    margin-top: 72px !important;
}

.mt76 {
    margin-top: 76px !important;
}

.mt80 {
    margin-top: 80px !important;
}

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

.mt88 {
    margin-top: 88px !important;
}

.mt92 {
    margin-top: 92px !important;
}

.mt96 {
    margin-top: 96px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mr00 {
    margin-right: 0px !important;
}

.mr04 {
    margin-right: 4px !important;
}

.mr08 {
    margin-right: 8px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr16 {
    margin-right: 16px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr24 {
    margin-right: 24px !important;
}

.mr28 {
    margin-right: 28px !important;
}

.mr32 {
    margin-right: 32px !important;
}

.mr36 {
    margin-right: 36px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr44 {
    margin-right: 44px !important;
}

.mr48 {
    margin-right: 48px !important;
}

.mr52 {
    margin-right: 52px !important;
}

.mr56 {
    margin-right: 56px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr64 {
    margin-right: 64px !important;
}

.mr68 {
    margin-right: 68px !important;
}

.mr72 {
    margin-right: 72px !important;
}

.mr76 {
    margin-right: 76px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr84 {
    margin-right: 84px !important;
}

.mr88 {
    margin-right: 88px !important;
}

.mr92 {
    margin-right: 92px !important;
}

.mr96 {
    margin-right: 96px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.ml00 {
    margin-left: 0px !important;
}

.ml04 {
    margin-left: 4px !important;
}

.ml08 {
    margin-left: 8px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.ml32 {
    margin-left: 32px !important;
}

.ml36 {
    margin-left: 36px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml44 {
    margin-left: 44px !important;
}

.ml48 {
    margin-left: 48px !important;
}

.ml52 {
    margin-left: 52px !important;
}

.ml56 {
    margin-left: 56px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml64 {
    margin-left: 64px !important;
}

.ml68 {
    margin-left: 68px !important;
}

.ml72 {
    margin-left: 72px !important;
}

.ml76 {
    margin-left: 76px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml84 {
    margin-left: 84px !important;
}

.ml88 {
    margin-left: 88px !important;
}

.ml92 {
    margin-left: 92px !important;
}

.ml96 {
    margin-left: 96px !important;
}

.ml100 {
    margin-left: 100px !important;
}

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

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

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

.mb12 {
    margin-bottom: 12px !important;
}

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

.mb20 {
    margin-bottom: 20px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

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

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

.mb36 {
    margin-bottom: 36px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb44 {
    margin-bottom: 44px !important;
}

.mb48 {
    margin-bottom: 48px !important;
}

.mb52 {
    margin-bottom: 52px !important;
}

.mb56 {
    margin-bottom: 56px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

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

.mb68 {
    margin-bottom: 68px !important;
}

.mb72 {
    margin-bottom: 72px !important;
}

.mb76 {
    margin-bottom: 76px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb84 {
    margin-bottom: 84px !important;
}

.mb88 {
    margin-bottom: 88px !important;
}

.mb92 {
    margin-bottom: 92px !important;
}

.mb96 {
    margin-bottom: 96px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}


/* padding */

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

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

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

.pt12 {
    padding-top: 12px !important;
}

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

.pt20 {
    padding-top: 20px !important;
}

.pt24 {
    padding-top: 24px !important;
}

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

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

.pt36 {
    padding-top: 36px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt44 {
    padding-top: 44px !important;
}

.pt48 {
    padding-top: 48px !important;
}

.pt52 {
    padding-top: 52px !important;
}

.pt56 {
    padding-top: 56px !important;
}

.pt60 {
    padding-top: 60px !important;
}

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

.pt68 {
    padding-top: 68px !important;
}

.pt72 {
    padding-top: 72px !important;
}

.pt76 {
    padding-top: 76px !important;
}

.pt80 {
    padding-top: 80px !important;
}

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

.pt88 {
    padding-top: 88px !important;
}

.pt92 {
    padding-top: 92px !important;
}

.pt96 {
    padding-top: 96px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pr00 {
    padding-right: 0px !important;
}

.pr04 {
    padding-right: 4px !important;
}

.pr08 {
    padding-right: 8px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.pr16 {
    padding-right: 16px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr24 {
    padding-right: 24px !important;
}

.pr28 {
    padding-right: 28px !important;
}

.pr32 {
    padding-right: 32px !important;
}

.pr36 {
    padding-right: 36px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr44 {
    padding-right: 44px !important;
}

.pr48 {
    padding-right: 48px !important;
}

.pr52 {
    padding-right: 52px !important;
}

.pr56 {
    padding-right: 56px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr64 {
    padding-right: 64px !important;
}

.pr68 {
    padding-right: 68px !important;
}

.pr72 {
    padding-right: 72px !important;
}

.pr76 {
    padding-right: 76px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr84 {
    padding-right: 84px !important;
}

.pr88 {
    padding-right: 88px !important;
}

.pr92 {
    padding-right: 92px !important;
}

.pr96 {
    padding-right: 96px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.pl00 {
    padding-left: 0px !important;
}

.pl04 {
    padding-left: 4px !important;
}

.pl08 {
    padding-left: 8px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.pl16 {
    padding-left: 16px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl24 {
    padding-left: 24px !important;
}

.pl28 {
    padding-left: 28px !important;
}

.pl32 {
    padding-left: 32px !important;
}

.pl36 {
    padding-left: 36px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl44 {
    padding-left: 44px !important;
}

.pl48 {
    padding-left: 48px !important;
}

.pl52 {
    padding-left: 52px !important;
}

.pl56 {
    padding-left: 56px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl64 {
    padding-left: 64px !important;
}

.pl68 {
    padding-left: 68px !important;
}

.pl72 {
    padding-left: 72px !important;
}

.pl76 {
    padding-left: 76px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl84 {
    padding-left: 84px !important;
}

.pl88 {
    padding-left: 88px !important;
}

.pl92 {
    padding-left: 92px !important;
}

.pl96 {
    padding-left: 96px !important;
}

.pl100 {
    padding-left: 100px !important;
}

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

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

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

.pb12 {
    padding-bottom: 12px !important;
}

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

.pb20 {
    padding-bottom: 20px !important;
}

.pb24 {
    padding-bottom: 24px !important;
}

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

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

.pb36 {
    padding-bottom: 36px !important;
}

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

.pb44 {
    padding-bottom: 44px !important;
}

.pb48 {
    padding-bottom: 48px !important;
}

.pb52 {
    padding-bottom: 52px !important;
}

.pb56 {
    padding-bottom: 56px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

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

.pb68 {
    padding-bottom: 68px !important;
}

.pb72 {
    padding-bottom: 72px !important;
}

.pb76 {
    padding-bottom: 76px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb84 {
    padding-bottom: 84px !important;
}

.pb88 {
    padding-bottom: 88px !important;
}

.pb92 {
    padding-bottom: 92px !important;
}

.pb96 {
    padding-bottom: 96px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}


/* text-size */

.txt12 {
    font-size: 12px !important;
}

.txt13 {
    font-size: 13px !important;
}

.txt14 {
    font-size: 14px !important;
}

.txt16 {
    font-size: 16px !important;
}

.txt18 {
    font-size: 18px !important;
}

.txt21 {
    font-size: 21px !important;
}

.txt24 {
    font-size: 24px !important;
}

.txt28 {
    font-size: 28px !important;
}

.txt32 {
    font-size: 32px !important;
}

.txt36 {
    font-size: 36px !important;
}

.txt42 {
    font-size: 42px !important;
}

.txt48 {
    font-size: 48px !important;
}


/* text-position */

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}


/* 
    column Layout
    1column width:60px;
    margin:16px; 15margins
    16columns
    fullwidth:1200px;
*/


/*
.col01{width: 60px;display: block;}
.col02{width: 136px;display: block;}
.col03{width: 212px;display: block;}
.col04{width: 288px;display: block;}
.col05{width: 364px;display: block;}
.col06{width: 440px;display: block;}
.col07{width: 516px;display: block;}
.col08{width: 592px;display: block;}
.col09{width: 668px;display: block;}
.col10{width: 744px;display: block;}
.col11{width: 820px;display: block;}
.col12{width: 896px;display: block;}
.col13{width: 972px;display: block;}
.col14{width: 1048px;display: block;}
.col15{width: 1124px;display: block;}
.col16{width: 1200px;display: block;}
*/

.col01 {
    width: 100%;
    display: block;
}

.col02 {
    width: 50%;
    display: block;
}

.col03 {
    width: 33.3%;
    display: block;
}

.col04 {
    width: 25%;
    display: block;
}

.col05 {
    width: 20%;
    display: block;
}

.col06 {
    width: 16.6%;
    display: block;
}

.anchorLink {
    margin-top: -80px;
    padding-top: 80px;
    visibility: hidden;
    z-index: -100;
}


/* --------------------
clear
-------------------- */

header:before,
footer:before,
section:before,
div:before,
ul:before,
ol:before,
dl:before,
.clearfix:before,
header:after,
footer:after,
section:after,
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after {
    content: "";
    display: table;
}

header:after,
footer:after,
section:after,
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after {
    clear: both;
}

-------------------------------------------*/