@charset "utf-8";

#news{
	.wrap{
		padding-bottom: 90px;
		.contents{
            h2 {
                font-size: 2.2rem;
                font-weight: 500;
                border-bottom: dotted #1FC4CB 3px;
                padding-bottom: 5px;
                margin-bottom: 30px;
                letter-spacing: .1em;
                color: #333333;
                text-indent: -1.5em;
                padding-left: 1.5em;
                img{
                    width: 1.2em;
                    padding-bottom: .3em;
                }
            }
            p{
                margin-bottom: 70px;
            }
            .contents_inner{
                width: 80%;
                margin: 0 auto;
                dl{
                    display: grid;
                    grid-template-columns: 7em 1fr;
                    padding-bottom: 1em;
                    border-bottom: dotted #000 1px;
                    margin-bottom: 1em;
                    dt{
                        line-height: 1.5;
                        a:hover{
                            color: #139ba0;
                        }
                    }
                    dd{
                        line-height: 1.5;
                    }
                }
            }
		}
	}
    &.single{
        .wrap{
            .contents{
                .contents_inner{
                    width: 100%;
                    .title_box{
                        margin-bottom: 30px;
                        h2{
                            font-size: 2.2rem;
                        }
                    }
                }
                a.btn{
                    border: #1FC4CB solid 2px;
                    background-color: #fff;
                    padding: 0.5em 2.5em;
                    border-radius: 50px;
                    display: grid;
                    justify-self: center;
                    position: relative;
                    color: #333;
                    width: 9em;
                    margin: 0 auto;
                    &:hover{
                        background-color: #ccf0f1;
                    }
                    &::after {
                        content: "";
                        background-image: url(../img/common/icon_arrow_01.svg);
                        background-repeat: no-repeat;
                        background-size: contain;
                        display: block;
                        position: absolute;
                        right: 0.5em;
                        bottom: 0.75em;
                        width: 10px;
                        height: 10px;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1200px){
    .bread{
        margin-bottom: 70px;
    }
    #news{
        .wrap{
            padding-bottom: 70px;
            .contents{
                h2{
                    font-size: 2rem;
                }
                p{
                    margin-bottom: 50px;
                }
                .contents_inner{
                    width: 100%;
                    dl{
                        dt{
                            font-size: 1.5rem;
                        }
                        dd{
                            font-size: 1.5rem;
                        }
                    }
                }
            }
        }
        &.single{
            .wrap{
                .contents{
                    .contents_inner{
                        .title_box{
                            margin-bottom: 20px;
                            h2{
                                font-size: 2rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1024px){

    .bread{
        margin-bottom: 50px;
    }
    #news{
        .wrap{
            padding-bottom: 50px;
            .contents{
                h2{
                    font-size: 1.8rem;
                }
                p{
                    margin-bottom: 50px;
                }
                .contents_inner{
                    dl{
                        dt{
                            font-size: 1.4rem;
                        }
                        dd{
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
        &.single{
            .wrap{
                .contents{
                    .contents_inner{
                        .title_box{
                            margin-bottom: 15px;
                            h2{
                                font-size: 1.8rem;
                            }
                            span{
                                font-size: 1.5rem;
                            }
                        }
                    }
                }
            }
        }
    }

}

@media screen and (max-width:768px){
    
    .bread{
        margin-bottom: 30px;
    }
    #news{
        .wrap{
            padding-bottom: 30px;
            .contents{
                h2{
                    font-size: 1.6rem;
                }
                p{
                    margin-bottom: 30px;
                }
                .contents_inner{
                    dl{
                        dt{
                            font-size: 1.4rem;
                        }
                        dd{
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
        &.single{
            .wrap{
                .contents{
                    .contents_inner{
                        .title_box{
                            margin-bottom: 10px;
                            h2{
                                font-size: 1.6rem;
                            }
                            span{
                                font-size: 1.4rem;
                            }
                        }
                    }
                }
            }
        }
    }
}