@media screen and (min-width: 768px), print {
h2{
	width: 100%;
	display: table;
    font-size: 38px;
	line-height:1.0;
	color:#726F70;
	padding:140px 0 60px;
	background: fff;
	letter-spacing:1px;
	text-align:center;
}
h3{
width: 100%;
display: table;
letter-spacing:1px;
text-align:center;
font-size: 32px;
margin: 10px auto 50px;
line-height:1.0;
color: #003B90;
}

h4.title {
position: absolute;
font-size: 20px;
margin: -40px auto 0px;
padding: 5px 20px;
color: #fff;
background: #11A8E0;
transform: rotate(-5deg);
}
h5 {
font-size: 17px;
}
h5.title{
font-size: 20px;
line-height: 150%;
color:#003B90;
text-align: center;
}

p.txt {
font-size: 18px;
line-height: 180%;
padding: 0 0 30px;
text-align: center;
font-weight: bold;
}
}
 
@media screen and (max-width: 767px) {
h2{
	width: 100%;
	display: table;
    font-size: 20px;
	line-height:1.0;
	color:#726F70;
	padding:85px 0 25px;
	background: fff;
	letter-spacing:1px;
	text-align:center;
}
h3{
width: 100%;
display: table;
letter-spacing:1px;
text-align:center;
font-size: 20px;
margin: 10px auto 20px;
line-height:1.0;
color: #003B90;
}
h4.title {
position: absolute;
font-size: 18px;
margin: -35px auto 0px;
padding: 5px 10px;
color: #fff;
background: #11A8E0;
transform: rotate(-5deg);
}
h5 {
font-size: 17px;
}
h5.title{
font-size: 17px;
line-height: 150%;
color:#003B90;
text-align: center;
margin: 0 0 10px 0;
}

p.txt {
font-size: 16px !important;
line-height: 180%;
padding: 0 0 20px;
text-align: center;
font-weight: bold;
}
}

@media screen and (min-width: 768px), print {
.work_page{
  width: 100%;
  height:auto;
  text-align:center;
}
.work_page img{
  width: 100%;
}
}
@media screen and (max-width: 767px) {
.work_page{
  width: 100%;
  text-align:center;
}
.work_page img{
  width: 100%;
}
}


@media (min-width: 768px) {
.intern_top {
margin: 0 auto;
width: 100%;
list-style:none;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.intern_top li{
width:48%;
margin:0% 1%;
vertical-align: top;
padding:15px;
line-height:150%;
}
.intern_top .course {
float: left;
width: 100%;
border: 1px solid #3E3A3A;
border-radius: 10px;
padding: 20px 20px;
background: #fff;
position: relative;
}
  .intern_top .course:before{
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -0px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 2;
  }
  .intern_top .course:after{
  position: absolute;
  border: 10px solid transparent;
  border-top-color: #3E3A3A;
  border-bottom-width: 0;
  bottom: -11px;
  content: "";
  left: 50%;
  z-index: 1;
  }
  .intern_top  a.btn{
  display:block;
  width:100%;
  background:#E9407C;
  color:#fff;
  margin:15px auto 0;
  padding:10px 20px;
  letter-spacing:1px;
  text-decoration:none;
  border-radius: 5px;
}
  .intern_top .img_fr{
  margin: -80px 0 0 280px;
  position: absolute;
  z-index: 3;
  }
.intern_top p{
font-size: 15px;
line-height: 180%;
margin: 0px auto 20px;
border-bottom: 1px solid #B7B7B7;
padding: 10px;
}
.description p a {
display: block;
width: 100%;
background: #E9407C;
border-radius: 5px;
color: #fff;
line-height: 160%;
padding: 12px 8px 8px 10px;
letter-spacing: 1px;
text-decoration: none;
text-align: center;
font-size: 110%;
font-weight: 700;
}
}

@media (max-width: 767px) {

.intern_top {
margin: 0 auto;
width: 100%;
list-style:none;
}
.intern_top li{
width:100%;
margin:0% auto;
vertical-align: top;
padding:15px;
line-height:150%;
}
.intern_top .course {
float: left;
width: 100%;
border: 1px solid #3E3A3A;
border-radius: 10px;
padding: 15px;
background: #fff;
position: relative;
margin: 0 0 50px 0;
}
  .intern_top .course:before{
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -0px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 2;
  }
  .intern_top .course:after{
  position: absolute;
  border: 10px solid transparent;
  border-top-color: #3E3A3A;
  border-bottom-width: 0;
  bottom: -11px;
  content: "";
  left: 50%;
  z-index: 1;
  }
  .intern_top  a.btn{
  display:block;
  width:100%;
  background:#E9407C;
  color:#fff;
  margin:15px auto 0;
  padding:10px 20px;
  letter-spacing:1px;
  text-decoration:none;
  border-radius: 5px;
}
  .intern_top .img_fr{
  margin: -50px 0 0 0;
  position: absolute;
  right: 20px;
  z-index: 3;
  width: 80px;
  }
.intern_top p{
font-size: 15px;
line-height: 180%;
margin: 0px auto 20px;
border-bottom: 1px solid #B7B7B7;
padding: 5px;
}
.description p a {
display: block;
width: 100%;
background: #E9407C;
border-radius: 5px;
color: #fff;
line-height: 160%;
padding: 12px 8px 8px 10px;
letter-spacing: 1px;
text-decoration: none;
text-align: center;
font-size: 110%;
font-weight: 700;
}
}




@media screen and (min-width: 768px), print {
.description{
	width: 98%;
    /**/background: #fff;
    border: 1px solid #3E3A3A;
	border-radius:10px;
    padding: 50px 30px;
	margin:10px auto 0px;
    font-size: 15px;
	line-height:180%;
	display:table;
	color: #333;
}
.description h4{
color: #003B90;
font-size: 180%;
letter-spacing: 1px;
text-align: center;
margin: 0px 0 30px;
}
.description h5{
color: #003B90;
font-size: 120%;
letter-spacing: 1px;
background: #D1DCEB;
padding: 8px 8px 8px 20px;
margin: 20px 0 10px;
}

.description table {
  display:table;
  width: 100%;
  margin: 0px auto 0px;
  border-top: 1px solid #B7B7B7;
  text-align: left;
}
  .description table th {
    padding: 10px;
    text-align: center;
	vertical-align:top;
    width: 15%;
    border-bottom: 1px solid #B7B7B7;
    font-weight: bold;
	color: #003B90;
	}
  .description table td {
    box-sizing: border-box;
    border-bottom: 1px solid #B7B7B7;
    padding: 10px;
    background-color: #FFF;
  }
p.txt{
	text-align:center;
	width:100%;
	margin:15px auto 15px;
	float:none;
}
  .description p a{
	display:block;
	width:98%;
	background:#E9407C;
	border-radius:5px;
	color:#fff;
	line-height:160%;
	padding:12px 8px 8px 10px;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;
	font-size:110%;
  	font-weight:700;
  }
  .description p a.carrier{
	background:#406CAC;
	display:inline-block;
	width:auto!important;
	margin: 8px 0;
	padding:8px 20px 8px 20px;
  }
  .description p{
	width:100%;
	margin:10px 15px 0;
  }
 .description p .img_fr{
    margin: -70px 0 0 20px;
    position: relative;
    z-index: 3;
	width:70px;
}
}

@media screen and (max-width: 767px) {
.description{
	width: 100%;
    /**/background: #fff;
    border: 1px solid #3E3A3A;
	border-radius:10px;
    padding: 20px 20px;
    font-size: 15px;
	line-height:160%;
	margin:0px auto 0;
	color: #333;
}
.description h4{
color: #003B90;
font-size: 150%;
letter-spacing: 1px;
text-align: center;
}
.description h5{
color: #003B90;
font-size: 120%;
letter-spacing: 1px;
background: #D1DCEB;
padding: 8px 8px 8px 10px;
margin: 30px 0 10px;
}

.description table {
  display:table;
  width: 100%;
  margin: 0px auto 0px;
  border-top: 1px solid #B7B7B7;
  border-bottom: 1px solid #B7B7B7;
  text-align: left;
}
  .description table th {
    text-align: center;
	width: 20%;
    padding: 10px 0 5px;
	border-bottom: 1px solid #B7B7B7;
	font-weight: bold;
	color: #003B90;
	}
  .description table td {
	width: 80%;
	border-bottom: 1px solid #B7B7B7;
    padding: 5px 0 10px;
    background-color: #FFF;
  }
  .description table tr:last-child td{
	border-bottom: none;
  }
p.txt{
	text-align:center;
	margin:15px 5%;
	font-size:14px;
}
  .description p a{
	display:block;
	width:100%;
	background:#E9407C;
	border-radius:5px;
	color:#fff;
	line-height:160%;
	padding:12px 8px 8px 10px;
	text-decoration:none;
	text-align:center;
  	font-weight:700;
  }
  .description p a.carrier{
	background:#406CAC;
  }
  .description p{
	width:100%;
	margin:15px 1% 0;
  }
 .description p .img_fr{
    margin: -70px 0 0 0px;
    position: relative;
    z-index: 3;
	width:70px;
}
}

@media screen and (min-width: 768px), print {
.work_page_fukidashi{
    margin: -100px auto 0;
	width: 1000px;
    position: relative;
    background: #fff;
    border: 1px solid #3E3A3A;
	border-radius:10px;
    padding: 30px 50px 50px;
    text-align: center;
	font-size:15px;
	line-height:180%;
}
    /* 上三角 */ 
    .work_page_fukidashi:before{
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        margin-bottom: -0px;
        border: 10px solid transparent;
        border-bottom: 10px solid #fff;
        z-index: 2;
    }
    .work_page_fukidashi:after {
        position: absolute;
        border: 10px solid transparent;
        border-bottom-color: #3E3A3A;
        border-top-width: 0;
        top: -11px;
        content: "";
        left: 50%;
        z-index: 1;
    }
.work_page_fukidashi h4{
	color:#003B90;
	font-size:32px;
	margin:20px auto 30px;
}
.work_page_fukidashi p{
	display: table;
	text-align:left;
	margin-top:20px;
}
.work_page_fukidashi p img.pr{
	float:right;
	margin:0 0 0 20px;
	width:300px;
}
.work_page_fukidashi p img.pl{
	float:left;
	margin:0 20px 0 0;
	width:300px;
}
}
@media screen and (max-width: 767px) {
.work_page_fukidashi{
    margin: -50px auto 0;
	width: 90%;
    position: relative;
    background: #fff;
    border: 1px solid #3E3A3A;
	border-radius:10px;
    padding: 20px 20px 20px;
    text-align: center;
    font-size: 14px;
	line-height:170%;
}
    /* 上三角 */ 
    .work_page_fukidashi:before{
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -0px;
        border: 10px solid transparent;
        border-bottom: 10px solid #fff;
        z-index: 2;
    }
    .work_page_fukidashi:after {
        position: absolute;
        border: 10px solid transparent;
        border-bottom-color: #3E3A3A;
        border-top-width: 0;
        top: -11px;
        content: "";
        left: 50%;
        z-index: 1;
    }
.work_page_fukidashi h4{
	color:#003B90;
	font-size:18px;
	margin:10px auto 20px;
}
.work_page_fukidashi p{
	display: table;
	text-align:left;
	margin-top:20px;
}
.work_page_fukidashi p img{
	margin:0 auto;
	width:100%;
	max-height:200px;
}
}