/*
WORLDSEND Inc. 2020.04
*/
@charset "UTF-8";
/*------------------------------------------------------------
	base
------------------------------------------------------------ */
* { box-sizing: border-box; }
html { font-size: 10px; webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0; font: 14px/1.6 "Yu Gothic", YuGothic, "游ゴシック体", "Helvetica", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana", sans-serif; height: 100%; color:#000; }
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{ margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
input,textarea,select { font-size: 1em; }
form { margin: 0px; }
table {	border-collapse:collapse; font-size: 100%; border-spacing: 0; }
/*link*/
a { border:0; text-decoration:none; color: inherit; transition: all .2s ease-in-out; }
a:hover { text-decoration: underline; color:inherit; }
/*text*/
h1, h2, h3, h4, h5, h6 { text-align: left; line-height:1.6; line-break: strict; color: #000; font-weight: normal; letter-spacing:0; }
h1 { font-size: 34px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { font-weight: normal; font-size: 12px; line-height: 1.5; color: #000; }






/* footer */
footer { position: relative; width: 100%; margin: 0 auto; padding: 40px 0; }
footer p { text-align: center; font-size: 12px; line-height: 1.2; color: #999; }


/* particles.js background */
.particles-bg { position: absolute; display: block; top: 0; left: 0; z-index: 0!important; }

/* toppage */
section.toppage { margin: auto; width: 100%; z-index: 9999; }
section.toppage div { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
section.toppage div img.logo { display: block; width: 160px!important; margin: 0 auto 30px; }
section.toppage div p { display: block; text-align: center; font-size: 12px; line-height: 1.5; color: #666 ;margin-bottom: 10px; }
section.toppage div p a { color: #999; text-decoration: underline; }
p.copy { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); text-align: center; font-size: 10px; color: #999; }

/* coming soon */
section.portfolio { margin: 0 auto; width: 100%; z-index: 9999!important; }
section.portfolio div { position: relative; margin: 100px auto!important; width: 600px; }
section.portfolio div img.logo { display: block; width: 160px!important; margin: 0 auto 100px; }
section.portfolio div img.portfolio-img { display: block; width: 600px!important; margin: 0 auto 40px; }
section.portfolio div p { display: block; text-align: center; font-size: 12px; line-height: 1.5; color: #666; margin-bottom: 10px; }
section.portfolio div p a { color: #999; text-decoration: underline; }
@media(max-width:767px) {
section.portfolio div { margin: 100px auto!important; width: 100%; }
section.portfolio div img.portfolio-img { display: block; width: 90%!important; margin: 0 auto 40px!important; }
}


/* TEST */
section.portfolio div img.test { display: block; width: 160px!important; margin: 0 auto 40px; }
section.portfolio div p.test { display: block; margin: 0 auto 40px; }



