#outline{
margin-bottom: 4.5em;
}
p{
margin: 0;
padding: 0;
}
a{
color: #00818e;
}
.flex_box {
flex-wrap: wrap;
justify-content: space-between;
}
.main_contents{
border: 1px solid #ccc;
padding: 1em;
width : 69% ;
}
.side_contents{
width: 29%;
}
.container {
width: 1024px;
}
ul.breadcrumb {
max-width: 1024px;
}
.fv {
background-color: #00818e;
max-height: 210px;
min-height: 210px;
}
.fv_title{
text-align: left;
max-width: 1024px;
margin: 0 auto;
}
.fv_title h1{
padding-top: 1.25em;
color: #fff;
font-size: 3.6em;
font-weight: 700;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p.line_list{
text-align: center;
}
p.line_list a{
margin: 0 .5em;
}
.half_con{
width: calc(97% / 2);
}
.half_con p{
background-color: #DFF6FC;
margin-top: 1em;
padding: .25em;
}
ul.word{
list-style: disc;
margin: .5em 0 .5em 1.5em;
}
ul.word li{
border-bottom: 1px dotted #ccc;
line-height: 1.5;
}
.side_contents h3{
border: none;
background-image: none;
border-radius: 0;
margin: 0;
padding: 0;
border-bottom: 1px solid #000;
}
ul.side_word li{
margin: .5em 0;
border: 1px solid #ccc;
}
ul.side_word li a {
display: block; /* aタグをブロック要素にして全体をリンクにする */
width: 100%;    /* 必要に応じて幅を調整 */
height: 100%;   /* 必要に応じて高さを調整 */
text-decoration: none; /* 下線を消す場合 */
color: #00818e;   /* 文字色 */
padding: .5em;
}
ul.side_word li a:hover {
background-color: #DFF6FC;
}
@media only screen and (max-width: 768px) {
.container {
width: 100%;
}
ul.breadcrumb {
width: 100%;
}
.contents_box h2{
font-size: 1.2em;
font-weight: 700;
}
.contents_box h3 {
font-size: 1.1em;
font-weight: 700;
}
}
@media only screen and (max-width: 480px) {
h1{
font-size: 1.2em;
font-weight: 700;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background-color: #00818e;
padding: 1em 0;
color: #fff;
text-align: center;
}
a{
display: inline;	
}
.contents_box {
  margin: 0 auto;
  padding: .5em;
margin-bottom: 100px;
}
.flex_box {
flex-wrap: wrap;
}
.side_contents{
width: 96%;
margin: 0 auto;
}
.side_contents h3{
margin-top: 1em;
}
}