@charset "utf-8";
/* CSS Document */
@media print,screen and (min-width: 741px){ 
#page .main_ttl{
margin-bottom: 30px;
text-align: center;
background-color: #004da0;
}

#page .main_ttl h2 {
	width: 1000px;
	margin: 0 auto;
	font-size: 32px;
	color: #fff;
	background: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_ico01.png) no-repeat 38% center;
	padding: 45px 0 45px 30px;
}
#page .ttl_box{
background-color: #004da0;
padding: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 40px;
margin-left: 0px;
}
#page .ttl_box h2{
font-size: 40px;
color: #FFFFFF;
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_icon.png);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: 0px;
margin-bottom: px;
margin-left: 0px;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 100px;
background-position: 30px 30px;
}
#page .ttl_box p{
color: #FFFFFF;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 100px;
}
#page .words{
width: 940px;
margin-right: auto;
margin-left: auto;
border-bottom: 1px solid #004da0;
}
#page .words dt{
font-size: 20px;
margin: 0px;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_arrow01.gif);
background-size: 12px;
background-repeat: no-repeat;
background-position: 98% center;
color: #004da0;
border-top: 1px solid #004da0;
border-right: 1px solid #004da0;
border-left: 1px solid #004da0;
cursor: pointer;
font-weight: bold;
}
#page .words dt.active{
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_arrow02.gif);
background-size: 12px;
background-color: #004da0;
color: #fff;}
#page .words dd{
border-right: 1px solid #004da0;
border-left: 1px solid #004da0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 1px;
padding-left: 20px;
border-top: 1px solid #004da0;
display: none;
}
#page .words dd p{
font-weight: normal;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#page .words dd h4{
font-size: 14px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#words_nav{
padding: 0px;
margin: 0 auto 60px;
}
#words_nav ul{
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
#words_nav ul li{
float: left;

}
#words_nav ul li:last-child{
margin-right: 0px;
}
#words_nav ul li a{
	box-sizing: content-box;
background-color: #fff;
margin-bottom: 1px;
border: 2px solid #004da0;
padding: 15px 20px;
text-decoration: none;
font-size: 18px;
color:#004da0;
width: 42px;
-webkit-border-radius: 5px;   
-moz-border-radius: 5px;  
border-radius: 5px;  
font-weight: bold;
display: block;}
#words_nav ul li a:hover{
color:#fff;
background-color: #004da0;
}
#words_nav h3{
color: #004da0;
font-size: 24px;
padding: 10px 0;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 0px;
border-bottom: 2px solid #004da0;
}

}
@media screen and (max-width: 740px){
#page .main_ttl{
margin-bottom: 30px;
text-align: center;
background-color: #004da0;
}

#page .main_ttl h2 {
	width: 300px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	background: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_ico01.png) no-repeat 28% center;
	background-size: 20px;
	padding: 20px 0 20px 10px;
}

#page .ttl_box{
background-color: #004da0;
padding: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 40px;
margin-left: 0px;
}
#page .ttl_box h2{
font-size: 40px;
color: #FFFFFF;
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_icon.png);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: 0px;
margin-bottom: px;
margin-left: 0px;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 100px;
background-position: 30px 30px;
}
#page .ttl_box p{
color: #FFFFFF;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 100px;
}
#page .words{
width: 100%;
margin-right: auto;
margin-left: auto;
border-bottom: 1px solid #004da0;
}
#page .words dt{
font-size: 16px;
margin: 0px;
padding: 10px 15px;
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_arrow01.gif);
background-size: 12px;
background-repeat: no-repeat;
background-position: 97% center;
color: #004da0;
border-top: 1px solid #004da0;
border-right: 1px solid #004da0;
border-left: 1px solid #004da0;
cursor: pointer;
font-weight: bold;
}
#page .words dt.active{
background-image: url(https://answer-chintai.re-ws.jp/app/uploads/sites/1085/2023/09/words_arrow02.gif);
background-size: 12px;
background-color: #004da0;
color: #fff;}
#page .words dd{
border-right: 1px solid #004da0;
border-left: 1px solid #004da0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 1px;
padding-left: 20px;
border-top: 1px solid #004da0;
display: none;
}
#page .words dd p{
font-weight: normal;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#page .words dd h4{
font-size: 14px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#words_nav{
padding: 0px;
margin: 0 auto 60px;
}
#words_nav ul{
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#words_nav ul li{
float: left;
margin: 0 5% 15px 0;
width: 30%;
}
#words_nav ul li:nth-child(3n) {
margin-right: 0px;
}
#words_nav ul li a{
background-color: #fff;
margin-bottom: 1px;
border: 1px solid #004da0;
padding: 10px 15px;
text-decoration: none;
font-size: 15px;
color:#004da0;
-webkit-border-radius: 5px;   
-moz-border-radius: 5px;  
border-radius: 5px;  
font-weight: bold;
display: block;
text-align: center;
}
#words_nav ul li a:hover{
color:#fff;
background-color: #004da0;
}
#words_nav h3{
color: #004da0;
font-size: 18px;
padding: 10px 0;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
border-bottom: 2px solid #004da0;
}
}