@charset "utf-8";
/*===============================================
 *	初めての方へ
===============================================*/
#beginner .comparison-frame {margin: 0 auto;}
@media screen and (max-width: 568px) {
#beginner {margin: 0;}
#beginner .comparison-frame {background: none;}
}
/*-----------------------------------------------
 *	導入文
-----------------------------------------------*/
#beginner .layer-item{margin: 0 0 100px;}
#beginner .layer-contents {width: 56%;}
@media screen and (max-width: 1024px) {
#beginner .layer-contents {width: 50%;}
}
@media screen and (max-width: 568px) {
#beginner .layer-item {margin: 0 0 60px;}
#beginner .layer-contents {width: 100%;}
}
/*-----------------------------------------------
 *	メリット・デメリットのTable
-----------------------------------------------*/
#beginner table.merit-tbl {margin-bottom: 40px;}
#beginner table.comparison-tbl {margin-bottom: 40px;}
#beginner table.merit-tbl tr:first-child th:nth-child(2) {background: #62b33e;}
#beginner table.merit-tbl tr:first-child th:nth-child(3) {background: #cf8739;}
#beginner .nm-sub_ttl{border-radius: 6px;margin: 0 0 30px;}
@media screen and (max-width: 568px) {
#beginner .nm-sub_ttl{border-radius: 0;}
#beginner table.merit-tbl td:nth-child(even)::before {color: #62b33e;}
#beginner table.merit-tbl td:nth-child(odd)::before {color: #cf8739;}
}
/*-----------------------------------------------
 *	コンテンツ
-----------------------------------------------*/
#beginner .abundant-detail {padding: 0;}
.summary-minkan{background: #f9f3ec;border:#cf8739 6px solid;border-radius: 6px;padding: 30px;}
.summary-ihin{background: #f8f5ff;border:#623ead 6px solid;border-radius: 6px;padding: 30px;}
.summary-minkan img,
.summary-ihin img{float: left;margin: 0 1em 0 0;width: 160px;}
.summary-minkan p,
.summary-ihin p{font-size: 34px;font-weight: bold;}
.summary-minkan p span{color: #cf8739;}
.summary-ihin p span{color: #623ead;}
@media screen and (max-width: 1024px) {
.summary-minkan p,
.summary-ihin p{font-size: 31px;}
}
@media screen and (max-width: 960px) {
.summary-minkan p,
.summary-ihin p {font-size: 28px;}
}
@media screen and (max-width: 568px) {
#beginner .abundant-detail {padding: 0 4%;}
#beginner .vertical-contents dt{font-size: 22px;}
.summary-minkan {border: #cf8739 4px solid;padding: 15px;margin: 0 4%;}
.summary-ihin{border:#623ead 4px solid;padding: 15px;margin: 0 4%;}
.summary-minkan img,
.summary-ihin img {margin: 0 .75em 0 0;width: 80px;}
.summary-minkan p,
.summary-ihin p {font-size: 22px;}
}
/*-----------------------------------------------
 *	特徴
-----------------------------------------------*/
#beginner .primary-frame{background: #fff;border:var(--site-primary) 4px solid;border-radius: 6px;max-width: 1120px;margin: 0 auto;padding: 40px 40px 0;width: 100%;}

@media screen and (max-width: 1024px) {
#beginner .primary-frame {width: 92%;}
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 568px) {
#beginner .primary-frame {padding: 20px 20px 0;width: 92%;}
#beginner .primary-frame .abundant-detail {padding: 0;}
}
/*-----------------------------------------------
 *	悪徳
-----------------------------------------------*/
#beginner #vice .layer-item{margin: 0 0 20px;}
#beginner #vice .layer-contents {width: 52%;}
#beginner .top-vice_contents{margin: 0 auto;}
#beginner #vice .band-detail_list {margin: 0 auto 8%;}
#beginner #vice .association-contents{margin: 0;}
@media screen and (max-width: 1024px) {
#beginner #vice .extension-item li dl {padding: 20px;}
}
@media screen and (max-width: 960px) {
#beginner .top-vice_contents {padding: 4% 4% 0;}
#beginner #vice .extension-item li dt {font-size: 18px;}
#beginner #vice .extension-item li dl {padding: 15px;}
#beginner #vice .association-txt_box::before {left: 0%;}
#beginner #vice .association-txt_box::after {right: 0;}
#beginner #vice .association-contents{margin: 0 0 30px;}
}
@media screen and (max-width: 568px) {
#beginner #vice .layer-item {margin: 0 auto 20px;width: 92%;}
#beginner #vice .layer-contents {width: 100%;}
#beginner #vice .extension-item li dl {padding: 14px;}
#beginner .top-vice_contents {padding: 4% 0 0;}
#beginner #vice .association-txt_box p {padding: 0;}
#beginner #vice .association-contents {margin: 0 auto 20px;width: 92%;}
#beginner #vice .association-contents .intro-balloon {max-width: initial;font-size: 17px;letter-spacing: 0;padding: 5px .5em;}
#beginner #vice .association-contents::after {right: -10px;bottom: -20px;width: 105px;height: 140px;}
#beginner #vice .extension-item {margin: 0 auto 30px;width: 92%;}
#beginner #vice .band-detail_list {width: 92%;}
}
@media screen and (max-width: 375px) {
#beginner #vice .association-contents {margin: 0 auto 10px;}
#beginner #vice .association-contents .intro-balloon {font-size: 17px;}
#beginner #vice .association-contents::after {bottom: -10px;width: 86px;height: 115px;}
}