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

.box01 {
    text-align: center;
}
.title {
    font-size: 19px;
    line-height: 1.5;
    margin: 0 0 25px;
    text-decoration: underline;
}
.box01 p {
    margin: 0 0 20px;
    text-align: left;
}
.box01 .photo {
    padding-top: 15px;
}
.box01 ul {
}
.box01 li {
    margin: 0 0 80px;
}
.box02 {
}
.box02 h2 {
}
.box02 li {
    margin: 0 0 30px;
    overflow: hidden;
}
.box02 .li1 .inner {
    float: left;
    width: 350px;
}
.box02 h3 {
    margin: 0 0 20px;
}
.box02 p {
}
.box02 .thum {
    margin: 0 20px 0 0;
}
.li1 {
}
.li2 {
}
.li3 {
}
.li4 {
}
.box03 {
}
.box03 ul {
}
.box03 li {
    margin: 0 0 50px;
}
.box03 h3 {
    margin: 0 0 20px;
    text-align: center;
}
.box03 .photo {
    margin: 10px 0 20px;
}
.box04 {
}
.box04 ul {
    padding: 0 0 80px;
}
.box04 li {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 20px;
}


/* =============================================================================
   Until 768
   ========================================================================== */
   
@media screen and (max-width: 768px){
.box02 .li1 .inner {
    width: 55%;
}
.thumr {
    width: 40%;
}
.box02 .li3 .inner {
    float: right;
    width: 60%;
}
.box02 .li3 .thum {
    width: 40%;
	margin:0;
}
}

/* =============================================================================
   Until 640
   ========================================================================== */
   
@media screen and (max-width: 640px){


}