@charset "UTF-8";
/*============================================================= program プログラムの内容について =============================================================*/
/*	#mainImg
=============================================================*/
#program #mainImg { background-image: url("../img/program/bg_main01_sp.png"); }
#program #mainImg .tit { max-width: 260px; }
@media screen and (min-width: 600px) { #program #mainImg { background-image: url("../img/program/bg_main01_pc.png"); }  #program #mainImg .tit { max-width: none; } }
/*	.num
=============================================================*/
.pre { background: #DBB327; }
.num01 { background: #F27200; }
.num02 { background: #EF6000; }
.num03 { background: #EA4601; }
.num04 { background: #E42901; }
.num05 { background: #D60002; }
.num06 { background: #CD0002; }
.num07 { background: #D60002; }
.num08 { background: #A80304; }
/*	#curriculum
=============================================================*/
#curriculum { padding: 40px 0 25px; background: #f0f0f0 url("../img/common/bg_program01_pc.png") no-repeat center top; background-size: cover; }
#curriculum .list .item { position: relative; margin-bottom: 10px; background: #fff; }
#curriculum .list .item a { display: block; height: 100%; padding: 25px 30px 20px 20px; background: url("../img/common/ico_arrow08.png") no-repeat 96% 55%; background-size: 13px; }
#curriculum .list .item .num { position: absolute; top: -8px;	left: 0; min-width: 130px; width: fit-content; height: 20px; line-height: 20px; padding: 0 0 0 10px; color: #fff; font-weight: 500; font-size: 1.1rem; text-align: center; }
#curriculum .list .item .num:before { display: block; position: absolute; top: 3px; right: -7px; width: 14px; height: 14px; background: inherit; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#curriculum .list .item .tit { line-height: 1.5; font-weight: bold; }
@media screen and (min-width: 600px) { #curriculum { margin-top: -75px; padding: 120px 0 80px; }  #curriculum .listWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #curriculum .list { width: 49.5%; }  #curriculum .list .item { height: 100px; }  #curriculum .list .item a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 50px 0 40px; background-position: 97% center; background-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#curriculum .list { display: grid; width: fit-content; gap: 20px 9px; grid-template-columns: repeat(2, auto); }
#curriculum .list .is-wide { grid-column: 1 / -1; }
#curriculum .list .item .num { min-width: 180px; width: fit-content; padding: 0 0 0 10px; height: 28px; line-height: 28px; font-size: 1.4rem; }
#curriculum .list .item .num:before { top: 4px; right: -11px; width: 20px; height: 20px; }  #curriculum .list .item .tit { font-size: 1.8rem; } }
/*	.column
=============================================================*/
.column { padding: 40px 0 5px; }
.column .wrapperInner { position: relative; z-index: 2; }
.column:nth-of-type(even) .instructor .txtBox:after { background: #fff; }
.column.column01 { background: url("../img/common/bg_food02.png") no-repeat left top; background-size: 235px; }
.column.column02 { background: #f0f0f0 url("../img/common/bg_food01.png") no-repeat right top; background-size: 260px; }
.column.column03 { background: url("../img/common/bg_food03.png") no-repeat left top; background-size: 270px; }
.column.column04 { background: #f0f0f0 url("../img/common/bg_food04.png") no-repeat right top; background-size: 310px; }
.column.column05 { position: relative; overflow: hidden; background: url("../img/common/bg_food05.png") no-repeat left top; background-size: 300px; }
.column.column05:before { display: block; position: absolute; bottom: -45px; left: 0; z-index: 1; width: 100%; height: 150px; background: #9f0f0f; pointer-events: none; content: ""; -webkit-transform: skewY(-9deg); transform: skewY(-9deg); }
.column .titBox { margin-bottom: 50px; }
.column .titBox .num { min-width: 60px; width: fit-content; height: 20px; line-height: 20px; margin-bottom: 10px; color: #fff; font-weight: 500; font-size: 1.1rem; text-align: center; padding: 0 0 0 10px; }
.column .titBox .secTit { position: relative; }
.column .titBox .secTit:after { display: block; position: absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background: #bebebe; content: ""; }
.column .titBox .secTit_sub { font-weight: 600; font-size:1.6rem; margin-top: 20px; }
.column .instructor { margin-bottom: 40px; }
.column .instructor img { display: block; float: left; width: 125px; margin: -15px 0 10px 20px; }
.column .instructor .txtBox { padding: 15px 20px 30px; position: relative; }
.column .instructor .txtBox:after { content: ""; width: 100%; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 0; z-index: -1; }
.column .instructor .txtBox .nameBox { padding: 0 0 10px 145px; border-bottom: 1px solid #333; margin-bottom: 10px; }
.column .instructor .txtBox .nameBox .post { font-weight: bold; font-size: 1.1rem; }
.column .instructor .txtBox .nameBox .name { font-weight: bold; font-size: 1.9rem; }
.column .instructor .txtBox .nameBox .company { font-weight: bold; font-size: 1.1rem; }
.column .instructor .txtBox .nameBox .role { font-weight: bold; font-size: 1.1rem; display: block; }
.column .instructor .txtBox .txt { clear: both; line-height: 1.8; font-size: 1.3rem; }
.column .listBox { margin: -25px auto 25px; padding: 20px 18px; border: 2px solid #ce0202; background: #fff; }
.column .listBox .list .item { position: relative; margin-bottom: 2px; padding-left: 10px; font-size: 1.3rem; }
.column .listBox .list .item:before { display: block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #333; content: ""; }
.column .listBox .list .item span { color: #ce0202; font-weight: bold; }
.column .listBox .listBox_list-item:not(:first-child) { margin-top: 10px; }
.column .listBox .listBox_list-item { position: relative; padding-left: 13px; font-weight: 600; list-style-type: decimal; list-style-position: inside; }
.column .listBox .listBox_list-item:before { content: ""; width: 8px; height: 3px; background-color: #CE0202; position: absolute; top: 11px; left: 0; }
.column .listBox .listBox_list-item-sub { display: block; font-size: 1.2rem; }
.column .listBox .list_dot { margin-top: 5px; padding-left: 10px; }
.column .txtBox .list_dot .list_dot-item { font-weight: 400;}
.column .list_dot { clear: both; }
.column .list_dot .list_dot-item { position: relative; padding-left: 13px; font-weight: 600; }
.column .list_dot .list_dot-item:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #BEBEBE; position: absolute; top: 8px; left: 0; }
.column .list_dot .list_dot-item:not(:first-child) { margin-top: 5px; }
@media screen and (min-width: 600px) { .column { padding: 100px 0 5px; background-size: auto !important; }  .column.column05:before { bottom: -28%; height: 640px; -webkit-transform: skewY(-6deg); transform: skewY(-6deg); }  .column .titBox { margin-bottom: 50px; }  .column .titBox .num { min-width: 110px; height: 33px; line-height: 31px; margin-bottom: 15px; font-size: 1.6rem; }  .column .titBox .secTit:after { bottom: -15px; } 

.column .titBox .secTit_sub { font-size: 2.4rem; margin-top: 40px; margin-bottom: -20px; }

.column .instructor { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }  .column .instructor img { float: none !important; width: 300px; margin: 0; -ms-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .column .instructor .txtBox { padding: 35px 55px 45px 0; width: 100%; } .column .instructor .txtBox:after { width: calc(100% + 70px); left: -70px; } .column .instructor .txtBox .nameBox { margin-bottom: 20px; padding: 0 0 8px 40px; } .column .instructor .txtBox .nameBox .post { display: inline-block; margin-right: 10px; font-size: 1.6rem; line-height: 1.6; } .column .instructor .txtBox .nameBox .name { display: inline-block; line-height: 1.6; font-size: 2.4rem; display: flex; align-items: center; gap: 10px; } .column .instructor .txtBox .nameBox .company { font-size: 2.4rem; display: flex; align-items: center; gap: 10px; line-height: 1.6; } .column .instructor .txtBox .nameBox .role { font-size: 2rem; } .column .instructor .txtBox .txt { padding-left: 40px; font-size: 1.6rem; } .column .listBox { margin: 40px auto 80px; padding: 25px 40px 30px; } .column .listBox .list .item { margin-bottom: 0; font-size: 1.6rem; } .column .listBox .list .item:before { top: 15px; } .column .listBox .list .item span { font-size: 1.6rem; } .column .listBox .listBox_list.is-col .listBox_list-item-in { display: inline-block; } .column .listBox .listBox_list-item:before { top: 14px; } .column .listBox .listBox_list-item-main { display: inline-block; width: 120px; } .column .listBox .listBox_list-item-sub { display: inline-block; font-size: 1.6rem; } .column .txtBox .list_dot { padding-left: 40px; } .column .txtBox .list_dot .list_dot-item { font-size: 1.6rem; } .column .txtBox .list_dot .list_dot-item:before { top: 11px; } .column .listBox .list_dot { padding-left: 20px; } .column .list_dot .list_dot-item:before { width: 8px; height: 8px; top: 12px; } .column .list_dot .list_dot-item:not(:first-child) { margin-top: 0; }}
/*# sourceMappingURL=maps/program.css.map */