@charset "UTF-8";
/** cmn_layout.css **/
/* HTML5 elements
---------------------------------------------------------- */

/* Reseting
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
}
input, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
	font-size: 100%;
}
caption, th {
	text-align: left;
}
a {
cursor: pointer;
text-decoration: none;
text-decoration: none;
-moz-transition: all 0.2s linear 0;
-webkit-transition: all 0.2s linear 0;
transition: all 0.2s linear 0;
}
a:focus {
	outline: none;
}

table {
	width: 100%;
}
cursor: pointer;

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* font-size
---------------------------------------------------------- */
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size: 1.2rem;}/* 12px */
.fzS   { font-size: 1.3rem;}/* 13px */
.fzM   { font-size: 1.4rem;}
.fzL   { font-size: 1.6rem;}/* 16px */
.fzLL  { font-size: 1.8rem;}/* 18px */
.fzLLL { font-size: 2rem;}/* 20px */
/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left !important;}
.taC { text-align: center !important;}
.taR { text-align: right !important;}

/* floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 2.5%;}
.flImgR { display: inline; float: right; margin-left: 2.5%;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* Color
---------------------------------------------------------- */
.col_red { color: #f00;}


/* Layout
---------------------------------------------------------- */
html {
    overflow-y: scroll;
    /*height: 100vh;*/
	font-size: 62.5%;
}
body {
	height: 100%;
    font-size: 16px;
    font-size: 1.6rem; /*1rem = 10px*/
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	color: #000;
}
html,body {
	width: 100%;
	height:100%;
	/*overflow: hidden;
	overflow-x: hidden;*/
	overflow-x: visible !important;
	box-sizing: border-box;
}

.tpMin {
font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tpGot {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}


/* Clearfix
---------------------------------------------------------- */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/*----------------------------------------------------------
							SP
---------------------------------------------------------- */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
.sp_none { display: inherit !important;}
.pc_none { display: none !important;}

@media screen and (min-width: 560px) { 
.sp_none { display: none !important;}
.pc_none { display: inherit !important;}
}

/* header
---------------------------------------------------------- */
#wrap { }
#wrapper {
  display: block;
  text-align: left;
}
#header {
  display: block;
  width: 100%;
  padding: 0;
 /*box-shadow: 0px 0px 6px rgba(0,0,0,0.5);*/
}
.index #header {
  background: url("../images/header_bg.png")no-repeat top center;
  background-size: cover;
}
.detail #header {
  background: url("../images/header_bg.png")no-repeat top center;
  background-size: auto 100%;
}
#header #title,
#header #title {
  display: block;
  height: auto;
  padding: 0;
}
#header #title img {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.index #header #title img {
  width: 100%;
}
.detail #header #title img {
  width: 100%;
}
@media screen and (min-width: 560px) { 
.index #header #title img {
  min-width: 768px;
  max-width: 1120px;
}
.detail #header #title img {
  width: 100%;
  max-width: 600px;
}
}
@media screen and (min-width: 1000px) {
.detail #header {
  background: url("../images/header_bg.png")no-repeat top center;
  background-size: 100%;
}
}
/* navi */
.naviInner {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
/*navi*/
.navi {
  position: relative;
}
.navi_checkbox {
  display: none;
}
.navi_icon {
  cursor: pointer;
  display: block;
  width: 42px;
  height: 42px;
  position: fixed;
  top: 5px;
  left: 8px;
  background-color: rgba(120,120,120,.7);
  border-radius: 50%;
  z-index: 4;
}
.navi_icon-parts, .navi_icon-parts:before, .navi_icon-parts:after {
  background-color: #fff;
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.navi_icon-parts:before, .navi_icon-parts:after {
  content: " ";
}
.navi_icon-parts:before {
  top: 10px;
}
.navi_icon-parts:after {
  top: -16px;
}
.navi_overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}
.navi_menu {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: -100%;
  max-width: 100%;
  width: 100%;
  height: 100vh;
  padding: 55px 5px 20px 15px;
  background: #ebebeb;
  color: #000;
  z-index: 3;
}
.navi_overlay {
  z-index: 2;
}
.navi_checkbox:checked ~ .navi_icon .navi_icon-parts {
  background: transparent;
}
.navi_checkbox:checked ~ .navi_icon .navi_icon-parts:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
.navi_checkbox:checked ~ .navi_icon .navi_icon-parts:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.navi_checkbox:checked ~ .navi_overlay {
  opacity: 0.3;
  pointer-events: auto;
}
.navi_checkbox:checked ~ .navi_menu {
  left: 0;
}
.navi_icon-parts, .navi_icon-parts:after, .navi_icon-parts:before, .navi_overlay, .navi_menu {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
@media screen and (min-width: 321px) {
.navi_menu {
  padding: 60px 20px 20px 25px;
}
}
@media screen and (min-width: 560px) {
.navi_icon {
  width: 44px;
  height: 44px;
  top: 10px;
  left: 12px;
}
.navi_icon-parts, .navi_icon-parts:before, .navi_icon-parts:after {
  width: 20px;
}
.navi_icon-parts:before {
  top: 10px;
}
.navi_icon-parts:after {
  top: -16px;
}
}
@media screen and (min-width: 576px) {
.navi_menu {
  left: -390px;
  width: 390px;
  padding: 65px 20px 30px 30px;
}
}
/* navi_menu */
.navi_menu .home,
.navi_menu .awards {
  position: relative;
  margin: 0 0 15px 10px;
  border-bottom: solid 2px #d3f000;
}
.navi_menu .home::after,
.navi_menu .awards::after {
  position: absolute;
  content: '';
  top: 13px;
  right: 10px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #d3f000;
  border-right: 2px solid #d3f000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navi_menu .home a,
.navi_menu .awards a {
  position: relative;
  display: table;
  margin: 0;
  line-height: 1.2;
  font-weight: 600;
  color: #111;
}
.navi_menu .home a {
  font-size: 1.6rem;
  padding: 8px 40px 6px 30px;
}
.navi_menu .awards a {
  font-size: 1.5rem;
  padding: 8px 40px 6px 0;
}
.navi_menu .awards a {
  font-size: 1.5rem;
  padding: 8px 40px 6px 0;
}
.navi_menu .awards a span {
  margin-right: 3px;
  font-size: 1.3rem;
  font-weight: bold;
}
.navi_menu .home a:hover,
.navi_menu .awards a:hover {
  color: #d3f000;
}
.navi_menu .home a::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico_home.svg") ;
  background-size: contain;
  background-repeat: no-repeat;
}
.navi_menu ul li a::before { 
  content: '-';
  margin-right: 5px;
  color: #d3f000;
  font-weight: 900;
}
.navi_menu .manuTtl {
  margin: 20px 0 10px 10px;
  padding: 0 0 5px 0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  border-bottom: solid 2px #d3f000;
}
.navi_menu ul {
  font-size: 1.4rem;
  line-height: 1.2;
}
.navi_menu ul li a { 
  display: block;
  padding: 8px;
  color: #222;
}
.navi_menu ul li a::before { 
  content: '-';
  margin-right: 5px;
  color: #d3f000;
  font-weight: 900;
}
.navi_menu ul li a:hover {
  color: #d3f000;
}
@media screen and (min-width: 321px) {
.navi_menu .home a {
  font-size: 1.7rem;
}
.navi_menu .awards a,
.navi_menu .manuTtl {
  font-size: 1.6rem;
}
.navi_menu .awards a span {
  font-size: 1.4rem;
}
.navi_menu ul {
  font-size: 1.5rem;
}	
}
@media screen and (min-width: 576px) {
.navi_menu .home,
.navi_menu .awards {
  margin: 0 0 15px 10px;
}
.navi_menu .home::after,
.navi_menu .awards::after {
  top: 13px;
  right: 10px;
  width: 9px;
  height: 9px;
}
.navi_menu .home a {
  padding: 6px 0 6px 30px;
  font-size: 2rem;
}
.navi_menu .awards a {
  padding: 6px 0 6px 0;
  font-size: 1.8rem;
}
.navi_menu .awards a span {
  font-size: 1.6rem;
}
.navi_menu .home a::before {
  top: 4px;
  left: 0;
  width: 26px;
  height: 26px;
}
.navi_menu .manuTtl {
  margin: 20px 0 10px 10px;
  padding: 0 0 7px 0;
  font-size: 1.8rem;
}
.navi_menu ul {
  font-size: 1.5rem;
}
}
/* main
---------------------------------------------------------- */
.index #wrap #main {
  display: block;
  position: relative;
  max-width: 100%;
  margin: 30px auto 40px auto;
  padding: 0 10px;
}
@media screen and (min-width: 560px) { 
.index #wrap #main {
  /*min-width: 768px;*/
  max-width: 1160px;
  margin: 40px auto;
  padding: 0 10px;
}	
}
@media screen and (min-width: 960px) { 
.index #wrap #main {
  padding: 0 20px;
}
}

/* footer
---------------------------------------------------------- */
#wrap #footer {
  position: inherit;
  width: 100%;
  margin: 0;
  padding: 15px 10px 10px 10px;
  left: 0;
  bottom: 0;
  background: #6c6d6f;
}
#footer .footerIn {
  width: 100%;
  margin: 0;
}
#footer .footerLogo {
  float: none;
  display: block;
  width: 70px;
  margin: 0 auto 15px auto;
}
#footer .footerLeft {
  float: none;
  width: 100%;
}
#footer .footerInfo {
  max-width: 100%;
  margin: 0 0 10px 0;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #fff;
}
#footer .footerInfo a {
  color: #fff;
}
#footer .copyright {
  padding: 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 560px) { 
#wrap #footer {
  margin: 0;
  padding: 15px 20px;
}
#footer .footerLogo {
  float: right;
  width: 60px;
  margin: -70px 0 0 0;
}
#footer .footerIn {
  max-width: 1100px;
  margin: 0 auto;
}
#footer .footerLeft {
  max-width: 645px;
  display: inline-block;
  width: auto;
}
#footer .footerInfo {
  max-width: 70%;
  margin: 0 0 10px 0;
  font-size: 1.3rem;
}
#footer .copyright {
  padding: 0;
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
}
@media screen and (min-width: 960px) { 
#footer .footerIn {
  padding: 0 10px;
}	
}

/*トップへ戻るボタン*/
#pageTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: block;
    text-decoration: none;
    width: 46px;
    height: 46px;
    z-index: 50;
	opacity: 0.5;
}
#pageTop:hover {
    opacity: 0.3;
}
@media screen and (min-width: 560px) { 
#pageTop {
    bottom: 16px;
    right: 16px;
    width: 46px;
    height: 46px;
}
}
/* footer share-btn */
#footer .share-btn {
	width: 196px;
	margin: 0 auto 10px auto;
}
#footer .share-btn ul {
	display: block;
	width: 100%;
	margin: 0 0 15px 0;
}
#footer .share-btn ul li { 
    display: inline-block;
	width: 46px;
	height: 46px;
	margin: 0 8px;
	background-color: #ccc;
	border-radius: 50px;
}
#footer .share-btn ul li:hover { 
	background-color: #aaa;
	border-radius: 50px;
}	
#footer .share-btn ul li a {
	display: block;
	margin: 0;
	padding: 12px;
	text-decoration: none;
}
#footer .share-btn ul li a img {
	width: 24px;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
@media screen and (min-width: 560px) { 
#footer .share-btn {
	width: 192px;
	margin: 0 0 20px 0;
}
#footer .share-btn ul li { 
    display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 3px;
	background-color: #ccc;
	border-radius: 50px;
}
#footer .share-btn ul li a {
	padding: 13px;
}
#footer .share-btn ul li.line { 
    display: none;
}
}

/* animation */	
.naviInner input:checked ~ .navigation li {
    max-height: 500px;
    opacity: 1;
}
.navigation li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
@media screen and (min-width: 992px) {
.navigation li {
	max-height: inherit;
}
}

.index #topArea {
	max-width: 100%;
    margin: 0 auto 40px auto;
    padding: 0;
}

/* award-winning
--------------------------*/
#award-winning {
    width: 100%;
	margin: 0 0 20px 0;
	padding: 10px 10px 5px 10px;
	text-align: left;
	border: solid 1px #666;
}
#award-winning h2 {
	margin: 0 0 10px 0;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 600;
}
#award-winning dl {
	overflow: hidden;
	margin: 10px 0 0 0;
    padding: 0;
}
#award-winning dl dt {
	float: none;
	width: 230px;
    margin: 0 15px 8px 0;
	padding: 5px 10px;
    font-size: 1.6rem;
	line-height: 1.5;
    border-radius: 5px;
    background: #ccc;
}
#award-winning dl dd {
	margin: 5px 0 10px 0;
	padding: 0;
}
#award-winning dl dd ul li {
	display: block;
	margin: 0;
    font-size: 1.6rem;
	line-height: 1.5;
}
#award-winning dl dd span {
	display: none;
}
@media screen and (min-width: 560px) { 
#award-winning {
	margin: 0 0 40px 0;
	padding: 15px 20px 10px 20px;
}
#award-winning h2 {
	margin: 0 0 10px 0;
	font-size: 2.6rem;
}
#award-winning dl {
	margin-bottom: 8px;
    padding: 0;
}
#award-winning dl dt {
	clear: both;
	float: left;
	width: 220px;
    margin: 0 20px 5px 0;
	padding: 4px 10px;
    font-size: 1.5rem;
	line-height: 1.5;
    border-radius: 5px;
}
#award-winning dl dd {
	margin: 0 0 0 240px;
	padding: 5px;
}
#award-winning dl dd ul li {
	display: inline-block;
	margin: 0 15px 0 0;
    font-size: 1.5rem;
	line-height: 1.6;
}
#award-winning dl dd span {
	display: inline !important;
}
}
@media screen and (min-width: 960px) { 
#award-winning h2 {
	font-size: 3rem;
}
#award-winning dl {
	margin-bottom: 10px;
}
#award-winning dl dt {
	width: 230px;
    margin: 0 20px 5px 0;
	padding: 5px 10px;
}
#award-winning dl dd {
	margin: 0 0 0 250px;
}
#award-winning dl dd ul li {
	margin: 0 15px 0 0;
    font-size: 1.6rem;
}
}
/* subTtl */
h3.subTtl {
	display: table-cell;
    width: 100%;	
	margin: 0 10px 10px 10px;
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0.1em;
  /*background: linear-gradient(transparent 60%, #f583ac 0%) ;*/
  background: linear-gradient(transparent 60%, #d3f000 0%);
}
@media screen and (min-width: 560px) { 
h3.subTtl {
	font-size: 2.3rem;
}	
}
@media screen and (min-width: 960px) { 
h3.subTtl {
	font-size: 2.5rem;
}	
}
/* line */
hr.style01 {
	border-top: 1px dotted #aaa;
}
hr.style02 {
	height: 4px;
	background: url(../images/hr_point.png) repeat-x 0 0;
    border: 0;
}
@media screen and (min-width: 960px) { 
hr.style02 {
	height: 6px;
}
}
/* guide
--------------------------*/
#guide { 
	margin: 30px 0;
}
.secToparea01 {
	margin: 0 0 20px 0 ;
	padding: 0 0 6px 0;
    border-bottom: dotted 2px #000;
}
#guide h2,
#point h2 { 
    margin: 0 0 5px 0;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: 600;
	/*color: #783cdc;*/
	color: #d3f000;
}
.lead01 { 
    margin: 5px 0;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 500;
}
#guide dl {
	overflow: hidden;
	margin: 10px 0 0 0;
    padding: 0;
}
#guide dl dt {
	float: none;
	width: 100px;
    margin: 0 0 8px 0;
	padding: 5px 10px;
    font-size: 1.6rem;
	line-height: 1.5;
    border-radius: 3px;
	color: #fff;
    /*background-color: #783cdc;*/
	background-color: #d3f000;
}
#guide dl dd {
	margin: 5px 0 10px 0;
	padding: 0;
    font-size: 1.6rem;
	line-height: 1.5;
}
.judge {
	overflow: hidden;
	vertical-align: top;
}
.judge .judgeImg {
	width: 90%;
	margin: 0 auto 10px auto;
    border-radius: 10px;
}
.judge .judgeTxt { 
    display: block;
	max-width: 100%;
    font-size: 1.6rem;
	line-height: 1.5;
}
.judge .judgeTxt .plofile {
	margin-bottom: 10px;
	padding-left: 15px;
    font-size: 1.3rem;
	line-height: 1.5;
}

@media screen and (min-width: 560px) { 
#guide { 
	margin: 30px 0;
}
.secToparea01 {
	margin: 0 0 20px 0 ;
	padding: 0 0 6px 0;
    border-bottom: dotted 2px #000;
}
#guide h2,
#point h2 { 
    margin: 0 0 5px 0;
	font-size: 2.8rem;
}
.lead01 { 
    margin: 5px 0;
	font-size: 1.5rem;
}
#guide dl {
	/*margin: 15px 0 0 0;*/
    padding: 0;
}
#guide dl dt {
	clear: both;
	float: left;
	width: 90px;
    margin: 0 20px 10px 0;
	padding: 5px 10px;
    font-size: 1.5rem;
}
#guide dl dd {
	margin: 0 0 10px 110px;
	padding: 5px;
    font-size: 1.6rem;
}
.judge .judgeImg {
	width: 30%;
	margin: 0 1% 0 0;
}
.judge .judgeTxt { 
    display: inline-block;
	max-width: 68%;
	margin-top: 5%;
    font-size: 1.5rem;
	vertical-align: top;
}
.judge .judgeTxt .plofile {
	margin-bottom: 10px;
	padding-left: 15px;
    font-size: 1.3rem;
}
}
@media screen and (min-width: 960px) { 
#guide { 
	margin: 40px 0;
}
#guide h2,
#point h2 { 
	font-size: 3rem;
}
.lead01 { 
	font-size: 1.6rem;
}
#guide dl {
	/*margin: 25px 0 0 0;*/
}
#guide dl dt {
	width: 100px;
    margin: 0 20px 10px 0;
	padding: 5px 10px;
}
#guide dl dd {
	margin: 0 0 10px 120px;
	padding: 5px;
    font-size: 1.6rem;
}
.judge .judgeTxt { 
	max-width: 68%;
	margin-top: 5%;
    font-size: 1.6rem;
}
.judge .judgeTxt .plofile {
    font-size: 1.4rem;
}
}
/* btn-mail */
a.btn-mail {
	position: relative;
	display: block;
	width: 80%;
	margin: 10px 0 5px 0;
	padding: 9px 10px 7px 10px;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
	background-image: url(../images/ico_arrow_right01.svg);
	background-repeat: no-repeat;
	background-size: 9px auto;
	background-position: right 15px bottom 9px;
	color: #333;
	background-color: #fff;
	border: solid 1px #999;
	text-decoration: none;
	box-shadow: 0 1px 0 0 #ccc;
}
a.btn-mail:hover {
	background-color: #f5f5f5;
	top: 2px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 560px) { 
a.btn-mail {
	display: inline-block;
	width: 240px;
	margin: 8px 15px 8px 0;
	padding: 10px 15px 8px 15px;
	font-size: 1.6rem;
	background-size: 9px auto;
	background-position: right 12px bottom 10px;
}
}
@media screen and (min-width: 576px) {
.judge .judgeImg { 
	width: 30%;
	margin: 0 1% 0 0;
}
.judge .judgeTxt {
	max-width: 68%;
    font-size: 1.6rem;
}
.judge .judgeTxt .plofile { 
	padding-left: 15px;
    font-size: 1.3rem;
}
}
@media screen and (min-width: 960px) {
.judge .judgeImg { 
	width: 23%;
	margin: 0 1% 0 0;
}
.judge .judgeTxt { 
	max-width: 70%;
	margin-top: 6%;
    font-size: 1.6rem;
}
.judge .judgeTxt .plofile {
	margin-bottom: 10px;
	padding-left: 15px;
    font-size: 1.4rem;
}
}
@media screen and (min-width: 880px) {
.judge .judgeTxt { 
	margin-top: 10%;
}
}

ul.addition01 {
	margin: 5px 0 0 0;
}
ul.addition01 li {
	margin: 1px 0;
    font-size: 1.2rem;
	line-height: 1.6;
	padding-left: 1em;
    text-indent: -1em;
}
ul.addition01 li::before {
	content:"※";
}
@media screen and (min-width: 560px) {
ul.addition01 li {
    font-size: 1.3rem;
}	
}
@media screen and (min-width: 960px) {
ul.addition01 li {
font-size: 1.4rem;	
}
/* attention */
.col_red.attention {
	display: block;
	margin: 10px 0 0 0;
	padding-left:.5em;
   text-indent:-.5em;
}}
/* point
--------------------------*/
#point {
	width: 100%;
	margin-bottom: 20px;
}
#point dl {
	overflow: hidden;
	margin: 20px 0 0 0;
    padding: 0;
}
#point dl dt {
	float: none;
	width: 100px;
    margin: 0 0 8px 0;
	padding: 6px 10px 5px 10px;
    font-size: 1.3rem;
	line-height: 1.2;
	color: #fff;
	text-align: center;
    background: #666;
	letter-spacing: 0.1em;
	border-radius: 20px;
}
#point dl dd {
	margin: 5px 0 10px 0;
	padding: 0;
    font-size: 1.6rem;
	line-height: 1.5;
}

@media screen and (min-width: 560px) {
#point {
	width: 100%;
	margin-bottom: 20px;
}
#point dl {
	margin: 10px 0 0 0;
    padding: 0;
}
#point dl dt {
	clear: left;
	float: left;
	width: 90px;
    margin: 0 0 10px 0;
	padding: 6px 10px 4px 10px;
    font-size: 1.1rem;
}
#point dl dd {
	margin: 0 0 10px 105px;
	padding: 0 5px 0 0;
    font-size: 1.5rem;
	line-height: 1.6;
}
}
@media screen and (min-width: 960px) {
#point {
	margin-bottom: 30px;
}
#point dl {
	margin: 20px 0 0 0;
    padding: 0;
}
#point dl dt {
	width: 100px;
    margin: 0 0 10px 0;
	padding: 6px 10px 4px 10px;
    font-size: 1.2rem;
}
#point dl dd {
	margin: 0 0 10px 115px;
    font-size: 1.6rem;
}	
}
/* btn
--------------------------*/
/* btn-awards */
a.btn-awards {
	position: relative;
	clear: both;
	display: block;
	width: 90%;
	margin: 18px auto;
	padding: 10px;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/ico_arrow_right01.svg);
	background-repeat: no-repeat;
	background-size: 6px auto;
	background-position: right 15px bottom 11px;
	color: #333;
	background-color: #fff;
	border: solid 1px #222;
	border-radius: 30px;
	text-decoration: none;
	box-shadow: 0 3px 0 0 #eee;
}
a.btn-awards:hover {
	background-color: #eee;
	top: 1px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 560px) { 
a.btn-awards {
	width: 350px;
	margin: 12px auto;
	padding: 14px 20px;
	font-size: 1.5rem;
	background-size: 8px auto;
	background-position: right 20px bottom 15px;
}
}
@media screen and (min-width: 960px) {
a.btn-awards {
	margin: 15px auto 10px auto;
}
}
/* btn-pdf */
a.btn-pdf {
	position: relative;
	clear: both;
	display: block;
	width: 90%;
	margin: 18px auto 0 auto;
	padding: 10px;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/ico_arrow_right01.svg);
	background-repeat: no-repeat;
	background-size: 6px auto;
	background-position: right 15px bottom 11px;
	color: #333;
	background-color: #fff;
	border: solid 1px #222;
	text-decoration: none;
	box-shadow: 0 3px 0 0 #eee;
}
a.btn-pdf:hover {
	background-color: #eee;
	top: 1px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 560px) { 
a.btn-pdf {
	width: 350px;
	margin: 15px 0 0 0;
	padding: 14px 20px;
	font-size: 1.5rem;
	background-size: 8px auto;
	background-position: right 20px bottom 15px;
}
}
@media screen and (min-width: 960px) {
a.btn-pdf {
	margin: 18px 0 0 0;
}
}

/* btn-entryform */
a.btn-entryform {
	position: relative;
	clear: both;
	display: block;
	width: 80%;
	padding: 12px 10px 10px 10px;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	background-image: url(../images/ico_arrow_right01.svg);
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: right 15px bottom 11px;
	color: #333;
	background-color: #ffce00;
	text-decoration: none;
	box-shadow: 0 3px 0 0 #ccc;
	border-radius: 5px;
}
.index a.btn-entryform {
	margin: 0 auto 15px auto;
}
.detail a.btn-entryform {
	margin: 18px auto 5px auto;
}
a.btn-entryform:hover {
	background-color: #ffb900;
	top: 2px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 560px) { 
a.btn-entryform {
	width: 320px;
	margin: 18px auto 5px auto;
	padding: 15px 20px 13px 20px;
	font-size: 1.8rem;
	background-size: 12px auto;
	background-position: right 20px bottom 13px;
}
.index a.btn-entryform {
	margin: 0 0 15px 0;
}
.detail a.btn-entryform {
	margin: 18px auto 5px auto;
}
}
@media screen and (min-width: 960px) {
a.btn-entryform {
	width: 320px;
	margin: 18px auto 5px auto;
}
}
/* btn-details */
.btnInner { 
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.btn-details {
	position: relative;
	clear: both;
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 12px 10px 10px 10px;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
	background-image: url(../images/ico_arrow_right02.svg);
	background-repeat: no-repeat;
	background-size: 9px auto;
	background-position: right 15px bottom 11px;
	color: #fff;
  background-color: #783cdc;
  /*background-color: #d3f000;*/
	text-decoration: none;
	box-shadow: 0 2px 0 0 #ccc;
}
.btn-details:hover {
  /*background-color: #f9638c;*/
  background-color: #d3f000;
	top: 2px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 960px) {
.btn-details {
	width: 80%;
	margin: 0 auto;
	padding: 12px 10px 10px 10px;
	font-size: 1.6rem;
	background-size: 11px auto;
	background-position: right 15px bottom 11px;
}
}

/* grid */
.gridInner {
	/*max-width: 481px;*/
    margin: 0 auto;
    padding: 0;
	display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 560px) { 
.gridInner {
	max-width: 1160px;
}
}
.gridInner h3.subTtl {
	display: table-cell;
    width: 100%;
	margin: 0 0 20px 0;
	font-size: 2.5rem;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.1em;
  /*background: linear-gradient(transparent 60%, #f583ac 0%) ;*/
  background: linear-gradient(transparent 60%, #d3f000 0%);
}
.gridBox {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 10px 10px 80px 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	background-color: #fff;
	border: solid 1px #ccc;
}
.gridBox a {
	text-decoration: none;
}
/*.gridBox a.companyPicInner {
    position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: #f9f9f9;
}
.gridBox.bg_wht a .companyPicInner {
	background-color: #fff;
}
.gridBox a .companyPicInner::before {
    content: '';
    display: block;
    padding-top: 100%;
}*/
.gridBox .companyPicInner {
    position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: #f9f9f9;
}
.gridBox.bg_wht .companyPicInner {
	background-color: #fff;
}
.gridBox .companyPicInner::before {
    content: '';
    display: block;
    padding-top: 100%;
}
.companyPic {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.companyPic img {
   position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
	max-height: 100%;
	-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.index .companyPic img:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.gridBox a dl { 
	padding: 10px 5px 15px 5px;
	color: #111;
	text-decoration: none;
}
.gridBox a dl dt.companyName {
	margin-bottom: 6px;
    font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 500;
}
.gridBox dl dd.companyTxt { 
    font-size: 1.5rem;
	line-height: 1.6;
}
@media screen and (min-width: 420px) { 
.gridBox {
	width: 48%;
	margin: 0 1% 30px 1%;
	padding: 10px 10px 70px 10px;
}
.gridBox a dl dt.companyName {
    font-size: 1.6rem;
}
.gridBox dl dd.companyTxt { 
    font-size: 1.4rem;
}
}
@media screen and (min-width: 560px) { 
.gridBox {
	width: 31.5%;
	margin: 0 0.9% 30px 0.9%;
	padding: 10px 10px 70px 10px;
}
.gridBox a dl { 
	padding: 8px 5px;
}
.gridBox a dl dt.companyName {
    font-size: 1.6rem;
}
.gridBox dl dd.companyTxt { 
    font-size: 1.3rem;
}
}
@media screen and (min-width: 960px) { 
.gridBox {
	width: 31%;
	margin: 0 1.16% 30px 1.16%;
	padding: 10px 10px 70px 10px;
}
.gridBox a dl dt.companyName {
    font-size: 1.8rem;
}
.gridBox dl dd.companyTxt { 
    font-size: 1.5rem;
}
}

/*--------------------------
contentsPage
--------------------------*/
/* header 	
.detail #header {
	display: block;
	width: 100%;*/
	/*margin: -60px 0 0 0;*/
	/*margin: 0;
	padding: 0;
}
.detail #header #title {
	float: none;
	width: 100%;
    height: auto;
	margin: 0;
	padding: 0;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.detail #header #title img {
	display: block;
}
@media screen and (min-width: 560px) {
.detail #header {
	overflow: hidden;
	min-width: 768px;
	margin: 0 auto;
	padding: 0 20px 0 0;
}
.detail #header #title {
	float: left;
	min-width: 40%;
	max-width: 50%;
	margin-bottom: 20px;
	box-shadow: none;
}
.detail #header #title img {
}
}*/
/* btn-index */
a.btn-index {
	position: relative;
	display: block;
	width: 95%;
	margin: 10px auto 13px auto;
	padding: 12px 10px 10px 10px;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	background-image: url(../images/ico_arrow_right01.svg);
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: right 15px bottom 11px;
	color: #333;
	background-color: #fff;
	border: solid 1px #999;
	text-decoration: none;
	box-shadow: 0 3px 0 0 #ccc;
}
a.btn-index:hover {
	background-color: #f5f5f5;
	top: 2px;
	box-shadow: 0 1px 0 0 #ccc;
}
@media screen and (min-width: 560px) {
a.btn-index {
	float: right;
	width: 300px;
	margin: 20px 0;
	padding: 15px 20px 13px 20px;
	font-size: 1.8rem;
	background-size: 12px auto;
	background-position: right 20px bottom 13px;
}
}
/* contents */	
#contents {
	/*margin: 20px auto 0 auto;*/
	margin: 25px auto 0 auto;
}
@media screen and (min-width: 480px) { 
#contents {
	margin: 35px auto 0 auto;
}	
}
@media screen and (min-width: 560px) { 
#contents {
    /*margin: 30px auto 0 auto;*/
	margin: 50px auto 0 auto;
}	
}
/* topArea */	
#contents #topArea {
	width: 100%;
	overflow: hidden;
	margin: 25px auto 40px auto;
	padding: 0 10px;
}
#contents #topArea h1.companyName { 
	width: 60%;
	height: auto;
	margin-bottom: 20px;
}
#contents #topArea h1.companyName02 { 
	width: 75%;
	height: auto;
	margin-bottom: 20px;
}
#contents #topArea h1.companyName_txt {
	display: table;
	margin-bottom: 20px;
	padding: 4px 10px;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	border: solid 1px #ccc;
}
@media screen and (min-width: 560px) {
#contents #topArea {
	min-width: 481px;
	max-width: 1160px;
	margin: 0 auto 60px auto;
	padding: 0 20px;
}
}
@media screen and (min-width: 576px) { 
#contents #topArea h1.companyName { 
	width: 40%;
	height: auto;
	margin-bottom: 30px;
}
#contents #topArea h1.companyName02 { 
	width: 60%;
	height: auto;
	margin-bottom: 30px;
}
#contents #topArea h1.companyName_txt { 
	margin-bottom: 30px;
	padding: 6px 12px;
	font-size: 2.7rem;
}
}
@media screen and (min-width: 760px) { 
#contents #topArea h1.companyName { 
	width: 35%;
}
#contents #topArea h1.companyName02 { 
	width: 55%;
}
}
@media screen and (min-width: 960px) { 
#contents #topArea  {
	margin: 0 auto 90px auto;
}
#contents #topArea h1.companyName { 
	width: 30%;
	height: auto;
	margin-bottom: 30px;
}
#contents #topArea h1.companyName02 { 
	width: 45%;
	height: auto;
	margin-bottom: 30px;
}
}

#topArea .cachcopy { 
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: solid 1px #666;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#topArea .companyTxt {
	display: block;
	width: 100%;
	margin-right: 0;
}
#topArea .companyTxt .txt01 {
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1.8;
}
#topArea .companyTxt .txt01 a {
  /*color: #783cdc;*/
  color: #5e9dcc;
}
#topArea .companyTxt .txt01 .side01 { 
  display: flex;
  width: 100%;
}
.ws-nowrap { 
  white-space: nowrap;
}
#topArea .companyTxt .txt01 span { }
#topArea figure {
	display: block;
	width: 100%;
	margin-top: 20px;
}
#topArea figure .companyPicInner {
    /*position: relative;*/
	margin-bottom: 5px;
	background-color: #f9f9f9;
}
#topArea figure .companyPicInner.bg_wht {
	background-color: #fff;
}
/*#topArea figure .companyPicInner::before {
    content: '';
    display: block;
    padding-top: 100%;
}
#topArea figure .companyPicInner.shizutets-con::before {
	padding-top: 40%;
}*/
#topArea figure .companyPic {
    /*position: absolute;
    top: 0;
    width: 100%;
    height: 100%;*/
    position: inherit;
    max-height: 600px;
}
#topArea figure .companyPic img {
   /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;*/
    position: inherit;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
	max-height: 100%;
	-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#topArea figure figcaption {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.4;
}
@media screen and (min-width: 560px) { 
#topArea figure {
	width: 80%;
	margin: 20px auto 0 auto;
}
}
@media screen and (min-width: 576px) { 
#topArea .cachcopy { 
	font-size: 2.8rem;
	line-height: 1.4;
	padding-bottom: 5px;
	margin-bottom: 40px;
}
}
@media screen and (min-width: 960px) {
#topArea .cachcopy { 
	font-size: 3.1rem;
}
#topArea .companyTxt { 
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-right: 4%;
}
#topArea .companyTxt .txt01 {
	margin-bottom: 10px;
	font-size: 1.7rem;
	line-height: 1.8;
}
#topArea figure {
	display: inline-block;
	width: 35%;
	margin-top: 5px;
}
#topArea figure figcaption {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.4;
}
}

/* bottomArea */
#bottomArea {
	padding: 5px 10px 40px 10px;
	background-color: #f5f0f0;
}
@media screen and (min-width: 560px) { 
#bottomArea {
	padding: 5px 20px 60px 20px;
}
}
/* pointBox */
#pointBox {
	width: 100%;
	margin: 30px 0;
	padding: 0;
	background-color: #fff;
	border: solid 3px #ffec5a;
	border-radius: 5px
}
#pointBox #pointTtl {
    padding: 5px 15px;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 500;
	background-color: #ffec5a;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ff9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ff9),color-stop(.75, #ff9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 12px 12px;
}
#pointBox #pointTtl span {
	display: inline-block;
	margin: 0 10px;
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	vertical-align: middle;
	font-style: italic;
}
#pointBox .txt01 {
	padding: 10px;
	font-size: 1.5rem;
	line-height: 1.6;
}
#pointBox .txt01 li,
.companyTxt .txt01 li {
	position: relative;
	margin: 0 0 0 1em;
}
#pointBox .txt01 li::before,
.companyTxt .txt01 li::before {
	content: '・';
	position: absolute;
	margin: 0 0 0 -1em;
}
#pointBox .txt02 {
	margin: -5px 0 0 1em;
	padding: 0 10px 10px 10px;
	font-size: 1.4rem;
	line-height: 1.5;
	text-indent: -1em;
}
@media screen and (min-width: 560px) {
#pointBox { 
	max-width: 680px;
	margin: 40px auto;
	padding: 0;
}
#pointBox #pointTtl {
	padding: 5px 20px;
	font-size: 1.8rem;
}
#pointBox #pointTtl span {
   margin: 0 10px;
  letter-spacing: 0.2rem;
}
#pointBox .txt01 {
	padding: 20px 25px;
	font-size: 1.6rem;
	line-height: 1.8;
}
#pointBox .txt02 {
	margin: -10px 0 0 1em;
	padding: 0 20px 25px 20px;
	font-size: 1.5rem;
	line-height: 1.6;
}
}
@media screen and (min-width: 960px) {
#pointBox { 
	max-width: 720px;
}	
}
/* companyInfo */
#companyInfo {
	position: relative;
	width: 100%;
	margin: 40px 0;
	padding: 35px 10px 15px 10px;
	background-color: #fff;
	border: solid 1px #666;
	border-radius: 3px;
}
#companyInfo h2#companyinfoTtl { 
	position: absolute;
	display: table-cell;
	margin-top: -45px;
	padding: 5px 15px;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #fff;
	letter-spacing: 0.2em;
  /*background-color: #783cdc;*/
  background-color: #fe6613;
}
#companyInfo .companyName { 
	margin: 0 0 8px 0;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500;
}
#companyInfo .companyAdress {
	margin: 3px 0;
	font-size: 1.5rem;
	line-height: 1.4;
}
#companyInfo .companyTel {
	margin: 3px 0;
	font-size: 1.5rem;
	line-height: 1.4;
}
#companyInfo .urlLink {
	margin: 5px 0 0 0;
}
#companyInfo .urlLink span {
	margin: 0 4px 0 0;
	padding: 2px 10px;
	font-size: 1.3rem;
	border-radius: 20px;
	/*background-color: #f8a;*/
	background-color: #d8bb6b;
}
#companyInfo .urlLink a { 
	font-size: 1.5rem;
	line-height: 1.4;
  /*color: #783cdc;*/
  color: #5e9dcc;
}
#companyInfo .urlLink a:hover { 
	text-decoration: underline;
}
@media screen and (min-width: 560px) {
#companyInfo {
	max-width: 680px;
	margin: 50px auto;
	padding: 35px 30px 20px 30px;
	border-radius: 5px;
}
#companyInfo h2#companyinfoTtl { 
	margin-top: -45px;
	padding: 5px 15px;
	font-size: 1.6rem;
}
#companyInfo .companyName { 
	margin: 0 0 8px 0;
	font-size: 1.8rem;
}
#companyInfo .companyAdress {
	margin: 3px 0;
	font-size: 1.6rem;
}
#companyInfo .companyTel { 
	margin: 3px 0;
	font-size: 1.6rem;
}
#companyInfo .urlLink span {
	margin: 0 6px 0 0;
	padding: 2px 12px;
	font-size: 1.4rem;
}
#companyInfo .urlLink a { 
	font-size: 1.6rem;
}
}
@media screen and (min-width: 960px) {
#companyInfo { 
	max-width: 720px;
}
#companyInfo .urlLink {
	margin: 6px 0 0 0;
}
#companyInfo .urlLink span {
	margin: 0 7px 0 0;
	padding: 2px 15px;
	font-size: 1.5rem;
}
}

/* audioBox01 */	
.audioBox01 { 
    width: 90%;
    margin: 0 auto 20px auto;
    padding: 10px;
    text-align: center;
    background-color: #ddd;
    border-radius: 5px;
}
.audioBox01 audio { 
    width: 94%;
}
.audioBox01 p { 
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
}
@media screen and (min-width: 560px) {
.audioBox01 { 
    width: 320px;
    padding: 10px;
}
.audioBox01 audio { 
    width: 95%;
}
}
@media screen and (min-width: 960px) {
.audioBox01 { 
    width: 350px;
    padding: 10px 20px;
}
}

/* awards
--------------------------*/
#awards {
  width: 100%;
  overflow: hidden;
  margin: 30px auto;
  padding: 0 10px;
}
#awards .awards-ttl { 
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
   border-bottom:  solid 1px #333;
}
#awards .awardslist li {
 margin: 30px 0;
}
.awardslist .year {
  padding-left: 10px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  border-left: solid 6px #ccc;
}
.awardslist .awards-subttl {
  position: relative;
  display: table;
  margin: 20px 0 15px 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
}
.awardslist .awards-subttl::after {
  position: absolute;
  content: '';
  display: block;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.awardslist dl {
  margin: 10px 0;
  font-size: 1.3rem;
  line-height: 1.4;
  vertical-align: top;
}
.awardslist dl dt {
  float: left;
  margin: 0 10px 5px 0;
}
.awardslist dl dd {
  overflow: hidden;
  margin: 0 0 5px 0;
  /zoom:1;
}
.awardslist .cb {
  clear: both !important;
	display: block;
	width: 100%;
}
@media screen and (min-width: 321px) { 
#awards .awards-ttl { 
  font-size: 2.2rem;
}
}
@media screen and (min-width: 560px) { 
#awards {
  min-width: 481px;
  max-width: 1160px;
  margin: 15px auto 40px auto;
  padding: 0 20px;
}
#awards .awardslist li {
 margin: 30px 0;
}
.awardslist .year {
  font-size: 1.7rem;
}
.awardslist .awards-subttl {
  margin: 18px 0;
  font-size: 1.6rem;
}
.awardslist .awards-subttl::after {
  bottom: -8px;
}
.awardslist dl {
  margin: 23px 0;
  font-size: 1.5rem;
}
.awardslist dl dt {
  margin: 0 10px 8px 0;
}
.awardslist dl dd {
  margin: 0 0 8px 0;
}
}
@media screen and (min-width: 960px) { 
#awards {
  margin: 30px auto 60px auto;
  padding: 0 20px;
}
#awards .awards-ttl { 
  margin-bottom: 20px;
  font-size: 3rem;
}
#awards .awardslist li {
 margin: 40px 0;
}
.awardslist .year {
  font-size: 1.8rem;
}
.awardslist .awards-subttl {
  margin: 20px 0;
  font-size: 1.8rem;
}
.awardslist .awards-subttl::after {
  bottom: -8px;
}
.awardslist dl {
  margin: 25px 0;
  font-size: 1.6rem;
}
.awardslist dl dt {
  margin: 0 12px 8px 0;
}
.awardslist dl dd {
  margin: 0 0 8px 0;
}
}
.awards-reference { 
  margin: 20px 0;
}
.awards-reference .referencettl {
  font-size: 1.3rem;
  line-height: 1.2;
}
.awards-reference ul { 
  margin: 5px 0;
}
.awards-reference ul li {
  margin: 5px 0;
  font-size: 1.3rem;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}
.awards-reference ul li::before { 
  content: '※';
}
@media screen and (min-width: 560px) { 
.awards-reference { 
  margin: 20px 0;
}
.awards-reference .referencettl {
  font-size: 1.3rem;
}
.awards-reference ul { 
  margin: 8px 0;
}
.awards-reference ul li {
  margin: 5px 0;
  font-size: 1.3rem;
  padding-left: 1em;
  text-indent: -1em;
}
.awards-reference ul li::before { 
  content: '※';
}
}

/* thanks */	
.index #topArea .thanks {
    width: 80%;
    margin: 40px auto;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 500;
	text-align: center;
}
.index #topArea .thanks span {
    font-size: 2.1rem;
    font-weight: 700;
    color: #e05; 
}

@media screen and (min-width: 481px) {
.index #topArea .thanks {
    margin: 70px auto;
    font-size: 2rem;
    line-height: 1.8;
}
.index #topArea .thanks span {
    font-size: 2.6rem;
}
}
@media screen and (min-width: 761px) {
.index #topArea .thanks {
    margin: 70px auto;
    font-size: 2.4rem;
    line-height: 2;
}
.index #topArea .thanks span {
    font-size: 3.2rem;
}
}
@media screen and (min-width: 1200px) {
.index #topArea .thanks {
}
}


/*--------------------------
award
--------------------------*/
/* awardTop
--------------------------*/
#awardTop { 
	margin: 30px 0 0 0;
}
#awardTop h2 { 
    margin: 0 0 5px 0;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: 600;
	color: #783cdc;
}
#awardTop .secToparea01 > .lead01 { 
    margin: 5px 0;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 600;
}
#awardTop .judgeBox {
	overflow: hidden;
	margin: 10px 0 0 0;
    padding: 0;
}
#awardTop .judgeBox dt {
	float: none;
	width: 100px;
    margin: 0 0 8px 0;
	padding: 5px 10px;
    font-size: 1.6rem;
	line-height: 1.5;
    border-radius: 3px;
	color: #fff;
    background-color: #783cdc;
    font-weight: 600;
}
#awardTop .judgeBox dd {
	margin: 5px 0 10px 0;
	padding: 0;
    font-size: 1.5rem;
	line-height: 1.6;
    font-weight: 600;
}
#awardTop .comment01 {
	margin: 10px auto;
	padding: 10px;
    background-color: #ffecfa;
}
#awardTop .comment01 h3 {
    margin-bottom: 10px;
    font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 700;
    color: #783cdc;
}
#awardTop .comment01 p {
    font-size: 1.4rem;
	line-height: 1.6;
    /*font-style: italic !important;*/
}

@media screen and (min-width: 481px) {
#awardTop { 
	margin: 50px 0;
}
#awardTop h2 { 
    margin: 0 0 15px 0;
	font-size: 4.6rem;
}
#awardTop .secToparea01 > .lead01 { 
    margin: 15px 0;
	font-size: 1.8rem;
}
#awardTop .judgeBox {
	margin: 30px 0 0 0;
    padding: 0;
}
#awardTop .judgeBox dt {
	clear: both;
	float: left;
	width: 100px;
    margin: 0 20px 10px 0;
	padding: 5px 10px;
    font-size: 1.6rem;
}
#awardTop .judgeBox dd {
	margin: 0 0 15px 120px;
	padding: 5px;
    font-size: 1.8rem;
     line-height: 1.8;
}
#awardTop .comment01 {
	margin: 15px auto 20px auto;
	padding: 20px;
}
#awardTop .comment01 h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}
#awardTop .comment01 p {
    font-size: 1.5rem;
}
}
/* award2022
--------------------------*/
.index #award2022 {
    width: 100%;
    margin: 30px auto;
}
#award2022 .secbox01 {
    overflow: hidden;
    margin: 30px 0;
    padding: 5px;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#award2022 .bestBox {
    background-image: url(../images/bace_best.jpg);
}
#award2022 .specialBox {
    background-image: url(../images/bace_outstanding.jpg);
}
#award2022 .outstandingBox {
    background-image: url(../images/bace_special.jpg);
}
#award2022 .secbox01 .boxInner01 {
    width: 100%;
    margin-top: 1px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: rgba(255,255,255,0.8);
}
#award2022 .boxInner01 .lavelAward { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
}
@media screen and (min-width: 481px) { 
.index #award2022 {
    width: 100%;
    margin: 80px auto;
    font-size: 2rem;
    line-height: 1.8;
}
#award2022 .secbox01 {
    margin: 50px 0;
    padding: 10px;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#award2022 .secbox01 .boxInner01 { 
    flex-direction: row;
    justify-content: space-between;
}
#award2022 .boxInner01 .lavelAward { 
    left: 18%;
    right: inherit;
    margin: auto;
    width: 15%;
}
}

#award2022 .boxInner01 .left { 
    width: 100%;
    padding: 0 10px;
    flex-direction: column;
    text-align: center;
}
#award2022 .boxInner01.first .left { 
    padding: 32% 10px 10px 10px;
}
#award2022 .boxInner01.second .left { 
    padding: 10% 10px 10px 10px;
}
#award2022 .boxInner01 .left .companyName { 
    margin-bottom: 10px;
    font-size: 2.6rem;
    line-height: 1.4;
    font-weight: 600;
}
#award2022 .boxInner01 .left .cmTtl {
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 600;
}
#award2022 .boxInner01 .left .awardName { 
    font-size: 1.5rem;
    line-height: 1.4;
}
#award2022 .boxInner01 .left .audioBox01 { 
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 10px;
    background-color: #fff;
}
#award2022 .boxInner01 .left .audioBox01 audio { 
    width: 80%;
}
#award2022 .boxInner01 .left .audioBox01 .txt01 { 
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #783cdc;
}

@media screen and (min-width: 481px) { 
#award2022 .boxInner01 .left { 
    width: 50%;
}
#award2022 .boxInner01.first .left { 
    padding: 16% 10px 10px 10px;
}
#award2022 .boxInner01.second .left { 
    padding: 10% 10px 10px 10px;
}
#award2022 .boxInner01 .left .companyName { 
    margin-bottom: 10px;
    font-size: 3rem;
}
#award2022 .boxInner01 .left .cmTtl {
    margin-bottom: 15px;
    font-size: 2rem;
}
#award2022 .boxInner01 .left .awardName { 
    font-size: 1.6rem;
}
#award2022 .boxInner01 .left .audioBox01 { 
    width: 90%;
    margin: 30px auto;
    padding: 10px;
}
#award2022 .boxInner01 .left .audioBox01 .txt01 { }
#award2022 .boxInner01 .left .audioBox01 audio { 
    width: 95%;
}
}
@media screen and (min-width: 769px) { 
#award2022 .boxInner01.first .left { 
    padding: 16% 10px 10px 10px;
}
#award2022 .boxInner01.second .left { 
    padding: 10% 10px 10px 10px;
}
#award2022 .boxInner01 .left .companyName { 
    margin-bottom: 10px;
    font-size: 3.5rem;
}
#award2022 .boxInner01 .left .cmTtl {
    margin-bottom: 15px;
    font-size: 2.4rem;
}
#award2022 .boxInner01 .left .awardName { 
    font-size: 1.8rem;
}
#award2022 .boxInner01 .left .audioBox01 { 
    width: 60%;
    margin: 30px auto;
    padding: 10px;
}
}
#award2022 .boxInner01 .right { 
    width: 100%;
    padding: 0 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#award2022 .boxInner01 .right .award2022Pic {
    display: block;
    position: inherit;
    max-width: 400px;
    margin: 20px auto 10px auto;
    border: 7px solid #fff;
}
#award2022 .boxInner01 .right .companyPic img {
    display: block;
    width: 100%;
}
#award2022 .boxInner01 .right .btn-details { 
    display: block;
    max-width: 300px;
    margin: 10px auto 20px auto;
}
@media screen and (min-width: 481px) { 
#award2022 .boxInner01 .right { 
    width: 50%;
    padding: 10px;
}
}
@media screen and (min-width: 769px) { }

/* grid */
.lavelAwardInner {
    display: block;
    border-top: solid 10px #f56e00;
}
.lavelAwardInner .lavelAward { 
    width: 30%;
    margin: 0 auto 10px auto;
}
.gridBox .audioBox01 { 
    width: 100%;
    margin: 10px auto;
    padding: 0 8px;
	background-color: #fff
}
.gridBox .audioBox01 .txt01 { 
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #f16b00;
}
@media screen and (min-width: 481px) { 
.lavelAwardInner .lavelAward { 
    width: 15%;
    margin: 0 auto 20px auto;
}
}

.lavelInner {
    margin: 0 0 10px 0;
    text-align: center;
    z-index: 100;
}
.lavelInner.aw_sponsor {
    margin: 0 0 20px 0;
    text-align: left;
}
.lavelInner.aw_sponsor .lavelAward {
    width: 20%;
    margin: 0;
}
.lavelInner .lavelAward img {
    width: 100%;
}
.lavelInner .lavelAward { 
    width: 30%;
    margin: 0 auto;
}
.aw_best { 
    border-top: solid 1px #c50;
}
.aw_special {
    border-top: solid 1px #bbb;
}
.aw_outstanding {
    border-top: solid 1px #c30;
}
.aw_sponsor {
    border-top: solid 1px #f56e00;
    display: flex;
    align-items: center;
}
.aw_sponsor .sponsorTtl { 
    padding-left: 10px;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 600;
    color: #783cdc;
}
@media screen and (min-width: 481px) { 
.lavelInner {
    margin: 0 0 10px 0;
}
.lavelInner .lavelAward { 
    width: 125px;
}
.lavelInner.aw_sponsor .lavelAward {
    width: 120px;
}
.aw_sponsor .sponsorTtl { 
    padding-left: 20px;
    font-size: 2.6rem;
}
}
@media screen and (min-width: 769px) {
.lavelInner .lavelAward { 
    width: 145px;
}
.lavelInner.aw_sponsor .lavelAward {
    width: 130px;
}
.aw_sponsor .sponsorTtl { 
    font-size: 3rem;
}
}
/* audioBox01 */	
.aw_cmBox .audioBox01 { 
    width: 90%;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    background-color: #fc9;
    border-radius: 5px;
}
.aw_cmBox .audioBox01 audio { 
    width: 94%;
}
.aw_cmBox .audioBox01 p { 
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #ee0066;
}
@media screen and (min-width: 481px) { 
.aw_cmBox .audioBox01 { 
    width: 90%;
    margin: 20px 0 0 0;
    padding: 10px;
}
.aw_cmBox .audioBox01 audio { 
    width: 95%;
}
}
@media screen and (min-width: 769px) { 
.aw_cmBox .audioBox01 { 
    width: 350px;
    margin: 30px 0 0 0;
    padding: 10px 20px;
}
}

/* aw_about */	
#contents #aw_about {
    display: flex;
    flex-direction: column;
	width: 100%;
	overflow: hidden;
	margin: 25px auto;
	padding: 0 10px;
}
#contents #aw_about .aw_aboutBox {
    width: 100%;
    margin-bottom: 30px;
}
#contents #aw_about h2 {
    margin-bottom: 15px;
    padding: 5px 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
	background-color: #783cdc;
    border-radius: 20px;
}
#contents #aw_about .txt01 {
    padding: 0 10px;
    font-size: 1.5rem;
    line-height: 1.8;
}
@media screen and (min-width: 481px) {
#contents #aw_about {  
	margin: 0 auto 30px auto;
	padding: 0 20px;
}
#contents #aw_about h2 {
    margin-bottom: 20px;
    padding: 5px 20px;
    font-size: 1.5rem;
}
#contents #aw_about .txt01 {
     padding: 0 20px;
    font-size: 1.5rem;
}
}
@media screen and (min-width: 769px) {
#contents #aw_about {
    flex-direction: row;
    justify-content: space-between;
	max-width: 1160px;
	margin: 0 auto 90px auto;
}
#contents #aw_about .aw_aboutBox {
    width: 48%;
    margin-bottom: 0;
}
#contents #aw_about h2 {
    margin-bottom: 20px;
    padding: 8px 20px;
    font-size: 1.6rem;
}
#contents #aw_about .txt01 {
     padding: 0 20px;
    font-size: 1.6rem;
}
}
/* gridBox
--------------------------*/
.gridBox dl {
    text-align: center;
	padding: 10px 0 15px 0;
	color: #333;
	text-decoration: none;
}
.gridBox dl dt.companyName {
	margin-bottom: 5px;
    font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
    color: #783cdc;
}
.gridBox dl dd.cmTtl { 
    margin-bottom: 5px;
    font-size: 1.7rem;
	line-height: 1.6;
    font-weight: 500;
}
.gridBox dl dd.awardName { 
    font-size: 1.5rem;
	line-height: 1.6;
}
.gridBox .txt01 { 
    margin: 15px 0 5px 0;
    font-size: 1.5rem;
	line-height: 1.4;
    text-align: center;
}
.gridBox audio {
    display: block;
    width: 90%;
    margin: 5px auto 10px auto;
}
.gridBox .txt02 { 
     font-size: 1.5rem;
	line-height: 1.4;
}
@media screen and (min-width: 481px) {
.gridBox {
	width: 31.9%;
	margin: 0 0.7% 30px 0.7%;
	padding: 10px 8px 70px 8px;
}
.gridBox dl { 
	padding: 8px 0px;
}
.gridBox dl dt.companyName {
    font-size: 1.7rem;
}
.gridBox dl dd.cmTtl { 
    margin-bottom: 6px;
    font-size: 1.7rem;
}
.gridBox dl dd.awardName { 
    font-size: 1.5rem;
}
}
@media screen and (min-width: 769px) {
.gridBox {
	width: 31.3%;
	margin: 0 0.8% 30px 0.8%;
	padding: 10px 10px 70px 10px;
}
}
@media screen and (min-width: 995px) {
.gridBox {
	width: 31.3%;
	margin: 0 1% 30px 1%;
	padding: 10px 10px 70px 10px;
}
.gridBox dl dt.companyName {
    font-size: 2.2rem;
} 
}

/* audio
--------------------------	
.gridBox audio {
    display: block;
    width: 90%;
    margin: 5px auto 10px auto;
}
	
#award2019 .boxInner01 .left .audioBox01 { 
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 10px;
    background-color: #fff;
}
#award2019 .boxInner01 .left .audioBox01 audio { 
    width: 80%;
}
#award2019 .boxInner01 .left .audioBox01 .txt01 { 
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #f16b00;
}
@media screen and (min-width: 481px) {
#award2019 .boxInner01 .left .audioBox01 { 
    width: 90%;
    margin: 30px auto;
    padding: 10px;
}
#award2019 .boxInner01 .left .audioBox01 .txt01 { }
#award2019 .boxInner01 .left .audioBox01 audio { 
    width: 95%;
}
}
@media screen and (min-width: 769px) { 	
#award2019 .boxInner01 .left .audioBox01 { 
    width: 60%;
    margin: 30px auto;
    padding: 10px;
}
}

*/

.gridBox .audioBox01 { 
    width: 100%;
    margin: 10px auto;
    padding: 0 8px;
}
.gridBox .audioBox01 .txt01 { 
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #783cdc;
}	
/* audioBox01 */	
.aw_cmBox .audioBox01 { 
    width: 90%;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    background-color: #ffeffa;
    border-radius: 5px;
}
.aw_cmBox .audioBox01 audio { 
    width: 94%;	
	border-radius: 30px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.aw_cmBox .audioBox01 p { 
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #783cdc;
}
@media screen and (min-width: 481px) { 
.aw_cmBox .audioBox01 { 
    width: 90%;
    margin: 20px 0 0 0;
    padding: 10px;
}
.aw_cmBox .audioBox01 audio { 
    width: 95%;
}
}
@media screen and (min-width: 769px) { 
.aw_cmBox .audioBox01 { 
    width: 350px;
    margin: 30px 0 0 0;
    padding: 10px 20px;
}
}
	
#topArea .aw_cmBox {
	display: block;
	width: 100%;
	margin-right: 0;
}
#topArea .aw_cmBox .cmTtl { 
     margin-bottom: 10px;
    font-size: 2.5rem;
	line-height: 1.4;
    font-weight: 600;
}
#topArea .aw_cmBox .awardName { 
    margin-bottom: 10px;
    padding-bottom: 15px;
    font-size: 1.6rem;
	line-height: 1.4;
    border-bottom: solid 1px #ccc;
}
#topArea .aw_cmBox .awardName span { 
    font-size: 1.7rem;
}
#topArea .aw_cmBox .txt01 {
    width: 100%;
    margin-bottom: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}
#topArea .aw_cmBox dl {
	margin-bottom: 5px;
    display: flex;
    flex-direction: column;
}
#topArea .aw_cmBox dl dt {
    width: 100%;
    margin: 0;
    font-size: 1.5rem;
	line-height: 1.8;
    white-space: nowrap;
    font-weight: 500;
}
#topArea .aw_cmBox dl dt::after {
   content: "：";
   padding-right: 5px;
}
#topArea .aw_cmBox dl dt.after-no::after {
   content: inherit;
}
#topArea .aw_cmBox dl dd {
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 1.6rem;
	line-height: 1.8;
}	
	
@media screen and (min-width: 576px) {

#topArea .aw_cmBox .cmTtl {
     margin-bottom: 8px;
    font-size: 2.3rem;
}
#topArea .aw_cmBox .awardName { 
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-size: 1.6rem;
}
#topArea .aw_cmBox .awardName span { 
    font-size: 1.5rem;
}
#topArea .aw_cmBox .txt01 {
    margin-bottom: 15px;
	font-size: 1.7rem;
	line-height: 1.4;
}
#topArea .aw_cmBox dl {
    min-width: 380px;
	margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}
#topArea .aw_cmBox dl dt {
	clear: both;
    width: 70px;
    min-width: 60px;
    margin: 0 0 10px 0;
    font-size: 1.4rem;
    text-align: right;
}
#topArea .aw_cmBox dl dt::after {
   content: "：";
   padding-right: 5px;
}
#topArea .aw_cmBox dl.type02 dt {
    width: 120px;
    min-width: 120px;
}
#topArea .aw_cmBox dl.type03 dt {
    width: 170px;
    min-width: 170px;
}
#topArea .aw_cmBox dl dd {
    width: 85%;
    margin: 0 0 10px 0;
    font-size: 1.5rem;
}
#topArea .aw_cmBox dl.type02 dd {
    width: 70%;
}
#topArea .aw_cmBox dl.type03 dd {
    width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
}
}
@media screen and (min-width: 769px) {
#topArea .aw_cmBox { 
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-right: 1%;
}
#topArea .aw_cmBox { 
	width: 62%;
	margin-right: 2%;
}
#topArea .aw_cmBox .cmTtl {
     margin-bottom: 10px;
    font-size: 2.5rem;
}
#topArea .aw_cmBox dl {
    min-width: 400px;
}
#topArea .aw_cmBox dl dt {
    margin: 0 0 15px 0;
    font-size: 1.6rem;
}
#topArea .aw_cmBox dl.type02 dt {
    width: 120px;
    min-width: 120px;
}
#topArea .aw_cmBox dl dd {
    width: 82%;
    margin: 0 0 15px 0;
    font-size: 1.7rem;
}
#topArea .aw_cmBox dl.type02 dd {
    width: 73%;
}
#topArea figure {
	width: 30%;
	margin: 5px 0 0 0;
}
}
@media screen and (min-width: 1100px) {
#topArea .aw_cmBox dl dt {
    margin: 0 0 15px 0;
}
#topArea .aw_cmBox dl.type02 dt {
    width: 120px;
    min-width: 120px;
}
#topArea .aw_cmBox dl dd {
    width: 89%;
}
#topArea .aw_cmBox dl.type02 dd {
    width: 82%;
} 
}