@charset "utf-8";


html,body{ height: 100%; background: #FFFFFF; margin: 0; padding: 0; }
*{ border:none; list-style: none; text-decoration: none; }
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: normal; }
img{ vertical-align: text-bottom; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.check01{ background: #FF0000; }
.check02{ background: #00FF00; }
.check03{ background: #0000FF; }
/* リンク */
.link-motion{	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; animation: all 0.4s ease; }
.link-opacity:hover{ opacity: 0.6; }
.no-link{	opacity: 0.2; }
/* デザイン */
.shadow{ box-shadow: rgba(0,0,0,0.2) 2px 3px 10px 3px; -webkit-box-shadow: rgba(0,0,0,0.2) 2px 1px 10px 1px; -moz-box-shadow :rgba(0,0,0,0.2) 2px 1px 10px 1px; }
.flat{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* フォント */
*{ font-family: "メイリオ" , sans-serif; color: #424242; }
.mincyo{ font-family: 'Noto Serif JP', "メイリオ" , serif; color: #424242; font-weight: 700; }
::selection{ background: #BE8839; color: #FFFFFF; }
/* カラー */
.T-white{ color: #FFFFFF; }
.T-ac{ color: #BE8839; }  /* アクセントカラー */
.T-red{ color: #FF4949; }
.T-yellow { color: #FFAB00; }
.T-blue{ color: #0091EA; }
.T-green{ color: #558B2F; }
.T-out{ color: #7F7F7F; }
/* サイズ */
.T-10px{ font-size: 10px; line-height: 16px; }
.T-12px{ font-size: 12px; line-height: 18px; }
.T-14px{ font-size: 14px; line-height: 20px; }
.T-16px{ font-size: 16px; line-height: 22px; }
.T-18px{ font-size: 18px; line-height: 24px; }
.T-20px{ font-size: 20px; line-height: 26px; }
.T-22px{ font-size: 22px; line-height: 28px; }
.T-24px{ font-size: 24px; line-height: 30px; }
.T-26px{ font-size: 26px; line-height: 32px; }
.T-28px{ font-size: 28px; line-height: 34px; }
.T-30px{ font-size: 30px; line-height: 36px; }
.T-34px{ font-size: 34px; line-height: 40px; }
.T-38px{ font-size: 38px; line-height: 44px; }
/* フォントリンク */
.font-link:link,
.font-link:visited,
.font-link:active{ color: #BE8839; text-decoration: underline; } /* アクセントカラー */
.font-link:hover{ color: #F0C586; text-decoration: underline; }


/* フッター */
footer{
width: 100%;
z-index: 5;
text-align: center;
margin: 80px 0 0 0;
padding: 40px 0;
}
footer p{
z-index: 10;
}


/* Wrapper */
main{
width: 100%;
min-height: 800px;
margin: 0 auto;
}
/* Content */
section{
max-width: 1280px;
z-index: 10;
margin: 0 auto;
padding: 0 40px;
}
/* ライン */
hr{
max-width: 1200px;
z-index: 10;
border-bottom: #BE8839 1px dashed;
position: relative;
margin: 80px auto;
}
/* float */
.float-clear{
width: 100%;
height: 0;
clear: both;
}


/* 背景 */
/* ---- particles.js container ---- */
canvas{
display: block;
vertical-align: bottom;
}
#particles-js{
position: fixed;
width: 100%;
height: 100%;
background: #FFFFFF;
top: 0;
left: 0;
}
/* bg04 */
.bg04{
width: 100%;
z-index: 5;
top: 0;
left: 0;
}
.bg04 div{
max-width: 1440px;
margin: 0 auto;
}
.bg04 div img{
width: 100%;
margin: 0;
}
/* bg03 */
.bg03{
width: 100%;
z-index: 5;
display: flex;
top: 0;
left: 0;
}
.bg03 div{
width: 50%;
margin: 0;
}
.bg03 div img{
width: 100%;
display: block;
margin: 0;
}
.bg03 .right{
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
/* bg03-footer */
.bg03-footer{
width: 100%;
display: flex;
bottom: 0;
left: 0;
}
.bg03-footer div{
width: 50%;
margin: 0;
}
.bg03-footer div img{
width: 100%;
transform: scale(1, -1);
display: block;
margin: 0;
}
.bg03-footer .right{
transform: scale(-1, -1);
filter: FlipH;
-ms-filter: "FlipH";
}


/* レスポンシブ */
.pc-1000{ display: block !important; }
.sp-1000{ display: none !important; }
.pc-670{ display: block !important; }
.sp-670{ display: none !important; }

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

.pc-1000{ display: none !important; }
.sp-1000{ display: block !important; }

}


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

#particles-js{ display: none; }

.pc-670{ display: none !important; }
.sp-670{ display: block !important; }

/* ライン */
hr{
margin: 40px auto;
}

}