body{
  width: 1200px;
}

#title span{
  font-size: 8pt;
}
#max_image{

}
#max_image img{
  width: 800px;
}
#max_image ~ #menu{
  font-size: 12pt;
  margin-left: 20px;
}
#big_image{

}
#big_image img{
  width: 800px;
}
#menu{
  font-size: 12pt;
  margin-left: 20px;
}
#menu span{
  font-size: 8pt;
}
#middle_image{

}
#middle_image img{
  width: 800px;
}
#middle_image ~ #menu{
  font-size: 12pt;
  margin-left: 20px;
}
#small_image{

}
#small_image img{
  width: 800px;
}
#small_image ~ #menu{
  font-size: 12pt;
  margin-left: 20px;
}
#menu #co_name{
  font-size: 16pt;
  color: #ffffff;
  background-color: #e0c959;//#d0b947;
}
#menu #welcome{
  font-size: 12pt;
}
.sec{
  margin-top: 5px;
  margin-bottom: 12px;
  font-size: 12pt;
}
.sec a:link {
  color:#aec8c8;
}
.sec a:hover {
  color:#99968c;
}
.program_title{
  font-size: 16pt;
}
#mail{
  margin-top: 0px;
  margin-bottom: 0px;
}

.font_design{
    clear: both;
}
.font_design span{
  font-size: 8pt;
}
.Business_card_design{
  clear: both;
}
.Business_card_design ~ #big_image{
  margin-bottom: 30px;
}
.Business_card_design span{
  font-size: 8pt;
}

a{
  text-decoration: none;
}
a:link {color:#ac6c5e;} /*未訪問のリンクの色*/
a:visited {color:#aec8c8;} /*訪問済みのリンクの色*/
a:hover {color:#99968c;} /*カーソルが乗っているリンクの色*/
a:active {color:#99968c;} /*クリック中のリンクの色*/

#repeat_image{

}
#repeat_image img{
  width: 800px;
}
#repeat_image ~ #menu{
  font-size: 12pt;
  margin-left: 20px;
}

#blank_image{

}
#blank_image img{
  width: 800px;
}
#blank_image ~ #menu{
  font-size: 12pt;
  margin-left: 20px;
}

#order{
  margin-bottom: 0px;
}
#price{
  color:#888888;
}
#message{
  color: #ac6c5e;
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 10pt;
}
#link_sns{
  margin-top: 25px;
  margin-bottom: 0px;
}
#menu_button{
  position: absolute;
  font-size: 12pt;
  /* left:540px;
  top:800px; */
}
#menu_button span{
  font-size: 8pt;
}
#menu_button a{
  color: #555;
}
#menu_button a:hover{
  color: #222;
}
.corporation{
  color:#fff;
  font-size: 120pt;
  text-shadow: 1px 2px 3px #808080;
}
.BusinessContent{
  margin-top: 0px;
  color:#fff;
  font-size: 80pt;
  text-shadow: 1px 2px 3px #808080;
/*    mix-blend-mode: exclusion;*/
}
.DesignColor{
  color: #aaa;
}
.profile{
  clear: both;
  color: #000;
}
.download{
  margin-top: 5px;
}
.Shop{
  font-size: 16pt;
  margin-top: 20px;
}
.container{
  margin-top: 10px;
  position: absolute;
  width: 800px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.container section {
  margin: 10px;
  padding: 0px;
}
.pic_font{
  font-size:20pt;
  vertical-align:middle;
}
#program_explain{
  line-height:8pt;
  margin-bottom:20px;
}
#program_explain .gray_font{
  font-size:12pt;
}
.font_label{
  font-size: 12pt;
  color: #ffffff;
  background-color: #bfdfe4;
}
.gray_font{
  color: #cccccc;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ccc;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
/*カードデザイン*/
.card {
  width: 300px;
  background: #fff;
}
.card img{
  width: 300px;
  height: auto;
}
/*カードデザインおわり*/