@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');


/* ----------------------------------------- onepoint ----------------------------------------- */
.onepoint{
	background-repeat: no-repeat;
	background-image: url(images/cosmo.jpg);
	background-position: 50%;
	padding: 20px 0;
}
.onepoint h2{
	text-align:center;
	font-size: 2.5rem;
	color: #fff;
	margin-bottom: 20px;
}
.onepoint ul{
	max-width: 1170px;
	margin: auto;
	background-color: #fff;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 20px 0;
}
.onepoint ul li{
	margin-bottom: 1.2rem;
    padding: 0 20px;
}
.onepoint ul li:last-child{
	margin-bottom: 0;
}

/* ----------------------------------------- character ----------------------------------------- */
.character {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(images/character.png);
	background-position: 0 bottom;
	background-size: 60%;
	height: 700px;
	width: 100%;
}
.character .profile {
	z-index: 6;
	position: absolute;
	left:50%;
	top:200px;
	background-color: rgba(2,5,16,0.7);
	color: #fff;
	padding: 20px;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.character .profile header{
	text-align: center;
	margin-bottom: 2rem;
}
.character .profile header h3{
	font-size: 3rem;
	line-height: 3.5rem;
}
.character .profile .text{
}
.character .profile .text p{
	margin-bottom: 1.2rem;
}
.character .profile .text .message{
	font-style: oblique;
	font-family: "Stick", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 2rem;
	line-height: 1.4;
}
.character .profile .text .message p{
	margin-bottom: 3px;
}
.character .profile .text .message span{
	background-color: #fff;
	padding: 0 10px;
	color: #254678;
}
.character .profile .text p:last-child{
	margin-bottom: 0;
}


/* -------------------------------------------------------------------- pc -------------------------------------------------------------------- */
@media print, screen and (min-width: 737px) {


}

/* -------------------------------------------------------------------- sp -------------------------------------------------------------------- */

@media print, screen and (max-width: 737px) {

.character {
	background-position: center;
	background-size: 878px 595px;
	height: 595px;
}
.character .profile {
	padding: 10px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	left:auto;
	top:350px;
	margin: auto 30px;
}
.character .profile header{
	margin-bottom: 1rem;
	font-size: 0.8rem;
}
.character .profile header h3{
	font-size: 2rem;
	line-height: 2rem;
}
.character .profile .text p{
	font-size: 0.8rem;
	margin: 0;
}
.character .profile .text .message{
	margin-bottom: 1rem;
}
.character .profile .text .message p{
	font-size: 1rem;
}

.onepoint h2{
	font-size: 1.5rem;
}

.onepoint ul{
	margin: auto 20px;
    padding: 20px 0;
}
.onepoint ul li{
}

}