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

@font-face {
  font-family: 'hige';
  src: url("../../fonts/FOT-KokinHigeStd-EB.otf");
}

@font-face {
  font-family: 'higemoji';
  src: url("../../fonts/FOT-KokinHigeStd-EB.otf");
}

@font-face {
  font-family: 'seurat-m';
  src: url("../../fonts/FOT-SeuratPro-M.otf");
}

@font-face {
  font-family: 'seurat_eb';
  src: url("../../fonts/FOT-SeuratPro-EB.otf");
}


@font-face {
  font-family: 'seurat_b';
  src: url("../../fonts/FOT-SeuratPro-B.otf");
}



body {
	font-size: 20px;
	line-height: 160%;
	margin: 0;
	background-image:url(../../images/bg_ribon_03.jpg);
  font-family: 'seurat-m';
    height: 100%;
}
#xcover {
	width: 1100px;
	margin: 0 auto;
	overflow-x: hidden;
	background: #fae5ee;
}
img {
	vertical-align: bottom;
}



#contents_body{
    width: 1000px;
	background-color: #FFF;
	margin: 0 auto;
}

.sdgs_wrap{
    width: 1000px;
	background-color: #FFF;
	padding: 0 0 80px ;
	margin: 0 auto;
}

#footer{
	background-color:#68524E;
	margin:0;
}

.foot_tbl{
	padding: 10px;
	margin: 0 auto;
	color: #FFF;
	width:850px;
	
}
.address{
	font-size:10pt;
	color: #FFF;
}

.copy{
	font-size:10px;
	margin:20px 0;
	line-height: 1.3;
}

.corp_link{
    text-align: right;
    margin: 45px 45px 25px;
    font-size: bold;
}


.sponsor {
    margin:  auto;
    width: 83%;
}

.sponsor li.left{
    float: left;
    width: 49%;
        margin: 2% 0.5%

}

.sponsor li.right{
    float: left;
    width: 49%;
        margin: 2% 0.5%

}


.sponsor li.l1{
    float: left;
    width: 24%;
    margin: 2% 0.5%
    
}

.sponsor li.l2{
    float: left;
    width: 24%;
        margin: 2% 0.5%

}
.sponsor li.l3{
    float: left;
    width: 48%;
        margin: 2% 0.5%

}
.clear{
    clear: both;
}

.left3{
    float: left;
    width: 31%;
    margin: 2% 0%;
}

.left4{
    float: left;
    width: 25%;
    margin: 2% 0%;
}

.sponsor ul.li3{
    margin: 30px auto;
    width: 75%;
}

.left3-l{
    float: left;
    width: 33%;
    margin: 2% 0%;
}

.left3-c{
    float: left;
    width: 33%;
    margin: 2% 0%;
}

.left3-r{
    float: right;
    width: 33%;
    margin: 2% 0%;
}

.tpet{
	background-color:#68524E;
    width: 1000px;
	margin:0 auto;
    height: 100vh;
}

.f_box{
    padding: 100px 30px 0;
    	background-color:#68524E;

}

.f_box h3 {
        color: #FFF;

    padding: 0 30px;
    line-height: 23px;
    margin: 0 0 30px;
}
.f_box p {
        color: #FFF;
text-align: center;
    font-size: 15px;
    line-height: 1.5;
    padding: 20px 30px;
}


.bd_link p{
    margin: 0 0 25px;
}


.bd_link ul {
    width: 80%;
    margin: 0 auto;
}
.bd_link li {
	color:#bd8a5d;
    float: left;
}
.bd_link li img {
    width: 300px;
    margin: 20px;
}

.next_info{
    margin: 55px 0 30px;
    text-align: center;
    font-size: 12pt;
}

.r_link{
    font-size: 12pt;
    text-align: right;
    margin-right: 2em;
}

.li_btn{
    width: 80%;
    margin: 0 auto;
}

.li_btn_left{
    width:48%;
    float: left;
}
.li_btn_right{
    width: 48%;
    float: right;
}

p.at01{

    margin: 5px 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
    text-align: left;
 }


.at02{
    padding-left: 5px; /* 余白 */
    margin: 1px 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
    text-align: center;
 }

.at03{
    padding-left: 3em; /* 余白 */
    text-indent: -1em;
    margin: 1.5% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at04{
    padding-left: 4em; /* 余白 */
    text-indent: -1em;
    margin: 1px 0 3px 0;
    font-size: 14pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at03-2{
    padding-left: 1em; /* 余白 */
    text-indent: -1em;
    margin: 1.5% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at04-2
{
    padding-left: 2em; /* 余白 */
    text-indent: -1em;
    margin: 1px 0 3px 0;
    font-size: 14pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at05{
    padding-left: 5%; /* 余白 */
    margin: 2% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at06{
    margin: 6% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at06-2{
    margin: 1.5% 0 0px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.at06-3{
    padding-left: 2em; /* 余白 */
    margin: 0.5% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

h1{
    padding-left: 5px; /* 余白 */
    margin: 5px 0 1% 0;
    font-size: 16pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
    text-align: center;
 }

h2{
    margin: 8% auto 2%;
    padding: 1% 0;
    font-size: 16pt;
    line-height: 1.5; /* 行の高さ */
    color: #FFF;
  background-color: #1464D2;
    width: 85%;
    text-align: center;

}

.box01{
    width: 80%;
    border: solid 1px #333;
    padding: 2%;
    margin: 2% auto; 
}

.box01 p{

    margin-top: 0.5%;
    padding: 1% 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
 }

.box02{
    width: 80%;
    margin: 1% 0 1% 10%;
}

.box03{
    width: 85%;
    margin:0% auto;
    padding-top: 10%;
}


.sankabox{
    width: 90%;
    margin: 1% auto 5%;
}

.sankabox li.right{
    float: right;
    width: 48%;
    margin-bottom: 2%;
}

.sankabox li.left{
    float: left;
    width: 48%;
        margin-bottom: 2%;

}

.goodsbox{
    width: 95%;
    margin: 1% auto 5%;
}

.goodsbox li{
    float: left;
    width: 23%;
    margin:1% 1%;
}

.honda_box{
    width: 100%;
}

.honda_box li.h_left{
    width:33%;
    float: left;
}

.honda_box li.h_right{
    width: 64%;
    float: right;
    padding: 1% 2%
}

.messe_box{
    width: 100%;
}

.messe_box li.h_left{
    width:33%;
    float: left;
}

.messe_box li.h_right{
    width: 64%;
    float: right;
}


.sp_only{
    display: none;
}

.title{
    text-align: center;
    margin: 5% 0 3%;
}



h4{
    padding-left: 1em; /* 余白 */
    margin: 4% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
	text-align: left;
 }

h5{
    padding-left: 3em; /* 余白 */
	text-indent: -1em;
    margin: 1.5% 0 3px 0;
    font-size: 11pt;
    line-height: 1.4; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
	text-align: left;
 }


.acc01{
    padding-left: 4em; /* 余白 */
	text-indent: -1em;
    margin: 1% 0 3px 0;
    font-size: 11pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.acc02{
    padding-left: 5em; /* 余白 */
	text-indent: -1em;
    margin: 1% 0 3px 0;
    font-size: 11pt;
    line-height: 1.4; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

.acc03{
    padding-left: 3em; /* 余白 */
	text-indent: -1em;
    margin: 2% 0 3px 0;
    font-size: 12pt;
    line-height: 1.5; /* 行の高さ */
    color: #333;
  font-family: 'seurat-m';
 }

a {
    word-break:break-all;
}