@charset "UTF-8";
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 

******************************************************************************* */

.cPickup .bPickup{
    padding: 15px 0 60px;
}


/* ==

　01. 

================================================================================================= */
.cont h2{
    margin: 0 0 30px;
    padding: 10px 30px;
    background-color: #8C7F4B;
    font-size: 250%;
    color: #fff;
}
.cont .lead{
    margin-bottom: 30px;
    display: flex;
    gap: 0 60px;
}
.cont .lead p{
    font-size: 135%;
    line-height: 2.5;
}
.cont .cIndex{
    max-width: 520px;
    margin-top: 20px;
    padding: 20px 25px;
    background-color: #fff;
}
.cont .cIndex ol{
    font-size: 135%;
}
.cont .cIndex li{
    margin-bottom: 10px;
    margin-left: 1em;
    text-indent: -1em;
}
.cont .cIndex ol li{
    margin-bottom: 10px;
    margin-left: 1.1em;
    text-indent: -1.1em;
}

/* 画像右寄せ：テキスト不足用 */
.cont .img{
margin-left:auto;
}

.cont .img img{
    border-radius: 5px;
}


.cont .inner section{
    padding: 25px;
    background-color: #fff;
    border-radius: 5px;
}
.cont .inner section .clmn2{
    display: flex;
    gap: 0 30px;
}
.cont .inner section .clmn2-reverse{
    padding-right: 0;
    flex-direction: row-reverse;
}

/* 図表を拡大（picture） */
.clmn2 > div,
.clmn2 > p{
  flex: 1;
}
.clmn2 picture{
  flex: 2;
}

.cont .inner section h3{
    margin: 0 0 15px;
    font-size: 200%;
    color: #8C7F4B;
    display: flex;
    align-items: center;
    gap: 0 18px;
}
.cont .inner section h3 span.num{
    width: 44px !important;
    height: 44px;
    background-color: #8C7F4B;
    border-radius: 50%;
    color: #fff;
    font-size: 75%;
    line-height: 44px;
    font-weight: 600;
    font-family: "Roboto", "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;
    text-align: center;
    box-sizing: border-box;
    display: block;
}

.cont .inner section h4{
    margin: 0 0 15px;
    font-size: 134%;
    color: #8C7F4B;
    display: flex;
    align-items: center;
    gap: 0 18px;
}

.cont .inner section p,
.cont .inner p.txt01{
    font-size: 134%;
    line-height: 2.375;
}
#matome .inner p.txt01{
    font-size: 150%;
}
#matome{
    margin-bottom: 60px;
}


.cont .inner section p.txtLink{
    margin: 5px 0 15px;
    font-size: 150%;
    line-height: 1.4;
    text-align: right;
}
.cont .txtLink a{
    color: #8C7F4B;
}


/* ulItem01 */
ul.ulItem01{
margin: 20px 0 20px 20px;
}
ul.ulItem01 li{
text-indent: -1em;
line-height: 1.9;
font-size:106%;
}

li.item01-tit{
text-indent: -1em;
line-height: 1.9;
font-size:106%;
font-weight: 700;
}

/* 表組み1 */
.cData01 {
	margin: 30px auto;
}
.cData01:first-child {
	margin-top: 0;
}
.cData01:last-child {
	margin-bottom: 0;
}
.cData01 table {
	width: 100%;
	border: 1px solid #e8e8e8;
}
.cData01 th,
.cData01 td {
	line-height: 1.529;
	padding: 12px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	font-size:;
	text-align: center;
	vertical-align: middle;
}
.cData01 th {
	background-color: #f8f8f8;
}
.cData01 td {
	background-color: #fff;
}
.cData01_w1 {
	width: 25%
}
.cData01_w2 {
	width: 33.333%
}
.cData01 td.cData01_bg1 {
	background-color: #e2dbcc;
}
.cData01 td.cData01_bg2 {
	background-color: #f4f4f4;
}
.cData01 td ul {
	font-size: 100%;
}



@media screen and (max-width:1500px){
    #matome p.txt01,
    .cont .inner section .clmn2-reverse{
        padding-right: 60px;
    }
}


