@charset "utf-8"; /*================================= plan =================================*/ #main_visual #main_visual_cont img { height:370px; object-fit:cover; object-position:left 80%; width:100%; } #main_visual #main_visual_cont h2 img { height:30px; width:30px; } #plan { display:flex; flex-wrap:wrap; text-align:center; margin:0 auto; padding:0; } #plan #plan_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:space-between; text-align:center; margin:0 auto; } #plan #plan_cont .contents_title { flex:0 0 100%; } /*------------------------------------------------------------ plan ------------------------------------------------------------*/ #plan { border-top:none; padding:50px 0 80px; } #plan #plan_cont { display:flex; flex-wrap:wrap; justify-content:space-between; flex:0 0 100%; text-align:center; margin:0 auto; } #plan #plan_cont dl.title { flex:0 0 100%; padding:0 0 50px; text-align:center; } #plan #plan_cont dl.title dt {} #plan #plan_cont dl.title dt img { height:30px; width:auto; } #plan #plan_cont dl.title dd { font-size:108%; margin-top:15px; } #plan #plan_cont .plan_list_wrap { flex:0 0 100%; } #plan #plan_cont .plan_list_wrap .plan_list_cont { display:flex; flex:0 1 1260px; justify-content:center; padding:0 0 20px; } #plan #plan_cont .plan_list_wrap .plan_list_cont > ul { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; padding:0 5%; text-align:center; flex: 0 1 1260px; } #plan #plan_cont .plan_list_wrap .plan_list_cont > ul > li { flex:0 0 48%; text-align:center; vertical-align:top; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime { max-width:540px; margin:0 2% 0 0; padding:70px 0 0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link { max-width:540px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan { align-items:center; background-color:#fff; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:10px 25px 10px 15px; position:relative; max-width:540px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark { align-items:center; display:flex; justify-content:center; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark span { background-color:#ee657f; border-radius:50%; font-size:85%; object-fit:cover; overflow:hidden; padding:20px 18px; line-height:1.4; color:#fff; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan img { position:absolute; left:70px; bottom:0; width:88px; height:146px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name { padding-left:0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name span { display:block; font-size:139%; font-weight:600; padding-left:0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan i { color:#4fac80; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan:hover { text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan:hover .cource_name span { color:#333; text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; max-width:540px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li { flex:0 1 45%; margin-top:0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a i:first-child {} #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a span { font-size:100%; font-weight:600; display:block; padding:10px 15px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover { text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover i { color:#333; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover i:nth-child(3) { color:#999; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover span { color:#333; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime { max-width:540px; margin:0 0 0 2%; padding:70px 0 0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link { max-width:540px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan { align-items:center; background-color:#4FAC80; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:36px 25px 37px; position:relative; max-width:540px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan img { position:absolute; left:30px; bottom:0; width:88px; height:146px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan i { color:#fff; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name { padding-left:0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name span { color:#fff; font-size:139%; font-weight:600; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan:hover { text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan:hover cource_name span { color:#fff; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li { flex:0 0 45%; margin-top:0; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a i:first-child {} #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a span { font-size:100%; font-weight:600; display:block; padding:10px 15px; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover { text-decoration:none; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover i { color:#333; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover i:nth-child(3) { color:#999; } #plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover span { color:#333; } /* #plan #plan_cont #normal_plan { flex:0 1 1260px; margin:0 auto; padding:0 0 50px; text-align:center; } #plan #plan_cont #normal_plan .plan_title { background-color:#e4f3ed; display:flex; justify-content:center; } #plan #plan_cont #normal_plan .plan_title dl { display:flex; justify-content:space-between; flex: 0 1 1260px; padding:30px 5%; } #plan #plan_cont #normal_plan .plan_title dl dt { position:relative; } #plan #plan_cont #normal_plan .plan_title dl dt:before { background-color:#4FAC80; content: ""; color:#fff; left:0; top:-2px; position:absolute; width:7px; height:24px; } #plan #plan_cont #normal_plan .plan_title dl dt span { font-size:139%; font-weight:600; padding-left:20px; } #plan #plan_cont #normal_plan .plan_title dl dd {} #plan #plan_cont #normal_plan .plan_title dl dd span { font-size:93%; } #plan #plan_cont #normal_plan #plan_list_wrap .plan_list_cont {} #plan #plan_cont #normal_plan #plan_list_wrap .plan_list_cont ul { display:inline-block; letter-spacing:-.40em; text-align:left; } #plan #plan_cont #normal_plan #plan_list_wrap .plan_list_cont ul li { display:inline-block; letter-spacing:normal; text-align:center; vertical-align:top; width:50%; } #plan #plan_cont #normal_plan #plan_list_wrap .plan_list_cont ul li.daytime .plan_detail {} */ #plan #plan_cont #normal_plan { display:flex; flex-wrap:wrap; flex: 0 0 100%; justify-content:center; margin:0 auto; padding:0; text-align:center; } #plan #plan_cont #normal_plan .plan_title { background-color:#e4f3ed; display:flex; flex:0 0 100%; justify-content:center; } #plan #plan_cont #normal_plan .plan_title dl { display:flex; justify-content:space-between; flex: 0 1 1260px; flex-wrap:wrap; padding:30px 5% 15px; } #plan #plan_cont #normal_plan .plan_title dl dt { background-color:#e4f3ed; padding:0 0 15px; position:relative; } #plan #plan_cont #normal_plan .plan_title dl dt:before { background-color:#4FAC80; content: ""; color:#fff; left:0; top:-2px; position:absolute; width:7px; height:24px; } #plan #plan_cont #normal_plan .plan_title dl dt span { color:#4FAC80;; font-size:139%; font-weight:600; padding-left:20px; } #plan #plan_cont #normal_plan .plan_title dl dd { padding:0 0 15px; } #plan #plan_cont #normal_plan .plan_title dl dd span { font-size:93%; } #plan #plan_cont #normal_plan .plan_list_cont { padding:50px 0 0; flex: 0 1 1210px; } #plan #plan_cont #normal_plan .plan_list_cont ul { display:flex; justify-content:space-between; flex:0 1 1210px; flex-wrap:wrap; margin:0; padding:0 5%; text-align:left; } #plan #plan_cont #normal_plan .plan_list_cont ul li { background-color:#fff; flex:0 0 100%; margin:0; text-align:center; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link { align-items:center; background-color:#f5fbf6; display:flex; justify-content:space-between; flex:0 0 100%; flex-wrap:wrap; padding: 0; position: relative; margin:0 auto; text-align:center; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan { align-items:center; background-color:#fff; display: flex; flex: 0 1 45%; justify-content:center; padding: 0; position: relative; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan img { width:100%; height:auto; object-fit:cover; } #plan #plan_cont #normal_plan .plan_list_cont ul li .explain { align-items:center; display:flex; flex-wrap:wrap; flex: 1 1 55%; justify-content:center; padding:20px 5% 20px 5%; } #plan #plan_cont #normal_plan .plan_list_cont ul li .explain p { flex:0 0 100%; font-size:108%; line-height:1.8; margin-top:0; text-align:left; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail { align-items: center; display:flex; flex: 1 1 auto; justify-content: space-between; margin-top:20px; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li { flex:0 0 45%; margin-top:0; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a i:first-child { color:#333; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a:hover i:first-child { color:#333; } #plan #plan_cont #priority_plan { display:flex; flex-wrap:wrap; flex: 0 0 100%; justify-content:center; margin:50px auto 0; padding:0; text-align:center; } #plan #plan_cont #priority_plan .plan_title { background-color:#f6f2e7; display:flex; flex:0 0 100%; justify-content:center; } #plan #plan_cont #priority_plan .plan_title dl { display:flex; justify-content:space-between; flex: 0 1 1260px; flex-wrap:wrap; padding:30px 5% 15px; } #plan #plan_cont #priority_plan .plan_title dl dt { padding:0 0 15px; position:relative; } #plan #plan_cont #priority_plan .plan_title dl dt:before { background-color:#a88415; content: ""; color:#fff; left:0; top:-2px; position:absolute; width:7px; height:24px; } #plan #plan_cont #priority_plan .plan_title dl dt span { color:#a88415; font-size:139%; font-weight:600; padding-left:20px; } #plan #plan_cont #priority_plan .plan_title dl dd { padding:0 0 15px; } #plan #plan_cont #priority_plan .plan_title dl dd span { font-size:93%; } #plan #plan_cont #priority_plan .plan_list_cont { padding:0 5% 0; flex: 0 1 1260px; } #plan #plan_cont #priority_plan .plan_list_cont ul { display:flex; justify-content:space-between; flex:0 1 1260px; flex-wrap:wrap; margin:0; padding:0; text-align:left; } #plan #plan_cont #priority_plan .plan_list_cont ul li { flex:0 0 100%; margin:0; text-align:center; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link { align-items:center; background-color:#fff; display:flex; justify-content:space-between; flex:0 0 100%; flex-wrap:wrap; padding: 0; position: relative; margin:0 auto; text-align:center; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days, #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days, #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days { align-items:center; background-color:#fff; display: flex; flex: 0 1 45%; justify-content:center; padding: 0; position: relative; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days img, #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days img, #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days img { width:100%; height:auto; object-fit:cover; } #plan #plan_cont #priority_plan .plan_list_cont ul li .explain { align-items:center; display:flex; flex-wrap:wrap; flex: 1 1 55%; justify-content:center; padding:20px 5% 20px 5%; } #plan #plan_cont #priority_plan .plan_list_cont ul li .explain p { flex:0 0 100%; font-size:108%; line-height:1.8; margin-top:0; text-align:left; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail { align-items: center; display:flex; flex: 1 1 auto; justify-content: space-between; margin-top:20px; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li { flex:0 0 45%; margin-top:0; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a i:first-child { color:#333; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a:hover i:first-child { color:#333; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 { margin-top:0; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_link { background-color:#fffae7; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a { background-color:#fff; border:1px solid #edd365; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a i:nth-child(3) { color:#333; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a span { color:#333; font-weight:600; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a:hover { text-decoration:none; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 { margin-top:0; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_link { background-color:#ecf7fd; margin-top:50px; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a { background-color:#fff; border:1px solid #60b4e3; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a i:nth-child(3) { color:#333; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a span { color:#333; font-weight:600; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a:hover { text-decoration:none; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_link { background-color:#fef2f7; margin-top:50px; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a { background-color:#fff; border:1px solid #ef657f; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a i:nth-child(3) { color:#333; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a span { color:#333; font-weight:600; } #plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a:hover { text-decoration:none; } .alert_box { flex:1 1 1100px; margin:30px auto; max-width:1260px; padding:0 5%; } .alert_box .alert { text-align:center; } /*--- disabled ---*/ #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled { background-color:#fff; align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:20px 10px 20px 15px; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled i { color:#999; } #plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled span { color:#999; } #plan #plan_cont #priority_plan .plan_list_cont .alert { width:100%; margin-top:15px; } /*------------------------------------------------------------ information_area ------------------------------------------------------------*/ .information_area { background-color:#fff; flex:0 1 1120px; padding:50px 0; } .information_area ul { display:flex; justify-content:space-between; flex:1 1 768px; } .information_area ul li { border:none; flex:0 0 48%; padding:0; } .information_area ul li .additional { align-items:center; background-color:#fedfc0; display:flex; justify-content:space-between; flex-wrap:wrap; padding:0; position:relative; height:200px; } .information_area ul li .additional img { flex:1 0 40%; max-width:100%; min-width:40%; height:200px; object-fit:cover; z-index:1; } .information_area ul li .additional .mark { align-items:center; display:flex; justify-content:center; background-color:#cc4c7f; border-radius:50%; position:absolute; height:100px; width:100px; z-index:4; top:10px; left:210px; } .information_area ul li .additional .mark dl { align-items:center; display:flex; justify-content:center; padding-left:0; } .information_area ul li .additional .mark dl dt { font-size:100%; flex:0 0 100%; text-align:center; } .information_area ul li .additional .mark dl dt span { color:#fff; font-weight:600; } .information_area ul li .additional .mark dl dd { align-items:flex-end; display:flex; flex:0 0 100%; justify-content:center; margin:0 auto; text-align:center; } .information_area ul li .additional .mark dl dd span { color:#fff; font-size:100%; font-weight:600; } .information_area ul li .additional .mark dl dd span:first-child { color:#fff; font-size:139%; line-height:1; } .information_area ul li .additional .mark dl dd span:nth-child(2) { color:fff; font-size:139%; line-height:1; padding-left:3px; } .information_area ul li .additional dl { align-items:center; display:flex; flex:1 1 60%; flex-wrap:wrap; justify-content:center; position:relative; z-index:3; padding-left:35px; } .information_area ul li .additional dl dt { flex: 0 0 100%; text-align:left; } .information_area ul li .additional dl dt span { color:#cc4c7f; font-size:154%; font-weight:600; } .information_area ul li .additional dl dd { flex: 0 0 100%; margin-top:10px; text-align:left; } .information_area ul li .additional dl dd span { display:block; line-height:1.6; } .information_area ul li .additional dl dd span:nth-child(2) { font-size:85%; margin-top:10px; } .information_area ul li .pair { align-items:center; background-color:#e9edd6; display:flex; justify-content:space-between; padding:0; position:relative; height:200px; } .information_area ul li .pair dl { align-items:center; display:flex; flex-wrap:wrap; flex:1 1 60%; justify-content:center; psoition:relative; z-index:3; padding-left:35px; } .information_area ul li .pair dl dt { flex: 0 0 100%; text-align:left; } .information_area ul li .pair dl dt span { color:#1e9c9e; font-weight:600; font-size:154%; } .information_area ul li .pair dl dd { flex: 0 0 100%; margin-top:10px; text-align:left; } .information_area ul li .pair dl dd span:first-child { display:block; line-height:1.6; } .information_area ul li .pair dl dd span:nth-child(2) { display:block; font-size:85%; margin-top:10px; } .information_area ul li .pair img { flex:1 0 40%; max-width:100%; min-width:40%; height:200px; object-fit:cover; z-index:1; } /*------------------------------------------------------------ standard_plan_detail(basic) ------------------------------------------------------------*/ #standard_plan_detail { flex:0 0 100%; } #standard_plan_detail #standard_plan_detail_cont { display:flex; flex-wrap:wrap; justify-content:center; } #standard_plan_detail #standard_plan_detail_cont #charactor { flex:0 1 1260px; padding:0 5% 50px; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont { align-items:center; background-color:#fff; border:1px solid #eee; display: flex; flex:1 1 768px; justify-content:space-between; padding:0; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont img { flex:0 1 300px; max-width:100%; height:300px; object-fit:cover; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl { align-items:center; display: flex; justify-content:space-between; flex:1 1 auto; flex-wrap:wrap; padding:30px 40px 30px 40px; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dt { background-color:#e5f5fe; flex:0 0 100%; text-align:left; line-height:1.6; padding:10px 20px; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dt span { color:#1eb9ee; font-size:131%; font-weight:600; line-height:1.6; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dd { flex:0 0 100%; margin-top:30px; padding:0; text-align:left; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dd:nth-child(2) { border-left:8px solid #1eb9ee; padding-left:20px; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dd:nth-child(2) span { color:#333; font-size:131%; font-weight:600; line-height:1.6; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dd:nth-child(3) { flex:0 0 100%; text-align:left; margin-top:20px; padding:0 0 20px 0; } #standard_plan_detail #standard_plan_detail_cont #charactor #charactor_cont dl dd:nth-child(3) span { line-height:1.8; } #standard_plan_detail #standard_plan_detail_cont .price { display: flex; justify-content:center; flex: 0 1 1260px; flex-wrap:wrap; margin:0 auto; padding:50px 0; } #standard_plan_detail #standard_plan_detail_cont .price ul { display: flex; flex: 1 1 768px; justify-content: space-between; padding:0 50px; } #standard_plan_detail #standard_plan_detail_cont .price ul li { flex: 0 0 50%; } #standard_plan_detail #standard_plan_detail_cont .price ul li.at { padding-right: 3%; } #standard_plan_detail #standard_plan_detail_cont .price ul li.at dl.caption { background-color: #feeef6; align-items:center; display:flex; justify-content:space-between; padding: 20px 15px; } #standard_plan_detail #standard_plan_detail_cont .price ul li.at dl.caption dt { align-items:center; display:flex; justify-content:space-between; } #standard_plan_detail #standard_plan_detail_cont .price ul li.at dl.caption dt i { color:#cc3333; font-size: 125%; font-weight: 600; } #standard_plan_detail #standard_plan_detail_cont .price ul li.at dl.caption dt span { color: #cc3333; font-weight: 600; padding-left: 10px; font-size: 125%; } #standard_plan_detail #standard_plan_detail_cont .price ul li.mt { border-left: 1px dotted #ccc; padding-left: 3%; } #standard_plan_detail #standard_plan_detail_cont .price ul li.mt dl.caption { background-color:#eaf9fa; align-items:center; display:flex; justify-content:space-between; padding: 20px 15px; } #standard_plan_detail #standard_plan_detail_cont .price ul li.mt dl.caption dt {} #standard_plan_detail #standard_plan_detail_cont .price ul li.mt dl.caption dt i { color:#0068b7; font-size: 125%; font-weight: 600; } #standard_plan_detail #standard_plan_detail_cont .price ul li.mt dl.caption dt span { color:#0068b7; font-weight: 600; padding-left: 10px; font-size: 125%; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student { background-color:#fff; padding: 15px 0; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl { display: flex; justify-content: space-between; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dt { align-items: center; background-color: #34a9b6; display: flex; flex: 0 1 20%; justify-content: center; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dt span { color:#fff; font-size:125%; font-weight:600; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd { background-color: #fff; flex: 1 0 auto; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol { padding: 20px; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li { display: flex; justify-content: space-between; padding: 0 0 20px; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li:last-child { padding:0; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span:first-child { font-size: 116%; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span:nth-child(2) { font-size: 116%; font-weight:600; } #standard_plan_detail #standard_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li .total { border-top: 1px dotted #ccc; flex: 0 0 100%; display: flex; justify-content: space-between; padding: 15px 0 0; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general { border-top: 1px dotted #ccc; background-color: #fff; padding: 15px 0 0; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl { display: flex; justify-content: space-between; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dt { align-items: center; background-color: #333; display: flex; flex: 0 1 20%; justify-content: center; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dt span { color:#fff; font-size:125%; font-weight:600; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd { background-color: #fff; flex: 1 0 auto; padding-left: 10px; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol { padding: 20px; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li { display: flex; justify-content: space-between; padding: 0 0 20px; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li:last-child { padding:0; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span:first-child { font-size: 116%; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span:nth-child(2) { font-size: 116%; font-weight:600; } #standard_plan_detail #standard_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li .total { border-top: 1px dotted #ccc; flex: 0 0 100%; display: flex; justify-content: space-between; padding: 15px 0 0; } #standard_plan_detail #standard_plan_detail_cont .plan_list { display:flex; justify-content:space-between; } #standard_plan_detail #standard_plan_detail_cont .plan_list .plan_list_cont { flex:0 1 1260px; text-align:center; margin:0 auto ; padding:30px 0 50px; } #standard_plan_detail #standard_plan_detail_cont .plan_list .plan_list_cont > ul { display:flex; justify-content:space-between; flex:0 1 1260px; margin:0; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont > ul > li { flex:0 1 48%; margin:0; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont > ul { display:flex; justify-content:space-between; margin:40px auto 0; text-align:center; flex:0 1 1260px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont > ul > li { flex:0 1 540px; text-align:center; vertical-align:top; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime { width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link { width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan { align-items:center; background-color:#fff; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:10px 25px 10px 15px; position:relative; width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark { align-items:center; display:flex; justify-content:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark span { background-color:#ee657f; border-radius:50%; font-size:85%; object-fit:cover; overflow:hidden; padding:20px 18px; line-height:1.4; color:#fff; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan img { position:absolute; left:70px; bottom:0; width:88px; height:146px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name { padding-right:0; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name span { font-size:139%; font-weight:600; padding-left:0; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan i { color:#4fac80; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li { flex:0 1 45%; margin-top:0; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a i:first-child {} #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover { text-decoration:none; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover i { color:#333; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover span { color:#333; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime { width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link { width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan { align-items:center; background-color:#4FAC80; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:36px 25px 37px; position:relative; width:540px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan img { position:absolute; left:30px; bottom:0; width:auto; height:146px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name { padding-right:0; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan i { color:#fff; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name span { color:#fff; font-size:139%; font-weight:600; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li { flex:0 0 45%; margin-top:0; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a i:first-child {} #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover { text-decoration:none; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover i { color:#333; } #standard_plan_detail #standard_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover span { color:#333; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont > ul > li { flex:0 1 30%; margin:0; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link { align-items:center; background-color:#fff; display:flex; justify-content:space-between; flex-wrap:wrap; flex:0 0 100%; padding: 0; position: relative; margin:0 auto; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .pic { align-items:center; background-color:#fff; display: flex; flex: 0 1 auto; justify-content:center; padding: 0; position: relative; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .pic img { width:100%; height:auto; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link p { margin-top:10px; text-align:left; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link p span { line-height:1.6; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail { display:flex; justify-content:space-between; flex:0 1 100%; flex-wrap:wrap; margin:20px auto 0; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li { flex:0 1 45%; margin:0; text-align:center; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li a { border:1px solid #ddd; border-radius:3px; display:flex; justify-content:space-between; padding:20px; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li a i {} #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li a i:nth-child(3) { color:#ccc; font-size:85%; } #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li a span {} #standard_plan_detail #standard_plan_detail_cont .plan_list#priority_plan .standard_cont ul li .plan_link .plan_detail li a:hover { text-decoration:none; } /*------------------------------------------------------------ plice_list ------------------------------------------------------------*/ .plice_list { flex:0 1 100%; } .plice_list .plan_title { background-color:#e4f3ed; display:flex; justify-content:center; flex:0 1 1120px; } .plice_list .plan_title dl { display:flex; justify-content:space-between; flex:0 0 1120px; padding:30px 0; } .plice_list .plan_title dl dt { position:relative; } .plice_list .plan_title dl dt:before { content:" "; position:absolute; left:0; top:0; width:6px; height:20px; background-color:#4FAC80; } .plice_list .plan_title dl dt span { font-size:138%; font-weight:600; position:relative; padding-left:17px; } .plice_list .plan_title dl dd {} .plice_list .plan_title dl dd span { font-size:93%; } .plice_list .plan_list_cont { padding:30px 0 0; } .plice_list .js-tab-box { display:flex; flex-wrap:wrap; justify-content:center; flex:0 1 100%; margin:0 auto; max-width: 1270px; padding:40px 5% 0; } .plice_list .js-tab-box .js-tab { display:flex; flex-wrap:wrap; justify-content:center; flex:0 1 1100px; } .plice_list .js-tab-box .js-tab .js-tab-nav { flex:1 1 100%; } .plice_list .js-tab-box .js-tab .js-tab-nav ul { align-items:flex-end; display:flex; justify-content:space-between; flex:0 0 1260px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li { flex:0 1 45%; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(2) { flex:0 1 22%; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(3) { flex:0 1 25%; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li a { border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; display:flex; align-items:center; justify-content:center; padding:35px 25px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li a span { font-size:116%; line-height:1.6; padding-left:10px; position:relative; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li a i { color:#fff; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(2) i { color:#a88415; font-size:138%; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(3) a img { height:16px; width:auto; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(2) a { padding:34px 25px 33px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(2) a i { color:#a88415; font-size:138%; line-height:1; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(3) a span { padding-left:27px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(3) a span:before { content:" "; background-image:url(../images/common/truck-plow-solid_gold.svg); background-position:left center; background-repeat:no-repeat; background-size:19px 19px; position:absolute; width:19px; height:19px; left:0; top:50%; margin-top:-9px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li a:hover { background-color:#1eb9ee; text-decoration:none; }/*4fac80*/ .plice_list .js-tab-box .js-tab .js-tab-nav ul li a:hover span { color:#fff; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(2) a:hover i { color:#fff; font-size:138%; line-height:1; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li:nth-child(3) a:hover span:before { background-image:url(../images/common/truck-plow-solid_white.svg); } .plice_list .js-tab-box .js-tab .js-tab-nav ul li.selected a { background-color:#a88415; position:relative; }/*4fac80*//*1eb9ee*/ .plice_list .js-tab-box .js-tab .js-tab-nav ul li.selected a:before { background-color:#fff; content:" "; z-index:10; border-radius:50%; position:absolute; width:27px; height:27px; bottom:-14px; left:50%; margin-left:-13px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li.selected a:after { color:#a88415; content:"\f078"; z-index:11; position:absolute; font-family: "Font Awesome 5 Free"; font-weight:900; bottom:-7px; left:50%; margin-left:-6px; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li.selected a i { color:#fff; } .plice_list .js-tab-box .js-tab .js-tab-nav ul li.selected a span { color:#fff; } .plice_list .js-tab-box .js-tab-content { flex:0 1 1130px; } .plice_list .js-tab-box .js-tab-content .plan_head { background-color:#fff; flex:0 0 100%; } .plice_list .js-tab-box .js-tab-content .plan_head p { padding:20px 0; text-align:left; } .plice_list .js-tab-box .js-tab-content .plan_head p span { display:block; font-size:100%; line-height:1.6; } .plice_list .js-tab-content .plan_head h4 { align-items:center; background-color:#4FAC80; display:flex; justify-content:space-between; position:relative; padding:25px 20px; width:100%; } .plice_list .js-tab-content .plan_head h4 img { position:absolute; left:25px; bottom:0; width:auto; height:100px; object-fit:cover; object-position:center top; } .plice_list .js-tab-content .plan_head h4 span:nth-child(2) { color:#fff; font-size:162%; font-weight:600; padding-left:80px; } .plice_list .js-tab-content .plan_head h4 span:nth-child(3) { color:#fff; } .plice_list .js-tab-box .js-tab-content {} .plice_list .js-tab-box .js-tab-content .js-tab .js-tab-nav ul {} .plice_list .js-tab-box .js-tab-content .js-tab .js-tab-nav ul li { flex:0 0 30%; } .plice_list .js-tab-box .js-tab-content ul { display:flex; flex:1 0 100%; flex-wrap:wrap; justify-content:space-between; } .plice_list .js-tab-box .js-tab-content ul > li { flex:0 0 50%; border-left:1px dotted #ccc; padding-left:2%; position:relative; } .plice_list .js-tab-box .js-tab-content ul > li:first-child { border-left:none; padding-right:2%; padding-left:0; } .plice_list .js-tab-box .js-tab-content ul > li.at { flex:0 0 70%; } .plice_list .js-tab-box .js-tab-content.have_special_lisence ul > li.at { flex:0 0 70%; } .plice_list .js-tab-box .js-tab-content ul > li.mt { flex:0 0 30%; } .plice_list .js-tab-box .js-tab-content ul > li.mt.new { flex:0 0 30%; padding-right:0; } .plice_list .js-tab-box .js-tab-content ul li dl.caption { align-items:center; display:flex; justify-content:space-between; padding:20px 15px; } .plice_list .js-tab-box .js-tab-content ul li dl.caption dt {} .plice_list .js-tab-box .js-tab-content ul li dl.caption dt i { font-size:125%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li dl.caption dt span { font-size:125%; font-weight:600; padding-left:10px; } .plice_list .js-tab-box .js-tab-content ul li dl.caption dd {} .plice_list .js-tab-box .js-tab-content ul li.at dl.caption { background-color:#feeef6; } .plice_list .js-tab-box .js-tab-content ul li.at dl.caption dt {} .plice_list .js-tab-box .js-tab-content ul li.at dl.caption dt i { color:#CC3333; } .plice_list .js-tab-box .js-tab-content ul li.at dl.caption dt span { color:#CC3333; } .plice_list .js-tab-box .js-tab-content ul li.mt dl.caption { background-color:#eaf9fa; } .plice_list .js-tab-box .js-tab-content ul li.mt dl.caption dt i { color:#0068B7; } .plice_list .js-tab-box .js-tab-content ul li.mt dl.caption dt span { color:#0068B7; } .plice_list .js-tab-box .js-tab-content ul li .student { background-color:#fff; padding:15px 0; } .plice_list .js-tab-box .js-tab-content ul li .student dl { display:flex; justify-content:space-between; } .plice_list .js-tab-box .js-tab-content ul li .student dl dt { align-items:center; background-color:#34a9b6; display:flex; flex:0 1 20%; justify-content:center; } .plice_list .js-tab-box .js-tab-content ul li .student dl dt span { color:#fff; font-size:125%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd { background-color:#fff; flex:1 0 auto; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont {} .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol { padding:20px; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li { display:flex; justify-content:space-between; padding:0 0 20px; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li:first-child { margin-top:0; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li:last-child { padding:0; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li span:first-child { font-size:116%; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li span:nth-child(2) { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li .total { border-top:1px dotted #ccc; flex:0 0 100%; display:flex; justify-content:space-between; padding:15px 0 0; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li .total span:first-child { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .student dl dd .price_list_cont ol li .total span:nth-child(2) { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .general { border-top:1px dotted #ccc; background-color:#fff; padding:15px 0 0; } .plice_list .js-tab-box .js-tab-content ul li .general dl { display:flex; justify-content:space-between; } .plice_list .js-tab-box .js-tab-content ul li .general dl dt { align-items:center; background-color:#333; flex:0 1 20%; display:flex; flex:0 1 20%; justify-content:center; } .plice_list .js-tab-box .js-tab-content ul li .general dl dt span { color:#fff; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd { background-color:#fff; flex:1 0 auto; padding-left:10px; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont {} .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol {} .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li { display:flex; justify-content:space-between; padding:15px; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li:first-child { margin-top:0; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li span:first-child { font-size:116%; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li span:nth-child(2) { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li:last-child { padding:0; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li .total { border-top:1px dotted #ccc; flex:0 0 100%; display:flex; justify-content:space-between; padding:15px; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li .total span:first-child { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content ul li .general dl dd .price_list_cont ol li .total span:nth-child(2) { font-size:116%; font-weight:600; } .plice_list .js-tab-box .js-tab-content #daytime { background-color:#e4f3ed; padding:30px; } .plice_list .js-tab-box .js-tab-content #daytime #daytime_cont { background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center; padding:25px; } .plice_list .js-tab-box .js-tab-content #freetime { background-color:#e4f3ed; padding:30px 30px; } .plice_list .js-tab-box .js-tab-content #freetime #freetime_cont { background-color:#fff; border-top:1px solid #eee; display:flex; flex-wrap:wrap; justify-content:center; padding:50px 25px 25px; } .plice_list .js-tab-box .js-tab-content #days60 { background-color:#fbf6e0; padding:30px; } .plice_list .js-tab-box .js-tab-content #days60 #days60_cont { background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center; padding:25px; } .plice_list .js-tab-box .js-tab-content #days30 { background-color:#dff0fa; padding:30px; } .plice_list .js-tab-box .js-tab-content #days30 #days30_cont { background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center; padding:25px; } .plice_list .js-tab-box .js-tab-content #days16 { background-color:#fce0e5; padding:30px; } .plice_list .js-tab-box .js-tab-content #days16 #days16_cont { background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center; padding:25px; } .plice_list .js-tab-box .js-tab-content ul li .info, .plice_list .js-tab-box .js-tab-content2 ul li .info { position:absolute; left:50%; margin-left:-100px; top:-35px; width:200px; } .plice_list .js-tab-box .js-tab-content ul li .info span, .plice_list .js-tab-box .js-tab-content2 ul li .info span { background-color:#0068B7; color:#fff; display:inline-block; font-weight:600; padding:8px 15px; border-radius:15px; text-align:center; width:100%; } .plice_list .js-tab-box .js-tab-content ul li .info span:after, .plice_list .js-tab-box .js-tab-content2 ul li .info span:after { content:" "; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #0068B7 transparent transparent transparent; position:absolute; bottom:-10px; left:50%; margin-left:-15px; } .plice_list .js-tab-box .js-tab-content ul li .info.over span, .plice_list .js-tab-box .js-tab-content2 ul li .info.over span { background-color:#a88415; } .plice_list .js-tab-box .js-tab-content ul li .info.over span:after, .plice_list .js-tab-box .js-tab-content2 ul li .info.over span:after { border-color: #a88415 transparent transparent transparent; } /*------------------------------------------------------------ priority_plan_detail ------------------------------------------------------------*/ #priority_plan_detail {} #priority_plan_detail #priority_plan_detail_cont {} #priority_plan_detail #priority_plan_detail_cont #main_area { position:relative; padding:50px 0 0; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_title {} #priority_plan_detail #priority_plan_detail_cont #main_area .plan_title img { width:auto; max-height:230px; height:220px; position:absolute; left:0; top:0; z-index:2; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_photo img { position:absolute; width:46px; height:38px; left:200px; top:10px; z-index:3; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image {} #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image .pic { background-repeat:no-repeat; background-position:left top; background-size:100% auto; margin:0 auto; height:30vh; min-height:380px; width:auto; position:relative; width:100%; max-width:500px; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image .lead { background-repeat:repeat; background-position:left bottom; position:absolute; width:100%; height:auto; z-index:2; bottom:0; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image .lead p { font-weight:600; line-height:1.6; padding:20px; text-align:left; color:#fff; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image .note { flex:0 1 1260px; justify-content:center; text-align:center; margin:0 auto; padding:20px; } #priority_plan_detail #priority_plan_detail_cont #main_area .plan_image .note span { font-size:100%; line-height:1.6; color:#666; display:inline-block; text-align:left; } #priority_plan_detail #priority_plan_detail_cont.days60 #main_area .plan_image .lead { background-image:url(../images/plan/60/bg_contents_title_orange.png); } #priority_plan_detail #priority_plan_detail_cont.days30 #main_area .plan_image .lead { background-image:url(../images/plan/30/bg_contents_title_blue.png); } #priority_plan_detail #priority_plan_detail_cont.days16 #main_area .plan_image .lead { background-image:url(../images/plan/16/bg_contents_title_pink.png); } #priority_plan_detail #priority_plan_detail_cont.days60 #main_area .plan_image .pic { background-image:url(../images/plan/60/p_photo_01.png); } #priority_plan_detail #priority_plan_detail_cont.days30 #main_area .plan_image .pic { background-image:url(../images/plan/30/p_photo_01.png); } #priority_plan_detail #priority_plan_detail_cont.days16 #main_area .plan_image .pic { background-image:url(../images/plan/16/p_photo_01.png); } #priority_plan_detail #priority_plan_detail_cont #contents_area { display:flex; flex-wrap:wrap; justify-content:center; padding:20px 0 50px; } #priority_plan_detail #priority_plan_detail_cont #contents_area .section_title { flex:0 0 100%; } #priority_plan_detail #priority_plan_detail_cont #contents_area .section_title h4 { background-image:url(../images/plan/bg_title_pattern.png); background-position:left top; background-repeat:repeat; display:flex; justify-content:center; } #priority_plan_detail #priority_plan_detail_cont #contents_area .section_title h4 span { color:#fff; display:block; font-size:125%; font-weight:600; flex:0 1 1260px; padding:20px 5%; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend { padding:20px 5%; flex:0 1 1260px; margin:0 auto; text-align:center; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend ul { background-color:#f4ecda; flex:0 1 1260px; padding:20px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend ul li { align-items:center; display:flex; justify-content:start; margin-top:10px; text-align:left; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend ul li:first-child { margin-top:0; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend ul li i { font-size:116%; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend ul li span { border-bottom:2px solid #fff571; line-height:1.6; font-size:116%; padding-left:8px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend p { padding:20px 0; text-align:left; } #priority_plan_detail #priority_plan_detail_cont #contents_area #reccomend p span { font-size:116%; line-height:1.6; color:#333; } #priority_plan_detail #priority_plan_detail_cont #contents_area #schedule_image { padding:30px 0; text-align:center; width:100%; } #priority_plan_detail #priority_plan_detail_cont #contents_area #schedule_image img { width:100%; height:auto; margin:0 auto; max-width:700px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview { flex:0 1 1260px; text-align:center; margin:0 auto; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview #interview_title { border-top:1px dotted #ccc; padding:20px 5% 0; text-align:center; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview #interview_title img { width:100%; height:auto; max-width:700px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px; padding:0 5%; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li { background-color:#f4ecda; flex:0 0 48%; position:relative; padding:10px 0 0; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li:nth-child(3) { flex:0 0 100%; margin-top:30px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li .photo { flex:0 0 100%; text-align:center; position:relative; z-index:3; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li .photo img { height:182px; width:auto; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl { background-image:none; flex:0 0 100%; padding:10px 35px 35px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dt { margin-top:10px; text-align:left; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dt span { font-size:108%; font-weight:600; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dd { text-align:left; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dd p { align-items:start; display:flex; justify-content:flex-start; line-height:1.6; margin-top:10px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dd p span { color:#333; font-size:100%; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dd p span:first-child { flex:0 0 8em; font-weight:600; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li dl dd p span:nth-child(2) { flex:1 1 auto; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #detail { flex:0 1 1260px; text-align:center; margin:30px auto 0; padding:0 5%; } #priority_plan_detail #priority_plan_detail_cont #contents_area #detail #detail_cont { padding:10px; border-radius:6px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #detail #detail_cont p { font-size:116%; font-weight:600; border:2px dotted #fff; padding:15px 10px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #detail #detail_cont p span { color:#fff; line-height:1.6; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li:nth-child(3) { display:flex; justify-content:space-between; padding:20px 0 0; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li:nth-child(3) .photo { flex:0 1 30%; text-align:right; padding-right:20px; } #priority_plan_detail #priority_plan_detail_cont #contents_area #interview ul li:nth-child(3) dl { flex:1 1 auto; padding:0 35px 35px; } #priority_plan_detail #priority_plan_detail_cont.days60 #contents_area .section_title h4 { background-color:#f39800; } #priority_plan_detail #priority_plan_detail_cont.days30 #contents_area .section_title h4 { background-color:#5eb7e8; } #priority_plan_detail #priority_plan_detail_cont.days16 #contents_area .section_title h4 { background-color:#ef657f; } #priority_plan_detail #priority_plan_detail_cont.days60 #contents_area #interview ul li dl dt span { color:#f39800; } #priority_plan_detail #priority_plan_detail_cont.days30 #contents_area #interview ul li dl dt span { color:#5eb7e8; } #priority_plan_detail #priority_plan_detail_cont.days16 #contents_area #interview ul li dl dt span { color:#ef657f; } #priority_plan_detail #priority_plan_detail_cont.days60 #contents_area #detail #detail_cont { background-color:#f39800; } #priority_plan_detail #priority_plan_detail_cont.days30 #contents_area #detail #detail_cont { background-color:#5eb7e8; } #priority_plan_detail #priority_plan_detail_cont.days16 #contents_area #detail #detail_cont { background-color:#ef657f; } #priority_plan_detail #priority_plan_detail_cont .content { position:relative; padding:0; } #priority_plan_detail #priority_plan_detail_cont .schedule {} #priority_plan_detail #priority_plan_detail_cont .schedule .pic { flex:0 0 1260px; text-align:center; margin:0 auto ; padding:30px 0; } #priority_plan_detail #priority_plan_detail_cont .schedule .pic img { width:100%; height:auto; max-width:500px; } #priority_plan_detail #priority_plan_detail_cont .plan_list { display:flex; justify-content:space-between; } #priority_plan_detail #priority_plan_detail_cont .plan_list .plan_list_cont { flex:0 1 1260px; text-align:center; margin:0 auto ; padding:30px 5% 50px; } #priority_plan_detail #priority_plan_detail_cont .plan_list .plan_list_cont > ul { display:flex; justify-content:space-between; flex:0 1 1260px; margin:0; text-align:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont > ul { display:flex; justify-content:space-between; margin:40px auto 0; text-align:center; flex:0 1 1260px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont > ul > li { flex:0 1 48%; margin:0; text-align:center; vertical-align:top; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime { max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link { max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan { align-items:center; background-color:#fff; border:3px solid #4FAC80; display:flex; flex:1 1 100%; justify-content:space-between; padding:10px 25px 10px 15px; position:relative; max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark { align-items:center; display:flex; justify-content:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark span { background-color:#ee657f; border-radius:50%; font-size:85%; object-fit:cover; overflow:hidden; padding:20px 18px; line-height:1.4; color:#fff; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan img { position:absolute; left:70px; bottom:0; width:88px; height:146px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name { padding:0 0 0 120px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name span { font-size:139%; font-weight:600; padding-left:0; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_link .daytime_plan i { color:#4fac80; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li { flex:0 1 45%; margin-top:0; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a i:first-child {} #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover { text-decoration:none; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover i { color:#333; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.daytime .plan_detail li a:hover span { color:#333; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime { max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link { max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan { align-items:center; background-color:#4FAC80; border:3px solid #4FAC80; display:flex; flex:1 1 100%; justify-content:space-between; padding:36px 25px 37px 130px; position:relative; max-width:540px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan img { position:absolute; left:20px; bottom:-3px; width:auto; height:146px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name { padding-right:0; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan i { color:#fff; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name span { color:#fff; font-size:139%; font-weight:600; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li { flex:0 0 45%; margin-top:0; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a i:first-child {} #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover { text-decoration:none; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover i { color:#333; } #priority_plan_detail #priority_plan_detail_cont .plan_list#normal_plan .plan_list_cont ul li.freetime .plan_detail li a:hover span { color:#333; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont > ul > li { flex:0 1 30%; margin:0; text-align:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link { align-items:center; background-color:#fff; display:flex; justify-content:space-between; flex-wrap:wrap; flex:0 0 100%; padding: 0; position: relative; margin:0 auto; text-align:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .pic { align-items:center; background-color:#fff; display: flex; flex: 0 1 auto; justify-content:center; padding: 0; position: relative; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .pic img { width:100%; height:auto; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link p { margin-top:10px; text-align:left; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link p span { line-height:2.0; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail { display:flex; justify-content:space-between; flex:0 1 100%; flex-wrap:wrap; margin:0 auto; text-align:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li { flex:1 1 45%; margin:20px 0 0; min-width:200px; text-align:center; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li a { border:1px solid #ddd; border-radius:3px; display:flex; justify-content:space-between; padding:20px; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li a i {} #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li a i:nth-child(3) { color:#ccc; font-size:85%; } #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li a span {} #priority_plan_detail #priority_plan_detail_cont .plan_list#priority_plan .plan_list_cont ul li .plan_link .plan_detail li a:hover { text-decoration:none; } #priority_plan_detail #priority_plan_detail_cont .price { display: flex; justify-content:center; margin:0 auto; max-width:1260px; padding:50px 5%; } #priority_plan_detail #priority_plan_detail_cont .price ul { display: flex; flex: 0 1 1260px; justify-content: space-between; } #priority_plan_detail #priority_plan_detail_cont .price ul li { flex:1 0 30%; position:relative; } #priority_plan_detail #priority_plan_detail_cont .price ul li.at { padding-right:2%; } #priority_plan_detail #priority_plan_detail_cont .price ul li.at dl.caption { background-color: #feeef6; align-items:center; display:flex; justify-content:space-between; padding: 20px 15px; } #priority_plan_detail #priority_plan_detail_cont .price ul li.at dl.caption dt { align-items:center; display:flex; justify-content:space-between; } #priority_plan_detail #priority_plan_detail_cont .price ul li.at dl.caption dt i { color:#cc3333; font-size: 125%; font-weight: 600; } #priority_plan_detail #priority_plan_detail_cont .price ul li.at dl.caption dt span { color: #cc3333; font-weight: 600; padding-left: 10px; font-size: 125%; } #priority_plan_detail #priority_plan_detail_cont .price ul li.mt { border-left: 1px dotted #ccc; padding-right:2%; padding-left:2%; } #priority_plan_detail #priority_plan_detail_cont .price ul li.mt.new { padding-right:0; padding-left:2%; } #priority_plan_detail #priority_plan_detail_cont .price ul li.mt dl.caption { background-color:#eaf9fa; align-items:center; display:flex; justify-content:space-between; padding: 20px 15px; } #priority_plan_detail #priority_plan_detail_cont .price ul li.mt dl.caption dt {} #priority_plan_detail #priority_plan_detail_cont .price ul li.mt dl.caption dt i { color:#0068b7; font-size: 125%; font-weight: 600; } #priority_plan_detail #priority_plan_detail_cont .price ul li.mt dl.caption dt span { color:#0068b7; font-weight: 600; padding-left: 10px; font-size: 125%; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student { background-color:#fff; padding: 15px 0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl { display: flex; justify-content: space-between; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dt { align-items: center; background-color: #34a9b6; display: flex; flex: 0 1 20%; justify-content: center; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dt span { color:#fff; font-size:125%; font-weight:600; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd { background-color: #fff; flex: 1 0 auto; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol { padding: 20px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li { display: flex; justify-content: space-between; padding: 0 0 20px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li:last-child { padding:0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span:first-child { font-size: 116%; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li span:nth-child(2) { font-size: 116%; font-weight:600; } #priority_plan_detail #priority_plan_detail_cont .price ul li .student dl dd .price_list_cont ol li .total { border-top: 1px dotted #ccc; flex: 0 0 100%; display: flex; justify-content: space-between; padding: 15px 0 0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general { border-top: 1px dotted #ccc; background-color: #fff; padding: 15px 0 0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl { display: flex; justify-content: space-between; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dt { align-items: center; background-color: #333; display: flex; flex: 0 1 20%; justify-content: center; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dt span { color:#fff; font-size:125%; font-weight:600; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd { background-color: #fff; flex: 1 0 auto; padding-left: 10px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol { padding: 20px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li { display: flex; justify-content: space-between; padding: 0 0 20px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li:last-child { padding:0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span { font-family: 'Lato', sans-serif; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span:first-child { font-size: 116%; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li span:nth-child(2) { font-size: 116%; font-weight:600; } #priority_plan_detail #priority_plan_detail_cont .price ul li .general dl dd .price_list_cont ol li .total { border-top: 1px dotted #ccc; flex: 0 0 100%; display: flex; justify-content: space-between; padding: 15px 0 0; } #priority_plan_detail #priority_plan_detail_cont .price ul li .info, .plice_list .js-tab-box .js-tab-content2 ul li .info { position:absolute; left:50%; margin-left:-100px; top:-25px; width:200px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .info span, .plice_list .js-tab-box .js-tab-content2 ul li .info span { background-color:#0068B7; color:#fff; display:inline-block; font-weight:600; padding:8px 15px; border-radius:15px; text-align:center; width:100%; } #priority_plan_detail #priority_plan_detail_cont .price ul li .info span:after, .plice_list .js-tab-box .js-tab-content2 ul li .info span:after { content:" "; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #0068B7 transparent transparent transparent; position:absolute; bottom:-10px; left:50%; margin-left:-15px; } #priority_plan_detail #priority_plan_detail_cont .price ul li .info.over span, .plice_list .js-tab-box .js-tab-content2 ul li .info.over span { background-color:#a88415; } #priority_plan_detail #priority_plan_detail_cont .price ul li .info.over span:after, .plice_list .js-tab-box .js-tab-content2 ul li .info.over span:after { border-color: #a88415 transparent transparent transparent; } #priority_plan_detail #priority_plan_detail_cont .price ul li:last-child .info, .plice_list .js-tab-box .js-tab-content2 ul li:last-child .info { margin-left:calc(-100px + 2%); } /*------------------------------------------------------------ plan_campaign ------------------------------------------------------------*/ #main_visual.campaign #main_visual_cont h2 { left:30px; padding-left:35px; } #main_visual.campaign #main_visual_cont h2:before { background-color:#a88415; content:" "; position:absolute; left:0; top:50%; width:300px; height:60px; margin-top:-30px; } #main_visual.campaign #main_visual_cont h2 span.limited { background-color:#ee657f; content:" "; position:absolute; left:20px; top:-35px; width:120px; display:block; font-size:100%; padding:7px 10px; } #main_visual.campaign #main_visual_cont:after { content:none; } #main_visual.campaign #main_visual_cont > img { background-size:contain; object-fit:contain; object-position:center bottom; } #main_visual.campaign { /*background: -moz-linear-gradient(top, #bbdbe7 0%, #b4d8e5 100%);*/ /*background: -webkit-linear-gradient(top, #bbdbe7 0%,#b4d8e5 100%);*/ /*background: linear-gradient(to bottom, #bbdbe7 0%,#b4d8e5 100%);*/ background-image:url(../images/plan/bg_main_visual_campaign.png); background-repeat:repeat-x; } #plan_campaign { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; } #plan_campaign #plan_campaign_cont { display:flex; flex:0 0 1160px; flex-wrap:wrap; } #plan_campaign #plan_campaign_cont .inquiry { background:transparent; flex:0 0 100%; } #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont { padding:10px 5% 50px; } #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul {} #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul li {} #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul li a {} #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul li a:hover { background-color:#ee657f; opacity:0.7; } #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul li a:hover i { color:#fff; } #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont ul li a:hover span { color:#fff; } #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont p {} #plan_campaign #plan_campaign_cont .inquiry .inquiry_cont p span {} #plan_campaign #plan_campaign_cont .plan_list_cont { padding:35px 5% 0; flex: 0 1 1260px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul { display:flex; justify-content:space-between; flex:0 1 768px; flex-wrap:wrap; margin:0; text-align:left; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li { flex:0 0 100%; margin:0; text-align:center; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_link { align-items:center; background-color:#fff; display:flex; justify-content:space-between; flex:0 0 100%; flex-wrap:wrap; padding: 0; position: relative; margin:0 auto; text-align:center; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_link .plan_60days { align-items:center; background-color:#fff; display: flex; flex: 0 1 45%; justify-content:center; padding: 0; position: relative; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_link .plan_60days img { width:100%; height:auto; object-fit:cover; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .explain { align-items:center; display:flex; flex-wrap:wrap; flex: 1 1 55%; justify-content:center; padding:20px 30px 20px 30px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .explain p { flex:0 0 100%; font-size:108%; line-height:1.8; margin-top:0; text-align:left; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail { align-items: center; display:flex; flex: 1 1 auto; justify-content: space-between; margin-top:20px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li { flex:0 0 45%; margin-top:0; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li a i:first-child { color:#333; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .plan_detail li a:hover i:first-child { color:#333; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .explain p:nth-child(3) { line-height:1.3; margin-top:20px; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li .explain p:nth-child(3) span { color:#c00; font-size:85%; line-height:1.3; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 { margin-top:0; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 .plan_link { background-color:#FBE6EF; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 .plan_detail li a { background-color:#fff; border:1px solid #f19ec2; }/*edd365*/ #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 .plan_detail li a i:nth-child(3) { color:#333; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 .plan_detail li a span { color:#333; font-weight:600; } #plan_campaign #plan_campaign_cont .plan_list_cont ul li.days60 .plan_detail li a:hover { text-decoration:none; }