@charset "utf-8";
/*
 * CSS set.css
 */









/* 
---------------------------------------
reset
--------------------------------------- 
*/ 
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; vertical-align: baseline; background:transparent; }
th{ font-weight: normal; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

caption, th { text-align: left; }
a:focus { outline:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

ol, ul { list-style:none; }
table { border-collapse: collapse; border-spacing:0; text-align: left; font-style:normal; font-weight:normal; }
input, textarea { margin: 0; padding: 0; }
input, select { vertical-align:middle; }

a { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; vertical-align: baseline; background:transparent; }

img { vertical-align: middle; }

sup { vertical-align: super; }
sub { vertical-align: sub; }









/* ---------------------------------------
initSetteing
--------------------------------------- */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; word-break: break-all; }

/* form */

/* */
li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }









/* ---------------------------------------
commonModule
--------------------------------------- */
/* section */
.section p{ text-align: justify; text-justify: distribute; }
.section dd{ text-align: justify; text-justify: distribute; }

.clearfix:after, .section:after, .incnt:after, .insec:after, .inbox:after, .block:after, .bgbox:after, .borderbox:after, .inborderbox:after, .cnt_left:after, .cnt_right:after, .csection:after, .wpsection:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.clearfix, .section, .incnt, .insec, .inbox, .block, .bgbox, .borderbox, .inborderbox { min-height: 1px; }
.incnt, .insec, .inbox { position: relative; margin: 0 auto; }
.cnt_left { min-height: 1px; float: left; }
.cnt_right { min-height: 1px; float: right; }
* html .clearfix, * html .section { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }


/* boxsize */
.boxsize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.imgbox img { width: 100%; }







/* ---------------------------------------
initset.text
--------------------------------------- */
/* txt float */
.tc { text-align: center!important; }
.tl { text-align: left!important; }
.tr { text-align: right!important; }

/* float 文字回り込み禁止 */
.txtfloatclear { overflow:auto; zoom:1; }

/* p indext */
p.indent, p.indent { padding-left: 1em; text-indent: -1em; font-feature-settings : "palt"; }


/* inbtxt */
.inbtxt { display: inline-block; }



.txtbold { font-weight: bold; }
.txtwhite { color: #fff; }
.txtred { color: #ff0000; }
.palttxt{ font-feature-settings : "palt"; }









/* ---------------------------------------
initset.image
--------------------------------------- */
/* imgFloat */
img.left { float: left; margin-right: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.right { float: right; margin-left: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.center { margin: 0 auto; clear: both; display: block; }









/* ---------------------------------------
initset.list
--------------------------------------- */
/* li-ol indext */
ul.indent li, ol.indent li { padding-left: 1em; text-indent: -1em; font-feature-settings : "palt"; }

/* li caution */
ul.caution { padding-top: 0px; }
ul.caution li { padding-left: 1em; text-indent: -1em; font-feature-settings : "palt"; }
ul.caution li:before { content:"※"!important; }

/* li center */
ul.center { text-align:center; }
ul.center li { display: inline-block; }









/* ---------------------------------------
initset.container
--------------------------------------- */
/* cnt_left, cnt_right */
@media screen and (max-width: 1040px) {
	.tfit .cnt_left, .tfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 767px) {
	.mfit .cnt_left, .mfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 639px) {
	.lfit .cnt_left, .lfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 479px) {
	.sfit .cnt_left, .sfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 400px) {
	.pfit .cnt_left, .pfit .cnt_right { float: none!important; width: 100%!important; }
}








/* ---------------------------------------
initset.css3
--------------------------------------- */
/* trandition モダンブラウザ+IE10〜 ※mozもなくていいかも */
.trd { -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
.trd:hover { -webkit-transition: 0.4s; -moz-transition : 0.4s; transition : 0.4s; }
@media screen and (max-width: 640px) {
	.trd { -webkit-transition:none; -moz-transition :none; transition :none; }
	.trd:hover { -webkit-transition:none; -moz-transition :none; transition :none; }

}
/* transitionスムージング モダンブラウザ+IE10〜 ※mozもなくていいかも */
.smooth { -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1); transition: all 0.3s cubic-bezier(1, 0, 0, 1); }

/* box-shadow モダンブラウザ+IE9〜 */
.shadow { -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px rgba(0,0,0,0.4); }

/* border-radius モダンブラウザ+IE9〜 ※webkitもなくていいかも */
.radius { -webkit-border-radius: 4px; border-radius: 4px; }

/* opacity モダンブラウザ+IE8〜 */
.opacity { -ms-filter: "alpha(opacity=6)"; opacity:0.6; }

/* フラッシュbtn */
.flashbtn { opacity: 1; }
.flashbtn:hover { opacity: 1; -webkit-animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }
@keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }

/* グレースケールbtn */
.greytbtn { -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.greytbtn:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* 拡縮回転btn */
.scalerotatebtnbox { overflow: hidden; width: 140px; height: 99px; }
.scalerotatebtnbox img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: none; }
.testbtnbox:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); }

/* 拡縮btn */
.zoombtnbox { overflow: hidden; width: 149px; height: 99px; }
.zoombtnbox img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.zoombtnbox:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }









/* ---------------------------------------
initset.display
--------------------------------------- */
/* display adjust */
.middlethide, .tablethide, .sphide, .landhide, .porthide { display: block; }
.middlethide.inlineblock, .tablethide.inlineblock, .sphide.inlineblock, .landhide.inlineblock, .porthide.inlineblock { display: inline-block; }
.middlethide.inline, .tablethide.inline, .sphide.inline, .landhide.inline, .porthide.inline { display: inline; }
.tabletblock, .middleblock, .spblock, .landblock, .portblock { display: none; }
@media screen and (max-width: 1040px) {
	.tabletblock { display: block; }
	.tabletblock.inline-block { display: inline-block; }
	.tabletblock.inline { display: inline; }
	.tablethide { display: none!important; }
}
@media screen and (max-width: 767px) {
	.middleblock { display: block; }
	.middleblock.inline-block { display: inline-block; }
	.middleblock.inline { display: inline; }
	.middlehide { display: none!important; }
}
@media screen and (max-width: 639px) {
	.landblock { display: block; }
	.landblock.inline-block { display: inline-block; }
	.landblock.inline { display: inline; }
	.landhide { display: none!important; }
}
@media screen and (max-width: 479px) {
	.spblock { display: block; }
	.spblock.inline-block { display: inline-block; }
	.spblock.inline { display: inline; }
	.sphide { display: none!important; }
}
@media screen and (max-width: 400px) {
	.portblock { display: block; }
	.portblock.inline-block { display: inline-block; }
	.portblock.inline { display: inline; }
	.porthide { display: none!important; }
}







/* ---------------------------------------
initset.margin-padding
--------------------------------------- */
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }

/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }

/* para */
.para1 { margin-bottom: 10px!important; } @media screen and (max-width: 639px) { .para1 { margin-bottom: 10px!important; } }
.para2 { margin-bottom: 20px!important; } @media screen and (max-width: 639px) { .para2 { margin-bottom: 15px!important; } }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 639px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 639px) { .para4 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para4 { margin-bottom: 20px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 639px) { .para5 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 639px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 639px) { .para7 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para7 { margin-bottom: 40px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 639px) { .para8 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para8 { margin-bottom: 40px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 639px) { .para9 { margin-bottom: 60px!important; } } @media screen and (max-width: 479px) { .para9 { margin-bottom: 40px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 639px) { .para10 { margin-bottom: 70px!important; } } @media screen and (max-width: 479px) { .para10 { margin-bottom: 50px!important; } }


.listpara1{ overflow:hidden; }
.listpara1>ul { margin-bottom: -10px; } @media screen and (max-width: 639px) { .listpara1>ul { margin-bottom: -10px; } }
.listpara1>ul>li { margin-bottom: 10px; } @media screen and (max-width: 639px) { .listpara1>ul>li { margin-bottom: 10px; } }
.listpara2{ overflow:hidden; }
.listpara2>ul { margin-bottom: -20px; } @media screen and (max-width: 639px) { .listpara2>ul { margin-bottom: -15px; } }
.listpara2>ul>li { margin-bottom: 20px; } @media screen and (max-width: 639px) { .listpara2>ul>li { margin-bottom: 15px; } }
.listpara3{ overflow:hidden; }
.listpara3>ul { margin-bottom: -30px; } @media screen and (max-width: 639px) { .listpara3>ul { margin-bottom: -20px; } }
.listpara3>ul>li { margin-bottom: 30px; } @media screen and (max-width: 639px) { .listpara3>ul>li { margin-bottom: 20px; } }
.listpara4{ overflow:hidden; }
.listpara4>ul { margin-bottom: -40px; } @media screen and (max-width: 639px) { .listpara4>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: -20px; } }
.listpara4>ul>li { margin-bottom: 40px; } @media screen and (max-width: 639px) { .listpara4>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: 20px; } }
.listpara5{ overflow:hidden; }
.listpara5>ul { margin-bottom: -50px; } @media screen and (max-width: 639px) { .listpara5>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: -30px; } }
.listpara5>ul>li { margin-bottom: 50px; } @media screen and (max-width: 639px) { .listpara5>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: 30px; } }
.listpara6{ overflow:hidden; }
.listpara6>ul { margin-bottom: -60px; } @media screen and (max-width: 639px) { .listpara6>ul { margin-bottom: -40px; } }
.listpara6>ul>li { margin-bottom: 60px; } @media screen and (max-width: 639px) { .listpara6>ul>li { margin-bottom: 40px; } }
.listpara7{ overflow:hidden; }
.listpara7>ul { margin-bottom: -70px; } @media screen and (max-width: 639px) { .listpara7>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: -40px; } }
.listpara7>ul>li { margin-bottom: 70px; } @media screen and (max-width: 639px) { .listpara7>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: 40px; } }
.listpara8{ overflow:hidden; }
.listpara8>ul { margin-bottom: -80px; } @media screen and (max-width: 639px) { .listpara8>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: -40px; } }
.listpara8>ul>li { margin-bottom: 80px; } @media screen and (max-width: 639px) { .listpara8>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: 40px; } }
.listpara9{ overflow:hidden; }
.listpara9>ul { margin-bottom: -90px; } @media screen and (max-width: 639px) { .listpara9>ul { margin-bottom: -60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: -40px; } }
.listpara9>ul>li { margin-bottom: 90px; } @media screen and (max-width: 639px) { .listpara9>ul>li { margin-bottom: 60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: 40px; } }
.listpara10{ overflow:hidden; }
.listpara10>ul { margin-bottom: -100px; } @media screen and (max-width: 639px) { .listpara10>ul { margin-bottom: -70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: -50px; } }
.listpara10>ul>li { margin-bottom: 100px; } @media screen and (max-width: 639px) { .listpara10>ul>li { margin-bottom: 70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: 50px; } }

/* border */
.bt0{ border-top:0!important; }
.bb0{ border-bottom:0!important; }
.br0{ border-right:0!important; }
.bl0{ border-left:0!important; }

/* reset */
.reset_mpb{ margin:0!important; padding:0!important; border:0!important; }

/* last */
.last_bottom{ margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: 0!important; }
.last_bottom:after{ content: none; }
.last_top{ margin-top: 0!important; padding-top: 0!important; border-top: 0!important; }
.last_top:before{ content: none; }
.last_right{ margin-right: 0!important; padding-right: 0!important; border-right: 0!important; }
.last_right:after{ content: none; }
.last_left{ margin-left: 0!important; padding-left: 0!important; border-left: 0!important; }
.last_left:before{ content: none; }


.secend { margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: none!important; }
.sectop { margin-top: 0!important; padding-top: 0!important; border-top: none!important; }






/* ---------------------------------------
js.class
--------------------------------------- */
.btnfade { } .btnchange { } .innerfade { } .innerchange { } .change { } .imgChange { } .img { } .icon { }.icon { }  .txt { } .copy { } .title { } .sectitle { } .subtitle { }