@charset "utf-8";

@font-face {
    font-family: "rounded-x-mplus-1c-regular";
    src: url("../fonts/rounded-x-mplus-1c-regular.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-bold";
    src: url("../fonts/rounded-x-mplus-1c-bold.ttf") format("truetype");
    font-style: normal;
}
/***基本設定**********************************************START***/
html{
	font-size: 62.5%;
	margin:0px;
	padding:0px;
}
body{
	/*標準（デフォルト）*/
	font-family: "rounded-x-mplus-1c-regular" !important;
	font-size: 1.0rem;
	
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
	max-width:640px;
	width:100%;
	height:auto;
}
a {
	text-decoration:none;
}
.font-bold{
	font-family: "rounded-x-mplus-1c-bold" !important;
	font-size: 1.0rem;
}

.line_box{
	position: relative;
	max-width:560px;
	width:94%;
	text-align:center;
	margin-top: 1.0rem;
	padding: 1.0rem 2.0rem;
	border: 2px solid #43cedd;
}
.line_box .caption{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.5rem;
	padding: 0% 1%;
	margin: 0;
	background-color: #43cedd;
	color:#ffffff;
	transform: translateY(-50%) translateX(15%);
}
.btn{
	width:100%;
	box-sizing:border-box;
	padding:3% 0%;
	background-color:#43cedd;
	color:#ffffff;
}

/***************************************
/* STRUCTURE */
/**************************************/
/*テーブル組み用*/
.table_box{
	display:table;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	vertical-align:middle;
}
.table_item{
	display:table-cell;
	max-width:800px;
	width:50%;
	box-sizing:border-box;
	vertical-align:middle;
}