@charset "utf-8";
/*  ===========================================================
	株式会社彩プランニング --Irodori Planning Co.,Ltd--
		Last Update 2021/07/07	
			Written by Osamu Komatsu
===========================================================  */

/*==================================
	---contact---
==================================*/
.contact_main {
	margin-bottom: 50px;
}
.contact_main .button {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 5em;
}
.contact_main .button.mt1em {
	margin-top: 1em;
}
.contact_main .result {
	text-align: left;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}
.contact_main .result_apply {
	max-width: 640px;
	text-align: left;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}
.contact_main .back_button {
	margin-top: 2em;
	margin-left: 0px;
	text-align: center;
}
.contact_main dt {
    position: relative;
    padding: 0.3em 0.3em 0.3em 1em;
    background-color: #e56183;
    color: #fff;
}
.contact_main dd {
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: left;
	line-height: 1.8;
}
input, button {
	font-size: 1.75rem;
	width: 100%;
	background-color: #fff;
	border: solid 1px #999;
	border-radius: 3px;
	padding: 0.2em;
	margin-bottom: 0.2em;
}
a#backto {
	font-size: 1.75rem;
	width: 100%;
	background-color: #fff;
	border: solid 1px #999;
	border-radius: 3px;
	padding: 0.2em;
	margin-bottom: 0.2em;
	margin-top: 0.5em;
}
input:disabled,
select:disabled {
	background: #ddd;
}
option:disabled {
	background: #ccc;
}
input[type="radio"] {
	padding: 3px 5px 2px;
	position: relative;
	top: -3px;
}
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]#prior_consent {
	display: inline-block;
	width: auto;
	margin-right: 0.5em;
	transform: scale(1.5);
}
.cb01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 6px 32px;
    position: relative;
    width: auto;
}
.cb01::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    left: 5px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
}
input[type=checkbox]:checked + .cb01::before {
    border-color: #666;
}
input[type=checkbox]:checked + .cb01::after {
    opacity: 1;
}
.cb01::after {
    border-right: 6px solid #ed7a9c;
    border-bottom: 3px solid #ed7a9c;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 9px;
}
input[type="date"] {
	width:50%;
}
select {
	font-size: 1.75rem;
	background-color: #fff;
	color: #333;
    border:1px solid #999;
	border-radius: 3px;
	padding: 0.2em 0.1em;
	margin-bottom: 0.2em;
}
.kiz_apply select {
	max-width: 100%;
	width:10em;
}
select#ymd {
	max-width: 100%;
	width:11em;
	margin-bottom: 0.2em;
}
select#addr_pref {
	width:6em;
}
select#time,
select#time_kiz {
	width:9em;
    border-radius: 3px;
	margin-bottom: 0.2em;
}
select#idcard {
	max-width: 100%;
	width:15em;
    border-radius: 3px;
}
select#time_kiz {
	width:14em;
}
span#check1_array{
    display:flex;
    flex-wrap: wrap;
	line-height: 2;
}
.chkcheckbox label {
	margin-bottom:0.5em;
	display: flex;
    flex-wrap: wrap;
    margin-right: 1.5em;
}
textarea {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	width: 500px;
	height: 5em;
	max-width: 100%;
	font-size: 1.18rem;
	background-color: #fff;
	color: #333;
    border:1px solid #999;
	border-radius: 3px;
	padding: 0.2em;
	margin-bottom: 0.2em;
	overflow: auto;
}
input#name0,
input#nameb0 {
	max-width: 100%;
	width: 12em;
	height: auto;
}
input#name1, 
input#kana1, 
input#name2, 
input#kana2 {
    width: 5.1em;
    height: auto;
    margin-bottom: 0.2em;
}
select#birth_year, 
select#birth_month, 
select#birth_day {
    width: 5.5em;
    height: auto;
}
select#birth_month,
select#birth_day {
	width: 4em;
}
.wrap_input{
}

input#postal_code {
	width: 7em;
	height: auto;
}

select#mos_sub_id{
	max-width: 100%;
	width: 18em;
	padding: 0.35em 0.2em;
}
select#pay_id {
    max-width: 100%;
    width: 15em;
    padding: 0.35em 0.2em;
}

a.cons{
	margin-left: 0.5em;
	/*line-height: 3;*/
}
a.cons:hover{
	text-decoration: none;
}
input#kaisya {
	height: auto;
	border-radius: 3px;
}
input#tel {
	height: auto;
	width: 8em;
}
input#page {
	height: auto;
}
input::placeholder {
	color: #ddd;
}
textarea#syosai,
textarea#gaiyou {
	height: auto;
	width: 100%;
	border: solid 1px #999;
	font-size: 1rem;
}
#form_table_waku p {
	text-align: center;
	margin-bottom: 10px;
}
.form p.atte {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
#form_table_waku .p24 {
	font-size: 24px;
	font-size: 1.5rem;
}
.form_attention {
	max-width: 640px;
	margin: 0.5em auto 1em;
    border: 5px solid #d94e61;
    padding: 1em;
}
.apply_attention {
	max-width: 600px;
	margin: 1em auto;
	border: 5px solid #f00;
}
.apply_attention2 {
    padding: 1em;
}

div.apply_attention2 ul li {
	margin-bottom: 0.5em;
}
.apply_attention4 {
	max-width: 760px;
	margin: 1em auto;
	padding: 2em;
	border: 5px solid #f00;
}
.paydate_attention {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    margin-top: 0.5em;
}
#main_contents .apply_attention h3 {
	background: #fdd;
	border-left-color: #f00;
	margin-bottom: 0;
}
ul.apply_attention2 {
	padding: 1em;
	margin-left: 1em;
}
div.apply_attention2 {
	padding: 1em;
}
ul.apply_attention2 li,
div.apply_attention2 p {
	margin-bottom: 1em;
	list-style-type: decimal;
	
}
ul.apply_attention2 li:last-child,
div.apply_attention2 p:last-child {
	margin-bottom: 0;
}
ul.apply_attention3 li {
	margin-bottom: 0;
	padding-left: 0.5em;
	list-style-type: disclosure-closed;
	list-style-position: inside;
}

a#idpass {
    background: #f00;
    color: #fff;
    padding: 1em;
    border-radius: 3px;
    text-decoration: none;
    width: 13em;
    margin-top: 0.5em;
    font-size: 1.5rem;
}
div.mos_tel_info {
	margin-bottom: 0.3em;
}
div.mos_tel_wrap {
	font-weight: bold;
	border: 5px solid #0c0;
	padding: 0.5em 0.5em 0.4em;
	display: inline-block;
}
div.apply_attention2 div.mos_tel_wrap {
	margin-top: 0.5em;
}
div.mos_tel {
	font-weight: bold;
	margin-bottom: -0.3em;
}
div.mos_tel_num {
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: -0.1em;
	color: #f00;
	text-decoration: none;
}
#contents div.mos_tel_num a {
	display: inline;
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}
div.mos_tel_time {
	font-weight: bold;
}
p.bring {
	font-weight: bold;
	margin: 0.5em 0 0.2em;
}
#form1 input#button,
#form1 button#button,
#form1 button#send,
.form input#button,
.form button#button,
.form button#send {
	border: none;
	position: relative;
	height: 3em;
	font-weight: bold;
	color: #fff;
    background: linear-gradient(#29cd29, #00cd00);
	border-radius: 5px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 1px 2px 3px #ccc;
	margin-bottom: 0.5em;
}
#form1 input#button::before,
#form1 button#button::before,
#form1 button#send::before,
.form input#button::before,
.form button#button::before,
.form button#send::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shinybtn 3s ease-in-out 0s infinite normal;
}

input#button:hover,
button#button:hover,
button#send:hover,
button#backto:hover,
a#backto:hover {
text-decoration: none;
box-shadow: none;
transform: translateY(2px);
}

@keyframes shinybtn {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}


input#button:hover,
button#button:hover,
button#send:hover {
	opacity: 0.7;
	cursor: pointer;
}



#form1 input#button:disabled,
#form1 button#button:disabled,
#form1 button#send:disabled,
.form input#button:disabled,
.form button#button:disabled,
.form button#send:disabled {
    background: #999;
	box-shadow: none;
}

#form1 input#button:disabled::before,
#form1 button#button:disabled::before,
#form1 button#send:disabled::before,
.form input#button:disabled::before,
.form button#button:disabled::before,
.form button#send:disabled::before {
    /*position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;*/
    animation: none;
}


input#button:disabled:hover,
button#button:disabled:hover,
button#send:disabled:hover,
button#backto:disabled:hover,
a#backto:disabled:hover {
text-decoration: none;
box-shadow: none;
transform: none;
}


input#button:disabled:hover,
button#button:disabled:hover,
button#send:disabled:hover {
	opacity: 1;
	cursor:auto;
	/*opacity: 0.7;
	cursor: pointer;*/
}

input#button:disabled:active,
button#button:disabled:active,
button#send:disabled:active,
button#backto:disabled:active,
a#backto:disabled:active {
	opacity: 1;
    background: #999;
}














table.form_table01 {
	border-collapse: separate;
	border-spacing: 3px;
	margin-bottom: 10px;
}
dl.form_table01 {
	max-width: 500px;
	margin: 1em auto;
}
dl.form_table01.font_118r {
	font-size: 1.25rem;
}
.form_table01 .form_title {
	background-color: #29cd29;
	font-size: 14px;
	font-size: 0.88rem;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	border: 1px solid #999;
}
.form_aa img.hissu {
	width: 1.7em;
}
.text_cnt {
    background: #090;
    padding: 0 0.3em 0.1em;
    color: #fff;
    border-radius: 3px;
    font-size: 1.25rem;
    display: inline-block;
    margin-bottom: 0.2em;
}
.text_cnt_b {
    background: #090;
    padding: 0.3em 0.5em;
    color: #fff;
    border-radius: 3px;
    font-size: 1.25rem;
    display: inline-block;
	line-height: 1.5;
	/*margin-bottom: 0.2em;*/
}
.text_cnt_b.subject {
    font-size: 1.25rem;
}
dl.form_table01 .name {
}
.form_table02,
.confirm_table02 {
	font-size:100%;
	margin: 1em auto 2em;
	width: 100%;
	max-width: 600px;
}
.form_table02 .form_aa, 
.confirm_table02 .form_aa {
    width: 30%;
    color: #333;
    text-align: center;
    background-color: #fee;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #f99;
    font-size: 1rem;
}
.form_table02 .form_bb, 
.confirm_table02 .form_bb {
    text-align: left;
    background-color: #fff;
    padding: 5px 10px;
    border: 2px solid #f99;
    vertical-align: middle;
}
#form1 input#backto,
#form1 button#backto,
.form input#backto,
.form button#backto,
a#backto,
.back_button a {
	height: 2em;
	border: none;
	background-color: #d94e61;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	-webkit-appearance:none;
	position: relative;
    margin-bottom: 0.5em;
	text-decoration: none;
}
.back_button a {
    max-width: 500px;
    padding: 0.5em;
    line-height: 1.5;
    height: 2.5em;
    margin-top: 3em;
}
#form1 input#send,
.form input#send {
	border: none;
	font-weight: bold;
	height: 3em;
	color: #fff;
	background-color: #29cd29;
	vertical-align: middle;
	text-align: center;
	border-radius: 3px;
	-webkit-appearance:none;
	position: relative;
	margin-bottom: 0.5em;
}
input#send:hover,
input#backto:hover,
button#send:hover,
button#backto:hover,
a#backto:hover,
.back_button a:hover {
	opacity: 0.5;
	cursor: pointer; 
}
.submit  {
	/*margin-top:1em;*/
}

.contact_main dt.description_t {
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #0c0;
    vertical-align: middle;
    padding: 0.5em;
    margin-bottom: 0;
	font-weight: bold;
}
.contact_main dt.description_t.subject {
    background-color: #c00;
}
.contact_main dd.description_t {
    width: 100%;
    background-color: #fff;
    font-weight: bold;
    padding: 0.5em 0.5em 0;
    margin: 0;
    font-size: 100%;
    border: none;
    border-right: 3px solid #0c0;
    border-left: 3px solid #0c0;
}
.contact_main dd.description_t.subject {
    border-right: 3px solid #c00;
    border-left: 3px solid #c00;
}
.contact_main dd.description_t.last {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 3px solid #0c0;
}
.contact_main dd.description_t.subject.last {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 3px solid #c00;
}
a.btn_privacy {
    font-size: 88%;
    display: inline-block;
    background-color: #00c;
    color: #fff;
    margin: 0 0.3em;
    padding: 0.4em;
    text-decoration: underline;
    border-radius: 3px;
}
.btn_s {
    display: inline-block;
    background-color: #0c0;
    color: #fff;
    padding: 0.25em 0.3em 0.2em;
    margin: 0 0.3em;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 0.1em;
}
.booking_comp {
    display: inline-block;
    background-color: #c00;
    color: #fff;
    padding: 0.25em 0.3em 0.2em;
    margin: 0 0.3em;
    border-radius: 3px;
	font-weight: bold;
}
a.send_apply,
button.send_apply {
    font-size: 100%;
    margin: 0 auto;
    text-align: center;
    width: 95%;
    padding: 0.2em;
    border-radius: 3px;
    color: #fff;
	text-decoration: none;
	display: block;
}
a.send_apply.left_click,
button.send_apply.left_click {
	content:"left_click";
}
a.send_apply.mos365,
button.send_apply.mos365 {
    background: #639;
}
a.send_apply.mos2019,
button.send_apply.mos2019 {
    background: #c00;
}
a.send_apply.mos2016,
button.send_apply.mos2016 {
	background: #00c;
}
a.send_apply:hover,
button.send_apply:hover {
	text-decoration: underline;
	cursor: pointer;
}
.input_attention {
    color: #f00;
    display: block;
    background: #f00;
    color: #fff;
	padding: 0.2em 0.5em;
}
.apply_complete {
    max-width: 500px;
    width: 100%;
    border: 5px solid #0c0;
    padding: 1em;
    margin: 0 auto;
}
.attention_txt {
    padding: 2em;
}
.totop a {
    max-width: 600px;
    width: 100%;
    padding: 1em;
    background: #b30018;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 3em auto;
    border-radius: 5px;
    font-size: 1.5rem;
	text-align: center;
}
p.page_error {
    font-size: 1.5rem;
    line-height: 1.5;
    max-width: 700px;
    margin: 2em auto;
}
p.page_error.token {
    margin: 0;
}
/*==================================
	---error---
==================================*/
#error #error_h {
	font-size:175%
}
#error #error_p {
	margin-bottom: 10em;
}

/*==================================
	---information---
==================================*/
#main_contents p.info_r_s {
	margin-top: 3%;
	margin-bottom: 1%;
}
#main_contents p.info_l_s,
#main_contents p.info_l_s2 {
	margin-top: 3%;
	margin-bottom: 1%;
}
#main_contents p.info_l_b {
	width: 100%;
	margin-bottom: 2em;
	padding-right: 0;
	padding-top: 1em;
	line-height: 2;
}
#main_contents p.info_r_b,
#main_contents p.info_r_b2 {
	width: 100%;
	margin-bottom: 2em;
	padding-right: 3%;
	padding-top: 1em;
	line-height: 2;
}
#main_contents p.info_b {
	line-height: 2;	
}

#information .txt_info {
	padding: 1%;
	line-height: 1.5;
	margin-bottom: 1em;
}
#information .img_info {
	width:70%;
    margin: 0 auto;
    padding: 0.5em;
}
/*==================================
	---good_point---
==================================*/
#good_point .good {
	line-height: 2;
}
#good_point .good img {
	width:40%;
	margin-right:1em;
	margin-bottom:0.3em;
	float:left;
}

#good_point .txt_info {
	width:70%;
	padding: 1%;
	line-height: 1.5;
	margin-bottom: 1em;
}
#good_point .img_info {
	width:30%;
    margin: 0 auto 2em;
    padding: 0.5em;
}
/*==================================
	---faq---
==================================*/
#faq_main .accordion_list {
	margin-bottom: 50px;
	padding: 0;
}
#faq_main .accordion_list .accordion_toggle {
	color: #fff;
	background-image: url(../images/bk_qa.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-color: #d94e61;
	border-radius: 5px;
	position: relative;
	padding: 13px 10px 10px 50px;
	min-height: 50px;
	height: auto;
	width: 100%;
	margin-bottom: 0.5em;
    font-weight: bold;
}
#faq_main .accordion_list .accordion_content {
	overflow: hidden;
	line-height: 200%;
	background-color: #eee;
	padding: 10px 10px 10px 50px;
	width: 100%;
	background-image: url(../images/bk_faq_a.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	margin-bottom: 20px;
}

/*==================================
	---charge---
==================================*/
ul.charge_chart {
    max-width: 760px;
	line-height: 1.3;
    padding-top: 0.5em;
	padding-left: 2.5em;
    margin: 0 auto 1em;
}
ul.charge_chart li {
    margin-bottom: 1em;
    position: relative;
}
ul.text_list {
    max-width: 760px;
    width: 100%;
	padding-top: 0.5em;
	padding-left: 2.5em;
    margin: 0 auto 1em;
}

table.charge_tbl,
table.charge_ex_tbl{
    max-width: 760px;
	width: 100%;
	margin: 0 auto 0.5em;
	font-size:100%;
    border:1px solid #aaa;
	line-height: 1.2;
}
table.charge_tbl th,
table.charge_tbl td,
table.charge_ex_tbl th,
table.charge_ex_tbl td{
    border:1px solid #aaa;
	vertical-align: middle;
	padding: 0.2em 0.15em;
    text-align: center;
}
table.charge_tbl th,
table.charge_ex_tbl th{
	background-color: #d94e61;
	color: #fff;
	padding: 0.5em;
}
table.charge_ex_tbl th{
	background-color: #441235;
}
table.charge_tbl .crg_tbl01{
	width: 20%;
}
table.charge_tbl .crg_tbl02{
	width: 35%;
}
/*==================================
	---campaign---
==================================*/
.cam_h3_desc {
	padding: 0.5em;
	line-height: 1.8;
    max-width: 760px;
	margin: 0 1em;
	/*font-size: 1.18em;*/
	font-size: 1.38rem;
	/*background-position: center left;
	background-repeat: no-repeat;
	background-size: 2em;
	background-image: url(../images/li_point.png);*/
}
ul.campaign_li,
ul.campaign_lib {
    max-width: 760px;
	line-height: 2;
    padding: 1em 0 1em 0.5em;
    margin: 0 auto 0;
}
ul.campaign_li li,
ul.campaign_lib li {
    margin-bottom: 1em;
    position: relative;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 2em;
	padding: 0.5em 0.5em 0.5em 2.5em;
	line-height: 1.5;
	font-size: 1.38rem;
}
ul.campaign_li li {
	background-image: url(../images/li_present.png);
}
ul.campaign_lib li {
	background-image: url(../images/li_flag.png);
}
ul.campaign_li li:last-child {
    margin-bottom: 0;

}
.bnr_mosgoukaku {
    margin: 1em auto 3em;
}
.bnr_mosgoukaku a {
    text-align: center;
}
.bnr_mosgoukaku a img {
	border: 6px double #f99;
}

/*==================================
	---staff---
==================================*/

#main_contents .staff_01 {
	font-size: 1.13rem;
    max-width: 760px;
	width: 100%;
	height: auto;
	border-collapse: separate;
	border-spacing: 3px;
    margin: 0 auto 1em;
}
.staff_01 td.form_aa {
	width: 22%;
	color: #666;
	border: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 5px;
	background-color: #eee;
	background-image: url(../images/bk_contact_form.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.staff_01 td.form_bb {
	padding: 5px;
	border-right: 2px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

/*==================================
	---flow---
==================================*/
#flow h3 {
	border-left: none;
	text-indent: 0;
}
#flow h3 img {
	width: 100%;
}
#flow p img {
	width: 30%;
	margin-right: 2em;
	float: left;
}
#flow p.flow {
	padding-right: 1em;
	padding-left: 1em;
}
#main_contents h3.flow {
	padding: 1% 0;
	border-left: none;
	text-indent: 0;
	background-color: #fff;
}
/*==================================
	---sitemap---
==================================*/

#sitemap #sitemap_desc {
	margin-bottom: 2em;
}
#sitemap ul.sitemap_ul {
	line-height: 2;
	margin: 0 1em;
}
#sitemap ul.sitemap_ul li {
	background-image: url(../images/img_arrow_s.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-indent: 1em;
}

/*==================================
	---law---
==================================*/

#law .law_tbl {
    width: 100%;
    max-width: 700px;
    margin: 3em auto;
    font-size: 1.25rem;
}
#law .law_tbl th {
    border-bottom: 2px solid #333;
    width: 30%;
    padding: 1.5em 0.2em 0.2em 0.5em;
    text-align: right;
    font-weight: bold;
}
#law .law_tbl td {
    width: 70%;
    border-bottom: 2px solid #b30018;
    padding: 1.5em 0.2em 0.2em 0.5em;
    vertical-align: middle;
}



/*==================================
	---lesson---
==================================*/

.les_h2_desc,
.les_h3_desc,
.les_h4_desc {
	line-height: 1.8;
    padding: 0.5em 0 2em;
    max-width: 760px;
    margin:0 auto;
}
.les_h3_desc,
.les_h4_desc {
    padding: 0.5em 0 0.5em;
}
.les_h3_desc.m_b2m,
.les_h4_desc.m_b2m {
    margin-bottom: 2em;
}
p.h3_desc {
	padding-bottom: 2em;
}
#lesson h3.manabi,
#kiz_programming h3.manabi {
	padding: 0.5em 0.35em;
    border-left: solid 2.5em #5ee776;
    background: #e6ffeb;
}
#lesson ul.manabi_li,
#kiz_programming ul.manabi_li {
    max-width: 760px;
	margin: 1em auto 0;
	padding-left: 2.5em;
}
#lesson ul.manabi_li li,
#kiz_programming ul.manabi_li li {
	line-height: 1.3;
    margin-bottom: 1em;
	position: relative;
}
ul.text_list li {
	line-height: 1.3;
    margin-bottom: 0.5em;
    position: relative;
}
#lesson .les_head,
#kiz_programming .les_head,
#charge .les_head {
	max-width: 760px;
	width: 100%;
	height: auto;
    margin: 0 auto 1em;
}
#lesson .les_flow,
#kiz_programming .les_flow {
	max-width: 760px;
	width: 100%;
	height: auto;
    margin: 0 auto 1em;
    padding:0.5em 0;
}
#lesson .les_flow_547,
#kiz_programming .les_flow_547 {
	max-width: 547px;
	width: 100%;
	height: auto;
    margin: 0 auto 1em;
    padding:0.5em 0;
}


/*==================================
	---ipad---
==================================*/
.img_tel {
	margin: 0.5em 0 1em 0;
}

/*==================================
	---word_excel---
==================================*/


/*==================================
	---kiz_programming---
==================================*/
#kiz_programming .img_catch{
    width: 100%;	
}
#kiz_programming h3.img_h3 {
	border:0;
	text-indent:0;
}
#kiz_programming .h3_desc {
	margin-top:1em;
	padding-bottom: 2em;
	line-height: 1.5;
}
#kiz_programming .kizpro_img {
	float:left;
	width:100%;
    max-width: 50%;
}
#kiz_programming .kizpro_pamphlet,
#kiz_programming .kizapply_form_link,
.charge_ex_link {	
    max-width:760px;
    width: 100%;
    margin: 0 auto;
}
#kiz_programming .kizapply_form_link a,
.charge_ex_link a {
    background: #d94e61;
    border-radius: 5px;
    text-align: center;
    padding: 0.8em 0 0.6em;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
	position: relative;
}
#kiz_programming .kizapply_form_link a:hover,
.charge_ex_link a:hover {
    opacity: 0.8;
    text-decoration: underline;
}
#kiz_programming .course .txt_course {
	padding: 1%;
	line-height: 1.5;
	margin-bottom: 1em;
}
#kiz_programming .img_course{
	width:70%;
    margin: 0 auto 2em;
    padding: 0.5em;
}
#kiz_programming .kiz_point4 {
    max-width: 760px;
    width: 100%;
    height: auto;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
#kiz_programming .kiz_point4 li {
	width:49%;
	margin-bottom: 2%;
}

/*==================================
	---irodori_programming---
==================================*/
#irodori_programming .img_catch{
    width: 100%;	
}
#irodori_programming p{
	margin-bottom: 1em;
}
#irodori_programming h3 {
	margin-top: 2em;
}
#irodori_programming h3.img_h3 {
	border:0;
	text-indent:0;
}
#irodori_programming .h3_desc {
	margin-top:1em;
	padding-bottom: 2em;
	line-height: 1.5;
}
#irodori_programming ul.pro_zasetsu,
#irodori_programming ul.pro_good {
	list-style-type: disc;
	padding-left:1.5em;
}
#irodori_programming ul.pro_zasetsu li {
	list-style-type: none;
	background-image:url("../images/img_zasetsu12345.png");
	background-position: left top;
	background-size: 130px 72px;
}
#irodori_programming .img_iropro {
	margin: 0.5em 0;
}
#irodori_programming .pro_goodpoint {
	margin: 0.5em 0;
}
#irodori_programming .iropro_apply_form_link {	
    width: 100%;	
}
#irodori_programming ul.lesson_date {
	margin-bottom:1em;
}
#irodori_programming .lesson_date li {
	list-style-type:disc;
	line-height:2;
	margin-left:2em;
}
#irodori_programming h4.gessha {
	background-color: #e09b1a;
	color: #fff;
	text-indent: 0.5em;
}
#irodori_programming .iropro_point6 li:nth-child(2n+1) {
	float: left;
	width:49%;
	margin-bottom: 0.5em;
}
#irodori_programming .iropro_point6 li:nth-child(2n) {
	float: right;
	width:49%;
	margin-bottom: 0.5em;
}

/*==================================
---mos_test_schedule---
---kizpro_schedule---
==================================*/
table.mt_schedule,
table.kizpro_schedule{
    max-width: 760px;
	width: 100%;
	margin: 0 auto 0.5em;
	font-size:100%;
    border:1px solid #aaa;
	line-height: 1.2;
}
table.mt_schedule th,
table.mt_schedule td,
table.kizpro_schedule th,
table.kizpro_schedule td{
    border:1px solid #aaa;
	vertical-align: middle;
	padding: 0.2em 0;
    text-align: center;
}
table.mt_schedule th,
table.kizpro_schedule th{
	background-color: #d94e61;	
	color: #fff;
	padding: 0.5em;
}
#mt_schedule .date,
#kiz_programming .date{	
	width: 26%;
	text-align: center;
}
#mt_schedule .time,
#kiz_programming .time{
	width: 14%;
	text-align: center;	
}
#mt_schedule .version{
	width: 18%;
	text-align: center;	
}
#mt_schedule td.m365{
	padding: 0.1em;
	background-color: #fff;	
	color: #333;
}
#mt_schedule td.m365 span.mos365{
	padding: 0.3em;
	background-color: #639;	
	color: #fff;
	display: inline-block;
	border-radius: 3px;
}
#mt_schedule td.m2019{
	padding: 0.1em;
	background-color: #fdd;	
	color: #333;
}
#mt_schedule td.m2019 span.mos2019{
	padding: 0.3em;
	background-color: #c00;	
	color: #fff;
	display: inline-block;
	border-radius: 3px;
}
#mt_schedule td.m2016{
	padding: 0.2em;
	background-color: #fee;
	color: #333;
}
#mt_schedule td.m2016 span.mos2016{
	padding: 0.3em;
	background-color: #00c;	
	color: #fff;
	display: inline-block;
	border-radius: 3px;
}
#mt_schedule td.dead.m365 span.mos365,
#mt_schedule td.dead.m2019 span.mos2019,
#mt_schedule td.dead.m2016 span.mos2016{
	padding: 0.3em;
	background-color: transparent;
	color: #333;
}
#mt_schedule td.m365.saturday,
#mt_schedule td.m2019.saturday,
#mt_schedule td.m2016.saturday,
#kiz_programming td.kiz.saturday{
	color: #00f;
}
#mt_schedule td.m365.dead,
#mt_schedule td.m2019.dead,
#mt_schedule td.m2016.dead,
#kiz_programming td.kiz.dead{
	background-color: #666;	
}
/*#mt_schedule td.m2016{
	padding: 0.2em;
	background-color: #fee;
	color: #333;
}*/
#mt_schedule .deadline,
#kiz_programming .deadline{
	width: 15%;
	text-align: center;	
}
#mt_schedule .status,
#kiz_programming .status{
	width: 27%;
	text-align: center;
}
#mt_schedule td.status,
#kiz_programming td.status{
	background-color: #9f9;	
	color: #333;
	font-size: 100%;
}
#mt_schedule td.status.dead,
#kiz_programming td.status.dead{
	background-color: #666;	
	color: #fff;
	font-size: 80%;
}
#mt_schedule td span.status.dead{
	background-color: #666;	
	color: #fff;
	padding: 0.1em 0.2em;
}
#mt_schedule td span.status.restart{
	background-color: #f00;	
	color: #fff;
	padding: 0.1em;
}
#mt_schedule td .mos1,
#kiz_programming td .trial1{
	display: block;
	text-align: center;
}
#mt_schedule td .mos2,
#kiz_programming td .trial2{
	display: block;
	text-align: center;
}
#mt_schedule td .mos3{
	display: block;
	text-align: center;
}
#mt_list{
	margin-top: 1em;
}


/*==================================
	---jr_program_test_schedule---
==================================*/
table.jpt_schedule{
	width: 100%;
	margin: 0 auto;
	font-size:100%;
    border:1px solid #aaa;
	line-height: 1.2;
}
table.jpt_schedule tr:nth-of-type(2n+1){
	background-color: #fdd;	
}
table.jpt_schedule tr:nth-of-type(2n){
	background-color: #fee;
}
table.jpt_schedule th,
table.jpt_schedule td{
    border:1px solid #aaa;
	vertical-align: middle;
	padding: 0.2em 0;
}
table.jpt_schedule th{
	background-color: #d94e61;	
	color: #fff;
}
#jpt_schedule .date{	
	width: 28%;
	text-align: center;
}
#jpt_schedule .time{
	width: 14%;
	text-align: center;	
}
#jpt_schedule .version{
	width: 23%;
	text-align: center;	
}
#jpt_schedule td.ent4{
	padding: 0.1em;
	color: #333;
}
#jpt_schedule td.ent4 span.entry4{
	padding: 0.3em;
	background-color: #0d0;	
	color: #fff;
	display: inline-block;
}
#jpt_schedule td.bro3{
	padding: 0.2em;
	color: #333;
}
#jpt_schedule td.bro3 span.bronze3{
	padding: 0.3em;
	background-color: #00f;	
	color: #fff;
	display: inline-block;
}
#jpt_schedule td.sil2{
	padding: 0.1em;
	color: #333;
}
#jpt_schedule td.sil2 span.silver2{
	padding: 0.3em;
	background-color: #f70;	
	color: #fff;
	display: inline-block;
}
#jpt_schedule td.gol1{
	padding: 0.1em;
	color: #333;
}
#jpt_schedule td.gol1 span.gold1{
	padding: 0.3em;
	background-color: #f00;	
	color: #fff;
	display: inline-block;
}
#jpt_schedule td.dead.ent4 span.entry4,
#jpt_schedule td.dead.bro3 span.bronze3,
#jpt_schedule td.dead.sil2 span.silver2,
#jpt_schedule td.dead.gol1 span.gold1{
	padding: 0.3em;
	background-color: transparent;
	color: #333;
}
#jpt_schedule td.ent4.saturday,
#jpt_schedule td.bro3.saturday,
#jpt_schedule td.sil2.saturday,
#jpt_schedule td.gol1.saturday{
	color: #00f;
}
#jpt_schedule td.ent4.sunday,
#jpt_schedule td.bro3.sunday,
#jpt_schedule td.sil2.sunday,
#jpt_schedule td.gol1.sunday{
	color: #f00;
}
#jpt_schedule td.ent4.dead,
#jpt_schedule td.bro3.dead,
#jpt_schedule td.sil2.dead,
#jpt_schedule td.gol1.dead{
	background-color: #666;	
}
#jpt_schedule .deadline{
	width: 15%;
	text-align: center;	
}
#jpt_schedule .status{
	width: 20%;
	text-align: center;
}
#jpt_schedule td.status{
	background-color: #0f0;	
	color: #333;
}
#jpt_schedule td.status.dead{
	background-color: #666;	
	color: #fff;
}
#jpt_schedule td .jpt1{
  display: block;
	text-align: center;
}
#jpt_schedule td .jpt2{
  display: block;
}

/*==================================
	---mos_goukaku---
==================================*/
#mos_goukaku .les_h2_desc {
    line-height: 1.8;
    padding: 1em 0.3em;
    max-width: 760px;
    margin: 0 auto;
}
#mos_goukaku article{
	border: 5px solid #ffbfc7;
	margin-bottom: 3em;
}
#mos_goukaku article .flex.person{
	display: flex;
	border: 5px solid #0081cc;
}
#mos_goukaku article.woman .flex.person{
	border: 5px solid #e62889;
}
#mos_goukaku article .person_img {
    width: 25%;
    text-align: center;
    padding: 1%;
}
#mos_goukaku .goukaku_title{
	/*display: flex;
	justify-content: space-around;*/
	width: 100%;
}
#mos_goukaku ul.goukaku_desc {
    padding: 0.5em;
    background-color: #ffe6f4;
    /*vertical-align: middle;
    display: flex;
    flex-wrap: wrap;*/
    align-content: center;
}
#mos_goukaku ul.goukaku_desc {
	width: calc( 100% - 25% );
}
#mos_goukaku .woman ul.goukaku_desc {
	/*border: 3px solid #e62889;*/
}
#mos_goukaku ul.goukaku_desc li.goukaku_person,
#mos_goukaku ul.goukaku_desc li.goukaku_sub {
    font-size: 1.5rem;
}
#mos_goukaku h3 {
    font-size: 1.5rem;
    padding: 0.3em 1em;
    border-top: 2px solid #ffbfc7;
    border-bottom: 2px solid #ffbfc7;
    border-left: none;
    line-height: 1.2;
    margin-bottom: 0;
    /*background: transparent;*/
    /*text-align: center;
    clear: both;*/
}
#mos_goukaku h3:before {
    content: "";
}
#mos_goukaku p.g_desc {
	/*margin-top: 1em;
    margin-bottom: 3em;
	text-align: center;*/
    padding: 1em;
}
#mos_goukaku .g_img {
    text-align: center;	
    border-top: 2px solid #ffbfc7;
}
#mos_goukaku .g_img img {
	align-self: center;
	max-width: 400px;
	
}