@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------*/
.mainContent .trialImage{
    margin: 24px 0 40px;
    width: 100%;
    height: 198px;
    background: url("../images/top/top_trial_text.png") 50% 0 no-repeat;
}

.mainContent .frame{
    margin-top: 40px;
    padding: 16px;
    background: url("../images/top/top_trial_slash.png");
}
.mainContent .frame > div{
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF;
}
.mainContent .frame p{
    margin: 0;
    padding-bottom: 1em;
    text-align: center;
}
.mainContent .frame .caution{
    padding-bottom: 0;
    font-size: 13px;
    text-align: justify;
}
.mainContent .frame .caution span{
    margin: 0;
    color: #00B900;
    font-weight: 600;
}
.mainContent .frame .linkButtonLine{
    margin-top: 24px;
}

/* ---- embedded responsive media ---- */
div.responsive {
	width: 84vw;
	height: calc(84vw * 0.5625);
	max-width: 640px;
	max-height: 360px;
	margin: 20px auto 40px;
	text-align: center;
}

div.responsive iframe {
	width: 100%;
	height: 100%;
}