@charset "utf-8";


html,body{ background: #FF7444 url(../image/common/background01.png) repeat center top fixed; }
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: normal; }
img{ vertical-align: text-bottom; }

.relative{ position: relative; }
.absolute{ position: absolute; }
.float-clear{ width: 100%; height: 0; clear: both; }
.check01{ background: #FF0000; }
.check02{ background: #00FF00; }
.check03{ background: #0000FF; }

/* リンク */
.link-motion{	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; animation: all 0.4s ease; }
.link-opacity:hover{ opacity: 0.4; }
.no-link{ opacity: 0.2; }

/* デザイン */
.shadow{ box-shadow: rgba(0,0,0,0.2) 0px 1px 6px 1px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 6px 1px; -moz-box-shadow :rgba(0,0,0,0.2) 0px 1px 6px 1px; }
.flat{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* コンテンツ */


/* 包装 */
.wrapper{
width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 20px;
}
/* メインコンテンツ */
.main-content{
width: 100%;
background: #FFFFFF;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
/* box-shadow指定：左右 上下 ぼかし 広がり */
box-shadow: rgba(0,0,0,0.4) 0px 1px 20px 4px; -webkit-box-shadow: rgba(0,0,0,0.4) 0px 1px 20px 4px; -moz-box-shadow :rgba(0,0,0,0.4) 0px 1px 20px 4px;
margin: 0 auto;
padding: 40px;
}
/* 見出し */
h2{
width: 100%;
text-align: center;
display: block;
font-size: 40px;
line-height: 40px;
margin: 0 auto 40px auto;
padding: 0 0 20px 0;
}
h2:before{
width: 60px;
content: " ";
border-bottom: 4px #F44D03 solid; /* イベントカラー */
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -30px;
}
/* ライン */
hr{
width: 100%;
height: 0px;
border-top: 1px #BDBDBD solid;
margin: 80px auto;
}
/* ページトップボタン */
.return-top{
width: 80px;
height: 80px;
background: #BDBDBD url(../image/common/return-top.png) no-repeat center;
border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;
cursor: pointer;
position: fixed;
bottom: -120px;
right: 40px;
}



/* フォント */
@font-face {
font-family: mplus-1p-bold;
src: url("../font/mplus-1p-bold.eot"),url("../font/mplus-1p-bold.ttf") format("truetype");
}
@font-face {
font-family: mplus-1c-black;
src: url("../font/mplus-1c-black.eot"),url("../font/mplus-1c-black.ttf") format("truetype");
}
*{ font-family: 'メイリオ',sans-serif; color: #424242; }
::selection{ background: #FF4949; color: #FFFFFF; }
.mplus-1p-bold{ font-family: 'mplus-1p-bold' , sans-serif; }
.mplus-1c-black{ font-family: 'mplus-1c-black' , sans-serif; }
/* カラー */
.T-attention{ color: #F44D03; } /* イベントカラー */
.T-white{ color: #FFFFFF; }
.T-red{ color: #FF4949; }
.T-yellow { color: #FFAB00; }
.T-blue{ color: #0091EA; }
.T-green{ color: #558B2F; }
.T-out{ color: #7F7F7F; }
/* サイズ */
.T-10px{ font-size: 10px; line-height: 20px; }
.T-12px{ font-size: 12px; line-height: 22px; }
.T-14px{ font-size: 14px; line-height: 24px; }
.T-16px{ font-size: 16px; line-height: 26px; }
.T-18px{ font-size: 18px; line-height: 28px; }
.T-20px{ font-size: 20px; line-height: 30px; }
.T-22px{ font-size: 22px; line-height: 32px; }
.T-24px{ font-size: 24px; line-height: 34px; }
.T-26px{ font-size: 26px; line-height: 36px; }
.T-28px{ font-size: 28px; line-height: 38px; }
.T-30px{ font-size: 30px; line-height: 40px; }
.T-34px{ font-size: 34px; line-height: 44px; }
.T-38px{ font-size: 38px; line-height: 48px; }
/* フォントリンク */
.font-link:link{ color: #F44D03; text-decoration: none; } /* イベントカラー */
.font-link:visited{ color: #F44D03; text-decoration: none; } /* イベントカラー */
.font-link:hover{ color: #F44D03; text-decoration: none; } /* イベントカラー */
.font-link:active{ color: #F44D03; text-decoration: none; } /* イベントカラー */


/* レスポンシブ */


@media screen and (max-width: 900px){

  /* 包装 */
  .wrapper{
  padding: 20px 0;
  }
  /* メインコンテンツ */
  .main-content{
  border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  padding: 20px;
  }
  /* 見出し */
  h2{
  font-size: 30px;
  line-height: 30px;
  margin: 0 auto 20px auto;
  padding: 0 0 20px 0;
  }
  /* ライン */
  hr{
  margin: 40px auto;
  }

}

@media screen and (max-width: 600px){

  /* ページトップボタン */
  .return-top{
  display: none;
  }

}


/* end */
