@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/


/*=========================================
      container
=========================================*/
#container{ max-width:900px; width:90%; margin:0 auto;}


/*=========================================
      intro
=========================================*/
.intro{ margin:0 0 40px;}
.intro h3{ font-size:25px; margin:0 0 10px; color:#e7368e; line-height:1.7;}
.intro h3 strong{ display:block;}


/*=========================================
      ポイント
=========================================*/
.point{ padding:0 0 50px;}
.point h4{ margin:0 0 10px;}
.point h4 span{ border-bottom:2px solid #e7368e;}
.point .txt{ margin:0 0 25px;}


/*=========================================
      募集内容
=========================================*/
.info{ padding:20px 0 60px;}
.info h4{ text-align:center; font-size:25px; margin:0 0 40px;}
.info h4 span{ border-width:0 0 2px;}
.info table{ width:100%; border-top:1px solid #999;}
.info table tr{ border-bottom:1px solid #999;}
.info table th,
.info table td{ padding:15px 0; vertical-align:top;}
.info table th{ width:20%; font-weight:bold;}
.info table td p{ margin:0 0 5px;}
.info table td .icon{ display:inline-block; padding:3px 10px; margin:0 5px 0 0; background:#e7368e; color:#fff; line-height:1;}
.info table td.step .icon{ background:#ffdff9; color:#e7368e; font-size:90%; font-weight:bold;}
.info table td.step dl{ clear:both; margin:0 0 5px;}
.info table td.step dl dt{ float:left;}
.info table td.step dl dd{ line-height:1.5; margin:0 0 0 80px;}
/*お問い合わせ*/
ul.contact{ width:65%; padding:5px 0 0; overflow:hidden;}
ul.contact li{ float:left; width:48%; margin:0 2% 0 0; line-height:1.2; text-align:center;}
ul.contact li.h{ float:none; clear:both; width:auto; font-weight:bold; margin:0 0 5px; text-align:center;}
ul.contact li.btnMore a{ padding:8px 0; font-size:85%;}
ul.contact li.tel .en{ font-size:24px; letter-spacing:0; line-height:1.5;}








/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {

/*=========================================
      intro
=========================================*/
.intro{ margin:0;}
.intro h3{ font-size:14px;}
.intro h3 strong{ font-size:20px; line-height:1.5;}
.intro .txt{ text-align:left;}


/*=========================================
      ポイント
=========================================*/
.point{ padding:0 4% 30px;}
.point h4{ margin:0 0 10px;}
.point h4 span{}
.point .txt{ margin:0 0 20px;}


/*=========================================
      募集内容
=========================================*/
.info{ padding:0 0 30px;}
.info:last-child{ border-bottom:none;}
.info h4{ font-size:16px; margin:0 0 20px; background:#333; color:#fff;}
.info h4 span{ padding:13px 0;}
.info table{ border-top:none; width:92%; margin:0 auto;}
.info table tr{ border-bottom:none;}
.info table th,
.info table td{ display:block;}
.info table th{ width:auto; padding:6px 3%; background:#ddd;}
.info table td{ padding:10px 0 15px;}
.info table td p{}
.info table td .icon{}
.info table td.step .icon{}
.info table td.step dl{ margin:0 0 10px;}
.info table td.step dl dt{ float:none; margin:0 0 5px;}
.info table td.step dl dd{ line-height:1.4; margin:0;}
/*お問い合わせ*/
ul.contact{ width:80%; margin:0 auto;}
ul.contact li{ float:none; width:auto; margin:0 0 8px; line-height:1;}
ul.contact li.h{}
ul.contact li.btnMore a{ padding:15px 0; font-size:100%;}
ul.contact li.tel .en{ font-size:22px; line-height:1;}



}