@charset "UTF-8";
/* CSS Document */

.joboffer{
width: 860px;
margin: 60px auto 100px auto;
display: block;
height: auto;
}
p {
font-size: 16px;
text-align: center;
display: block;
margin: 0px auto;
width: 100%;
}

.joboffer .blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
	color: #e75297;
	font-size: 18pt;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}


.joboffer dl {
    width:100%;
    margin:60px auto 60px auto;
}
.joboffer dt {
font-size : 20px;
color : #00b1bb;
 border-bottom:2px dashed #ffed00;
 margin-bottom:20px;
 text-indent: 15px;
}
.joboffer dd {
font-size : 17px;   
margin-bottom:30px;
}

.joboffer dd ul {
    margin-left:50px;
}

.joboffer dd li {
    font-size : 17px;
}


.internship{
    width:55%;
    border:1px solid #00b1bb;
    background-color: #ffffff;
    margin:20px auto;
    padding:20px;
}
.internship h4 {
    text-align: center;
    font-size:20px;
    font-weight: bolder;
    color:#00b1bb;
    margin-bottom:10px;
}
.internship p,
.internship a {
    text-align: center;
    line-height: 32px;
}



/* ============================================== スマートフォン ============================================================================================================================================== */
@media screen and (max-width: 769px) {


.joboffer{
width: 100%;
margin: 30px auto 50px auto;
display: block;
height: auto;
}

.joboffer p,
.internship a,
.internship p{
width:90%;
  font-size : 17px;
  line-height : 24px;
    margin:0px auto;
    text-decoration: none;
}

.joboffer p {
    text-align: left;
}

.joboffer .blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
	color: #e75297;
	font-size: 13pt;
}

@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.joboffer p br {
    display: none;
}

.joboffer dl {
    width:90%;
    margin:40px auto 40px auto;
}
.joboffer dt {
font-size : 20px;
color : #00b1bb;
 border-bottom:2px dashed #ffed00;
 margin-bottom:10px;
 text-indent: 10px;
}
.joboffer dd {
      font-size : 17px;
  margin-bottom:20px;
}

.joboffer dd ul {
    margin-left:30px;
}

.internship{
    width:80%;
    border:1px solid #00b1bb;
    background-color: #ffffff;
    margin:0px auto 60px auto;
    padding:5% 0%;
}

.internship h4 {
    text-align: center;
    font-size:20px;
    color:#00b1bb;
    margin-bottom:10px;
}

.internship p,
.internship a {
    text-align: center;
    line-height: 20px;
    font-size:17px;
}


}