@charset "UTF-8";

/*------------------
frame
-------------------*/
#contentArea {
    width:1000px;
    margin: 0 auto;
}
#contentArea div,
#contentArea h2,
#contentArea h3,
#contentArea img,
#contentArea p {
margin:0;
padding:0;
}
#contentArea #aboutBlock,
#contentArea #exampleBlock,
#contentArea #blandBlock,
#contentArea #how_to_use,
#contentArea #informationBlock,
#contentArea #download{
border-top:#d8d8d8 solid 1px;
margin-top:60px;
}
#contentArea .w800 {
width:800px;
margin:0 auto;
}

#contentArea img {
line-height: 0;}


/* float */
#contentArea .floatleft {
float:left;
}
/* clearfix */
.clearfix {zoom:1;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*------------------
heading
-------------------*/
#contentArea h3,
#contentArea h4 {
color:#0060b0;
text-align:center;
}

#contentArea h3 {
font-size:32px;
margin:60px 0;
}

#contentArea .mainVisual {
height:370px;
}

#contentArea .mainVisual img{
line-height:0;
}

#contentArea .bnrBlock01{
margin-top:0;
position:relative;
width:1000px;
height:62px;
}
#contentArea .bnrBtn01 {
position:absolute;
width:152px;
height:40px;
bottom:11px;
right:98px;
}

/*download*/
#contentArea .downloadBlock {
position:relative;
width:1000px;
height:339px;
}
#contentArea .downloadBlock .app {
position:absolute;
bottom:24px;
right:378px;
}
#contentArea .downloadBlock .google {
position:absolute;
bottom:24px;
right:134px;
}

/*dotline*/
#contentArea .dot {
font-size: 28px;
display: flex;
align-items: center;
}
#contentArea .dot:before, #contentArea .dot:after {
content: "";
flex-grow: 1;
border-top: 2px dotted #77aad4;
display: block;
}
#contentArea .dot:before {
margin-right: .4em;
}
#contentArea .dot:after {
margin-left: .4em;
}

/*balloon*/
#contentArea #aboutBlock .balloon{
width:800px;
height:92px;
background:url(../img/balloon_img01.png) no-repeat;
}
#contentArea #aboutBlock .balloon p{
text-align:center;
font-size:20px;
padding-top:13px;
}

/*case1~3*/
#contentArea #exampleBlock .caseBlock {
margin-right:20px;
float:left;
width:296px;
}
#contentArea #exampleBlock .case{
width:296px;
height:173px;
box-sizing:border-box;
padding:55px 20px;
font-size:16px;
background:url(../img/sec3_img01.png) no-repeat bottom center;
position:relative;
	box-sizing:border-box;
}

#contentArea #exampleBlock .caseHeading {
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:80px;
	width:136px;
	height:38px;
	background:url(../img/sec3_img02.png) no-repeat;
	text-align:center;
	color:#fefefe;
	font-size:20px;
	padding:5px;

}

#contentArea #exampleBlock .underCase {
width:296px;
color:#0060b0;
font-size:18px;
text-align:center;
padding-top:65px;
background:url(../img/arrow01.png) no-repeat center 20px;
}
#contentArea #exampleBlock .underCase p {
padding-bottom:20px;
}

/*how_to_use*/
#contentArea #how_to_use #how_to_useInner{
width:934px;
margin:0 auto;
}
#contentArea #how_to_use .how_to_block01{
width:278px;
height:370px;
box-sizing:border-box;
border:#cccccc solid 1px;
padding:17px;
}
#contentArea #how_to_use .how_to_block01 .how_to_heading {
color:#0060b0;
font-size:18px;
text-align:center;
padding:10px 0;
}
#contentArea #how_to_use .how_to_block01 p {
color:#4c4c4c;
font-size:16px;
}
#contentArea #how_to_use .caution {
color:#4c4c4c;
font-size:12px !important;
line-height:22px;
}
#contentArea #how_to_use .rightArrow01 {
padding-right:50px;
background:url(../img/arrow2.jpg) no-repeat right 12px center;
}

/*informationBlock*/
#contentArea #informationBlock .informationBlockInner {
width:860px;
margin:0 auto;
}
#contentArea #informationBlock a{
box-sizing:border-box;
width:400px;
height:80px;
display:inline-block;
background:url(../img/sec5_btn01.png) no-repeat;
text-decoration:none;
font-size:18px;
text-align:center;
padding-top:25px;
}

/*General purpose*/
#contentArea .txcenter {text-align:center;}
#contentArea .txright { text-align:right;}
#contentArea .mt10 { margin-top:10px !important;}
#contentArea .mt20 { margin-top:20px !important;}
#contentArea .mt30 { margin-top:30px !important;}
#contentArea .mt40 { margin-top:40px !important;}
#contentArea .mt50 { margin-top:50px !important;}
#contentArea .mt60 { margin-top:60px !important;}
#contentArea .mr0 { margin-right:0 !important;}
#contentArea .mr40 { margin-right:40px !important;}
#contentArea .mr60 { margin-right:60px !important;}

/*Add_181003*/
.sup01 {font-size: 60%;
vertical-align: top;
position: relative;
top: -0.1em;}
.fs195 {font-size:19.5px !important;}

/*Add?190808*/
#contentArea #aboutBlock{
border-top:none;
margin-top:0;
}
#aboutBlock .pointBlock01 .pointNo01 {
	width: 150px;
	margin:0 auto 40px;
	text-align: center;
	padding:0 0 5px 0;
	border-bottom:dotted 4px #212121;
	font-size:26px;
	color:#0060b0;
	font-weight: bold;
}
#aboutBlock .pointBlock01 .txtBlock01 {
	font-size:25px;
	text-align: center;
	margin-bottom: 40px;
}
#aboutBlock .pointBlock01 .caution01{
	font-size:12px;
}
#aboutBlock .pointBlock01 .cautionBlock01 {
	margin-top: 40px;
}
#aboutBlock .pointBlock01 .cautionBlock01 p,
#aboutBlock .pointBlock01 .cautionBlock01 li{
	font-size:14px;
	line-height: 1.85;
}
.fbold{
	font-weight: bold;
}

#contentArea .downloadBlock01 {
position:relative;
width:1000px;
height:141px;
background:#b8cb3a;
border-bottom: #FFF solid 1px;
}
#contentArea .downloadBlock01 .downloadImg01{
	text-align: center;
	padding-top: 18px;
}
#contentArea .downloadBlock01 .qrBrock01{
	text-align: center;
	padding-top: 15px;
}
#contentArea .downloadBlock01 .qrBrock01 img{
	margin-right: 5px;
}
#contentArea .downloadBlock02 {
position:relative;
width:1000px;
height:402px;
}
#contentArea .downloadBlock02 .downloadImg01{
	text-align: center;
	padding-bottom: 15px;
}
#contentArea .downloadBlock02 .qrBrock01{
	position:absolute;
	bottom:18px;
	left:395px;
	text-align: center;
	padding-top: 15px;
}
#contentArea .downloadBlock02 .qrBrock01 img{
	margin-right: 5px;
}