@charset "UTF-8";

html {
  font-size: 10px; /* font-size 1em = 10px on default browser settings */
}

*{
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"Noto Sans JP", '游ゴシック  Medium', meiryo, sans-serif;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:200;
}

a{
    color: #0070c9;
    text-decoration:none;
    cursor: pointer;
}
a:hover{/*opacity:0.8;*/}


p{ color:#111111; }
img{ max-width:100%; }

/* tap-highlight-color
------------------------------*/
img{ -webkit-tap-highlight-color:transparent; }
a,a img{ -webkit-tap-highlight-color:rgba(0, 160, 233, 0.4); }

/*
共通コンポーネント
***********************/
.center{text-align:center;}
.no-border{border:none !important;}
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}

.flex-center{
display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
}
/*
variable
------------------------------*/
:root,* {
    --weibo-svg    : url('data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+d2VpYm88L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTc1LjMzLDM0LjM3QTUuMzgsNS4zOCwwLDAsMCw3MCwzMi42MWEzLDMsMCwwLDEtMi4yNy0uNDEsMi41NywyLjU3LDAsMCwxLTEuMjUtMS44NiwyLjksMi45LDAsMCwxLC40LTIuMjQsMi44NCwyLjg0LDAsMCwxLDEuODYtMS4yOCwxMS41LDExLjUsMCwwLDEsNiwuMjgsMTEuMjQsMTEuMjQsMCwwLDEsNS4wOCwzLjI5LDExLjUxLDExLjUxLDAsMCwxLDIuNzQsNS40NiwxMS4xMywxMS4xMywwLDAsMS0uMzMsNS45MSwyLjk0LDIuOTQsMCwwLDEtMS40OCwxLjcxLDIuODcsMi44NywwLDAsMS0yLjI0LjIsMi45NCwyLjk0LDAsMCwxLTEuNzEtMS40OCwyLjg3LDIuODcsMCwwLDEtLjItMi4yNEE1LjM0LDUuMzQsMCwwLDAsNzUuMzMsMzQuMzdaTTkzLjg0LDQ1LjUzYTMuMzUsMy4zNSwwLDAsMS0xLjcxLDIsMy4yMSwzLjIxLDAsMCwxLTIuNjEuMjEsMy40MiwzLjQyLDAsMCwxLTItMS43MSwzLjM3LDMuMzcsMCwwLDEtLjI2LTIuNjIsMTYuODQsMTYuODQsMCwwLDAtMy41Mi0xNi42QTE2LjM3LDE2LjM3LDAsMCwwLDc2LjI5LDIyYTE3LjMsMTcuMywwLDAsMC04LjcxLS40MywzLjQ3LDMuNDcsMCwwLDEtNC4xMi0yLjY3LDMuMjksMy4yOSwwLDAsMSwuNDgtMi41OSwzLjM1LDMuMzUsMCwwLDEsMi4xOS0xLjQ4LDI0LDI0LDAsMCwxLDEyLjI3LjU4LDIzLDIzLDAsMCwxLDEwLjQ2LDYuNzYsMjMuMjMsMjMuMjMsMCwwLDEsNS42NiwxMS4xOUEyMywyMywwLDAsMSw5My44NCw0NS41M1pNODEuNjIsNjguOGEyNC44NCwyNC44NCwwLDAsMS01LjQ5LDYuODksNDEuODUsNDEuODUsMCwwLDEtOC40Nyw1LjkxLDQ2Ljg1LDQ2Ljg1LDAsMCwxLTExLjM3LDQuMTcsNTguMTgsNTguMTgsMCwwLDEtMTMuNjEsMS41Niw1Nyw1NywwLDAsMS0xMy44My0xLjY4QTQ5LjE2LDQ5LjE2LDAsMCwxLDE2Ljc2LDgxYTI1LjksMjUuOSwwLDAsMS04LjYzLTcuNTksMTcsMTcsMCwwLDEtMy4yNy0xMEEyNi4xNSwyNi4xNSwwLDAsMSw4LjM2LDUxYTU1LjgyLDU1LjgyLDAsMCwxLDkuOTMtMTNxOC41MS04LjUxLDE3LjE4LTExLjg3dDEyLjQuMzVxMy4yNywzLjIxLDEsMTAuNTFhMS41NSwxLjU1LDAsMCwwLDAsMSwuNjIuNjIsMCwwLDAsLjUxLjM1LDIsMiwwLDAsMCwuNzMsMCw1LDUsMCwwLDAsLjY3LS4xN2wuMzEtLjFhMzIuMjYsMzIuMjYsMCwwLDEsMTIuMzctM2MzLjU5LDAsNi4xNSwxLDcuNywzLjA3czEuNSw1LjA5LDAsOWE2LjQ5LDYuNDksMCwwLDEtLjIzLDEsLjUyLjUyLDAsMCwwLC4yMy42MywyLjMyLDIuMzIsMCwwLDAsLjYuMzdsLjg2LjMxYTIyLDIyLDAsMCwxLDUuMTcsMi4zNiwxMy4xNiwxMy4xNiwwLDAsMSw0LDQuMSwxMC41NywxMC41NywwLDAsMSwxLjcxLDUuODZBMTUuMjQsMTUuMjQsMCwwLDEsODEuNjIsNjguOFpNNjMuNTEsNTNBMjQuNzgsMjQuNzgsMCwwLDAsNTMsNDcuNTRhMzguMzEsMzguMzEsMCwwLDAtMTMuOC0xUTI4LDQ3LjY1LDIwLjYzLDUzLjYxVDE0LDY2LjkxYTEzLjE2LDEzLjE2LDAsMCwwLDQuNDgsOC41NUEyNC42NywyNC42NywwLDAsMCwyOC45Myw4MWEzOC4zNSwzOC4zNSwwLDAsMCwxMy44MSwxUTU0LDgwLjg1LDYxLjMyLDc0Ljg5VDY4LDYxLjU4QTEzLjExLDEzLjExLDAsMCwwLDYzLjUxLDUzWk01Mi4zLDY5LjYzYTE0LjQxLDE0LjQxLDAsMCwxLTcuOTUsNy41NCwxNS42OCwxNS42OCwwLDAsMS0xMS4yNy42MSwxMS4zOSwxMS4zOSwwLDAsMS03LjQyLTYuMzdBMTAuNjYsMTAuNjYsMCwwLDEsMjYsNjJhMTQuODUsMTQuODUsMCwwLDEsNy42Mi03QTE1LjkzLDE1LjkzLDAsMCwxLDQ0LjIsNTRhMTEuOTIsMTEuOTIsMCwwLDEsOCw2QTEwLjQ2LDEwLjQ2LDAsMCwxLDUyLjMsNjkuNjNaTTQyLjg0LDYyYTIsMiwwLDAsMC0xLjQ0LDAsMiwyLDAsMCwwLTEuMDguOTNjLS41NywxLS4zNSwxLjc5LjY2LDIuMjZhMi4xLDIuMSwwLDAsMCwxLjQ2LDAsMiwyLDAsMCwwLDEuMS0uOTQsMS41MSwxLjUxLDAsMCwwLC4xOC0xLjMzQTEuNDUsMS40NSwwLDAsMCw0Mi44NCw2MlpNMzcuMSw2NC4zNWE1LjA5LDUuMDksMCwwLDAtMy42NywwLDUuNSw1LjUsMCwwLDAtMywyLjMxLDQuMjEsNC4yMSwwLDAsMC0uNjUsMy40NCwzLjczLDMuNzMsMCwwLDAsMi4xNiwyLjU0LDQuODksNC44OSwwLDAsMCwzLjc1LjEzLDUuNzUsNS43NSwwLDAsMCwzLjE0LTIuMzksNC4xOCw0LjE4LDAsMCwwLC41Ni0zLjQ3QTMuNzYsMy43NiwwLDAsMCwzNy4xLDY0LjM1WiIvPjwvc3ZnPg==');
    --facebook-svg : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+ZmFjZWJvb2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg5LDguNjdIMTIuNGE0LDQsMCwwLDAtNC4xNCwzLjcyVjg5LjI4QTQsNCwwLDAsMCwxMi40LDkzSDUzLjI4VjU3SDQ1LjE0VjQzaDguMTRWMzMuOWMwLTYuOCw1LjczLTEzLDE0LjU5LTEzSDgxLjIxdjE0SDcyLjA2Yy0xLjc3LDAtMi40OS4yNS0yLjQ5LDIuMTF2Nkg4MC4zOGwtLjg2LDE0aC0xMFY5M0g4OWEzLjU3LDMuNTcsMCwwLDAsMy41OS0zLjcyVjEyLjM5QTMuNTYsMy41NiwwLDAsMCw4OSw4LjY3WiIvPjwvc3ZnPg==);
    --twitter-svg  : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+dHdpdHRlcjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODcuMTUsMzEuODNjMCwuMjgsMCwuNTcsMCwuODVzMCwuNzUsMCwxLjEyYy0uMzksOS4zNC0zLjU2LDMyLjIzLTI0LjI1LDQ2LTkuMTEsNi4wNy0xOS41MSw3LjQtMjcuNDgsNy41N2E0OS42OSw0OS42OSwwLDAsMS0yOC45NS04LjNjMTAuMTQuNzgsMTguMDUtMS44OCwyNi44My03LjY0LTEzLjYyLS43My0xNy4zOS0xMy4yNi0xNy4zOS0xMy4yNmEyMi4yNiwyMi4yNiwwLDAsMCw3LjY1LDBDOSw1NC4xNiw5LDM5LjkzLDksMzkuOTNhNjUuMTUsNjUuMTUsMCwwLDAsOC43NywyLjVjLTEzLjUxLTEwLjc0LTYtMjQuNjMtNi0yNC42M0MyMS42NSwyOC44NywzMy4wNSwzNS4wOSw0OS45MSwzN0ExOC44NywxOC44NywwLDAsMSw4MiwxOS42N2M3LjMyLTEuMzQsMTEuMjctNC41MiwxMS4yNy00LjUyQTE3Ljg5LDE3Ljg5LDAsMCwxLDg1LjksMjUuNTRhMjUuMzUsMjUuMzUsMCwwLDAsOS42LTIuNjNBMTcuODIsMTcuODIsMCwwLDEsODcuMTUsMzEuODNaIi8+PC9zdmc+);
    --insta-svg    : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aW5zdGFncmFtPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MS4zMiwxMy44OGMxMC4xNiwwLDExLjQzLDAsMTUuNDIuMjNhMjcuNTcsMjcuNTcsMCwwLDEsOS4wOCwxLjczLDE4LjQ3LDE4LjQ3LDAsMCwxLDYuNjIsNC4zMiwxOC4yMiwxOC4yMiwwLDAsMSw0LjMxLDYuNjIsMjcuMjksMjcuMjksMCwwLDEsMS43NCw5LjA4Yy4xOCw0LC4yMyw1LjI2LjIzLDE1LjQxczAsMTEuNDMtLjIzLDE1LjQyYTI3LjI5LDI3LjI5LDAsMCwxLTEuNzQsOS4wOEExOS4xLDE5LjEsMCwwLDEsNzUuODIsODYuN2EyNy4yOSwyNy4yOSwwLDAsMS05LjA4LDEuNzRjLTQsLjE4LTUuMjYuMjMtMTUuNDIuMjNzLTExLjQzLDAtMTUuNDItLjIzYTI3LjIyLDI3LjIyLDAsMCwxLTkuMDctMS43NCwxOC4xNCwxOC4xNCwwLDAsMS02LjYyLTQuMzEsMTguMzgsMTguMzgsMCwwLDEtNC4zMi02LjYyLDI3LjgsMjcuOCwwLDAsMS0xLjc0LTkuMDhjLS4xOC00LS4yMi01LjI2LS4yMi0xNS40MnMwLTExLjQyLjIyLTE1LjQxYTI3LjgsMjcuOCwwLDAsMSwxLjc0LTkuMDhBMTkuMjEsMTkuMjEsMCwwLDEsMjYuODMsMTUuODRhMjcuNSwyNy41LDAsMCwxLDkuMDctMS43M2M0LS4xOSw1LjI3LS4yMywxNS40Mi0uMjNabTAsNi43NGMtMTAsMC0xMS4xNywwLTE1LjExLjIyYTIwLjY1LDIwLjY1LDAsMCwwLTYuOTQsMS4yOCwxMi40MSwxMi40MSwwLDAsMC03LjEsNy4xLDIwLjg1LDIwLjg1LDAsMCwwLTEuMjksNi45NGMtLjE4LDQtLjIxLDUuMTMtLjIxLDE1LjExczAsMTEuMTcuMjEsMTUuMTFhMjAuODYsMjAuODYsMCwwLDAsMS4yOSw3LDExLjY1LDExLjY1LDAsMCwwLDIuOCw0LjMsMTEuNDMsMTEuNDMsMCwwLDAsNC4zLDIuNzksMjAuNTksMjAuNTksMCwwLDAsNi45NCwxLjI5YzMuOTQuMTgsNS4xMy4yMiwxNS4xMS4yMnMxMS4xNywwLDE1LjExLS4yMmEyMC42LDIwLjYsMCwwLDAsNi45NS0xLjI5LDExLjM5LDExLjM5LDAsMCwwLDQuMjktMi43OSwxMS42NSwxMS42NSwwLDAsMCwyLjgtNC4zLDIwLjg2LDIwLjg2LDAsMCwwLDEuMjktN2MuMTgtMy45NC4yMi01LjEyLjIyLTE1LjExczAtMTEuMTYtLjIyLTE1LjExYTIwLjg1LDIwLjg1LDAsMCwwLTEuMjktNi45NCwxMS42NSwxMS42NSwwLDAsMC0yLjgtNC4zLDExLjUzLDExLjUzLDAsMCwwLTQuMjktMi44LDIwLjY3LDIwLjY3LDAsMCwwLTYuOTUtMS4yOGMtMy45NC0uMTgtNS4xMi0uMjItMTUuMTEtLjIyWm0wLDExLjQ1YTE5LjIxLDE5LjIxLDAsMSwxLTE5LjIsMTkuMiwxOS4yLDE5LjIsMCwwLDEsMTkuMi0xOS4yWm0wLDMxLjY3QTEyLjQ3LDEyLjQ3LDAsMSwwLDM4Ljg2LDUxLjI3LDEyLjQ3LDEyLjQ3LDAsMCwwLDUxLjMyLDYzLjc0Wk03NS43NywzMS4zMWE0LjQ5LDQuNDksMCwxLDEtNC40OS00LjQ4LDQuNDksNC40OSwwLDAsMSw0LjQ5LDQuNDhaIi8+PC9zdmc+);
    --wechat-svg   : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+d2VjaGF0PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NS42OCw1NGEyLjU0LDIuNTQsMCwxLDAsMi41NCwyLjY1QTIuNTgsMi41OCwwLDAsMCw1NS42OCw1NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw0MC41YTMsMywwLDEsMC0uMDgtNi4wOSwzLjE0LDMuMTQsMCwwLDAtMy4wNywzLjA5QTMuMDcsMy4wNywwLDAsMCw1MCw0MC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjUzLDM0LjQxYTMsMywwLDEsMC0uMTksNi4wOCwzLjEsMy4xLDAsMCwwLDMuMjEtMi45NEEzLjE0LDMuMTQsMCwwLDAsMzAuNTMsMzQuNDFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzEuNSw1NEEyLjU0LDIuNTQsMCwwLDAsNjksNTYuMzhhMi41LDIuNSwwLDEsMCw1LC4yMkEyLjUzLDIuNTMsMCwwLDAsNzEuNSw1NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MC4xNyw4LjgzSDIxLjA2QTEyLjY2LDEyLjY2LDAsMCwwLDguNCwyMS41VjgwLjZBMTIuNjYsMTIuNjYsMCwwLDAsMjEuMDYsOTMuMjdIODAuMTdBMTIuNjYsMTIuNjYsMCwwLDAsOTIuODMsODAuNlYyMS41QTEyLjY2LDEyLjY2LDAsMCwwLDgwLjE3LDguODNaTTMzLjM2LDY0LjE3YTQuNzQsNC43NCwwLDAsMC0yLjU2LjQzYy0yLjM3LDEuMzQtNC42NCwyLjg1LTcuMzMsNC41My40OS0yLjIzLjgxLTQuMTksMS4zOC02LjA3QTIuMzEsMi4zMSwwLDAsMCwyMy44LDYwYy04LjE4LTUuNzgtMTEuNjMtMTQuNDItOS0yMy4zMkMxNy4xNCwyOC40NiwyMywyMy40NiwzMSwyMC44NmMxMC44Ny0zLjU1LDIzLjA5LjA3LDI5LjcsOC43YTIwLjI5LDIwLjI5LDAsMCwxLDQuMjQsMTAuNzZjLTYuODEuMzYtMTIuNzQsMi40Mi0xNy41NSw3LjA5YTIwLjg1LDIwLjg1LDAsMCwwLTYuNDcsMTcuNjZDMzguMjIsNjQuNzQsMzUuOCw2NC4zOCwzMy4zNiw2NC4xN1ptNDgsMTEuMThjLTIuMSwxLjg3LTIuODYsMy40LTEuNTEsNS44NmE2LjY4LDYuNjgsMCwwLDEsLjQyLDEuNmMtMi4xNS0xLTQuMTMtMi40LTYuMjQtMi42MnMtNC4zMSwxLTYuNSwxLjIxYTIxLjcyLDIxLjcyLDAsMCwxLTE3LjYzLTUuNzVjLTkuNC04LjY5LTguMDYtMjIsMi44Mi0yOS4xNSw5LjY2LTYuMzMsMjMuODQtNC4yMiwzMC42NSw0LjU3Qzg5LjI3LDU4LjczLDg4LjU3LDY4LjkxLDgxLjMxLDc1LjM1WiIvPjwvc3ZnPg==);
}

br.br480{ display:none; }@media(max-width:480px){ br.br480{ display:block;} }
br.br640{ display:none; }@media(max-width:640px){ br.br640{ display:block;} }
br.br768{ display:none; }@media(max-width:767px){ br.br768{ display:block;} }
br.br800{ display:none; }@media(max-width:799px){ br.br800{ display:block;} }
br.br900{ display:none; }@media(max-width:899px){ br.br900{ display:block;} }
br.br1000{ display:none; }@media(max-width:999px){ br.br1000{ display:block;} }
br.br1024{ display:none; }@media(max-width:1023px){ br.br1024{ display:block;} }


/* 背景グラデーションアニメーション */
.grad-bg {
    background: linear-gradient(-38deg, #cc99ff, #5266ff,  #23A6D5, #23D5AB);
    background-size: 400% 400%;
    animation: Gradient 5s ease infinite;
}

@keyframes Gradient {
    0% {   background-position: 0% 50%   }
    50% {  background-position: 100% 50% }
    100% { background-position: 0% 50%   }
}