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

.title_back {
	background-image: url("../../common/back_hoge2.jpg");
    background-size: cover;
    background-position: right;
}
.title_back h1 {
	color: #fff;
	margin: 0;
	padding: 30px 0 50px;
}


/* ------ */
main .inner {
    max-width: 800px;
}
main h2 {
	color: #555;
	margin-top: 80px;
    text-align: center;
    font-size: 1.6rem
   
}


main h3 {
    font-size: 1.5rem;
   
    color: var( --theme-color);
    border-bottom: 2px solid;
    
    font-weight: bold;
    margin:0 0 20px;
}

.article::after {
    content: "";
    display: block;
    clear: both;
}
.article .image {
    float: right;
    margin: 0 0 10px 10px;
}
.article .image.img1 {
    max-width: 40%;
}
.article .image.img2 {
    max-width: 50%;
}
.article .image.img3 {
    max-width: 30%;
}
.article {
    padding: 30px 0;
    margin: 30px 0;
}
.article:nth-of-type(2n){
    background-color:#f0f0f0;
    padding: 30px 200%;
    margin: 30px -200%;
}
.article p {
    line-height: 1.7;
    font-size: 1.1rem;
}
.text2 {
    font-size: 1.1rem;
    margin-bottom: 40px;
    text-align: center;
}
@media all and (max-width:600px) {
/*----------　スマホメニュー --------------*/
    .article .image{
        float: none;
        text-align: center;
        margin: 0 auto 10px;
    }
    .article .image.img1,
    .article .image.img3
    {
        max-width: 60%;
    }
    .article .image.img2 {
        max-width: 80%;
    }
}