body{
    font-size: 94%;
}
#prod{
    border-bottom: #28a860 2px solid;
}
#tn_02 a{
    opacity: 1;
    border-bottom: #28a860 2px solid;
}
.wrapper {
    overflow: visible;
}
/* CSS Document */
.mt_15{
    margin-top: 15px;
}
.pankuzu {
    width: 980px;
    margin: auto;
}
.main_visual{
    min-height: 280px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-content: center;
    background: url("../image/main_bg.png") center no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
}
.main_visual h1{
    font-size: 320%;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.main_visual h1.sub {
    font-size: 120%;
	  font-weight: 400;
	  line-height: 2.0;
}
.main_area{
    max-width: 980px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.main_contents{
    max-width: 740px;
    width: 100%;
    margin-top: 70px;
}
.intro {
    text-align: center;
    font-size: 147%;
}
.pr_box {
    margin-top: 70px;
    position: relative;
}
.pr_box:first-child{
	margin-top: 0;
}
.anchor{
    position: absolute;
    top:-170px;
}
.pr_midashi {
    color: #fff;
    background: #28a860;
    padding: 10px 20px;
}
.block {
    margin-top: 25px;
}
.block_title {
    color: #28a860;
    padding: 0 0 5px 0;
    border-bottom: #28a860 2px solid;
    margin-bottom: 25px;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.left_text {
    width: 55%;
}
.right_box {
    width: 45%;
}
.min_box {
    background: #ececec;
    margin-bottom: 10px;
    padding: 10px;
}
.min_box.wide {
    margin-top: 10px;
    padding: 20px;
}
.midashi_min {
    font-size: 147%;
    text-align: center;
    color: #28a860;
    margin-bottom: 20px;
}
.wide .midashi_min {
    text-align: left;
}
.flex.size {
    justify-content: center;
}
.size li {
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.size li.bg_01 {
    background: url("../image/icon_01.png")no-repeat center;
}
.size li.bg_02 {
    background: url("../image/icon_02.png")no-repeat center;
}
.size li.bg_03 {
    background: url("../image/icon_03.png")no-repeat center;
}
.flex.mat{
    flex-wrap: wrap;
}

.flex.mat.short {
    justify-content: center;
}
.mat li{
    height: 40px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width:33%;
    margin: 1.5px 0;
    background: url("../image/icon_03.png")no-repeat center;
}
.mat li.round{
	background: url("../image/icon_01_min.png")no-repeat center;
}
.flex.mat.short li {
    width: 45%;
}
.min_text{
    margin-top: 10px;
    line-height: 30px;
}
.img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
.img_list li{
    text-align: center;
    margin-bottom: 3px;
}
@media screen and ( max-width: 767px ){
.wrapper {
    overflow: hidden;
}
.pankuzu{
    margin: 0 5%;
}
.main_area {
    padding: 0 5%;
}
.flex.main {
    flex-direction: column;
    align-items: center;
}
.flex.main.rev {
    flex-direction: column-reverse;
}
.left_text{
    width: 100%;
}
.right_box {
    width: auto;
    box-sizing: border-box;
    max-width: 100%;
}
.min_box {
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    min-width: 272px;
}
.main_img{
    text-align: center;
}
.img_list li {
    margin: 2.5px auto;
}
}