@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

*{
  margin:0;
  padding:0;
}

body{
  font-family: Lato, 'Noto Sans JP', sans-serif;
  background-color:#fff;
  -webkit-text-size-adjust: 100%;
}

/*
COLORS
================================================ */
:root {
  --light-blue: #4db1ec;
  --blue: #1665cc;
  --purple: #b473bf;
  --pink: #ffb2c1;
  --orange: #ff9f67;
  --yellow: #ffd673;
  --light-green: #a2e29b;
  --green: #00a2af;
  --grey: #333;
  --white: #fff;
}


/* wrapper 
.............................................................................*/

.wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;

}

@media screen and (max-width: 400px) {
  .wrapper{
    max-width: 400px;
    margin-left: 3vw;
    margin-right: 3vw; 
    padding: 0;
    padding-left: 0%;
    padding-right: 0%;
  }
}



/*common
.............................................................................*/

/* 全体の共通デザインのため　各ページのコンテンツのテキストやセクションのレイアウト調整*/
#container{
  position:relative;
  width:100%;
  /* 子要素が画面サイズよりも小さい場合は，
  領域を画面サイズまで伸ばす */
  /*height:100vh;
  height:auto;
  height:100%;*/
  height:100%;
  min-height:45vh;
  margin:0 auto;
  /*margin-top:120px;*/
  margin-top:40px;
  margin-bottom: 25px;
  padding-bottom:1em;
  background-color:rgb(250,250,250);
  overflow:hidden;
}

@media screen and (max-width: 400px) {
  #container{
    margin-top: 8vh;
  }
}

.sectitle{
  position:relative;
  width:100%;
  height:24px;
  padding:0;
  margin-top:10px;
  background-color:#4ad;
}

.sectitle p{
  width:96%;
  height:100%;
  background-color:#eee;
  color:#222;
  margin-left:2%;
  padding-left:2%;
  line-height:24px;
  text-align:left;
  font-size:16px;
  overflow:hidden;
}

.textcontent{
  position:relative;
  width:calc(100%-2em);
  height:auto;
  line-height:28px;
  font-size:14px;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
  margin-bottom: 1em;
  background-color:#eee;
  /*background-color:#ddd;*/
  color:#222;
  word-wrap:break-word;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

h1{
  color:#222;
  font-size:16px;
  font-weight:bold;
  line-height:24px;
  text-align:left;
  padding-bottom:10px;
  padding-top:10px;
}
/* 全体の共通デザインのため　各ページのコンテンツのテキストやセクションのレイアウト調整 end */

/*画像調整用 */

.img_box{
  position:relative;
  width:80%;
  height:auto;
  margin:0 auto;
  background-color:#fff;
}

.img_box img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.img_box2{
  width:40%;
  height:auto;
  margin:0 auto;
  position:relative;
  background-color:#fff;
}

.img_box2 img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.img_flex{
  position:relative;
  width:auto;
  height:auto;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

.img_child{
  position:relative;
  margin:5px;
  width:300px;
  height:auto;
}

.img_child img{
  width:100%;
  height:auto;
  object-fit:contain;
}

/*画像調整用  end */

/* common end 
.............................................................................*/

/*header
.............................................................................*/

#header_box {
  z-index: 4;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  /*
  width: 1500px;
  */
  width: 100%;
  height: 40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  background-color: #fff;
  padding-top: 1%;
}
.header_box_child {
  position: relative;
  width: 100px;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #eee;
  border-radius: 10px;
}
  
.header_box_child:first-child {
  width: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 0px;
}

.header_box_child:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
  
.header_box_child img {
  object-fit: cover;
}
  
.header_box_child a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #444;
  text-decoration: none;
  line-height: 40px;
  overflow: hidden;
}


.header_box_child a.lined {
  text-decoration: line-through;
}

#header2 {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  top: 50px;
  background-color: #666;
}


.gnav {
  width: 100%;
  height: 100%;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  list-style-type: none;
}

.gnav li {
  width: 12.285%;
  width: calc(12.285% - 2px);
  border-left: solid 1px #555;
  border-right: solid 1px #555;
  height: 30px;
  float: left;
  background-color: #666
}

.gnav li.active {
  background-color: #333;
}

.gnav li a {
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  color: #eee;
  font-size: 16px;
  text-decoration: none;
  line-height: 30px;
  overflow: hidden;
}

.gnav li a:hover {
  background-color: #333;
  color: #eee;
}

.btn-menu {
  display: none;
}

.En_header2{
  display: none;
}

/*header end
.............................................................................*/

/*他デバイスで見た時のheader調整
.............................................................................*/

/*スマホ用*/
@media screen and (max-width: 400px) {

  #header_box {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  background-color: #fff;
  padding-top: 1%;
  border-bottom: 8px solid rgba(255,255,255,.5);
  border-color: #666;
  }

  .header_box_child {
    position: relative;
    width: 120px;
    height: 40px;
    margin-right: 50px;
    margin-left: 10px;
    background-color: #eee;
    border-radius: 10px;
  }
    
  .header_box_child:first-child {
    width: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 0px;
  }
  
  .header_box_child:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
    
  .header_box_child img {
    object-fit: cover;
  }
    
  .header_box_child a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #444;
    text-decoration: none;
    line-height: 40px;
    overflow: hidden;
  }
  
  .En_header1 {
    display: none;
  }

  #header2 {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 0;
    top: 0;
    /*
    transition: .5s;
    background-color: var(--green);
    */
  }
   
  .btn-menu {
    display: block;
    position: absolute;
    top: 5px;
    right: 0.8vw;
    border: 1px solid rgba(255,255,255,.5);
    background-color: #fff;
    /*color: var(--white);*/
    padding: .2rem .5rem;
    z-index: 0;
  }

  .btn-menu img {
    width: 6.2vw;
    /*height: 4vh;*/
  }
  
  .gnav {
    /*top: 34px;
    border-top: 1px solid rgba(255,255,255,.5);
    border-color: #666;
    */
    background: var(--gray);
    width: 100%;
    height: 0;
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: .5s;
    display: flex;
    flex-direction: column;
    margin-left: 0%;
    margin-right: 0%;
  }

  .gnav li {
    padding-top: 1vh;
    text-align: center;
    margin:  0;
    height: 40px;
    width: 100%;
  }

  .gnav a {
    font-size: 10vh;
  }

  .gnav li a:hover {
    background-color: #666;
    color: #eee;
  }
  
  #header2.open-menu{
    height: 350px;
    width: 400px;
    top: 34px;
    left:0px;
    right:0px
  }

  .gnav.open-menu {
    width: 100%;
    height: 100%;
  }

  .En_header2{
    display: block;
  }
    
}



/*他デバイスで見た時のheader調整 end
.............................................................................*/

/*footer
.............................................................................*/
#footer {
  z-index: 4;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #555;
}

#footer p {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  text-align: center;
}

#footer2 {
  z-index: 4;
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #666;
}

#footer2 p {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  text-align: center;
}


/*footer end
.............................................................................*/


/* index.html
.............................................................................*/
#Welcome{
  margin-top: 80px;
  margin-bottom: -10vw; 
  justify-content:center;
  text-align: center;
  height: 50vw;
  width: 50vw;

  position: relative;
  left: 25vw;
  top: 0vh;
}

#Welcome .photo{
  height: 100%;
  width: 100%;
  z-index:0;
}

#Welcome .DaVincya{

  position: absolute;
  top: 50%;
  left: 80%;
  z-index:2;

  height: auto;
  width: 20%;
}

#Welcome .speechbubble{
  height: 65%;
  width: 96%;

  position: absolute;
  opacity: 0.7;
  top:0%;
  left: 5%;
  z-index:1;
}

#Welcome strong{
 color:rgb(250,0,0);
}

#Welcome b{
  color:rgb(250,0,0);
}

#Welcome .comment{
  position: absolute;
  font-size:1.5vw;
  z-index:2;
  top:15%;
  left:17%;
  line-height: 2vw;
}

#Welcome .comment .cite{
  line-height: 4vw;
}

#Welcome .comment .detail{
  font-size:1vw;
}

#Welcome .comment .movie_dl{
  font-size:1vw;
}

#Welcome a{
  position: absolute;
  left:43%;
}

#Newslist{
  position: relative;
  z-index:3;
  margin-bottom: 100px;
}

#Newslist p{
font-size: 1.5vw;
color: rgb(255,0,0);
margin-bottom: 0;
}

/* #Newslist iframe{
  width:50vw;
  height:150px;
} */

#Newslist .news_fram{
  width:50vw;
  font-size:min(4vw,18px); /* (min, max)*/
  /* border:2px solid black; */
  text-align: left;
  background-color: rgb(236, 236, 236);
}
#Newslist .news_fram ol{
  padding:10px 30px;
}
#Newslist .news_fram ol li{
  /* list-style:none; */
}

/*index追加部分*/
#Welcome_product {
  position: relative;
  z-index: 3;
  margin-top: 100px;
  margin-bottom: 100px;
}

.product_top p{
  font-size: 1.5vw;
  color: rgb(255,0,0);
  margin-bottom: 0;
  }

/*共創チャレンジ部分*/

.dv_challenge{
  width: 300px;
}
.dv_challenge a{
  text-decoration: none;

  width: 100%;
  height: 24px;
  bottom: 0px;
  
  color: black;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  overflow: hidden;
}

.dv_challenge h4{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 3.5%;
  margin-bottom: 10%;
  
  padding-top: 5%;
  padding-bottom: 5%;

  background-color: #4ad;
  border-radius: 15px;

}

.dv_challenge a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/* development.html */
.product_box {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product_child {
  position: relative;
  width: 250px;
  height: 200px;
  padding-bottom: 24px;
  margin: 10px;
  background-color: #8ac;
}
.product_link {
  z-index: 1;
  position: absolute;
  width: 250px;
  height: 224px;
}
.product_child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_child:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.product_link a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}
.product_child p {
  position: absolute;
  width: 100%;
  height: 24px;
  bottom: 0px;
  background-color: #4ad;
  color: #eee;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  overflow: hidden;
}

.product_child2 {
  position: relative;
  width: 150px;
  height: 150px;
  padding-bottom: 0px;
  margin: 10px;
  background-color: #8ac;
}

.product_child2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_child2 p {
  position: absolute;
  width: 100%;
  height: 24px;
  bottom: 0px;
  background-color: #4ad;
  color: #eee;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  overflow: hidden;
}

/*index.html：スマホ用*/
@media screen and (max-width: 400px) {

  #Welcome{
    margin-top: 20px;
    margin-bottom: 0vw; 
    margin-left: 2vw;
    margin-right: 1vw;
    justify-content:center;
    text-align: center;
    height: 50vw;
    width: 95vw;
  
    position: relative;
    left: 0vw;
    top: 0vh;

  }
  
  #Welcome .photo{
    margin-top: 44px;
    height: 100%;
    width: 100%;
    z-index:0;
  }
  
  #Welcome .DaVincya{
    margin-top: 44px;
    position: absolute;
    top: 90%;
    left: 78%;
    z-index:3;

    height: auto;
    width: 25%;
  }
  
  #Welcome .speechbubble{
    display : none;
  }
 
  #Welcome strong{
   color:rgb(250,0,0);
  }
  
  #Welcome b{
    color:rgb(250,0,0);
  }
  
  #Welcome .comment{
    margin-top: 44px;
    position: absolute;
    font-size:4.5vw;
    z-index:2;
    top:2%;
    left:5%;
    right:5%;
    line-height: 10vw;

    border:  solid 1px;                             /* 枠線指定 */
    display:  inline-block;                         /* インラインブロックにする */
    padding: 10px 20px;                             /* 余白指定 */
    background-color: rgba(255, 255, 255, 0.7);     /* 背景色指定 */
  }
  
  #Welcome .comment .cite{
    line-height: 8vw;
  }
  
  #Welcome .comment .detail{
    font-size:2.5vw;
  }
  
  #Welcome .comment .movie_dl{
    display: none;
  }

  #Welcome a{
    font-size:3.5vw;
    position: absolute;
    left:15%;
  }
  
  #Newslist{
    position: relative;
    z-index:3;
    margin-top: 24vh;
    margin-bottom: 4vh;
  }

  #Newslist .news_fram{
    width: 95vw;
  }
  
  #Newslist p{
    font-size: 5.5vw;
    color: rgb(255,0,0);
    margin-bottom: 0;
  }

  /*index追加部分*/
  #Welcome_product {
    position: relative;
    z-index: 3;
    margin-top: 0vh;
    margin-bottom: 0vh;
  }

  .product_top p{
    font-size: 5.5vw;
    color: rgb(255,0,0);
    margin-bottom: 0;
  }
  
}

/* 追加部分 end 
.............................................................................*/

/* index.html end 
.............................................................................*/


/* news.html
.............................................................................*/

#news_box{
  position:relative;
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
}

.news_child{
  position:relative;
  width:100%;
  height:200px;
  margin-top:10px;
  margin-bottom:10px;
}

.news_child:last-child{
  position:relative;
  width:50%;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  background-color:#555;
  color:#eee;
  text-align:center;
  font-size:20px;
  line-height:30px;
}

.news_child_noimage{
  position:relative;
  width:100%;
  height:50px;
  margin-top:10px;
  margin-bottom:10px;
}

.news_child_noimage:last-child{
  position:relative;
  width:50%;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  background-color:#555;
  color:#eee;
  text-align:center;
  font-size:20px;
  line-height:30px;
}

.news_link{
  z-index:1;
  position:absolute;
  width:100%;
  height:200px;
}

.news_link:last-child{
  height:30px;
}

.news_link a{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  text-indent:-999px;
  color: #eee;
}
.news_link a:visited{
  color: #eee;
}
.news_link a:last-child{
  text-indent:0;
  text-decoration:none;
}

.news_link_noimage{
  z-index:1;
  position:absolute;
  width:100%;
  height:50px;
}

.news_link_noimage:last-child{
  height:30px;
}

.news_link_noimage a{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  text-indent:-999px;
  color: #eee;
}
.news_link_noimage a:visited{
  color: #eee;
}
.news_link_noiamge a:last-child{
  text-indent:0;
  text-decoration:none;
}

.news_child:hover{
  opacity:0.7;
  filter:alpha(opacity=70);
}

.news_child_noimage:hover{
  opacity:0.7;
  filter:alpha(opacity=70);
}

.news_title{
  position:relative;
  width:100%;
  height:20px;
  background-color:#4ad;
  background: linear-gradient(90deg, #4ad, #7be);
  text-align:left;
  padding-left:1em;
  line-height:20px;
  font-size:16px;
  font-weight:bold;
  color:#eee;
  overflow:hidden;
  border-radius:0 10px 10px 0;
}

.news_thumbnail{
  position:absolute;
  top:-35px;
  left:0;
  width:180px;
  height:180px;
  float:left;
}

.news_abst{
  position:absolute;
  margin-top: 30px;
  margin-left:10px;
  width:100%;
  height:180px;
  background-color:#eee;
  overflow:hidden;
}

.news_abst p{
  text-align:left;
  padding:10px;
  padding-left:200px;
  line-height:20px;
  font-size:16px;
  color:#222;
  word-wrap:break-word;
}

.news_thumbnail img{
  padding-top: 70px;
  width:160px;
  height:160px;
  margin:10px;
  object-fit:contain;
  border-radius:20px;
}

.news_footer{
  position:absolute;
  bottom:0;
  width:100%;
  height:10px;
  background-color:#eee;/* same as abst background */
}

/* news.html end 
.............................................................................*/


/* development.html
.............................................................................*/
.product_box{
  position:relative;
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}

.product_child{
  position:relative;
  width:250px;
  height:200px;
  padding-bottom:24px;
  margin:10px;
  background-color:#8ac;
}

.product_child img{
	width:100%;
	height:100%;
	object-fit:cover;
}
  
.product_child:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.product_link{
  z-index:1;
  position:absolute;
  width:250px;
  height:224px;
}

.product_link a{
  position:absolute;
  display:block;
  height:100%;
  width:100%;
}

.product_child p{
  position:absolute;
  width:100%;
  height:24px;
  bottom:0px;
  background-color:#4ad;
  color:#eee;
  line-height:24px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  overflow:hidden;
}

.product2_box{
  position:relative;
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}

.product2_child{
  position:relative;
  width:250px;
  height:200px;
  padding-bottom:24px;
  /*margin:10px;*/
  margin-top:0.912em;
  margin-right:1em;
  background-color:#8ac;
}

.product2_child img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.product2_link{
  z-index:1;
  position:absolute;
  width:250px;
  height:224px;
}

.product2_link a{
  position:absolute;
  display:block;
  height:100%;
  width:100%;
}

.product2_child p{
  position:absolute;
  width:100%;
  height:24px;
  bottom:0px;
  background-color:#4ad;
  color:#eee;
  line-height:24px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  overflow:hidden;
}

.development_box{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.development_text{
  
  /*
  position:relative;
  width:90%;
  height:auto; 
  margin:auto;
  margin-top:30px;
  margin-bottom:5px;
  */

  position:relative;
  width:70%;
  height:50%;
  line-height:28px;
  font-size:14px;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
  margin-bottom: 1em;
  padding-left: 1.5%;
  padding-right: 1.5%;
  background-color:#eee;
  /*background-color:#ddd;*/
  color:#222;
  word-wrap:break-word;

  
}

/*スマホ用　developmentページ　
.............................................................................*/
@media screen and (max-width: 400px) {
  #plch.En_plch {
    height:48px;
  }
}

/*スマホ用　productページ　
.............................................................................*/
@media screen and (max-width: 400px) {
  .development_box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .child_1{
    order: 1;
  }

  .child_2{
    order: 0;
  }

  .development_text{
    position:relative;
    width:90%;
    height:50%;
    line-height:28px;
    font-size:14px;
    margin-top:1em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom: 1em;
    padding-left: 1.5%;
    padding-right: 1.5%;
    background-color:#eee;
    /*background-color:#ddd;*/
    color:#222;
    word-wrap:break-word;
  }

  .product2_child{
    position:relative;
    width:250px;
    height:200px;
    padding-bottom:24px;
    margin-left:12vw;
    margin-right:10vw;
    margin-top:0.912em;
    margin-right:1em;
    background-color:#8ac;
  }

}



/* development.html end
.............................................................................*/

/* profile.html 
.............................................................................*/
ul.simple_list{
  position:relative;
  width:96%;
  height:auto;
  margin-left:4%;
  list-style-type:circ;
}

.simple_list li{
  width:100%;
  height:auto;
  line-height:24px;
  margin:auto;
  font-size:14px;
  color:#222;
}

.simple_table{
  position:relative;
  width:97%;
  height:auto;
  margin-top:1em;
  margin-bottom: 1em;
  margin-left:1em;
  margin-right:1em;
}

/*
.simple_table{
  position:relative;
  width:90%;
  height:auto;
  margin:auto;
  margin-top:5px;
  margin-bottom:5px;
}
*/

.simple_table tr{
  position:relative;
  width:100%;
  height:24px;
}

.simple_table tr td{
  height:auto;
  line-height:24px;
  text-align:left;
  padding-left:5px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}

.simple_table tr td:first-child{
  height:auto;
  width:100px;
  line-height:24px;
  text-align:left;
  padding-left:5px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}



.simple_table tr td .simple_list{
  list-style-type:none;
  margin:0;
}


/*
.hist_table{
  position:relative;
  width:90%;
  height:auto;
  margin:auto;
  margin-top:5px;
  margin-bottom:5px;
}
*/

.hist_table{
  position:relative;
  width:97%;
  height:auto;
  margin-top:1em;
  margin-bottom: 1em;
  margin-left:1em;
  margin-right:1em;
}

.hist_table tr{
  position:relative;
  width:100%;
  height:24px;
}

.hist_table tr td{
  height:auto;
  line-height:24px;
  text-align:left;
  padding-left:5px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}

.hist_table tr td:first-child{
  height:auto;
  width:60px;
  line-height:24px;
  text-align:left;
  padding-left:5px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}

.hist_table tr td:nth-child(2){
  height:auto;
  width:60px;
  line-height:24px;
  text-align:left;
  padding-left:5px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}

.hist_table tr td:nth-child(3){
  height:auto;
  text-align:left;
  padding-left:5px;
  padding-right:4px;
  background-color:#ddd;
  color:#222;
  font-size:14px;
}


.prof_img {
  padding-top: 2.0%;
  margin-right: 5%;
  margin-left: 6%;
}

.prof_img img{
  width: 850px;
}

@media screen and (max-width: 400px) {
  .prof_img {
    padding-top: 0%;
    margin-left: 2.5vw;
  }

  .prof_img img{
    width: 330px;
  }
}

/* profile.html end
.............................................................................*/



/* inquiry
.............................................................................*/
.form_table{
  position:relative;
  text-align:left;
  background-color:transparent;
}

.form_table th{
  width:120px;
  height:auto;
  font-weight:bold;
  text-align:right;
  font:16px;
  color:#222;
}

/* inquiry end
.............................................................................*/


/* backnumber.html
.............................................................................*/
ul#newsnav{
  position:relative;
  width:95%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  list-style-type:none;
}
#newsnav li{
  width:100%;
  height:40px;
  margin-top:15px;
  margin-bottom:15px;
  background: linear-gradient(90deg, #eee, #4ad);
}
#newsnav li:hover{
  background: linear-gradient(90deg, #4ad,#eee);
}
#newsnav li a{
  width:auto;
  height:100%;
  text-align:left;
  padding-left:5px;
  line-height:20px;
  font-size:20px;
  overflow:hidden;
  color:#222;
  text-decoration:none;
  display:block;
}
#newsnav li a:hover{
  color:#eee;
}

/* backnumber.html end
.............................................................................*/

/* product.html
.............................................................................*/

span {
  color: red;
  font-size: 1.5em;
}

/* product.html end
.............................................................................*/

.page-header{
  display: flex;
  justify-content: space-between;
}