body {
	font-size: 16px;
	font-weight: 300;
	font-family: Noto Sans JP,sans-serif;
	font-style: normal;
	letter-spacing: normal;
	color: #333;
	background: #8AD6FF;
/*	background: #DDDDDD;*/
}

html{scroll-behavior: smooth;}

/*-----------
Layout
-----------*/
header {
	padding: 10px 36px;
	text-align: center;
}

	.logo {width: 120px;}

.warp {
	max-width:700px;
	margin:0 auto;
	padding: 24px;
	background:#FFFFFF;
	border-radius: 16px;
}

.static-page p, ul{
	line-height: 1.5;
}

footer {
	margin:32px auto;
	text-align: center;
	font-size:14px;
}

.lp_box {
	width: 100%;
}

	.lp_box_inner {
		max-width: 700px;
		margin:0 auto;
		padding: 40px 0 0;
		overflow: hidden;
	}

/* bg_colour */
.bg_white {
	background: #FFF;
}

.bg_green {
	background: #58BD00;
}

.bg_orange {
	background: #FF9500;
}

.bg_yellow {
	background: #FFDE00;
}

.bg_pink {
	background: #FFB2BD;
}

/* topic img */
.topic_img_left {
	width: 300px;
	float: left;
}

.topic_img_right {
	width: 300px;
	float: right;
}

.topic_txt_right {
	width: 380px;
	float:right;
}

.topic_txt_left {
	width: 380px;
	float:left;
}

.topic_img_size {
	width: 260px;
}

/*-----------
TItle
-----------*/
h2 {
	padding-bottom: 40px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
}

h3 {
	padding:130px 0 8px;
	font-weight:400;
	font-size:26px;
	line-height: 2em;
}

h4 {
	padding:32px 0 0;
	font-weight:bold;
	font-size:16px;
}

.title_big {
	font-weight:500;
	font-size:24px;
}

/*-----------
LINKS
-----------*/
a:link,
a:visited {
	text-decoration:underline;
	color:#FF9500;
}

/*-----------
Plus Latyout
-----------*/
h3 + p, h4 + p {
	margin: 8px 0 0;
}

/*-----------
Common
-----------*/
/* padding  */
.pdg_t_s {padding-top:8px;}
.pdg_t_m {padding-top:24px;}
.pdg_t_l {padding-top:40px;}

.pdg_b_m {padding-bottom:24px;}
.pdg_b_l {padding-bottom:40px;}

/* margin */
.mgn_b_l {margin-bottom:40px;}

/* align */
.center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

.txt_small {
	font-size:12px;
}

/*-----------
List
-----------*/
.circlelist li {
	padding-left: 20px;
	padding-bottom: 5px;
	text-indent: -15px;
}

.circlelist li:before{
	width: 10px;
    height: 10px;
    margin-right: 5px ;
	content: "";
    display: inline-block;
    background-color: #999;
    border-radius: 50%;
}

	.circlelist li:last-child {padding-bottom: 0;}

.revision li{
	padding-top: 8px;
	text-align:right;
	font-size:14px;
}

/*-----------
KV
-----------*/
.relative {
  position: relative;
}
.absolute {
  position: absolute;
  left:50%;
  transform: translate(-50%,0);
  bottom: 40px;
}

/*-----------
Q and A
-----------*/
.question {
	padding-top:22px;
	color:#FF9500;
	line-height: 1.5;
	border-top: dotted 1px #CCCCCC;
}

	.question:before {
		margin-right: 5px;
		font-size:30px;
		content: "Q";}

.answer {
	padding-bottom:24px;
}

	.answer:before {
		margin-right:5px;
		font-size:30px;
		content: "A";}

/*-----------
Media query
-----------*/
@media all and (max-width: 480px) {
	.warp {
		width:90%;
		margin:0 auto;
		padding: 16px;
		background:#FFFFFF;
		border-radius: 16px;
	}

	h3 {
		padding:0 0 8px;
		font-weight:400;
		font-size:26px;
	}

	.title_big {
		font-weight:500;
		font-size:20px;
	}

	.img_sp {
		width: 85%;
	}

	/* topic img */
	.topic_img_left {
		width: 100%;
		float: none;
		text-align: center;
	}

	.topic_img_right {
		width: 100%;
		float: none;
		text-align: center;
	}

	.topic_txt_right {
		width: 100%;
		float: none;
		text-align: center;
	}

	.topic_txt_left {
		width: 100%;
		float: none;
		text-align: center;
	}

	.topic_img_size {
		width: 60%;
	}
}