body{
    font-size: 94%;
}
#sur{
    border-bottom: #28a860 2px solid;
}
/* CSS Document */
.pankuzu {
    width: 980px;
    margin: auto;
}
#tn_07 a{
    opacity: 1;
    border-bottom: #28a860 2px solid;
}
.main_visual{
    position: relative;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-content: center;
    background: url("../image/main_bg3.png") center no-repeat;
    background-size: cover;
    color: #fff;
}
.main_visual h2{
    font-size: 320%;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.main_visual p{
    font-size: 120%;
}
.main_area {
    width: 980px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.main_content{
    max-width: 740px;
    margin-top: 70px;
}
.main_text{
    text-align: center;
    background: url("../image/bg_01.png")no-repeat center;
    height: 420px;
    position: relative;
    margin-top: 10px;
}
.intro {
    font-size: 147%;
    text-align: center;
    margin-bottom: 35px;
}
.midashi{
    position: relative;
}
.contact_box {
    background: #eaf6ef;
    padding: 40px;
    margin-bottom: 60px;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.left_box, .right_box {
    position: relative;
    text-align: center;
    width: 48%;
    border: #339966 1px solid;
}
a.cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a.cover:hover{
    background: #fff;
    opacity: 0.3;
}
.link_top {
    font-size: 134%;
    background: #fff;
    color: #339966;
    padding: 30px;
}
.link_top::before{
    content: url("../image/arrow_l.png");
    padding-right: 10px;
}
.link_bottom {
    padding: 15px;
    background: #f0f0f0;
}


.sf_box{
    position: relative;
}
.sf_box.mt{
    margin-top: 50px;
}
.sf_box.mt .sf_midashi{
    margin-bottom: 30px;
}
.sf_midashi {
    color: #fff;
    background: #339966;
    padding: 10px 15px;
}
.sf_box .flex {
    padding: 10px 0;
    border-bottom: #c3c3c3 2px solid;
}
.sf_box .flex:last-child {
    padding: 10px 0;
    border-bottom:none;
}
.img_box {
    width: auto;
}
.img_box img {
    height: 100%;
    max-width: none;
}
.textbox {
    padding: 0 10px;
    width: 75%;
}
.textbox-title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.textbox-text {
    margin-bottom: 10px;
}
.textbox-item--green {
    font-size: 107%;
    color: #28a860;
    font-weight: bold;
}
.textbox-list li{
    text-indent: -1em;
    padding-left: 1em;
}
.worklist{
    margin-top: 20px;
}
.worklist .flex{
    justify-content: left;
    
}
.worklist-item{
    margin-right: 50px;
}
.block_title {
    margin-top: 20px;
    
    color: #28a860;
    padding: 0 0 5px 0;
    border-bottom: #28a860 2px solid;
    margin-bottom: 25px;
}
.tablebox{
    padding: 10px 0;
}
table {
    width: 100%;
}
thead,th{
    background: #eaf6ef;
}
th,td{
    border: #ccc 1px solid;
    padding: 5px;
}
th {
    width: 30%;
}
td{
	width: 104px;
    text-align: center;
}
.center th{
    text-align: center;
    width:33%;
}
.contact_info {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.info_tag{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 87%;
    background: #339966 url("../image/bg_logo.png") no-repeat center;
    background-size: 70%;
    padding: 20px;
    width: 20%;
}
.info_inner{
    background: #fff;
    padding: 25px 30px;
    line-height: 30px;
    width:85%;
}
.info_inner p{
    margin: 5px 0;
}
.mesh{
    background: #c9e9d7;
    padding: 5px;
    margin-right: 10px;
}



.block {
    display: flex;
    padding-bottom: 34px;
    background: url("../image/box_arrow.png")no-repeat left bottom;
}
.block.flow {
    margin-top: 50px;
	position: relative;
}
.part {
    max-width: 100px;
    font-family: 'Roboto', sans-serif;
    background: #339966;
    padding: 30px 20px;
    color: #fff;
    text-align: center;
    font-size: 154%;
    box-sizing: border-box;
}
.box {
    background: #f0f0f0;
    width: 100%;
    padding: 30px;
    display: flex;
}
.box_inner {
    background: #fff;
    padding: 30px;
    width: 100%;
}
.title {
    color: #339966;
    padding-bottom: 5px;
    border-bottom: #339966 2px solid;
}
.text {
    margin-top: 30px;
    line-height: 30px;
}
.append {
    font-size: 87%;
    margin-top: 30px;
    line-height: 30px;
}
a.green{
    color: #339966;
    text-decoration: underline;
}
a.red{
    color: #ff0000;
}
@media screen and ( max-width: 767px ){
.main_area {
    width: auto;
}
.pankuzu{
    margin: 0 5%;
}
.main_content {
    padding: 0 5%;
    box-sizing: border-box;
    width: 100%;
}
.contact_box {
    padding: 5%;
}
.flex {
    flex-direction: column;
}
.left_box, .right_box {
    width: 100%;
    margin-bottom: 5%;
}
.contact_info {
    margin-top: 5%;
    flex-direction: column;
    align-items: center;
}
.contact_info p:first-child {
    margin-bottom: 20px;
}
.info_tag {
    width: 100%;
    box-sizing: border-box;
    background-size: contain;
}
.info_inner{
    padding: 5%;
    width: 100%;
    box-sizing: border-box;
}
.mesh {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
    
    
    
.block {
    display: block;
    background: none;
}
.part {
    max-width: none;
    padding: 5px;
}
.box {
    display: block;
    box-sizing: border-box;
    padding: 5%;
}
.box_inner {
    padding: 5%;
    box-sizing: border-box;
}
.append p {
    display: flex;
}
.append p span {
    min-width: 91px;
}
.img_box {
    min-width: auto;
    max-width: none;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 20px;
}
.img_box img {
    height: auto;
    max-width: 100%;
}
.worklist-item {
    margin: auto;
    margin-bottom: 20px;
}

.textbox {
    width: auto;
    padding: 0;
}
    
.tablebox{
    overflow: auto;
    white-space: nowrap;
}
}
@media screen and ( max-width: 525px ){
}