/*-----------------------------------------------------------------
RESET
----------------------------------------------------------------- */
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,body,div,span,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-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align:middle; }

/* body {
background-image: url("tyuusenlp002.gif");
background-size:cover;
 } */

/*********************************************************************************************/
html { font-size: 62.5%; }

body {
  font-size: 1.5rem;
  font-family: '????', Meiryo,Verdana,sans-serif;
  line-height: 1.5;
}
html,body{
    height: 100%;
    max-width: 100vw;
    min-width: 100%;
}
a {
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
  outline: none;
  opacity: .7;
  transition: all .5s;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* .box1 {
  background-image: url("bg1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
} */
.box1 img {
  display: block;
  max-width: 100vw;
  width: 100%;
  height: 100%;
}
.box2 {
  background-image: url("bg2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5rem 0 25rem;
}
.box2 .ribon {
  width: 80%;
  margin: 0 auto;
  display: block;

}
.box2 p {
  background: #fff;
  border-radius: 5px;
  width: 80%;
  margin: 1rem;
  padding: 2rem;
  font-weight: bold;
}

.btnbox {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-bottom: 2rem;
}
.btnbox a {
  display: block;
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 160%;
  border-radius: 10px;
  line-height: 2.5;
  margin: 1rem auto;
}
.btn_free {
  color: #fff;
  font-weight: bold;
  background: #00ff7f;
  border: 3px solid #006400;
  text-shadow: 1px 2px #006400;
  -webkit-text-stroke: 1px #006400;
}
.btn_application {
  color: #fff;
  font-weight: bold;
  background: #ff6347;
  border: 3px solid #dc143c;
  text-shadow: 1px 2px #dc143c;
  /* -webkit-text-stroke: 1px #dc143c; */
}






/*********************************************************************************************/


 /*text*/
.right{text-align: right;}
.left{text-align: left;}
.center {text-align:center;}
.bold{font-weight: bold;}

/*layout*/
.mrg0{margin:0;}
.pad0{padding:0;}

/*margin-top*/
.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}

/*margin-right*/
.mr0 {margin-right: 0;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}

/*margin-bottom*/
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}

/*margin-left*/
.ml0 {margin-left: 0;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}

.mt1000 {margin-top: 2400px;}
.mb250{margin-bottom: 250px;}
.mt500 {margin-top: 500px;}