@charset 'UTF-8';
body.pc,
body.tablet {
	background: #000000 url(/applause/wss/learn_more/shared/images/bg.jpg) top center no-repeat;
}

.section {
	padding: 48px 0 0;
}

body.sp #headerPosition+.section {
	padding: 0;
	background: #000000 url(/applause/wss/learn_more/shared/images/s/bg.jpg) top center no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

.twoColumnsType .section:first-child {
	padding-top: 0;
}

body.pc .section .pageTitle,
body.tablet .section .pageTitle {
	margin-bottom: 135px;
}

body.sp .section .pageTitle {
	width: 23.6%;
	padding: 3% 0 0;
	margin: 0 auto 15%;
	background: transparent;
}

body.sp .section h1 img {
	width: 100%;
}

body.sp .section p {
	width: 100%;
}
body.sp .section .lead {
	width: 100%;
        background: #000;
}

body.pc .title4,
body.tablet .title4{
	margin-bottom: 20px;
	font-size:16px;
	color: #ffeb67;
	font-weight: bold;
	text-align: left;
}

body.sp .title4{
	margin-top: 1em;
	color: #ffeb67;
	font-weight: bold;
	text-align: left;
	font-size:16px;
}

.threeColumnsType2,
body.sp .threeColumnsType2 {
	margin: 75px auto;
}

.introBox {
	margin-top: 48px;
	margin-bottom: 29px;
	padding: 5px 10px;
	color: #000000;
	background: rgba(255,255,255,.7);
}

body.sp .introBox p {
	background: transparent;
	font-size: 115%;
}
.twoColumnsType img ,
body.sp .twoColumnsType img {
    border: 1px solid #50565c;
}
h4.question{
    font-size: 1.36em;
    color: #c1cdfc!important;
    line-height: 1.6!important;
    margin-bottom:15px;
}
h3.subtitle{
   font-size: 1.6em;
   color: #8ea1f8;
}