@charset "utf-8";

#preopen{
margin:100px auto 200px;
}
#preopen h1{
margin-bottom:20px;
color:#2ea8e1;
font-size:2.2em;
}
#preopen p{
text-align:center;
}

/* common */
ul#gnavi{
overflow:hidden;
padding:0;
margin:0;
list-style-type:none;
}
ul#gnavi li{
width:200px;
float:left;
background-color:#ffffff;
margin:0 10px 10px;
border:1px solid #ccc;
border-radius:8px;
text-align:center;
}
ul#gnavi li:last-child{
margin-right:0;
}
ul#gnavi li.cur{
background-color:#005CC4;
border-color:#005CC4;
}
ul#gnavi li a{
display:block;
height:100%;
color:#000;
text-decoration:none;
font-size:0.87em;
font-weight:bold;
padding:6px 0;
}
ul#gnavi li.cur a{
color:#fff;
}
#main .container > h1{
color:#000;
font-size:2em;
text-align:center;
padding:10px;
margin-bottom:30px;
}
#contents{
background-color:#ffffff;
border-radius:10px;
margin-bottom:50px;
padding:10px 20px;
}
#contents > p{
margin:30px 0;
}
button{
background-color:#ececec;
}
input.short{
width:100px;
}
input.middle{
width:200px;
}


/* offer */
#offer_search{
margin-bottom:40px;
}



#offer_search fieldset{
margin:0;
padding:0;
border:none;
}

#offer_search fieldset{
background-color:#E8F2FA;
box-sizing:border-box;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
}
#offer_search fieldset.field_first{
border-top: 2px solid #000;
}
#offer_search fieldset legend{
overflow: hidden;
display: block;
box-sizing: border-box;
padding: 20px;
font-size: 0.9em;
background-color: #E8F2FA;
color: #000;
font-size: 1.2em;
float:left;
}
#offer_search fieldset div{
box-sizing: border-box;
display: block;
float:left;
padding: 20px;
vertical-align: middle;
background-color:#fff;
}


#offer_search dl{
overflow: hidden;
display: table;
width: 100%;
background-color: #ffffff;
margin: 0;
box-sizing:border-box;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
}
#offer_search dl.dl_first{
border-top: 2px solid #000;
}
#offer_search dt{
overflow: hidden;
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
padding: 20px;
font-size: 0.9em;
background-color: #E8F2FA;
color: #000;
text-align:center;
}
#offer_search dt legend{
display:block;
}
#offer_search dd{
display: table-cell;
padding: 20px;
vertical-align: middle;
}
#offer_search dd span{
font-size:0.73em;
}

#offer_search button{
width:240px;
text-align:center;
color:#ffffff;
font-weight:normal;
/*background:url('/img/ico_job.png') , linear-gradient(to bottom, #5a9cd9,#377fb5);*/
background:url('/img/ico_job.png') #005CC4;
background-repeat: no-repeat;
background-position: 20%;
text-decoration:none;
font-size:1.5em;
border:2px solid #004491;
border-radius:5px;
margin:40px auto 60px;
padding-left:40px;
}



#offer_list2022{

}
#offer_list2022 > ul{
padding:0;
margin:0;
list-style:none;
overflow:hidden;
background:#ffffff;
}
#offer_list2022 > ul > li{
overflow:hidden;
}
#offer_list2022 > ul:first-child > li:nth-child(odd){
background:#f7f7f7;
}
#offer_list2022 .thumb{
float:left;
width:200px;
padding:30px 30px;
}
#offer_list2022 .thumb img{
width:200px;
}
#offer_list2022 .cont{
float:left;
padding: 30px 30px 30px 0;
}
#offer_list2022 .cont > p{
margin:0;
}
#offer_list2022 .cont ul{
overflow:hidden;
padding:6px 0;
list-style:none;
}
#offer_list2022 .cont li{
display:inline-block;
margin-right:6px;
padding:3px 5px;
background:#fff46d;
border:2px solid #005cc4;
color:#005cc4;
font-size:1.1em;
font-weight:bold;
}
#offer_list2022 .cont ul + p{
margin-bottom:0;
font-size:1.02em;
font-weight:bold;
}
#offer_list2022 .cont a{
font-size:0.9em;
color:#005cc4;
text-decoration:underline;
}
#offer_list2022 #pager{
padding:40px 0;
text-align:center;
}
#offer_list2022 #pager li{
display:inline-block;
float:none;
border:none;
}
#offer_list2022 #pager li.cur{
background:#005cc4;
}
#offer_list2022 #pager li a{
text-decoration:none;
}

#clubimg{
width:780px;
margin:0 auto;
}
#clubimg h1{
color:#000000;
margin:40px 0;
}
#clubimg img{
width:100%;
}
#clubimg .main-img{
height:460px;
}
#clubimg .main-img img{
height:auto;
}
#clubimg ul{
padding:0;
list-style:none;
}
#clubimg ul li{
display:inline-block;
width:145px;
margin-right:8px;
}


#offer_list #contents dl,
#offer_entry #contents dl,
#absent_list #contents dl,
#absent_detail #contents dl,
#attend_detail #contents dl,
#attendance_detail #contents dl,
#report_index #contents dl,
#report_confirm #contents dl,
#early #contents dl,
#early_confirm #contents dl
{
margin:0;
padding:0;
border-top:1px solid #E3E7EB;
overflow: hidden;
display:table;
width:100%;
}
#offer_list #contents dl#table_first,
#offer_entry #contents dl#table_first,
#absent_list #contents dl#table_first,
#absent_detail #contents dl#table_first,
#attend_detail #contents dl#table_first,
#attendance_detail #contents dl#table_first,
#early #contents dl#table_first,
#early_confirm #contents dl#table_first{
border-top:none;
}
#absent_list #contents dl#table_title{
border-top:none;
font-size:0.73em;
text-align:center;
}
#offer_entry #table_last,
#offer_detail #table_last{
text-align:center;
}
#offer_list #contents dl dt,
#offer_entry #contents dl dt,
#absent_list #contents dl dt,
#absent_detail #contents dl dt,
#attend_detail #contents dl dt,
#attendance_detail #contents dl dt,
#report_index #contents dl dt,
#report_confirm #contents dl dt,
#early #contents dl dt,
#early_confirm #contents dl dt{
width:270px;
overflow:hidden;
display:table-cell;
box-sizing: border-box;
/*vertical-align:top;*/
vertical-align:middle;
padding:10px 5px;
color:#000;
}
#offer_list #contents dl dd,
#offer_entry #contents dl dd,
#absent_list #contents dl dd,
#absent_detail #contents dl dd,
#attend_detail #contents dl dd,
#attendance_detail #contents dl dd,
#report_index #contents dl dd,
#report_confirm #contents dl dd,
#early #contents dl dd,
#early_confirm #contents dl dd{
display:table-cell;
padding:10px 5px 10px 0;
vertical-align:middle;
}
#report_confirm #contents dl dd{
font-weight:bold;
}
#offer_list #contents dl dt span{
display:inline-block;
background:#005CC4;
padding:2px 10px;
margin-left:30px;
color:#ffffff;
border-radius:5px;
}
#absent_list #contents {
/*padding-bottom:60px;*/
}
#absent_list #contents .list{
border-bottom:1px solid #E3E7EB;
margin-bottom:50px;
}
#absent_list #contents h2{
margin:40px 0;
text-align:center;
font-size:1.2em;
}
#absent_list #contents dl dt span{
display:inline-block;
padding:2px 10px;
margin-left:10px;
color:#ffffff;
border-radius:5px;
}
#absent_list #contents dl dt span.a1{
background:#DF0426;
}
#absent_list #contents dl dt span.a2{
background:#8f3ff1;
}
#absent_list #contents dl dd i{
font-style:normal;
font-size:smaller;
color:#DF0426;
}
#offer_list #contents dl dd a,
#absent_list #contents dl dd a{
color:#2f2f2f;
text-decoration:none;
}
#absent_list #contents dl dd a{
text-decoration:underline;
}
#absent_list #earlybtn a{
display:block;
width:320px;
text-align:center;
margin:50px auto 20px;
background:linear-gradient(to bottom, #5a9cd9,#377fb5);
color:#fff;
text-decoration:none;
border-radius:6px;
padding:12px;
}



#offer_list #contents dl dd a:hover{
text-decoration:underline;
}
#absent_list #contents dl dd:last-child{
text-align:right;
}
#offer_detail .container > p{
text-align:right;
margin-bottom:5px;
}
#offer_detail .container dl{

}
#offer_detail .container dt{
background:#E8F2FA;
color:#000;
font-size:1.1em;
font-weight:bold;
padding:5px 10px;
}
#offer_detail .container dd{
margin:0;
padding:5px;
}
#offer_detail #contents button{
display:block;
width:380px;
text-align:center;
margin:50px auto 20px;
/*background:linear-gradient(to bottom, #5a9cd9,#377fb5);*/
background:#005CC4;
border:1px solid #004491;
color:#fff;
font-size:1.5em;
text-decoration:none;
border-radius:6px;
}
#offer_detail #favarea{
text-align:right;
}
#offer_detail #favarea button{
display:inline-block;
width:auto;
font-size:1em;
margin:20px 0;
padding:5px 10px;
}
#offer_detail #favarea button.add{
background:#DF0426;
border:none;
}
#offer_detail #favarea button.done{
background:#aaa;
border:none;
}



#offer_detail form p{
text-align:center;
}
#offer_entry form{
border-top:2px solid #E3E7EB;
text-align:center;
padding:20px 0 30px;
}
#offer_entry form div{
overflow:hidden;
margin:30px 0;
}
button.back{
font-weight:bold;
background:linear-gradient(to bottom, #d74634,#ab3d30);
color:#fff;
}
button.go{
font-weight:bold;
background:linear-gradient(to bottom, #5a9cd9,#377fb5);
color:#fff;
}
#pager {
text-align:center;
}
#pager {
margin-top:40px;
overflow:hidden;
list-style:none;
padding:0;
}
#pager li {
float:left;
width:30px;
height:30px;
text-align:center;
line-height:30px;
border:1px solid #edeced;
background-color:#fff;
margin-right:3px;
}
#pager li a {
display:block;
height:100%;
color:#202020;
font-size:0.81em;
}
#pager li a:hover {
color:#1b93f3;
background-color:#efefef;
}
#pager li.cur {
color:#fff;
background-color:#9E3729;
}

#submitArea{
text-align:center;
}
#absent_detail #contents button{
display:inline-block;
width:10em;
text-align:center;
margin:50px 20px 20px;
background:linear-gradient(to bottom, #5a9cd9,#377fb5);
color:#fff;
font-size:1.5em;
text-decoration:none;
border:2px solid #3577a8;
border-radius:6px;
}
#absent_detail #contents button.del{
background:linear-gradient(to bottom, #d74634,#ab3d30);
color:#fff;
border:2px solid #ab3d30;
}

p#deleteMessage{
text-align:center;
font-size:1.5em;
color:#d74634;
font-weight:bold;
margin:30px 0;
}

#attend_list #contents h2,
#attendance_detail #contents h2,
#attendance_confirm #contents h2,
#report_index #contents h2,
#report_confirm #contents h2{
margin:40px 0;
text-align:center;
font-size:1.2em;
}
#attend_list #contents dl{
margin:0;
padding:0;
border-top:1px solid #E3E7EB;
overflow: hidden;
display:table;
width:100%;
}
#attend_list #contents dl dt{
width:400px;
overflow:hidden;
display:table-cell;
box-sizing: border-box;
vertical-align:top;
padding:10px 5px;
color:#000;
}
#attend_list #contents dl dd{
display:table-cell;
padding:10px 5px 10px 0;
vertical-align:middle;
line-height:100%;
}
#attend_list #contents dl dd:last-child{
text-align:right;
width:8em;
}
#attend_list #contents dl dd a,
#absent_list #contents dl dd a{
display:inline-block;
background:#005CC4;
color:#ffffff;
font-size:0.9em;
padding:5px 10px;
text-decoration:none;
border-radius:20px;
}
#attend_list #contents dl dd a:hover,
#absent_list #contents dl dd a:hover{
opacity:0.6;
}

#attend_list #contents #schedule_list{
border-bottom:1px solid #E3E7EB;
}
#attend_list #pager li{
width:100px;
display:inline-block;
float:none;
margin:20px 10px;
}
#attend_detail form div,
#report_index form div,
#early form div,
#early_confirm form div {
border-top:2px solid #E3E7EB;
padding:30px 0;
text-align:center;
}
#attend_detail #contents dl dd strong,
#report_index #contents dl dd strong,
#early #contents dl dd strong{
display:block;
color:#DC503C;
margin-top:8px;
}
#attend_detail #contents textarea{
font-size:1em;
height:3em;
}
#attendance_detail #contents dl{
border-top:1px solid #E3E7EB;
}
#attendance_detail #contents dd,
#report_index #contents dl.stu dd{
text-align:center;
}
#attendance_detail #contents dd input[type=radio],
#report_index #contents dl.stu dd input[type=radio]{
display: none;
}
#attendance_detail #contents dd label,
#report_index #contents dl.stu dd label {
background-color: #eeeeee;
padding: 5px 30px;
border-radius:5px;
margin-right:20px;
}
#attendance_detail #contents dd label:hover,
#report_index #contents dl.stu dd label:hover {
cursor:pointer;
}
#attendance_detail #contents dd input[type=radio]:checked + label,
#report_index #contents dl.stu dd input[type=radio]:checked + label {
background-color: #ea5441;
color:#ffffff;
}
#attendance_detail #contents dd input[type=radio]:first-child:checked + label,
#report_index #contents dl.stu dd input[type=radio]:first-child:checked + label {
background-color: #005CC4;
color:#ffffff;
}
#attendance_detail form div {
border-top:1px solid #E3E7EB;
padding:30px 0;
text-align:center;
}
#attendance_confirm #contents ul,
#report_confirm #contents ul.stu{
overflow:hidden;
list-style:none;
margin:0;
padding:0;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
#attendance_confirm #contents li,
#report_confirm #contents ul.stu li{
box-sizing:border-box;
width:20%;
float:left;
padding-top:5px;
text-align:center;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#fafafa
}
#attendance_confirm #contents li span,
#report_confirm #contents ul.stu li span{
display:block;
background-color:#ffffff;
padding:5px 0 5px;
}
#attendance_confirm #contents li span i,
#report_confirm #contents ul.stu li span i{
font-style:normal;
color:#DC503C;
font-weight:bold;
}
#attendance_confirm form div,
#report_confirm form div {
padding:50px 0;
text-align:center;
}
#report_index input[type="text"],
#report_index textarea{
font-size:1em;
}
#manual_index ul#manual_menu{
margin:0;
padding:0;
list-style:none;
text-align:center;
}
#manual_index ul#manual_menu li,
#casestudy #main a
{
display:inline-block;
width:345px;
border:2px solid #000;
border-radius:14px;
position: relative;
text-indent:1em;
margin:0 18px;
}
#manual_index ul#manual_menu li::before,
#casestudy #main a::before
{
position: absolute;
content: '';
width: 0;
height: 0;
border: solid 9px transparent;
border-left: solid 12px #000;
top: 50%;
right: 6px;
margin-top: -9px;
}
#manual_index ul#manual_menu li a,
#casestudy #main a
{
display:block;
padding:20px;
text-align:center;
color:#000000;
text-decoration:none;
font-size:1.22em;
font-weight:bold;
}
#manual_index li.to_talk{
background: url("/img/ico_talk.png") 60px center / 33px no-repeat #ffef00 ;
}
#manual_index li.to_case,
#casestudy #main a
{
background: url("/img/ico_case.png") 60px center / 33px no-repeat #ffef00 ;
}
#talkscript #main .container > h1{
background: url("/img/ico_talk.png") top center / 58px no-repeat ;
padding-top:50px;
}
#talkscript ul#talk_menu{
margin:0 0 50px;
padding:0;
}
#talkscript ul#talk_menu li{
display:inline-block;
margin:0;
padding:0;
}
#talkscript ul#talk_menu li:last-child:after{
content:none;
}
#talkscript ul#talk_menu li a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
#talkscript section{
width:730px;
margin:0 auto 50px;
}
#talkscript section h1{
font-size:1.37em;
color:#000000;
background:#ffef00;
text-align:center;
padding:6px 0;
margin-bottom:30px;
}
#talkscript section div{
border:2px solid #000000;
border-radius:5px;
margin-bottom:20px;
}
#talkscript section div h2{
position: relative;
background-color:#ffffff;
border-radius:2px;
padding:5px 10px;
font-size:1.18em;
}
#talkscript section div h2:hover{
cursor:pointer;
}
#talkscript section div h2.open{
background-color:#65a6de;
color:#ffffff;
}
#talkscript section div p{
background-color:#ffffff;
margin-bottom:0;
padding:20px;
}
#talkscript section div p span{
display:block;
color:#65a6de;
font-weight:bold;
}
#talkscript section div h2::after {
content: "";
position: absolute;
top: 15px;
right: 15px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #000;
}
#talkscript section div h2.open:before{
content: "";
position: absolute;
background: #fff;
top: 50%;
right: 24px;
width: 2px;
height: 18px;
transform: translate(-50%, -50%) rotateZ(45deg);
}

#talkscript section div h2.open::after{
content: "";
position: absolute;
background: #fff;
top: 50%;
right: 24px;
width: 2px;
height: 18px;
transform: translate(-50%, -50%) rotateZ(-45deg);
border:none;
}

#casestudy_top #main h1{
background: url("/img/ico_case.png") top center / 58px no-repeat ;
padding-top:50px;
}
#casestudy_top #main div{
overflow:hidden;
}
#casestudy_top #main div dl{
position:relative;
display: table;
width: 430px;
border: 2px solid #000;
border-radius:10px;
float:left;
background:#fff;
margin:20px 0;
box-sizing: border-box;
}
#casestudy_top #main div dl:nth-child(odd){
margin-right:35px;
}
#casestudy_top #main div dl a{
display:block;
text-decoration:none;
color:#000000;
}
#casestudy_top #main div dl dt,
#casestudy_top #main div dl dd{
display: table-cell;
padding: 10px 15px;
vertical-align: middle;
line-height:140%;
font-weight:bold;
}
#casestudy_top #main div dl dt{
width: 60px;
background-color: #ffef00;
text-align:center;
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
font-size:1.56em;
}
#casestudy_top #main div dl dt span{
display:block;
font-size:0.65em;
}
#casestudy_top #main div dl dd{
font-size:1.37em;
}
#casestudy_top #main div dl:after{
position: absolute;
content: '';
width: 0;
height: 0;
border: solid 9px transparent;
border-left: solid 12px #000;
top: 50%;
right: 6px;
margin-top: -9px;
}

#casestudy #main .container{
width:730px;
}
#casestudy #main h1{
font-size:1.75em;
}
#casestudy #main h1 span{
display:inline-block;
background-color:#000;
color:#fff;
padding:0 0.4em;
border-radius:5px;
}
#casestudy #main h2{
background: url("/img/ico_case.png") center left 20px / 46px no-repeat ;
background-color:#ffef00;
font-size:1.47em;
padding:15px 15px 15px 85px;
border-radius:8px;
margin-bottom:30px;
}
#casestudy #main p{
line-height:170%;
}
#casestudy #main p b{
color:#37a7dd;
font-weight:bold;
}
#casestudy #main section{
border:2px solid #000;
border-radius:8px;
background-color:#fff;
padding:20px;
margin:30px 0 80px;
}
#casestudy #main section h3{
text-align:center;
font-size:1.18em;
background-image: url('/img/ico_eye.png'),url('/img/ico_eye.png');
background-position:left 240px center,right 240px center;
background-repeat:no-repeat,no-repeat;
background-size:15px;
margin-bottom:20px;
}
#casestudy #main section p{
position: relative;
padding:20px 0 0;
}
#casestudy #main section p:before{
content: "";
background-image: linear-gradient(to right, #000, #000 5px, transparent 5px, transparent 10px);
background-size: 10px 1px;
background-repeat: repeat-x;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#casestudy #main a{
margin:0 auto;
}

#icebreak #main section{
width:730px;
margin:0 auto 50px;
}
#icebreak #main section h2{
font-size: 1.37em;
color: #000000;
background: #ffef00;
text-align: center;
padding: 6px 0;
margin-bottom: 30px;
}
#icebreak #main section ul{
list-style:none;
margin:0;
padding:0;
}
#icebreak #main section li{
border: 2px solid #000000;
border-radius: 5px;
margin-bottom: 20px;
}
#icebreak #main section li a{
display:block;
background-color: #ffffff;
border-radius: 2px;
padding: 5px 10px;
font-size: 1.18em;
font-weight:bold;
color:#000;
text-decoration:none;
}

#accountDeleteConfirm{
text-align:center;
border:2px solid #000;
background-color:#fff;
padding:20px;
}
#accountDeleteConfirm label{
color:#Df0426;
font-weight:bold;
}
#accountDeleteConfirm button{
background:#DF0426;
color:#fff;
margin-top:30px;
}





/**
 *  PC -----------------------------------------------------------
 */
@media screen and (min-width:480px){
ul#gnavi {
margin-bottom:50px;
}
ul#gnavi li{
line-height:150%;
}
#offer_list #contents dl dt,
#absent_list #contents dl dt
{
/*font-size:1.1em;*/
}
#offer_list #contents dl dd,
#absent_list #contents dl dd
{
/*font-size:1.1em;*/
}
#offer_entry #contents dl dt,
#offer_entry #contents dl dd,
#absent_detail #contents dl dt,
#absent_detail #contents dl dd,
#attend_detail #contents dl dt,
#attend_detail #contents dl dd,
#early #contents dl dt,
#early #contents dl dd,
#early_confirm #contents dl dt,
#early_confirm #contents dl dd
{
font-size:1.3em;
padding:20px;
}
#offer_entry #contents dl dt,
#absent_detail #contents dl dt,
#attend_detail #contents dl dt,
#early #contents dl dt,
#early_confirm #contents dl dt{
width:230px;
}
#offer_entry form button,
#attend_detail form button,
#attendance_detail form button,
#attendance_confirm form button,
#report_index form button,
#report_confirm form button,
#early form button,
#early_confirm form button{
display:inline-block;
width:40%;
}
#offer_entry_submit .container > p,
#user_submit .container > p{
margin-bottom:200px;
}
#absent_list #contents dl dd{
width:22%;
line-height:100%;
}
#offer_search dt{
width: 170px;
font-size: 1.2em;
}

#offer_search fieldset legend{
width: 170px;
font-size: 1.2em;
padding-top:30px;
}
#offer_search fieldset div{
width:726px;
}
#offer_search fieldset.l1 legend{
padding-top:20px;
}
#offer_search fieldset.l3 legend{
padding-top:40px;
}
#accountDeleteConfirm p:first-child,
#accountDeleteConfirm label{
font-size:1.1em;
}
#accountDeleteConfirm button{
width:320px;
}







}
/**
 *  MOBILE -------------------------------------------------------
 */
@media screen and (max-width:479px){

#preopen{
margin:100px auto 200px;
}
#preopen h1{
margin-bottom:20px;
color:#2ea8e1;
font-size:1.5em;
}
#preopen p{
text-align:center;
}
ul#gnavi {
margin-bottom:30px;
}
ul#gnavi li{
width:100px;
margin-right:10px;
border-width:2px;
line-height:3em;
}
ul#gnavi li a{
font-size:1em;
}
#main .container > h1{
font-size:1.1em;
padding:10px;
margin-bottom:30px;
}
#contents{
background-color:#ffffff;
border-radius:10px;
padding:10px;
}
#offer_search th,
#offer_search td{

}
#offer_search th{
width:50px;
font-size:1em;
}
#offer_search dt{
width:90px;
}
#offer_search button{
font-size:1.2em;
}
#offer_search span{
display:block;
}


#offer_list2022 .thumb{
width:120px;
padding:10px 10px 0;
}
#offer_list2022 .thumb img{
width:100%;
}
#offer_list2022 .cont{
float:none;
padding: 0px 10px 10px 10px;
}
#offer_list2022 .cont ul{
margin-bottom:18px;
}
#offer_list2022 .cont li{
margin-right:2px;
padding:2px;
font-size:0.8em;
}
#offer_list2022 .cont p{
font-size:0.8em;
}
#offer_list2022 .cont a{
font-size:0.9em;
color:#005cc4;
text-decoration:underline;
}
#offer_list2022 #pager{
padding:40px 0;
text-align:center;
}
#offer_list2022 #pager li{
display:inline-block;
float:none;
border:none;
}
#offer_list2022 #pager li.cur{
background:#005cc4;
}
#offer_list2022 #pager li a{
text-decoration:none;
}

#clubimg{
width:315px;
}
#clubimg .main-img{
height:186px;
}
#clubimg ul li{
width:20%;
}

#offer_list #contents dl,
#offer_list #contents dl dt,
#offer_list #contents dl dd,
#offer_entry #contents dl,
#offer_entry #contents dl dt,
#offer_entry #contents dl dd
{
display:block;
padding:0;
margin:0;
}
#offer_list #contents dl,
#offer_entry #contents dl{
padding-top:10px;
margin-bottom:10px;
border-width:1px;
}
#offer_list #contents dl dt span{
display:inline-block;
background:#005CC4;
padding:0px 10px;
margin-left:8px;
color:#ffffff;
font-size:0.8em;
line-height:160%;
}
#absent_list #contents dl dt span{
padding:0px 10px;
margin-left:8px;
font-size:0.8em;
line-height:160%;
}
#offer_list #contents dl dd a{
display:block;
}
#offer_detail .container dt{
font-size:1em;
font-weight:bold;
padding:5px 10px;
}
#offer_detail #contents button{
width:100%;
font-size:1.1em;
font-weight:bold;
margin:30px 0;
}
#offer_entry .container > h1{
margin-bottom:15px;
}
#offer_entry .container > p{
font-size:0.9em;
}
#offer_entry form{
border-top:1px solid #E3E7EB;
}
#offer_entry form button{
width:100%;
}
#offer_entry_submit .container > p,
#user_submit .container > p{
margin-bottom:100px;
}
#absent_list #contents dl,
#absent_list #contents dl dt,
#absent_list #contents dl dd
{
box-sizing:border-box;
font-size:1em;
line-height:100%;
padding:5px;
}
#absent_list #contents dl#table_title dt{
width:auto;
display:table-cell;
padding:0
}
#absent_list #contents dl#table_title dd{
width:50%;
padding:0
}
#absent_list #earlybtn a{
width:auto;
}
#absent_list #contents dl dt{
width:100%;
display:block;
}
#absent_list #contents dl dd{
display:block;
float:left;
margin:0;
width:27%;
}
#absent_list #contents dl dd:nth-child(2){
width:46%;
}
#absent_detail #contents dl dt,
#attend_detail #contents dl dt,
#report_index #contents dl dt,
#early #contents dl dt,
#early_confirm #contents dl dt{
width:110px;
}
#absent_detail #contents button{
font-size:1em;
margin:30px 0;
width:auto;
}
p#deleteMessage{
font-size:1.3em;
}
#attend_list #contents h2,
#attendance_detail #contents h2,
#attendance_confirm #contents h2,
#absent_list #contents h2,
#report_index #contents h2,
#report_confirm #contents h2,
#early #contents h2 {
margin:20px 0;
font-size:1em;
}
#absent_list #contents dl,
#attend_list #contents dl{
box-sizing:border-box;
padding: 5px 0px;
}
#attend_list #contents dl dt,
#attend_list #contents dl dd{
box-sizing: border-box;
display:block;
width:auto;
padding: 0 5px;
}
#attend_list #contents dl dd{
margin:0;
width:50% !important;
float:left;
text-align:center;
}
#attend_detail form button,
#attendance_detail form button,
#attendance_confirm form button,
#report_confirm form button,
#early form button,
#early_confirm form button{
display:inline-block;
width:40%;
}
#attendance_detail #contents dl,
#report_index #contents dl,
#report_confirm #contents dl{
padding:10px;
box-sizing:border-box;
}
#attendance_detail #contents dl dt,
#attendance_detail #contents dl dd,
#report_index #contents dl dt,
#report_index #contents dl dd,
#report_confirm #contents dl dt,
#report_confirm #contents dl dd{
display:block;
width:auto;
margin:0;
padding:0;
}
#attendance_detail #contents dl dd,
#report_index #contents dl dd{
padding-top:5px;
}
#attendance_detail #contents dd label,
#report_index #contents dl.stu dd label{
padding:8px 15px;
margin:0;
}
#attendance_confirm #contents li,
#report_confirm #contents ul.stu li{
width:50%;
font-size:0.9em;
}
#report_index input.short{
width:50px;
}
#report_index #contents button{
width:100%;
}

#manual_index ul#manual_menu li,
#casestudy #main a{
width:100%;
margin:0 0 20px
}
#manual_index ul#manual_menu li a,
#casestudy #main a{
font-size:0.93em;
padding:15px 0;
}
#talkscript ul#talk_menu{
text-align:center;
}
#talkscript ul#talk_menu li a{
font-size:0.68em;
}
#talkscript section{
width:100%;
margin-bottom:30px;
}
#talkscript section h1{
margin-bottom:15px;
}
#talkscript section div{
margin-bottom:10px;
}
#talkscript section h1{
font-size:1em;
}
#talkscript section div h2{
font-size:0.93em;
}
#talkscript section div h2::after {
top:10px;
}
#talkscript section div p{
font-size:0.87em;
}
#casestudy_top #main div dl{
width:100%;
margin:0 0 15px;
}
#casestudy_top #main div dl:nth-child(odd){
margin-right:0;
}
#casestudy_top #main div dl dt,
#casestudy_top #main div dl dd{
padding:10px 10px;
}
#casestudy_top #main div dl dt{
width:50px;
font-size:1.12em;
line-height:120%;
}
#casestudy_top #main div dl dt span{
font-size:0.81em;
}
#casestudy_top #main div dl dd{
font-size:0.93em;
}

#casestudy #main .container{
width:auto;
}
#casestudy #main h1{
font-size:1.12em;
}
#casestudy #main h2{
font-size:1.12em;
background-size:40px;
padding:10px 15px 10px 70px;
}
#casestudy #main p{
font-size:0.93em;
}
#casestudy #main section h3{
font-size:1em;
background-position:left 40px center,right 40px center;
}
#casestudy #main section{
margin-bottom:50px;
}
#icebreak #main section{
width:auto;
}
#icebreak #main section h2{
font-size: 1em;
}
#icebreak #main section li a{
font-size:0.93em;
}

#offer_search fieldset legend{
width: 100%;
font-size: 1em;
padding:10px;
}
#offer_search fieldset div{
width:100%;
}

#accountDeleteConfirm button{
width:100%;
}








}