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

.ttl{  width:100%;justify-content: flex-end;align-items: baseline;}
.ttlmain{ margin-right: auto; font-size:32px; line-height:32px; width:400px}
.icon{ border-radius:5px; font-size:15px; color:#FFF; line-height:30px; padding:0 5px; margin:0 0 0 5px; width:150px; text-align:center}
article{ margin:20px 0; padding:0; width:100%}
.maincopy{ font-size:1.4rem; line-height:2.6rem; margin:40px 0}
.maincopy p:before {  content: '・';}
.maincopy p{ margin:0; padding:0 0 0 13px; text-indent:-13px}
article h3{ font-size:2.4rem; line-height:3.4rem; border-bottom:1px solid #43B8A6; color:#333; padding:5px; margin:0}
article h4{ font-size:2.0rem; line-height:3.0rem; color:#43B8A6; padding:5px; margin:0 0 0 20px}
article p{ margin:0 0 0 40px; font-size:1.4rem; line-height:2.6rem;}
.photo{ width:100%; margin:0; padding:20px 0 0 40px; box-sizing:border-box; text-align:right; font-size:1.2rem; line-height:1.4rem;  justify-content: space-between; }
.photo img{ width:100%;  }
.photo div img{ padding:0 1%;  }
.photo1 div{ width:49%;}
.photo2 div{ width:31%;}
.photo3{ width:73% }
.photo4{ width:26%}
.taskmenu a{ border:#43B8A6 1px solid; border-radius:5px; width:45%; max-width:500px; color:#43B8A6; font-size:2.0rem; line-height:3.0rem; padding:10px 0; text-align:center  }
.taskmenu a:hover{ background-color:#43B8A6; color:#FFF  }
.taskmenu{ justify-content: space-around; width:100%; margin:60px auto}
.subttl{font-size:20px; line-height:30px; font-weight:bold;}
.bd{ border:#000 1px solid}
@media only screen and (max-width: 1100px) {.ttlmain{ width:100%; margin:0 0 20px 0} 
.icon{width:auto; padding:5px; margin:5px; font-size:12px; line-height:16px}
.taskmenu a{ font-size:1.6rem;  }
}
@media only screen and (max-width: 568px) {
	.ttlmain{font-size:24px; line-height:24px;}
	.photo{ padding:10px 0 0 0;  }
article p{ margin:0 0 0 20px}
.taskmenu a{ width:90%; margin:10px auto }
.icon{width:auto; padding:4px 2px; margin:2px 1px; font-size:4px; line-height:10px}
.photo2 div{ width:90%; margin:5px auto}
.photo3{ width:90%; margin:5px auto}
.photo4{ width:90%; margin:5px auto}

}