.cells{margin:0.8em !important}

/* ==========================================================================
   Main Visual
   ========================================================================== */

.main-visual-container {
  position: relative;
  width: 100%;
  z-index: 1;
}

.main-visual-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); 
  z-index: 1; 
}
.main-visual-image {
  display: block;
  width: 100%;
  height: auto;
}

.main-visual-image.pc {
    width: 100%;
    margin: 0 auto;
}

.main-visual-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  box-sizing: border-box;
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  padding: 10px 5px;
  text-align: center;
  overflow: hidden;  
  font-size: clamp(24px, 3vw, 40px); 
  font-weight: bold !important;
  font-family: 'Arial', sans-serif;
  line-height: 1.2;
  z-index: 2;
}

.main-visual-text p {
  margin: 0; 
  white-space: inherit;
  overflow: inherit;
  text-align: center; 
  font-weight: bold;
}

.visual-subtitle {
  font-size: 1.3em; 
  line-height: 1.6;
}


/* ==========================================================================
   Form
   ========================================================================== */


.mast{
	color:#cc0033
}

.ind {
	margin:0.8em 0 0.8em;
    background: #cb3054;
    color: white;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 2px 1px;
    text-decoration: none;
    border-radius: 0.4em;
    line-height: 1.5em;
}

.form_box{
	margin:0 auto;
	max-width:900px;
	height:auto
}


/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
    background-color: #fff;
    /*margin-top: 40px;*/
}
#footer-area div.cell{margin:10px 0 0}
#bottom_box{
background:#ADADAD;
width:100%;
margin:0 auto;
}
#to_top{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top.gif);
}
#middle_box{
background:#fff;
width:100%;
margin:0 auto;
}
#to_top2{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top2.gif);
}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{
    background-position: 0px -50px;
}
#copyright {
    margin: 0 auto;
    background/***/: #fff url(/common_n/images/footer/copyright2.png) no-repeat;
}
#sns td{padding:0 !important}
#sns td img{margin:0}


/* ==========================================================================
   smp head
   ========================================================================== */
.smp_head{width:100%;
    border-top:1px solid #B3B3B3 /*{c-bar-border}*/;
    border-bottom:1px solid #B3B3B3 /*{c-bar-border}*/;
    background: #e9eaeb /*{c-bar-background-color}*/;
    color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    background-image: linear-gradient(#f0f0f0, #e9eaeb);
    
    /*letter-spacing:-0.05em;*/
    z-index:300;
}
.smp_head h2{
    min-height: 1.1em;
    text-align: center;
    padding-right:2.5em;
}
.smp_head h2 span{font-size:80%;font-weight:bold}

.ui-title{
color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    height: 24px;
    padding: 12px 0 0 0;
    margin: 0 20px 0 -20px;
    font-size: 16px;
    text-align:center;
}
a .ui-btn{font-weight: bold !important;color:#3e3e3e}
.ui-btn {
border:1px solid #aaa;
float:left;
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0.3em 0.2em 0.2em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
    font-size:14px;
    
}
.ui-btn-text{
padding-left:3px;
    font-weight: bold;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
}
.ui-icon{float:left;
    top: 50%;
    margin-top: 0px;
    width:18px;
    height:18px;
    background: #666 /*{global-icon-color}*/;
    background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
    background-image: url(/smp/common/css/images/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    background-position: -144px 50%;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:none !important}
.lightboxOverlay{
/*background:#666;*/
filter:alpha(opacity=80) !important;
opacity:0.8;
}
.lb-data .lb-caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}
.lb-data {
    color: white;
}
.lb-data .lb-number{
color:white;
}
.lb-details p {
background: url('../images/bg_p.png') no-repeat;
}
.lb-details a p,.lb-details a:hover p {text-decoration:underline !important}


/* ==========================================================================
   responsive
   ========================================================================== */

.site-center{width:100%}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

#p_info{
text-align:center;
}
.arrow-r{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: right;
text-align:right;
top: 50%;
margin-top: -0.5em;
margin-right: 0.3em;
line-height:1em;
}
.arrow-l{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: left;
text-align:left;
top: 50%;
margin-top: -0.5em;
margin-left: 0.3em;
line-height:1em;
}

#bt_more {display:inline-block;
padding: 0.2em 0.2em 0.15em 0.6em;
border: 1px solid #aaa;
margin: 1em 0;/*margin: 0.5em 0;*/
width:auto;
font-size:90%;
line-height:1.6em;
}
@media (min-width:1281px){
.site-center{width:100%;max-width:1260px;min-width:1100px}/*20180112*/
}
@media (max-width:1280px){
.site-center{width:97%;max-width:1260px}/*20180112*/

h1.ttl_ex{font-size:180%}
.stream h2{font-size:180%}
#flow{width:45%;margin:20px 0}
}
@media (max-width:1200px){
.site-center{width:97%;max-width:1100px}/*20180112*/
}
@media print, screen and (max-width:1024px){
.site-center{/*width:94%;max-width:980px*/}/*20180112*/
.cell{margin:2px 6px !important}
/*.highlights .col{width:16.666666% !important}*/
#blue-box{padding:10px 20px}
}
@media only screen and (max-width:979px){
ul.footer_menu li{font-size:100%}
@media only screen and (max-width: 767px){
body{max-width:100%;word-wrap: break-word;}
.site-center{width:100%}
.highlights{margin:0 !important}
.sitemenu,.pc,#crumb{display:none !important}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
/*.highlights .col{width:25% !important}*/

h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;line-height:1.3em;}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:14px !important;line-height:1em}
h2.blue-ttl2{font-weight:600;margin:0 !important;text-align:center !important;font-size:5.2vmin !important;line-height:1.3em;}
.house_top{border:1px solid #aaa;color:#333;padding:0.6em 0.1em;line-height:1.3em}

.ui-btn-inner {
    padding: .2em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em;
    padding: 0.3em;
}
.ui-btn-text {
    position: relative;
    z-index: 1;
    font-weight: bold;
}
.button span{margin:0 !important}
.button img{box-sizing: border-box;width:100%;margin:0 !important}
.ui-btn-corner-all {
	-moz-border-radius: 				1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
	border-radius: 						1em /*{global-radii-buttons}*/;
}
.ui-shadow {
    box-shadow: none;
}




}
@media only screen and (max-width: 767px){

}

@media only screen and (max-width: 600px){
.site-footer{font-size:130%}
.site-footer .width-1of5{width:100%;box-sizing:border-box}
.site-footer .width-2of5{width:100%;box-sizing:border-box}
.site-footer .width-1of2{width:50%;box-sizing:border-box}
.width-1of6{width:33.33%}
.footer_left,.footer_right{width:50% !important}
.footer_left{float:left !important}
.footer_right{float:right !important}

nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
.site-body {font-size:14px/*14px*/}
input,textarea{font-size:16px}
}