@charset "UTF-8";

*{
    margin:0;
    padding:0;
    line-height:2;
    font-size:16px;
    font-family:"Kiwi Maru",serif;
}

img {
    vertical-align: bottom;
}

body{
    background-color: #FDEFD9;
    color: #5F3700;
}



#top #toiawase {
    width: 1200px;
    margin: 0 auto;
}

.logo{
    float: left;
    margin-top: 30px;
}

.logo img{
    width: 250px;
}

.global-nav{
    float: right;
    margin-top: 40px;
}

.global-nav li{
    list-style-type: none;
    /*border: 1px solid #000;*/
    display: inline-block;
    width: 180px;
    margin: 0 10px;
    text-align: center;
}

.global-nav a{
    display: block;
    padding:10px;
    background:#669933;
    border-radius: 8px;
    color:#fff;
    text-decoration: none;
    font-size: 20px;
}

.global-nav a:hover{
    opacity:0.8;
    }

.nav{
    width: 1080px;
    margin:0 auto;
}

.topimg{
	width: 1200px;
    margin: 0 auto;
}

.topimg img{
	width: 1200px;
}

header{
    width: 1200px;
    margin: 0 auto;
    min-height: 100px;
    padding-bottom: 40px;
}

footer{
    text-align: center;
    color: #FBFBF9;
    background-color:#5F3700 ;
    padding: 20px 0;
    width: 1200px;
    margin: 0 auto;
}


h2{
	font-size: 32px;
	margin-bottom:100px;
	margin-top: 50px;
    border:1px solid #669933;
    border-left:10px solid #FBBD61;
    color:#5F3700;
}

h3{
    font-size: 24px;
    margin-bottom: 20px;
}

#wrap{
        background-color: #FDEFD9;
        width: 1080px;
        margin: 40px auto;
        /*border: solid 1px #000;*/
        padding: 0 60px;
    }

#qa-wrap{
    background-color: #FBFBF9;
    width: 1080px;
    margin: 40px auto;
    padding: 0 60px;
}


#concept{
    font-family: "Kiwi Maru", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    margin-top: 20px;
}

#concept h2{
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#concept p{
	font-size: 20px;
}

.cp1{
    margin-bottom: 100px;
    /*border:solid 1px red;*/
}


.cp1 p{
    margin-bottom: 0;
}

.cp1 img{
    float: right;
    width: 520px;
}


.cp2{
        margin-bottom: 100px;
}

.cp2 img{
    float: left;
    width: 520px;
    margin-right: 30px;
}

.cp3{
    clear: both;
}

.cp3 img{
    float: right;
    width: 520px;
    margin-left: 30px;
}

#info{
    clear: both;
    margin-top: 100px;
}

.info-list{
   margin-bottom: 20px;
}

.info-list li{
    float: left;  
    list-style-type:none;
    margin-right: 71px;
}
/*
.info1{
    float: left;
}

.info2{
    float: left;
}

.info3{
    float: right;
}
*/
.info-list li:nth-child(3n){
    margin-right: 0;
}

.info-list p{
    clear: both;
    text-align:right;
}

.info-list a:hover{
    opacity: 0.8;
}


.menu-img{
    margin-bottom: 150px;
}

.menu-cat1{
    float: left;
    margin-right: 70px;
}

.menu-cat2{
    float: left;
}

.menu-cat3{
    float: right;
}

.menu-cat1 a{
    text-decoration: none;
    color: #5F3700;
}

.menu-cat2 a{
    text-decoration: none;
    color: #5F3700;
}

.menu-cat3 a{
    text-decoration: none;
    color: #5F3700;
}

.pmenu{
    text-align: center;
    font-size:20px;
}

.menu-pic{
    width: 312px;
}

#access{
	clear: both;
    width:1080px;
}

.map{
    width: 600px;
    margin: 0 auto;
}


.clearfix::after{
	content:"";
	display: block;
	clear: both;
}