@import url("import/attachment.css");

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

*::selection {
 background-color:rgba(238,94,112,1);
 color: #fff;
}
*::-moz-selection {
 background-color:rgba(34,148,168,0.6);
 color: #fff;
}

* {
    margin : 0px;
    padding : 0px;
}
a,img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

img{
    image-rendering: -webkit-optimize-contrast;
    -webkit-backface-visibility: hidden;
}

html {
 height          : auto;
 overflow-x: hidden;
}

body {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 font-weight: 500;
 font-size       : 12px;
 line-height     : 1.4em;
 height          : auto;
 margin          : 0px;
 padding         : 0px;
 color           : #6e6f71;
 -webkit-print-color-adjust: exact !important;
 -moz-print-color-adjust: exact !important;
}

.kukkiri {
	-moz-text-shadow: black 1px 1px 1px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
	-webkit-text-shadow: black 1px 1px 1px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
	-ms-text-shadow: black 1px 1px 1px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
	text-shadow: black 1px 1px 1px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
}
.bonyari {
	-moz-text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
	-webkit-text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
	-ms-text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
}

.mincho1 {
font-family: "ten-mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mincho2 {
  font-family    : "Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.mincho3 {
  font-family    : "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",serif !important;
}
.kosugiMaru {
    font-family: 'Kosugi Maru','Open Sans',sans-serif;
}
.roma {
 font-family     : "TitilliumMaps",helvetica,sans-serif;
}

.osaka {
 font-family     : Osaka,"ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif !important;
}

.hgp {
  font-family    : "HGP創英角ｺﾞｼｯｸUB"
}

.meiryo {
 font-family     : "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}

.centuryGothic {
 font-family: "Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.mspG {
 font-family     : "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif !important;
}

.arial {
 font-family     : 'arial black','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,"ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka !important;
}

.antiAreas {
 font-family     : "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

.hiragino {
 font-family     : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,"ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka !important;
}

.inherit {
 font-family     : 'inherit','Hiragino Kaku Gothic Pro',sans-serif,"ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka !important;
}

h1,h2,h3,h4,h5,h6 {
 font-size       : 1.0em;
}

/***********************************************
  02.layout
***********************************************/
#wrap {
 width           : 100%;
 /* min-width       : 950px; */
}

#wrapperAll {
 width           : px;
 margin          : 0 auto;
}


.pageTop {
 width           : 100%;
 text-align      : right;
 padding         : 10px 0px 20px;
}

#pageTopArea {
 width           : 100%;
 padding         : 50px 0px 10px;
}

#pageTop {
 width           : 950px;
 margin          : 0 auto;
 text-align      : right;
}








/* breadcrumbs */
#breadcrumbsListArea {
 font-family: "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;
 background: #333;
 font-size: 12px;
 padding: 10px 0px 7px;
}
#breadcrumbsList {
 max-width: 960px;
 padding: 0 20px;
 margin: 0 auto;
}
#breadcrumbsList li {
 background: url(../images/ic_breadcrumbs.gif) no-repeat 3px 45%;
 padding: 0px 0px 0px 17px;
 display: inline;
 color: #fff;
}
#breadcrumbsList li.home {
 background      : url(../images/ic_home.png) no-repeat;
 padding         : 2px 0px 2px 19px;
}
#breadcrumbsList li.now {
 color           : #fff;
 font-weight     : bold;
}
#breadcrumbsList li a {
 color           : #fff;
}














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

h1 img {
 width           : 300px;
}
@media screen and (max-width: 559px) {
	h1 img {
	 width           : 100%;
	}
}

/***********************************************
  04.gNavi
***********************************************/







/***********************************************
  05.sNavi
***********************************************/


/***********************************************
  06.main
***********************************************/


/***********************************************
  07.footer
***********************************************/





/***********************************************
  08.img
***********************************************/

img {
 border          : 0px;
}

/***********************************************
  9.text
***********************************************/


/***********************************************
  10.table
***********************************************/
table {
 border-collapse : collapse;
}

/* レスポンシブtable */
table.baseTab {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  box-sizing:border-box;
}
table.baseTab th,
table.baseTab td {
  padding: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  box-sizing:border-box;
}
table.baseTab th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

@media screen and (max-width: 480px) {
  table.baseTab {
    border-top: 1px solid #999;
  }
  table.baseTab td {
    display: block;
    text-align: center;
  }
  table.baseTab th {
    display: block;
    border-top: none;
  border-bottom: 1px solid #999;
    width: 100%;
  }
}

.requisite {
 background      : url(../images/ic_requisite.gif) no-repeat 90% 50% red !important;
}


/***********************************************
  11.font
***********************************************/

/* background */
.whiteBg   { background : #fff !important; }
.greenBg   { background : #119493 !important; }
.blueBg    { background : #1e91b9 !important; }

/* color */
.green     { color:#73bb19 !important; }
.red       { color:#CC0000 !important; }
.blue      { color:#447fd1 !important; }
.black     { color:#333333 !important; }







/***********************************************
  12.link
***********************************************/

/* default */
a:link,
a:visited,
a:hover {
 color           : #245ddb;
 text-decoration : none;
}
a:hover {
 text-decoration : underline;
}
/* default */

/* imgLink */
a img:hover {
 opacity         : 0.80;
 filter          : alpha(opacity=80);
 -moz-opacity    : 0.80;
 -ms-filter      : "alpha(opacity=80)";
}
a.noAlpha img:hover {
 opacity         : 1;
 filter          : alpha(opacity=100);
 -moz-opacity    : 1;
 -ms-filter      : "alpha(opacity=100)";
}
/* imgLink */

/* blackLink */
a.blackLink:link,
a.blackLink:visited,
a.blackLink:hover {
 color           : #333;
 text-decoration : none;
}
a.blackLink:hover {
 text-decoration : underline;
}
/* blackLink */

/* url */
a.url:link,
a.url:visited,
a.url:hover {
 color           : #333;
 text-decoration : none;
}
a.url:hover {
 text-decoration : underline;
}
/* url */

/* underline */
a.underline:link,
a.underline:visited,
a.underline:hover {
 text-decoration : underline !important;
}
a.underline:hover {
 text-decoration : none !important;
}
/* underline */

/* breadcrumbsList */
#breadcrumbsList a:link,
#breadcrumbsList a:visited,
#breadcrumbsList a:hover {
 color           : #564842;
 text-decoration : none;
}
#breadcrumbsList a:hover {
 text-decoration : underline;
}
/* breadcrumbsList */

/* topPathList */
#topPathList a:link,
#topPathList a:visited,
#topPathList a:hover {
 color           : #564842;
 text-decoration : none;
}
#topPathList a:hover {
 text-decoration : underline;
}
/* topPathList */

/* footer */
#footer a:link,
#footer a:visited,
#footer a:hover {
 color           : #245ddb;
 text-decoration : none;
}
#footer a:hover {
 text-decoration : underline;
}
/* footer */

/* copy */
#copy a:link,
#copy a:visited,
#copy a:hover {
 color           : #245ddb;
 text-decoration : none;
}
#copy a:hover {
 text-decoration : underline;
}
/* copy */

/* pageTop */
#pageTop a:link,
#pageTop a:visited,
#pageTop a:hover {
 color           : #447fd1;
 text-decoration : none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#pageTop a:hover {
 text-decoration : underline;
}
/* pageTop */

/* link1 */
a.link1:link,
a.link1:visited,
a.link1:hover {
 color           : #999999;
 text-decoration : none;
}
a.link1:hover {
 text-decoration : underline;
}
/* link1 */

/* dependLink */
a.dependLink:link,
a.dependLink:visited,
a.dependLink:hover {
 color           : #999999;
 text-decoration : none;
}
a.dependLink:hover {
 text-decoration : underline;
}




/* dependLink */
.btnLink {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, ㊦), color-stop(0.50, ㊤));
 background: -webkit-linear-gradient(top, ㊤ 50%, ㊦ 50%);
 background: -moz-linear-gradient(top, ㊤ 50%, ㊦ 50%);
 background: -o-linear-gradient(top, ㊤ 50%, ㊦ 50%);
 background: -ms-linear-gradient(top, ㊤ 50%, ㊦ 50%);
 background: linear-gradient(to bottom, ㊤ 50%, ㊦ 50%);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 border: 2px solid #FFF;
 border-radius: 4px;
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 margin: 20px 0 0;
 padding: 13px 0;
 text-align: center;
 text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
 text-decoration: none !important;
 color: #FFF !important;
 position: relative;
 bottom: 2px;
 right: 2px;
}
.btnLink:hover {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, ㊤), color-stop(0.50, ㊦));
 background: -webkit-linear-gradient(top, ㊦ 50%, ㊤ 50%);
 background: -moz-linear-gradient(top, ㊦ 50%, ㊤ 50%);
 background: -o-linear-gradient(top, ㊦ 50%, ㊤ 50%);
 background: -ms-linear-gradient(top, ㊦ 50%, ㊤ 50%);
 background: linear-gradient(to bottom, ㊦ 50%, ㊤ 50%);
}

/* dependLink nameraka */
.btnLink2 {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.80, ㊦), color-stop(0.0, ㊤));
 background: -webkit-linear-gradient(top, ㊤ 0%, ㊦ 88%);
 background: -moz-linear-gradient(top, ㊤ 0%, ㊦ 88%);
 background: -o-linear-gradient(top, ㊤ 0%, ㊦ 88%);
 background: -ms-linear-gradient(top, ㊤ 0%, ㊦ 88%);
 background: linear-gradient(to bottom, ㊤ 0%, ㊦ 88%);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 border: 2px solid #FFF;
 border-radius: 4px;
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 margin: 20px 0 0;
 padding: 13px 0;
 text-align: center;
 text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
 text-decoration: none !important;
 color: #FFF !important;
 position: relative;
 bottom: 2px;
 right: 2px;
}
.btnLink2:hover {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.80, ㊤), color-stop(0.0, ㊦));
 background: -webkit-linear-gradient(top, ㊦ 0%, ㊤ 88%);
 background: -moz-linear-gradient(top, ㊦ 0%, ㊤ 88%);
 background: -o-linear-gradient(top, ㊦ 0%, ㊤ 88%);
 background: -ms-linear-gradient(top, ㊦ 0%, ㊤ 88%);
 background: linear-gradient(to bottom, ㊦ 0%, ㊤ 88%);
}





/***********************************************
  13.form
***********************************************/
/* iOSでのデフォルトスタイルをリセット */
input{
 font-size:16px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 7px 30px 7px 10px;
	font-size: 93%;
	line-height: 1.1em;
	border-radius: 5px;
	border: none;
	background-image: url(../images/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	display: block;
}
input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
input[type=radio] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
input[type=checkbox] {
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}







#mailform {
 font-size: 18px;
}
#mailform textarea,
#mailform input[type="date"],
#mailform input[type="time"],
#mailform input[type="text"],
#mailform input[type="email"],
#mailform input[type="tel"] {
 width: 100% !important;
 padding: 7px 10px;
 box-sizing: border-box;
 font-size: 18px;
 border: 1px solid #ccc;
 -webkit-appearance: none;
 border-radius:0;
 -webkit-border-radius:0;
 -moz-border-radius:0;
}
#mailform .zip input[type="text"] {
 width: 40% !important;
}
@media screen and (max-width: 480px) {
	#mailform .checkbox,
	#mailform .zip {
	 text-align: left;
	}
	#mailform .checkbox {
	 padding-left: 2%;
	}
}
#mailform input[type="submit"]{
   background: #f55e13;
   border-radius:15px;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   color: #fff;
   border: none;
   display: block;
   width: 500px;
   margin: 0 auto;
   padding: 10px;
	 box-sizing: border-box;
   font-size: 20px;
}
@media screen and (max-width: 480px) {
	#mailform input[type="submit"]{
	   width: 90%;
	   -webkit-appearance: none;
	}
}
#mailform input[type="submit"]:hover{
   cursor: pointer;
   background: #f1434d;
}
textarea:focus,
input:focus {
  border: 1px solid red;
  outline: 0;
}



/***********************************************
  99.other
***********************************************/