@charset "UTF-8";html,body,h1,h2,h3,h4,h5,h6,div,p,li,dl,dt,dd,table,th,td,form{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
ol{list-style:decimal;margin-left:1.9em;padding:0;}
img{text-decoration:none;border:0;font-size:0px;}
hr{display:none;}
body, th, td, textarea{font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;line-height:1.5;color:#333;}
body {
    text-align: center;
    background-color: #e2e6dc;
    background: url(../img/container_bg.png) repeat-x #fff;
}
div#wrapper{text-align:left;width:930px;margin:0 auto;padding-bottom:25px;}
a{text-decoration:none;color:#b62949;}
a:hover{text-decoration:underline;}
div#header{text-align:left;height:126px;overflow:hidden;position:relative;margin-bottom:3px;}
h1{font-size:10px;font-weight:normal;letter-spacing:-0.5px;line-height:1em;color:#777777;position:absolute;top:5px;left:0;}
p#logo{padding:25px 0 15px 0;}
ul#hnav{position:absolute;top:55px;right:0;display:inline-block;}
ul#hnav:after{clear:both;display:block;content:".";visibility:hidden;height:0;}
ul#hnav{display:block;}
ul#gnav{width:930px;height:41px;display:inline-block;}
ul#gnav:after{clear:both;display:block;content:".";visibility:hidden;height:0;}
* html ul#gnav{height:1%;}
ul#gnav{display:block;}
ul#gnav li{float:left;}
ul#gnav li a{text-indent:-9999px;background-image:url(../img/gnav.png);background-repeat:no-repeat;width:155px;height:41px;overflow:hidden;float:left;display:block;}
ul#gnav li.gnav_home a{background-position:0 0;}
ul#gnav li.gnav_home a:hover{background-position:0 -41px;}
ul#gnav li.gnav_service a{background-position:-155px 0;}
ul#gnav li.gnav_service a:hover{background-position:-155px -41px;}
ul#gnav li.gnav_case a{background-position:-310px 0;}
ul#gnav li.gnav_case a:hover{background-position:-310px -41px;}
ul#gnav li.gnav_faq a{background-position:-465px 0;}
ul#gnav li.gnav_faq a:hover{background-position:-465px -41px;}
ul#gnav li.gnav_company a{background-position:-620px 0;}
ul#gnav li.gnav_company a:hover{background-position:-620px -41px;}
ul#gnav li.gnav_news a{background-position:-775px 0;}
ul#gnav li.gnav_news a:hover{background-position:-775px -41px;}
div#main{display:inline-block;padding-bottom:20px;}
div#main:after{clear:both;display:block;content:".";visibility:hidden;height:0;}
* html div#main{height:1%;}
div#main{display:block;}
p#topicPath{font-size:13px;color:#777;margin-bottom:15px;}
div#content{width:700px;float:left;}
div#content p{margin-top:0.5em;margin-left:1.6em;margin-bottom:0.5em;}
div#side{width:200px;float:right;}
div#inquiryBox{background-color:#eeeeee;border:3px solid #e9cad1;margin-bottom:20px;padding:10px;border-top: 4px solid #f24d72;box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);}
div#inquiryBox h2{margin-bottom:10px;}
div#inquiryBox dt{margin-bottom:5px;line-height:0;}
div#inquiryBox dd{text-align:center;}
div#inquiryBox dd.inquiryBox_border{border-bottom:1px dotted #b72a49;margin-bottom:15px;}
ul#side_commList{margin-bottom:20px;}
#footer{    background: #e2e6dc;
    /* width: 100%; */
    text-align: left;
    width: 80%;
    margin: 0 auto;
    padding: 25px 0;
    position: relative;
    clear: both;
    display: inline-block;
    border-top: 4px solid #f24d72;}
div#footer:after{clear:both;display:block;content:".";visibility:hidden;height:0;}
* html div#footer{height:1%;}
div#footer{display:block;}
p#copyright{float:left;padding-left: 25px;padding-right: 50px;}
/*ul#fnav{text-align:right;width:600px;float:left;padding-right: 20px;}
*/
ul#fnav {
    text-align: right;
    padding-right: 20px;
    padding-left: 20px;
    width: 80%;
}
ul#fnav li{font-size:11px;display:inline;}
div#home_img{background:url(../../img/home_img_bg.jpg) no-repeat;margin-bottom:25px;height:253px;overflow:hidden;display:inline-block;position:relative;box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);}
div#home_img:after{clear:both;display:block;content:".";visibility:hidden;height:0;}
div#home_img{display:block;}
div#home_img h2{margin:18px 0 5px 3px;}
div#home_img ol{list-style:none;margin:0 0 0 25px;}
div#home_img ol li{background:url(../../img/home_img_arrow.gif) no-repeat right 30px;width:168px;float:left;}
div#home_img ol li.last{background:none;}
div#home_img ol li p{font-size:11px;line-height:1.2em;color:#777;padding:5px 25px 0 0;}
div#home_service{border:1px solid #e9cad1;margin-bottom:25px;padding:1px 1px 10px 1px;position:relative;    box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);}
div#home_service p{margin:10px 10px 0 10px;}
div#home_case{border:1px solid #e9cad1;margin-bottom:15px;padding:1px 1px 10px 1px;;position:relative;    box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);}
div#home_case dl{margin:10px;}
div#home_service p{margin:10px 10px 0 10px;}
div#home_news{border:1px solid #e9cad1;margin-bottom:15px;padding:1px 1px 10px 1px;;position:relative;    box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);}
div#home_news p{margin:10px 10px 0 10px;}

label.error {
    color: red;
}

div#padding {
    margin-left: 20px;
    margin-right: 20px;
line-height: 1.75;
    font-size: 13px;
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
}

.sub-textarea {
padding-top    :12px;
padding-left   :12px;
padding-right  :12px;
padding-bottom :12px;
}

td.center {
text-align :center;
}

.lineheight2 a{line-height:2.0;}

.txtz {
    line-height: 1.75;
    margin-bottom: 3em;
    margin: 20px 33px !important;
    font-size: 15px;
}

.ppadding {
    margin-bottom: 3em;
    margin: 20px 33px !important;
    font-size: 13px;
}

.ppadding2 {
    margin: 20px 33px !important;
}

.wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex
}
.responsive {
  padding: 0 6px;
  float: left;
  width: 33.33333%;
}

div.gallery img {
  width: 100%!important;
  height: auto!important;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}


@media only screen and (max-width: 700px) {
  .responsive {
    width: 33.33333%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {


  content: "";
  display: table;
  clear: both;
}

.titletext_01 {
border-bottom:dotted;/*下線を点線にする*/
border-color:#FF0000;
border-width:1px;
font-size: 15px;
}


.underline--magical {
    background-image: linear-gradient(120deg, #f31569 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.1em;
    background-position: 0 88%;
    transition: background-size 0.25s ease-in;
}


.subitem {
    margin-top: 20px;
}

.ui-section--subitem.subitem {
    border-top: 4px solid #f24d72;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0px 0px;
    -moz-box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
    box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
}

.ui-section--subitem-blue.subitem {
    border-top: 4px solid #005d9e;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0px 0px;
    -moz-box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
    box-shadow: 0 0 2px #CCCCCC, inset 1px 0 0 #FFFFFF;
}

.ui-section-header {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(2%, #ffffff), color-stop(3%, #eeeeee), color-stop(40%, #ffffff));
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);
}

.ui-section-subtitle {
  line-height: 1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #fcfcfc), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 49%, #fcfcfc 50%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 49%, #fcfcfc 50%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 49%, #fcfcfc 50%, #e8e8e8 100%);
  padding: 13px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #FFFFFF;
}

.subitemlistvbox {
  margin-top: 30px;
  margin-bottom: 30px;
}
.subitemlistvbox > ul > li {
  margin-top: 10px;
}


.mediabox .mediabox-title {
    font-size: 14px;
    font-weight: bold;
}

.mediabox .mediabox-desc {
    margin-top: 10px;
    color: #333333;
}

.subitemlistv > li {
    padding: 7px;
}

.subitemlistv.subitemlistv--line > li {
  border-top: 1px solid #EFEFEF;
}

.ui-label-blue {
    background-color: #005d9e;
    color: #FFFFFF;
    margin-right: 5px;
    display: inline-block!important;
    *display: inline!important;
    *zoom: 1;
    vertical-align: middle;
    padding: 4px 3px;
    vertical-align: middle;
    font-size: 10px;
    line-height: 1;
}

.ui-label {
    background-color: #f24e73;
    color: #FFFFFF;
    margin-right: 5px;
    display: inline-block!important;
    *display: inline!important;
    *zoom: 1;
    vertical-align: middle;
    padding: 4px 3px;
    vertical-align: middle;
    font-size: 10px;
    line-height: 1;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.icon-arrow::before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #f35578;
}
.icon-arrow::after{
    left: 3px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #cd1a16;
    border-right: 1px solid #cd1a16;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-arrow-blue::before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid ##005d9e;
}
.icon-arrow-blue::after{
    left: 3px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #005d9e;
    border-right: 1px solid #005d9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



.menubar {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    background-image: url(../img/menubar_bg.jpg);
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 50px;
}
.menubar2 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    background-image: url(../img/menubar_bg.jpg);
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 50px;
}


#page_top{
width: 40px;
height: 40px;
position: fixed;
right: 0;
bottom: 10px;
background: #961818;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}

#page_top a::after{
content: '▲';
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
top: 10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}


.mokuji {
    background: #fafafa;
    padding: 20px 20px 20px 20px;
    border: 2px #ff0000;
    width: auto;
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    box-shadow: 0 0 8px #80808038;
}

.headtitle{
	margin-top: 25px;
    font-size: 25px;
    margin-left: 33px;
}


table.multi{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

.al-r {
    text-align: right;
}


/* フッターナビ */
.site-footer { background: #e2e6dc; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

.imgshadow{box-shadow: 0 10px 25px 0 rgba(50, 50, 93, 0.07), 0 5px 15px 0 rgba(0, 0, 0, 0.07);margin-bottom: 15px;}
.imgshadow:hover {
  opacity: 0.7 ;
}

fieldset {
    border: 0px;
}