/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	font-family: "M PLUS Rounded 1c";
	border-top: 15px solid #000;
	border-bottom: 15px solid #000;
}
body {
	color:#000;
  background: #fff;

}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


.topbox{
	padding: 4em 0;
}
	.topbox_left img{
		width: 70%;
	}

h1{
	font-size: 6em;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
	margin-bottom: .4em;
}
h2{
	font-size: 1.5em;
	line-height: 2.5;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h3{
	font-size: 1.5em;
	line-height: 2.5;
	text-align: center;
	margin-bottom: 1.5em;
}
.topbox_left{
	text-align: center;
}
.textlink{
	text-align: center;
}
a{
	font-size: 1.5em;
	color: #999;
	text-decoration: underline;
}

.textpage{
	max-width:850px;
	margin:0 auto;
	font-size: 1.5em;
}
    /* 756px以上 */
    @media screen and (min-width: 756px) {
      .topbox{
				max-width:850px;
        display: flex;
        justify-content: space-between;
        align-items: center;
				margin:0 auto;
      }
      .topbox_left{
				width: 30%;
      }
				.topbox_left img{
					width: auto;
				}
      .topbox_right{
				width: 62%;
      }
			h1{
				font-size: 8.5em;
			}
			h2{
				font-size: 1.5em;
			}
    }
.apdl{
	text-align: center;
	margin-bottom: 4em;
}