@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

#guidelines{
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}

#guidelines .section_wrap{
width: 1000px;
margin: 0 auto;
position: relative;
}

#guidelines .section_wrap h2{
font-size: 26px;
margin: 0 0 20px;
}

#guidelines .section_wrap .guidelines_list{
margin: 0 auto 120px;
padding: 0;
}

#guidelines .section_wrap .guidelines_list li{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
flex-direction: row;
}

#guidelines .section_wrap .guidelines_list li:nth-child(2n){
flex-direction: row-reverse;
}

#guidelines .section_wrap .guidelines_list li .img{
width: 45%;
}

#guidelines .section_wrap .guidelines_list li .txt_box{
width: 55%;
padding: 5%;
box-sizing: border-box;
}

#guidelines .section_wrap .guidelines_list li .txt_box h3{
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
margin: 0 0 20px;
}

#guidelines .section_wrap .guidelines_list li .txt_box p{
font-weight: 500;
font-size: 1rem;
line-height: 2;
}

#guidelines .com_table {
width:100%;
margin:0 auto 60px;
}


#guidelines .com_table tr:nth-child(2n-1){
background: rgba(0,0,0,.02)
}

#guidelines .com_table th {
width: 20%;
padding: 20px;
text-align: left;
font-weight: 700;
line-height: normal;
position: relative;
display: table-cell;
}

#guidelines .com_table th span {
float: right;
font-size: 0.8em;
background: #FF0000;
padding: 2px 10px;
color: #FFF;
line-height: normal;
font-style: normal;
display: block;
width: 30px;
text-align: center;
}

#guidelines .com_table td {
padding: 20px;
position: relative;
display: table-cell;
vertical-align: middle;
}

#guidelines .section_wrap .common_btn_box{
text-align: center;
}



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

#guidelines{
position: relative;
margin: 0 auto 60px;
overflow: hidden;
}

#guidelines .section_wrap{
width: 90%;
margin: 0 auto;
position: relative;
}

#guidelines .section_wrap h2{
font-size: 18px;
margin: 0 0 10px;
}

#guidelines .section_wrap .guidelines_list{
margin: 0 auto 60px;
padding: 0;
}

#guidelines .section_wrap .guidelines_list li{
width: 100%;
margin: 0 0 30px;
}


#guidelines .section_wrap .guidelines_list li .img{
width: 60%;
margin: auto;
}

#guidelines .section_wrap .guidelines_list li .txt_box{
width: 100%;
margin: 0 0 20px;

}

#guidelines .section_wrap .guidelines_list li .txt_box h3{
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
margin: 0 0 20px;
}

#guidelines .section_wrap .guidelines_list li .txt_box p{
font-weight: 500;
font-size: .8rem;
line-height: 2;
}

#guidelines .com_table {
width:100%;
margin:0 auto;
font-size: .8rem;
}


#guidelines .com_table tr:nth-child(2n-1){
background: rgba(0,0,0,.02)
}

#guidelines .com_table th {
width: 100%;
padding: 6px;
text-align: left;
font-weight: 700;
line-height: normal;
position: relative;
display: block;
}


#guidelines .com_table td {
padding: 6px;
position: relative;
display: block;
vertical-align: middle;
}

#guidelines .section_wrap .common_btn_box{
text-align: center;
}

}