@charset "utf-8"; 
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); 

@font-face {
  font-family: "myMincho";
  src: url("font/mincho/mincho.woff") format('woff'),
       url("font/mincho/mincho.otf")  format('opentype');
}

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}

@media screen and (min-width:900px) {
.wide{
margin-left: calc((50vw - 50%) * -1);
margin-right: calc((50vw - 50%) * -1);
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ　邪魔なため非表示に(2021-12-21)mf
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コーダー向け汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.f_wrap {
    display: flex;
    flex-wrap: wrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th, .table01 td {
    border: 1px solid #0070c0;
}

.table01 th {
    background-color: #eaf2ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea h2,
h2.basic {
    font-family: "Noto Sans Japanese";
    background: #e95589;
    color: #ffffff;
    padding: 10px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01 {
    font-size: 28px;
    background: #0070c0;
    min-width: 380px;
    padding: 24px 0;
    border-radius: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.common_list .img {
    margin-bottom: 10px;
}

.common_list .ttl {
    font-size: 20px;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    margin-bottom: 10px;
}

.common_list .txt {
    font-size: 14px;
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table {
    display: table;
}

.td {
    display: table-cell;
    vertical-align: middle;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.common_ttl {
    font-family: "Noto Sans Japanese";
    background: #0070c0;
    color: #fff;
    padding: 10px;
    font-size: 24px;
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セクションフレーム（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section_outer {
    padding: 40px 0;
}
.section_outer.narrow {
    padding: 0;
}
.section_outer.color01 {
    background: #ffedf3;
}
.section_outer.color01b {
    background: #e6f5ff;
}

.section_outer.color02 {
    background: #ff81ad;
}

.section_outer.color03 {
    background: #0070c0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせバナーエリア（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_bnr {
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 30px;
}

.contact_bnr .lead2 {
    font-size: 36px;
    color: #0070c0;
    margin: 10px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「今だけのキャンペーン」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.campaign_area dt {
    background: #0070c0;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-size: 24px;
}

dl.campaign_area dd {
    border: 3px solid #0070c0;
    padding: 30px 50px;
    margin-bottom: 30px;
    line-height:1.4;        
    background: #fffbdd;
}

dl.campaign_area dd .kikan {
    font-size: 36px;
    text-align: center;
}

dl.campaign_area dd .price {
    margin: 20px 0px 0px 217px;
    position:relative;
    font-size: 46px;
}

dl.campaign_area dd .price::before {
    content:'';
    width:120px;
    height:120px;
    display:inline-block;
    position:absolute;
    left: -220px;
    top: -35px;
    content:url(images/25off.png);
}

dl.campaign_area dd .tokuten_ttl {
    text-align: center;
    position: relative;
    z-index: 1;
}
dl.campaign_area dd .tokuten_ttl em{
    font-size: 20px;
    background: #ff0000;
    color: #fff;
    padding: 2px 15px 0;
    display:inline-block;
    border-radius:3px;
}

dl.campaign_area dd .tokuten_txt {
    font-size: 18px;
    border: 3px solid #e95589;
    background: #fff;
    padding: 20px 100px 20px 20px;
    margin-top: -15px;
    position: relative;
    z-index: 0;
}
dl.campaign_area dd .tokuten_txt strong{
    background: linear-gradient(transparent 60%, #fffc00 0%);
    font-weight:normal;
}

dl.campaign_area dd .tokuten_txt:before {
    content:url(images/campaign_img.png);
    position: absolute;
    right: -45px;
    top: -40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「申し込みはジェイバンウェブから」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_area {
    text-align: center;
}
.contact_area .ttl {
    font-size: 30px;
    background: #ff0056;
    color: #fff;
    padding: 12px 10px 8px;
    margin-bottom: 15px;
}
.contact_area .box {
    border:3px solid #4471a9;
    border-radius:8px;
    padding:40px;
    margin:15px auto 0;
}
.contact_area .logo {
    margin-bottom:15px;
}
.contact_area .about a {
    color:#009cff;
}
.contact_area .btns {
    position:relative;
}
.contact_area .btns:before {
    content:url(images/contact_balloon.png);
    position: absolute;
    left: -10px;
    top: -60px;
}
.contact_area [src*="btn02.png"] {
    margin-left:25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
なぜ210％UPなの？（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_point {
   background-image: url(https://lvp.j-ban.com/wordpress/wp-content/themes/cyber-child/images/jissyou01.png);
   background-repeat: no-repeat;
   padding-left: 270px;
   padding-bottom: 50px;
}

div#home_point .main_ttl {
    font-size: 32px;
    text-align: center;
    padding-bottom: 20px;
}
div#home_point .main_ttl2 {
    font-size: 46px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

div#home_point .main_ttl strong {
    font-size: 56px;
}

div#home_point .main_txt {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
導入パート１（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_intro01 .main_ttl {
    font-family: "Noto Sans Japanese";
    font-size: 33px;
    text-align: center;
    color: #0070c0;
    font-weight: bold;
    background: url(images/hr01.png) no-repeat 50% 100%;
    padding-bottom: 8px;
}

div#home_intro01 .main_lead {
    text-align: center;
    margin: 20px 0;
}

div#home_intro01 dt {
    background: #0070c0;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans Japanese";
}

div#home_intro01 .group01 dt {
    font-size: 16px;
}
div#home_intro01 .group01 p{
    text-align:center;
}

div#home_intro01 .group02 dt {
    font-size: 28px;
    padding: 10px;
}

div#home_intro01 dd {
    border: 1px solid #0070c0;
    padding: 30px 50px;
    margin-bottom: 30px;
}

div#home_intro01 .group02 dd {
    background: url(images/bg01.jpg) no-repeat 100% 0;
    background-size: contain;
    padding-right: 414px;
}

div#home_intro01 .group02 .lead {
    font-family: "Noto Sans Japanese";
    font-size: 28px;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
導入パート２（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_intro02.container01 > div {
    background: #fff;
    padding: 18px;
    border-radius: 5px;
}

div#home_intro02.container01 > div:last-child {
    position: relative;
}


div#home_intro02 .ttl {
    font-size: 28px;
    color: #0070c0;
    text-align: center;
    font-family: "Noto Sans Japanese";
    line-height: 1.2;
    margin-bottom: 5px;
}

div#home_intro02 .ttl strong {
    font-size: 34px;
    font-weight: normal;
}

div#home_intro02 .img {
    text-align: center;
    margin: 10px 0;
}

div#home_intro02 .txt {
    font-size: 14px;
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「性格統計学とは」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_about {
}

div#home_about .lead {
    font-family: "myMincho", serif;
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 30px;
}

div#home_about dl {
    border-top: 10px solid #ff5400;
    background: #fff5df;
    padding: 15px 50px 40px 60px;
    margin-bottom:40px;
}

div#home_about dt {
    font-size: 20px;
    text-align: center;
    color: #eda300;
    margin-bottom: 30px;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
}
div#home_about dd .prof{
    text-align:center;
}

div#home_about dd .name{
    font-size:28px;
}
div#home_about dd .box {
    border:1px solid #eea400;
    border-radius:3px;
    padding:15px;
    margin:20px 0;
}
div#home_about .movie_ttl {
    font-family: "myMincho", serif;
    font-size:24px;
    text-align:center;
}

/* ▼▼▼▼▼李▼▼▼▼▼▼ */
div#home_about .main_ttl {
    font-size:36px;
    font-weight:bold;
    color:black;
    text-align: center;
	margin: 30px;
}

div#home_about .main_txt {
	color: black;
	width:56%;
}


div#home_about .hako01 {
    padding: 15px;
    margin-bottom: 50px;
    background: url(images/yajirushi01.png) no-repeat 100%/contain #ffedf3;
}

div#home_about .hako01 .ttl {
    font-size: 22px;
    font-weight: bold;
    padding-left: 5px
}

div#home_about .hako01 ul.items {
    font-size: 16px;
}

div#home_about .hako01 ul.items li {
    background: url(images/arrow01.png) no-repeat;
    padding-left: 25px;
}

div#home_about .main_ttl2 {
    margin-bottom: 15px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「このような方に」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_target .box {
    background: url(images/for.png) no-repeat 100% 109%,url(images/bg02.jpg) repeat;
    border: 3px solid #d7e3f1;
    padding: 20px 280px 20px 40px;
    font-family: "Noto Sans Japanese";
}

div#home_target .ttl {
    text-align: center;
    margin-bottom: 20px;
}

div#home_target .ttl .inner {
    font-size: 22px;
    background: linear-gradient(transparent 60%, #fffc00 0%);
}
div#home_target li {
    margin-bottom:10px;
}

div#home_target .box .area_a:after {
    content: url(images/for_family.png);
}

div#home_target .box .area_b {
    position:relative;
    padding-bottom:150px;
}
div#home_target .box .area_b:after {
    content: url(images/for_work.png);
    position:absolute;
    right:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「カリキュラム」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_curriculum li {
    font-size: 19px;
    color: #000000;
    background: #dff2ff;
    list-style-position: inside;
    padding: 0px;
    font-weight: bold;
}

div#home_curriculum ol {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 554px;
    margin-left: -10px;
}

div#home_curriculum ol > li {
    width: calc(50% - 10px);
    margin-left: 20px;
    margin-bottom: 10px;
    /* padding-top: 5px; */
    line-height: 2;
    padding-left: 10px;
}

div#home_curriculum ul {
    padding-left: 0;
    margin: 0;
    background: #fff;
    padding: 10px;
    /* margin-top: 4px; */
    margin-left: -10px;
}

div#home_curriculum ul li {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    background: #fff;
    list-style-position: outside;
    margin-left: 1.5em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「視聴できる環境」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「本講座の特徴とメリット」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「検定試験の流れ」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_test .container01 {
    margin-top:50px
}
div#home_test .common_list .img {
    position:relative;
}
div#home_test .common_list .img:after {
    content:url(images/arrow.png);
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -20px;
}
div#home_test .common_list > *:last-child .img:after {
    display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「お支払いについて」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_pay .main_txt{
   text-align: center; 
   margin-bottom:17px
}
div#home_pay .f_wrap {
    justify-content: space-between;
}

div#home_pay dl {
    margin-bottom: 15px;
    width: 49%;
}
div#home_pay dt {
    background: #2aa6ff;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-size: 24px;
    padding: 0 10px;
}

div#home_pay dd {
    border: 3px solid #2aa6ff;
    padding: 15px;
    line-height:1.4;
}
div#home_pay a.btn01,
div#home_faq a.btn01 {
    font-size: 18px;
    background: #0070c0;
    width: auto;
    padding: 13px 30px;
    border-radius: 35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「ご利用の流れ」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_flow {
    background:#e6f5ff
}
div#home_flow ol.items {
    margin-left:10px;
    margin-right:-30px
}
div#home_flow ol.items li {
    width:33%;
    position:relative;
}
div#home_flow ol.items li::before {
    content: '';
    width: 59px;
    height: 59px;
    display: inline-block;
    position:absolute;
    top:-20px;
    left:-20px;
}
div#home_flow ol.items li:nth-child(1)::before {
    content:url(images/step01.png);
}
div#home_flow ol.items li:nth-child(2)::before {
    content:url(images/step02.png);
}
div#home_flow ol.items li:nth-child(3)::before {
    content:url(images/step03.png);
}
div#home_flow ol.items li:nth-child(4)::before {
    content:url(images/step04.png);
}
div#home_flow ol.items li:nth-child(5)::before {
    content:url(images/step05.png);
}
div#home_flow ol.items li:nth-child(6)::before {
    content:url(images/step06.png);
}
div#home_flow ol.items .img {
}
div#home_flow ol.items .ttl {
    text-align: center;
    font-weight:bold;  
    font-size:22px;
    margin:8px;
}
div#home_flow ol.items .txt {
    font-size:14px;
    margin-right:20px;
    margin-bottom:30px;
}
div#home_flow .comment{
    border: 3px solid #0070c0;
    background:white;
    padding:20px 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「資格認定団体の実績について」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_result .ttl {
    font-size: 36px;
    font-family: "myMincho", serif;
    text-align: center;
}

div#home_result .subttl {
    font-size: 24px;
    font-family: "myMincho", serif;
    text-align: center;
    margin: 40px auto;
}

div#home_result .box {
    background: #fff5df;
    padding: 15px;
    text-align: center;
    margin: 30px 0;
}
div#home_result .h2 {
    font-size:24px;
    color:#0070c0;
    text-align:center;
    background:#e6f5ff;
    border-top:2px solid #0070c0;
    margin-bottom: 30px;
    padding: 5px;
    font-family: "Noto Sans Japanese";
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「よくある質問」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「受講された方々のご感想」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_voice ul {
    list-style: none;
    padding-left: 0;
}

div#home_voice li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

div#home_voice .img {
    float: left;
    margin-right: 20px;
    width: 130px;
}

div#home_voice .txt {
    float: left;
    width: 650px;
    margin-top: 20px;
}
#subArea{
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ムードルが準備できるまで申込みエリアを非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sideFixed {
    /* display: none; */
}
.contact_area {
    /* display: none; */
}