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


/* ==========================
main
============================= */
.products_bg{
	background-image: url("../img/product-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
	height: 202px;
}

.bg_all{
	padding: 100px 0 100px;
}


.inner_list{
	width: 720px;
}
.main_title{
	text-decoration: underline #330099 3px;
	text-underline-offset:0.3em;
	font-weight: bold;
	letter-spacing: 0em;
	font-size: 30px;
	text-align: center;
	margin-bottom: 50px;
}
.sub_title{
	color: #330099;
	font-weight: bold;
	letter-spacing: 0em;
	font-size: 24px;
	border-bottom: 3px solid #D9D9D9;
	padding-bottom: 10px;
	margin-bottom: 25px;
	
}

.left_20{
	padding-left: 18px;
}
/* ==========================
newa_box
============================= */
.news_box {
    display: flex;
	max-width: 1024px;
	margin: auto;
	justify-content: space-between;
}
ul.news_inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 80px;
	flex-wrap: wrap;
	position: relative;
	left: 40px;
}
ul.news_inner li {
	max-width: 328px;
}
.news_inner dl {
    margin: 20px 0;
}
.news_inner dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 11px;
    align-items: center;
}

.detail_img {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

p.date {
	margin-left: auto;
	text-align: right;
	padding-top: 20px;
}
p.news {
    color: #008DBC;
    border: solid 1px #008DBC;
    padding: 0px 10px;
    width: 100px;
    text-align: center;
	margin-left: auto;
}
p.seminor {
    color: #0E6BD2;
    border: solid 1px #0E6BD2;
    padding: 0px 10px;
    width: 154px;
    text-align: center;
}
.news_link a{
	color: #330099;
	text-decoration: underline;
}
.detail_inner {
	padding-top: 50px;
}
.detail_inner p{
	padding-bottom: 20px;
}

ul.news_inner a:link {
    text-decoration: none;
}
.detail_list{
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 20px;
  line-height: 1.5;
}

.program_inner {
  padding-left: 14px;
}

.program_inner.first {
  margin-top: -40px;
}

.program_inner li {
  text-indent: -30px;
  padding-left: 34px;
}

.program_inner li.inner-list {
    padding-left: 29px;
  text-indent: -49px;
}

.program_inner li.indent-txt {
      padding-left: 79px;
    text-indent: -77px;
  margin-top: -20px;
}
}

@media screen and ( max-width: 1075px ){
ul.news_inner {
    justify-content: space-around;
}
}
@media screen and ( max-width: 767px ){
.news_box {
    max-width: 90%;
    margin: auto;
	flex-wrap: wrap;
	justify-content: center;
}

ul.news_inner {
    margin: 0 auto 30px;
	position: relative;
	left: 0px;
}
.products_bg{
	margin-top: 50px;
	background-position: top;
}
.menu {
    max-width: 400px;
    margin-bottom: 40px;
}
.bg_all {
    padding: 50px 0 50px;
}
.detail_img {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
}