@charset "utf-8";

/* ■■■メインイメージ■■■*/

#com_bg {
background-image : url(../images/h_img01.png) ;
background-color: #FFF;
background-repeat: no-repeat;
}

.cont01{
width: 600px;
margin: 0 auto;
text-align: left;
}

.cont01 ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.cont01 ul li{
width: 48%;
margin-top: 20px;
}

.cont01 ul li a{
display: block;
border-radius: 10px;
border: 1px solid #F0A645;
background-image : url(../../common/images/icon11.svg) ;
background-position : right 20px center;
background-size: 16px auto;
background-repeat: no-repeat;
line-height: 25px;
text-align: center;
font-weight: bold;
padding: 10px 0;
}

.cont01 ul li a:link,
.cont01 ul li a:visited{
text-decoration: none;
color: #77634C;
}

.cont01 ul li a:hover,
.cont01 ul li a:active{
background-color: #77634C;
border: 1px solid #77634C;
color: #FFF;
}

.cont01_1{
width: 1100px;
margin: 0 auto;
text-align: left;
padding: 60px 0 0 0;
font-size: 14px;
}


#c_bgArea h3,
#c_bgArea h4 {
font-size: 24px;
color: #77634C;
line-height: 34px;
font-weight: bold;
}

.cont01 h4,
.cont01_1 h4{
font-size: 24px;
color: #77634C;
line-height: 34px;
font-weight: bold;
}



.cont02{
margin-top: 80px;
padding-bottom: 75px;
background-color:rgba(116,99,79,0.05);
}


.cont02 .CL01{
float: left;
width: 46%;
margin-top: -40px;
}

.cont02 .CR01{
float: right;
width: 50%;
text-align: left;
padding-top: 70px;
padding-right: 40px;
}

.cont02 .CR01 .ty01{
font-size: 24px;
color: #77634C;
line-height: 34px;
font-weight: bold;
}

.cont02 .CL01 img{
border-radius: 0 20px 20px 0;
}


.cont02_flex{
display: flex;
justify-content:space-between;
align-items: stretch;
margin-top: 40px;
}

.cont02_base{
width: 48%;
}


.cont02_2{
background-color: #f8f7f6;
border-radius: 20px;
text-align: center;
padding: 40px;
font-size: 16px;
margin-top: 20px;
}

.cont02_2 img{
max-width: 180px;
}

.cont02_3{
background-color: #FFF;
color: #666;
border-radius: 10px;
text-align: left;
padding: 10px 20px 10px 50px;
font-size: 14px;
background-image : url(../../common/images/icon08.svg) ;
background-position : left 20px top 16px;
background-size: 20px auto;
background-repeat: no-repeat;
line-height: 25px;
margin-top: 20px;
}


.cont03 {
background-image : url(../../common/images/flow_bg.png) ;
background-position : left 15px bottom;
background-repeat: no-repeat;
padding-left: 55px;
margin-top: 30px;
}

.cont03 .CL02{
width: 52%;
float: left;
}

.cont03 .CR02{
width: 46%;
float: right;
}


.cont03 .CL02 img{
border-radius: 20px;
}

.cont03_1{
background-color: #fef6ec;
padding: 20px 40px;
border-radius: 20px;
margin-top: 30px;
}

.txt_icon03 .ty01{
color: #F0A645;
font-size: 16px;
}






table.tblist{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
width: 100%;
margin-top: 20px;
}

.tblist th{
border:1px solid #d9d9d9;
background-color:#f9f9f9;
padding:1em;
text-align:center;
font-size: 16px;
white-space: nowrap;
font-weight: normal;
}

.tblist td{
border:1px solid #d9d9d9;
padding: 1em;
font-size: 16px;
}

.tblist td.ty01{
white-space:nowrap;
background-color: #FEF6EC;
}

.tblist td.ty02{
width: 50%;
text-align: right;
}

.tblist td.ty03{
width: 70%;
}

.tblist .icon02 {
content: "";
background-image : url(../../common/images/icon09.svg) ;
background-position : left center;
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 25px;
}

.tblist .icon03 {
content: "";
background-image : url(../../common/images/icon10.svg) ;
background-position : left center;
background-size: 16px auto;
background-repeat: no-repeat;
padding-left: 20px;
line-height: 25px;
}

.cont-mt01{
margin-top: 140px;
}

.cont-mt02{
margin-top: 20px;
}

.cont-mt03{
margin-top: 60px;
}

.cont04{
margin-top: 40px;
}




.cont05{
margin-top: 80px;
padding: 75px 0;
background-color:rgba(116,99,79,0.05);
}

.cont05 ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 20px;
}

.cont05 ul li {
width: 48%;
}

.cont05_1{
width: 1100px;
margin: 0 auto;
text-align: left;
padding: 40px 0 0 0;
}



/* min-width: 1760px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 1777px){

.cont02_1{
width: 1760px;
margin: 0 auto;
}

.cont02 .CL01 img{
border-radius: 20px;
}


}
/* min-width: 1760px @end */



/* max-width: 1268px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1268px){

.cont02 .CR01{
padding-top: 40px;
}

}
/* max-width: 1268px @end */


/* max-width: 1116px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1116px){

.cont01_1{
width: 100%;
padding: 60px 40px 0 40px;
}

.cont02_2{
padding: 20px;
}

.cont02_2 img{
max-width: 160px;
}




}
/* max-width: 1116px @end */



/* max-width: 1100px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1100px){
.cont05{
padding: 40px 0;
}

.cont05_1{
width: 100%;
padding: 40px 40px 0 40px;
}



}
/* max-width: 1100px @end */


/* max-width: 965px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 965px){
.cont02 .CL01{
float: none;
width: 60%;
margin-top: 0;
}


.cont02 .CR01{
float: none;
width: 100%;
padding-top: 40px;
padding-left: 40px;
}



}
/* max-width: 965px @end */



/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){

#com_bg {
background-position : right -300px center;
}

.cont01{
width: 100%;
margin: 0;
padding: 0 15px;
text-align: left;
}

.cont01 ul li a{
background-position: right 10px center;
background-size: 12px auto;
line-height: 20px;
}

.cont01_1{
padding: 0 15px;
}


.cont02{
margin-top: 40px;
font-size: 14px;
}

.cont02_1 {
padding: 40px 15px 0 0;
}


#c_bgArea h4,
#c_bgArea h3{
font-size: 20px;
}

h2.ttl01{
margin-bottom: 30px;
}


.cont02_1 .CL01{
width: 100%;
float: none;
margin-top:0;
}

.cont02_1 .CR01{
width: 100%;
float: none;
margin-top: 20px;
padding: 0 0 0 15px;
}

.cont02 .CR01 .ty01{
font-size: 18px;
line-height: 28px;
}


.cont02_flex{
display: block;
margin-top: 0;
}

.cont02_base{
width: 100%;
margin-top: 80px
}

.cont02_2{
width: 100%;
padding: 20px;
font-size: 14px;
margin-top: 60px;
}

.cont02_2 img{
margin-top: -80px;
max-width: 150px;
}

.cont02_3{
padding: 5px 15px 5px 30px;
background-position : left 10px top 12px;
background-size: 15px auto;
}



.cont02{
margin-top: 80px;
padding-bottom:30px;
}


.cont02_1 ul{
flex-wrap: wrap; 
}

.cont02_1 ul li{
padding-right: 0;
padding-bottom: 40px;
}


.cont02_1 ul li:last-child{
padding-bottom: 0;
}

.cont02_1 ul li .ty02{
padding-top: 10px;
}

.cont03 {
background-image : url(../../common/images/flow_bg.png) ;
background-position : left 15px bottom;
background-repeat: no-repeat;
padding-left: 45px;
margin-top: 20px;
}

.cont03 .CL02{
width: 100%;
float: none;
}

.cont03 .CR02{
width: 100%;
float: none;
margin-top: 20px;
}

.cont03_1{
padding: 15px;
border-radius: 10px;
margin-top: 30px;
}

.tblist th{
font-size: 14px;
padding:0.5em;
}

.tblist td{
font-size: 14px;
padding:0.5em 0.3em;
}

.tblist td.ty01{
font-size: 14px;
}




.cont05{
margin-top: 40px;
padding: 50px 0;
}

.cont05 ul {
display: block;
}

.cont05 ul li {
width: 100%;
padding: 20px 0 0 0;
}

.cont05_1{
padding: 0 15px;
}



.cont-mt01{
margin-top: 50px;
}

.cont-mt03{
margin-top: 30px;
}


}
/* max-width: 768px @end */


/* max-width: 426px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 426px){
.cont01 ul li a{
font-size: 12px;
background-position: right 5px center;
}

}
/* max-width: 426px @end */


/* max-width: 389px*/
@media screen and (max-width: 389px) {
.tbscroll {
overflow-x: auto;
}



}
/* max-width: 389px @end */