@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:#65A6DE;
border-color:#65A6DE;
}
ul#gnavi li a{
display:block;
height:100%;
color:#000;
text-decoration:none;
font-size:14px;
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 table{
border-collapse:collapse;
border:2px solid #000000;
}
#offer_search th,
#offer_search td{
padding:20px 25px;
border-bottom:1px solid #000000;
line-height:170%;
}
#offer_search th{
background-color:#E8F2FA;
width:130px;
font-size:1.3em;
font-weight:normal;
}
#offer_search td{
background-color:#fff;
}
#offer_search td span{
font-size:12px;
}
#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-repeat: no-repeat;
background-position: 20%;
text-decoration:none;
font-size:1.5em;
border:2px solid #3577a8;
border-radius:5px;
margin:40px auto 60px;
padding-left:40px;
}

#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:12px;
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:#65A6DE;
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:#EA5441;
}
#absent_list #contents dl dt span.a2{
background:#8f3ff1;
}
#absent_list #contents dl dd i{
font-style:normal;
font-size:smaller;
color:#EA5441;
}
#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);
color:#fff;
font-size:1.5em;
text-decoration:none;
border:2px solid #3577a8;
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:#EA5441;
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:13px;
}
#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:#65A6DE;
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: #65A6DE;
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{
display:flex;
flex-wrap: wrap;
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%;
/*
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 auto;;
padding:0;
list-style:none;
text-align:center;
overflow:hidden;
width:770px;
}
#manual_index ul#manual_menu li,
#casestudy #main a
{
/*display:inline-block;*/
display:block;
width:345px;
float:left;
border:2px solid #000;
border-radius:14px;
position: relative;
text-indent:1em;
margin:0 18px 20px;
}
#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:20px;
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 ;
}
#manual_index ul#manual_menu li.to_comp{
background: 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::after{
content:'｜';
}
#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:22px;
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:19px;
}
#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:25px;
}
#casestudy_top #main div dl dt span{
display:block;
font-size:16px;
}
#casestudy_top #main div dl dd{
font-size:22px;
}
#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:28px;
}
#casestudy #main h1 span{
display:inline-block;
background-color:#000;
color:#fff;
padding:0 0.8em;
border-radius:5px;
}
#casestudy #main h2{
background: url("/img/ico_case.png") center left 20px / 46px no-repeat ;
background-color:#ffef00;
font-size:24px;
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:19px;
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;
}

#compliance #movie{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
#compliance #movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#compliance #button 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;
box-sizing:border-box;
padding:12px;
font-size:18px;
}
#compliance p#done{
border:2px solid #5a9cd9;
background:#fff;
padding:20px;
}


#compliance_test dl,
#compliance_submit dl{
}
#compliance_test dl dt,
#compliance_submit dl dt{
padding:20px;
}
#compliance_test dl dd,
#compliance_submit dl dd{
padding:0 20px 20px;
margin:0;
}
#compliance_test textarea,
#compliance_submit textarea{
height:10em;
}
#compliance_test button.go,
#compliance_submit button.go{
width:320px;
}

#admin_index #indexBtn{
width: 780px;
margin: 20px auto;
overflow: hidden;
}
#admin_index #indexBtn li{
width: 163px;
float: left;
background: #F3F2F2;
margin-right: 30px;
margin-bottom: 40px;
text-align: center;
border: 1px solid #5f3b13;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#admin_index #indexBtn li a{
display: block;
height: 100%;
padding: 40px 0 40px;
font-size: 21px;
font-weight: bold;
color:#000;
text-decoration:none;
}
#admin_area #contents ul{
padding:20px 30px;
}
#admin_area #contents ul li{
border-bottom:1px solid #E3E7EB;
padding:10px;
}
#admin_area #contents ul li a{
display:block;
color:#000;
text-decoration:none;
}
#admin_area #contents ul li a:hover{
text-decoration:underline;
}

/**
 *  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%;
}











}
/**
 *  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 button{
font-size:1.2em;
}
#offer_search span{
display:block;
}
#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:#65A6DE;
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{
width:auto;
margin:0;
}
#manual_index ul#manual_menu li,
#casestudy #main a{
width:100%;
margin:0 0 20px;
box-sizing:border-box;
}
#manual_index ul#manual_menu li a,
#casestudy #main a{
font-size:15px;
padding:15px 0;
}
#talkscript ul#talk_menu{
text-align:center;
}
#talkscript ul#talk_menu li a{
font-size:11px;
}
#talkscript section{
width:100%;
margin-bottom:30px;
}
#talkscript section h1{
margin-bottom:15px;
}
#talkscript section div{
margin-bottom:10px;
}
#talkscript section h1{
font-size:16px;
}
#talkscript section div h2{
font-size:15px;
}
#talkscript section div h2::after {
top:10px;
}
#talkscript section div p{
font-size:14px;
}
#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:18px;
line-height:120%;
}
#casestudy_top #main div dl dt span{
font-size:13px;
}
#casestudy_top #main div dl dd{
font-size:15px;
}

#casestudy #main .container{
width:auto;
}
#casestudy #main h1{
font-size:18px;
}
#casestudy #main h2{
font-size:18px;
background-size:40px;
padding:10px 15px 10px 70px;
}
#casestudy #main p{
font-size:14px;
}
#casestudy #main section h3{
font-size:16px;
background-position:left 40px center,right 40px center;
}
#casestudy #main section{
margin-bottom:50px;
}

#compliance #button a{
width:100%;
}

#admin_index #indexBtn{
width: auto;
margin:20px 10px;
}
#admin_index #indexBtn li{
width: 27%;
margin:0 7% 20px 0;
}
#admin_index #indexBtn li:nth-of-type(3n){
margin-right:0;
}
#admin_index #indexBtn li a{
padding: 20px 0;
font-size: 16px;
}
#admin_area #contents ul{
padding:20px 0;
}









}
