body{
    background: #eee;
    font-family: Arial;
}
@media screen and (min-width: 767px)  {
body {
overflow-x:hidden;
 overflow-y: scroll;
　　white-space: nowrap;
}
}
.news {
  height: 10em;
  overflow:auto;
  border: 2px solid #777;
  background-color: #f9f9f9;
}
.news dt {
  padding: 0 1em;
  font-weight: bold;
  color: #FFF;
  background-color: #777;
}
.news dd {
  line-height: 0.2em;
  margin: .8em 1em;
}

.table{
  margin-top: 15px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  background: #ddd;
}
.table dt{
  width: 32%;
  padding-top: 10px;
  padding-bottom: 5px;
  float: left;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
vertical-align:middle;
text-align: center;
}
.table dd{
  margin-left: 32%;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 2px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
text-align: left;
}
.table dd:after{
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 320px) {
.table dt{
    width: 100%;
    float: none;
  }
.table dd{
    margin-left: auto;
    border-left: none;
  }
}


a {
  position: relative;
  transition: 0.1s;
  text-decoration: none;
}
a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  border-bottom: solid 1px #30609c;
  transition: 0.5s;
}
a:hover::after {
  width: 100%;
}

@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 10px;
    margin-bottom: -300px;
    width: 86%;
}
}
@media screen and (min-width: 767px)  {
.content{
    height:100vh;
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 40%;
}
}
.content h2{
    margin-bottom: 15px;
}
.content h4{
    margin-bottom: 2px;
}
.content div{
    margin-top: 5px;
    margin-bottom: 4px;
}
.content ul{
    margin-bottom: 15px;
overflow:hidden;zoom:1;
}
.content li{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 1em; 
    text-indent: -.7em;
}
.content li:before {
    content: "• ";
    color: #000000;
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content li{
  display: list-item;
    margin-bottom: 6px;
}
}
@media screen and (min-width: 767px)  {
.content li{
    display: inline-block;
    margin-right: 10px;
    padding-left: 1em; 
    text-indent: -.7em;
float:left;
list-style:none;
}
}
.break{clear:both;}
.content a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_02{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 62px;
    width: 100%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_02{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 100%;
    text-align: center;
}
}
.content_02 li{
    margin-bottom: 170px;
}
.content_02 img{
    margin-bottom: 15px;
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_02 img{
        max-width: 100%;
        height: auto;
        object-fit: cover;
}
}


.break{clear:both;}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_03{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 90%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_03{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 50%;
    text-align: center;
  padding-bottom: 15px;
}
}
.content_03 a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.center {
    text-align: center;
}
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_04{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 40px;
    width: 90%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_04{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 50%;
    text-align: center;
  padding-bottom: 15px;
}
}
.content_04 a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.center {
    text-align: center;
}
}
.content_04 ul{
    margin-top: 50px;
    color: #cc0000;
font-weight: bold;
font-size: 15px;
}

.content a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}

@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_06{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 30px;
    width: 90%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_06{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 30px;
    width: 50%;
    text-align: center;
  padding-bottom: 15px;
}
}
.content_06 a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.center {
    text-align: center;
}
}
.content_06 ul{
    margin-top: 50px;
    color: #cc0000;
font-weight: bold;
font-size: 15px;
}

.content_left {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    text-align: left;
  }

@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_04 img{
        max-width: 100%;
        height: auto;
        object-fit: cover;
}
}
.content h4{
    margin-top: 12px;
}

.content a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}
.content_05 img{
    margin-bottom: 15px;
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_05 img{
        max-width: 100%;
        height: auto;
        object-fit: cover;
}
}


.content a:link { color: #30609c; }
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}
@media screen and (min-width: 767px)  {
.content_05{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
}
.content_05 img{
    margin-bottom: 15px;
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.content_05 img{
        max-width: 100%;
        height: auto;
        object-fit: cover;
}
}

.text_01{
	font-size: medium;
	border-bottom: solid 1px #a9a9a9;
	width: 100%;
}
.text_02{
	margin: 0px 0px 0px 0px;
	white-space: pre-line;
}
.text_03{
	margin: 0px 10px 0px 10px;
	white-space: pre-line;
    text-align: center;
    display: inline-block;
    text-align: left;
}
@media screen and (min-width: 0px) and (max-device-width: 766px)  {
.text_03{
    width: 86%;
}
}
@media screen and (min-width: 767px)  {
.text_03{
    max-width: 500px;
}
}

*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
.cp_cont {
height: 65vh;
}
/* menu */
.cp_offcm03 {
  position: fixed;
z-index: 5;
top: 0;
right: 0;
overflow: auto;
width: 100%;
height: auto;
padding-top: 0;
-webkit-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
text-align: center;
color: #ffffff;
background-color: #0097a7;
}
.cp_offcm03 nav,
.cp_offcm03 ul {
height: 10%x;
}
.cp_offcm03 li {
display: inline-block;
margin-right: -6px;
border: none;
}
.cp_offcm03 a {
display: block;
padding: 13px 45px;
-webkit-transition: background-color .1s ease-in;
transition: background-color .1s ease-in;
}
.cp_offcm03 a:hover {
background-color: #1565C0;
}
/* menu toggle */
#cp_toggle03 {
display: none;
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cp_mobilebar {
display: none;
}
/* content */
.cp_container {
position: relative;
top: 0;
padding: 35px auto;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_content {
margin: 0 auto;
padding: 20px;
height: 65vh;
text-align: center;
}
@media (max-width: 767px) {
/* menu */
.cp_offcm03 {
position: fixed;
right: -250px;
overflow-y: hidden;
width: 250px;
height: 100%;
padding-top: 60px;
color: #ffffff;
background-color: #039be5;
}
.cp_offcm03 nav {
background: #29B6F6;
}
.cp_offcm03 li {
display: block;
margin-left: 0;
border-bottom: 1px solid #ffffff;
}
.cp_offcm03 a {
padding: 20px;
}
/* menu toggle */
.cp_mobilebar {
display: block;
z-index: 10;
position: fixed;
top: 0;
right: 0;
padding: 0 15px;
width: 60px;
height: 60px;
background-color: #039BE5;
border: 3px solid transparent;
	border-radius: 50%;
}
.cp_menuicon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.cp_menuicon > span:before,
.cp_menuicon > span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.cp_menuicon > span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#cp_toggle03:checked + .cp_mobilebar .cp_menuicon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cp_toggle03:checked + .cp_mobilebar span:before,
#cp_toggle03:checked + .cp_mobilebar span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
/* content */
.cp_container {
top: 60px;
height: 92vh;
}
}