/* �Ҳ��LP */
#introduceCp {
	font-size: 16px;
	line-height: 1.6;
	width: 640px;
	margin: 0 auto;
	position: relative;
}

#introduceCp h1 {
	width: 640px;
	height: 480px;
	overflow: hidden;
}

#introduceCp #introduce {
	text-align: center;
	width: 90%;
    margin: auto;
}

#introduceCp #introduce img {
	display: block;
    margin: auto;
}

#introduceCp #introduce .cpDate {
	font-size: 18px;
	font-weight: bold;
	margin: 10px;
}

#introduceCp #introduce .cpDetailText {
	margin: 10px;
}

#introduceCp #introduce #whatIntroduceCp,
#introduceCp #introduce #whatIntroduceCp {
	width: 80%;
    margin: auto;
}

#introduceCp #introduce h2.title {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 24px;
    line-height: 30px;
    padding: 10px 50px;
    margin: 10px 0;
	display: inline-block;
}

#introduceCp #introduce #whatIntroduceCp span {
	display: inline-block;
    font-size: 20px;
    line-height: 1.7;
}

#introduceCp #introduce #whatIntroduceCp p {
    margin: 20px;
}

#introduceCp #introduce #introduceStep {
	padding-bottom: 20px;
}

#introduceCp #introduce #introduceStep p.step {
	font-size: 18px;
	color: red;
	font-weight: bold;
}

#introduceCp #introduce #introduceStep p:not(.step) {
	font-size: 16px;
	font-weight: bold;
	margin: 10px;
}

#introduceCp #introduce #introduceStep #url {
	padding: 15px 10px;
    width: 90%;
}

#introduceCp #url_text {
	padding: 15px 10px;
    width: 90%;
}

#introduceCp #introduce #introduceStep #copyUrl {
	display: block;
	margin: 10px auto;
    border: none;
    border-radius: 25px;
    width: 250px;
    height: 50px;
    background-color: #f0812e;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

#introduceCp #introduce #introduceStep #copyUrl.-disabled {
	background-color: #cccccc;
}

#introduceCp #introduce #introduceStep #sns_icon {
	width: 250px;
	text-align: center;
	margin: auto;
    display: flex;
}

#introduceCp #introduce #introduceStep #line_icon {
	margin-right: 10px;
}

#introduceCp #introduce #introduceStep #mail_icon {
	margin-left: 10px;
}

#introduceCp #introduce #introduceStep #triangle {
	margin: 10px auto;
    opacity: 0.3;
}

#introduceCp #cpDetail h2 {
	text-align: center;
    border: 1.5px solid #000;
    padding: 10px;
}

#introduceCp #cpDetail h3 {
	font-size: 16px;
    padding: 0.5em 0.5em 0.3em;
    background-color: #ddd;
    font-weight: normal;
}

#introduceCp #cpDetail #title p,
#introduceCp #cpDetail #date p,
#introduceCp #cpDetail #target p,
#introduceCp #cpDetail #detail ol,
#introduceCp #cpDetail #attention ul {
	padding: 10px;
}

#introduceCp #cpDetail #detail p {
	padding: 10px 10px 0 10px;
}

#introduceCp #cpDetail #detail dl {
	padding: 0 10px 10px 10px;
}

#introduceCp #cpDetail #detail dt {
	font-weight: bold;
}

#introduceCp #attention ul li.red {
	color: red;
}

#introduceCp #attention ul li::before {
	content: '¡¦';
}

/* Èï¾Ò²ð¼ÔLP */
.mt0{
	margin-top: 0;
}

#introduced {
	position: relative;
}

#introduced a.signupBtn{
	display:block;
	width:601px;
	height:81px;
	margin:20px auto 5px;
	background:url("/pc/img/start/00_entry_btn.png") no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#introduced a.signupBtn:hover{
	background:url("/pc/img/start/00_entry_btn_on.png") no-repeat;
}

#introduced #headerSection h1{
	float: left;
	width: 580px;
	height: 97px;
	background: url("/pc/img/start/01_toplogo_2018.png") no-repeat center top;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #headerSection #headerLeft{
	float: left;
	width: 210px;
	height: 97px;
	background: url("/pc/img/start/02_chance_L.png") no-repeat left top;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #headerSection #headerRight{
	float: right;
	width: 210px;
	height: 97px;
	background: url("/pc/img/start/02_chance_R.png") no-repeat right top;
	text-align: left;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #periodBox{
    width: 980px;
	margin: 40px auto 0;
}

#introduced #periodBox .periodHead{
    width: 980px;
    margin: 0 auto;
    padding: 5px 0 1px;
    font-size: 40px;
	font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    background: #2F305E;
    color: #fff;
}

#introduced #packageWrapper,
#introduced #packageWrapper4Service{
	width: 960px;
	margin: 0 auto 10px;
	padding: 10px;
	background: #fff;
	box-sizing: content-box;
}

#introduced #packageWrapper li,
#introduced #packageWrapper4Service li{
	float: left;
	width: 10%;
	text-align: center;
}

#introduced #cpDate {
	width: 960px;
    background-color: #fff;
    padding: 10px;
    margin: auto;
    text-align: center;
    box-sizing: content-box;
}

#introduced #cpDate .cpDate {
	font-weight: bold;
	margin: 10px;
}

#introduced #cpDate .cpDetailText {
	margin: 10px;
}


#introduced #headerSignupSection{
	width: 960px;
	margin: 20px auto;
}

#introduced #headerSignupSection span{
	display: block;
	float: left;
}

#introduced #headerSignupSection a{
	display: block;
	float: left;
	width: 601px;
	height: 80px;
	background: url("/pc/img/start/imasugu_btn.gif") no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #headerSignupSection a:hover{
	background: url("/pc/img/start/imasugu_btn.png") no-repeat;
}

#introduced #headerSignupSection #headerSignupLeft{
	width:181px;
	height:81px;
	background:url("/pc/img/start/LtoR.gif") no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#introduced #headerSignupSection #headerSignupRight{
	width:178px;
	height:81px;
	background:url("/pc/img/start/RtoL.gif") no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#introduced #menuBox{
	margin: 40px 0;
}

#introduced #menuBox h2{
	margin-bottom: 10px;
	height: 44px;
	padding: 0 166px;
	background: url("/pc/img/start/00_takurenlogo.png") no-repeat 10px center #192B5A;
	color: #fff;
	font-size: 24px;
	line-height: 44px;
}

#introduced #menuBox li{
	display: block;
	float: left;
	width: 253px;
}

#introduced #menuBox li:last-child{
	float: right;
	width: 240px;
}

#introduced #menuBox li a {
	box-sizing: content-box;
    background-color: #192B5A;
    border: none;
    border-radius: 15px;
    height: 70px;
    width: 230px;
    font-size: 13px;
    box-shadow: 3px 5px 5px #222222;
    color: #FFFFFE;
    display: flex;
    justify-content: center;
    align-items: center;
}

#introduced #menuBox li:hover a {
	background-color: #0B22CB;
    text-decoration: none;
}

#introduced .service h1{
	padding: 5px 8px;
	background: #192B5A;
	font-size: 24px;
	line-height: 1.5em;
	color: #fff;
}

#introduced #service01{
	margin: 40px 0;
	padding-bottom: 20px;
	background: #fff;
}

#introduced #service01 #service01Top{
	height: 170px;
	margin: 0 auto;
	background: url("/pc/img/start/20170315/12_A1_pc1.png") no-repeat right top;
}

#introduced #service01 #service01Top dl{
	display: table;
	padding: 10px 50px;
}

#introduced #service01 #service01Top dt,
#introduced #service01 #service01Top dd{
	display: table-cell;
	vertical-align: top;
}

#introduced #service01 #service01Btm{
	width: 880px;
	margin: 20px auto 0;
}

#introduced #service01 #service01Btm span{
	display: block;
	width: 638px;
	height: 87px;
	margin: 0 auto;
	background: url("/pc/img/start/20181025/12_A1_pc4.png") no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #service01 #recommendImage{
	margin-top: 15px;
	text-align: center;
}

#introduced #service02 {
	margin: 40px 0;
	padding-bottom: 20px;
	background: #fff;
}

#introduced #service02 #q2Answer{
	height: 200px;
	padding: 10px;
	box-sizing: border-box;
	background: url("/pc/img/start/1017/14_A2_cart.png") no-repeat center bottom;
}

#introduced #service02 #q2CourseText{
	padding:20px 40px;
}

#introduced #service02 .q2CourseArrow{
	text-align: center;
    margin-bottom: 30px;
}

#introduced #service02 #serviceBox{
	width:920px;
	margin:0 auto;
}

#introduced #service02 #serviceBox .serviceBorderBox {
    margin-bottom: 30px;
	border:1px solid #192B5A;
}

#introduced #service02 #serviceBox .serviceBorderBox:last-of-type {
	margin-bottom: 10px;
}

#introduced #service02 #serviceBox .serviceBorderBox .point{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
    margin: 20px auto;
	width: 880px;
}

#introduced #service02 #serviceBox .serviceBorderBox .point li {
    font-size: 22px;
    line-height: 1.2;
    height: 97px;
    padding: 15px 0 10px 135px;
    background: url(/pc/img/guide_v2/cmn/sugoi_m01.png) no-repeat center left;
    border: 1px solid #192B5A;
	box-sizing: border-box;
	width: 48%;
}

#introduced #service02 #serviceBox .serviceBorderBox .point li:nth-child(2) {
	background: url(/pc/img/guide_v2/cmn/sugoi_m02.png) no-repeat center left;
}

#introduced #service02 #serviceBox .serviceBorderBox .point li span {
    color: #F00;
    font-size: 28px;
    font-weight: bold;
}

#introduced #service02 #serviceBox > .serviceTitle h2{
	width: 230px;
}

#introduced #service02 #serviceBox div.serviceTitle{
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 8px;
	background: #192B5A;
	color: #fff;
}

#introduced #service02 #serviceBox .serviceTitle h2{
	display: table-cell;
	white-space: nowrap;
	font-size: 24px;
	line-height: 1.5em;
	vertical-align: middle;
}

#introduced #service02 #serviceBox .serviceTitle .serviceTitleCatch{
	display: table-cell;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
}

#introduced #service02 #serviceBox .serviceTitle p{
	display: inline-block;
	text-align: left;
}

#introduced #service02 #introduceBtnWrapper{
	width: 900px;
	margin: 20px auto 0;
	text-align: right;
}

#introduced #service02 #introduceBtnWrapper a{
	display: inline-block;
	width: 351px;
	height: 60px;
	background: url("/pc/img/start/21_A2_btn.png") no-repeat;
	text-align: left;
	text-indent: -10000px;
	overflow: hidden;
}

#introduced #service02 #introduceBtnWrapper a:hover{
	background: url("/pc/img/start/21_A2_btn_on.png") no-repeat;
}

#introduced #service03{
	margin: 40px 0;
	padding-bottom: 30px;
	background: #fff;
}

#introduced #service03 p {
	padding: 10px;
}

#introduced #service03 #q3Answer {
	text-align: center;
}

#introduced #service03 #q3Answer img {
	object-fit: cover;
    object-position: bottom;
}

#introduced #service04{
	margin: 40px 0;
	padding-bottom: 10px;
	background: #fff;
}

#introduced #service04 h1{
	padding: 5px 8px;
	background: #17346d;
	font-size: 18px;
	line-height: 1.5em;
	color: #fff;
}

#introduced #service04 dl{
	margin: 0 20px 20px;
}

#introduced #service04 dt{
	margin-top: 10px;
	padding: 6px 8px;
	background: #dce6f2;
	cursor: pointer;
}

#introduced #service04 dd{
	display: none;
	padding: 6px 8px 10px;
}

#introduced #service04 dd div{
	display: table;
}

#introduced #service04 dd .answerHead,
#introduced #service04 dd .answerBody{
	display: table-cell;
	vertical-align: top;
}

#introduced #service04 dd .answerHead{
	white-space: nowrap;
}

#introduced #service04 #inqiryLink{
	margin: 0 20px 10px;
	text-align: right;
}

#introduced #cpDetail{
	margin-top: 40px;
}

#introduced #cpDetail h1{
	padding: 5px 8px;
	background: #ccc;
	font-size: 18px;
	line-height: 1.5em;
}

#introduced #cpDetail table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
	line-height: 1.5em;
}

#introduced #cpDetail th,
#introduced #cpDetail td{
	border: 1px solid #ccc;
	padding: 4px 8px;
}

#introduced #cpDetail th{
	background: #f0f0f0;
	text-align: left;
	width: 22em;
	box-sizing: content-box;
}

#introduced #cpDetail li{
	padding-left: 1em;
	text-indent: -1em;
}

#introduced #twitterAnnounce {
    background: #fff;
    border-radius: 10px;
    margin: 20px auto;
    padding: 15px 20px;
    width: 520px;
	box-sizing: content-box;
}

#introduced #twitterAnnounce h1 {
    background: url('/pc/img/start/twitter/x_icon.png') left /66px auto no-repeat;
    font-size: 24px;
    letter-spacing: -0.5px;
    padding: 15px 0 15px 80px;
}

#introduced #twitterAnnounce p {
    font-size: 16px;
    text-align: center;
}

#introduced #twitterAnnounce a {
    background: url('/pc/img/start/twitter/x_btn.png') center /100% auto no-repeat;
    display: block;
    height: 0;
    margin: 10px auto 0;
    padding: 71px 0 0 0;
    text-indent: -9999px;
    width: 432px;
}

#introduced #twitterAnnounce a:hover {
    opacity: 0.7;
}

#introduced #dvdPackage,
#introduced #cdPackage,
#introduced #dvdPackage4Service,
#introduced #cdPackage4Service {
	width: 960px;
}

#introduced #dvdPackage,
#introduced #dvdPackage4Service {
	margin-bottom: 10px;
}

/* ��λɽ�� */
#campaignEndBlackout {
	position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    border-radius: 16px;
    background: rgba(0,0,0, 0.7);
    opacity: 1;
}

#campaignEndBlackout #campaignEndDialog {
	position: relative;
    width: 75%;
    top: 160px;
    margin: 0 auto;
    padding: 50px 0;
    border-radius: 12px;
    background: #fff;
    z-index: 1002;
    text-align: center;
}

#campaignEndBlackout #campaignEndDialog a {
	display: block;
	margin-top: 15px;
}


/*’ljÁ‘Ήž*/

#dvdPackage li,
#dvdPackage4Service li{
	position: relative;
	width: 90px;
	height:126px;
}

#cdPackage li,
#cdPackage4Service li{
	position: relative;
	width: 90px;
	height: 90px;
}

#dvdPackage .discImageBox,
#cdPackage .discImageBox,
#dvdPackage4Service .discImageBox,
#cdPackage4Service .discImageBox {
    width: 90px;
    height: 100%;
    background: url(/cmn/img/cd/icon_2.png) bottom no-repeat;
    background-size: contain;
    display: block;
    padding: 0;
}

#dvdPackage .discImageBox,
#dvdPackage4Service .discImageBox{
    background: url(/cmn/img/dvd/icon_2.png) bottom no-repeat;
    background-size: contain;
    display: block;
}

#dvdPackage .discImageUpper span,
#cdPackage .discImageUpper span,
#dvdPackage4Service .discImageUpper span,
#cdPackage4Service .discImageUpper span{
    margin: 8px 5px 0;
    font-size: 10px;
    line-height: 15px;
}

#dvdPackage .discImageLower,
#cdPackage .discImageLower,
#dvdPackage4Service .discImageLower,
#cdPackage4Service .discImageLower {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

#dvdPackage .discImageLower span,
#cdPackage .discImageLower span,
#dvdPackage4Service .discImageLower span,
#cdPackage4Service .discImageLower span {
	font-size:10px;
	line-height:15px;
	text-align: center;
}

.discImageUpper span{
	display:block;
	height: 1.5em;
	padding:2px 5px;
	box-sizing:border-box;
	text-align:center;
	background:#6e6e6e;
	color:#fff;
	overflow: hidden;
}

.discImageLower span{
	display:inline-block;
	height:3em;
	margin:0 8px;
	box-sizing:border-box;
	text-align:left;
	color:#333;
	overflow:hidden;
}

#introduced #packageWrapper li, #introduced #packageWrapper4Service li {
    position: relative;
}