@charset "utf-8";

/*-----------------------------------------------------
　Local Common Layout
------------------------------------------------------*/
/* Common */
.section:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.section        { min-height: 1px; }
* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/*-----------------------------------------------------
　Common Layout
------------------------------------------------------*/

#Main {
margin-bottom: 25px;
}
#Main_inner {
background: -webkit-gradient(linear, left bottom, left top, from(#f4f0b3), color-stop(35%, #fff), color-stop(75%, #fbd49d), to(#fdc749));
background: linear-gradient(0deg, #f4f0b3 0%, #fff 35%, #fbd49d 75%, #fdc749 100%);
width:100%;
}
#Cont {
line-height:1.8;
margin-bottom:20px;
width:960px;
max-width: 100%;
background: url(../images/index01_bg_img02.png) no-repeat ;
}
.MainVisual {
margin-bottom:20px;
}
.MainVisual img {
padding:50px 0 0 0;
margin:0 auto;
}
.Content_Left {
width:50%;
float:left;
margin-bottom:30px;
}
.Content_Right {
width:50%;
float: right;
margin-bottom:30px;
}
.Content_Wide {
width:100%;
float: left;
margin-bottom:20px;
}
.clear {
clear: both;
margin-top: -1px;
}
.header {
width:100%;
margin-bottom:20px;
}
.header02 {
width:100%;
margin-bottom:20px;
}
.header03 {
display:none;
}
.FlexCol {
    display: flex;
    flex-direction: row;
    gap: 19px;
}
.FlexCol_Item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.FlexCol_Media {
    width: 144px;
}
.FlexCol_Media img:not(:first-child) {
    margin-top: 10px;
}
.FlexCol_Text {
    flex: 1;
    font-size: 13px;
}

.FlexRow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.FlexRow_Item p {
    font-size: 13px;
}

.Content_Wide h2.header {
width:100%;
margin-bottom:20px;
}

.ContentIn01_01 {
text-align: center;
}
.ContentIn01_01 img {
margin: 0 auto;
}
.ContentIn01_01 img,.ContentIn02_01 img,.ContentIn02_02 img,.ContentIn03_01 img,.ContentIn03_02 img,.ContentIn04_01,.ContentIn04_02 img,.ContentIn05_01 img,.ContentIn05_02 img{margin-bottom:10px;}
.ContentIn02_01 {
width:144px;
margin-right:19px;
float:left;
}
.ContentIn02_02 {
width:144px;
float:left;
}
.ContentIn03_01 {
width:225px;
margin:0 20px 10px 0;
float:left;
}
.ContentIn03_02 {
width:225px;
float:left;
}
.ContentIn04_01 {
width:225px;
margin-right:20px;
float:left;
}
.ContentIn04_02 {
width:225px;
float:left;
}
.ContentIn05_01 {
width:225px;
margin: 0 20px 20px 0;
float:left;
}
.red {color:#cc0000;}
.bold { font-weight: bold;
background:none;
font-size:100%;
}

.csv-banner {
max-width: 960px;
margin: 0 auto;
}
.csv-banner--sp {
display: none;
}

@media screen and (max-width: 1000px) {
    .FlexCol {
        flex-direction: column;
        gap: 19px;
    }
    .FlexCol_Item {
        flex-direction: row;
        gap: 19px;
    }
    .FlexCol_Media {
        width: 144px;
    }
    .ContentIn03_01 {
        float: none;
        margin: 0 auto;
    }
    .ContentIn03_02 {
        float: none;
        margin: 0 auto;
    }
    .FlexCol {
        margin: 0 20px;
    }
    .FlexRow {
        margin: 0 20px;
    }
}

