@charset "utf-8";
/* CSS Document */

.system-1{
	padding:2%;
}

.system-1 img{
	display: inline-block;
    width: 25%;
    height: auto;
    margin: 4%;
}

.system-p{
    display: inline-block;
    width: 64%;
    height: auto;
    font-size: .85rem;
    color: #333;
    vertical-align: middle;
}

.p-box{
	margin:5%;
}

.p-box2{
	margin:2% 5% 2% 5%;	
}
.p-box3{
	margin: 1% 5% 0 0;
}
.p-box4{
	margin: 1% 2.8% 0 5%;
}


.p-box-bottom{
	margin-bottom:3.5%; 
}

#maincontents h1{
	width: 100%;
    height: 50px;
    padding: 15px;
    background-color: #eeeeef;
    text-align: center;
    margin: 2.5% 0;
    font-size: 16px;
}
h3{
	padding: 4%;
}

.ex2{
 position:absolute;
 visibility:hidden;
 top:-80px;
}

.midasi:before{
	content:"● ";
}

.system-title{
	color:#6C98A3;
	font-weight:bold;
	font-size:3.6vw;
	letter-spacing: 0.5px;
	display: inline-block;
}

.hasou {
	font-weight: bold;
	margin-bottom: 1.5%;
	font-size: 1.2rem;
	letter-spacing: 0.5px;
	color: #333;
}

.setumei {
	font-size: .85rem;
	line-height: 2;
}

.underline {
	border-bottom: #ccc solid 2px;
	padding-bottom: 3%;
}

.hasou:before {
    content: "● ";
}

.hasou1-p {
	margin: 4%;
}

.hasou2-p {
	margin: 4% 4% 6%;
}



/*贈り主*/
.giver{
	color: #FF5722;
}

/*先様*/
.getter{
	color: #3F51B5;
}

/*リンク*/
.linkbutton{
	padding: 2%;
	border: 1px #ccc solid;
	border-radius: 5px;
	margin: 4% 0;
	width: auto;
	display: block;
}

.link-ct{
	background-color: #FF5722;
	padding: 3%;
	width: 80%;
	display: block;
	color: #fff;
	border-radius: 5px;
	margin: 6% auto;
	text-align: center;
}