@charset "UTF-8";

/* ==========================================================================
  フォント（PC）
   ========================================================================== */

.fo_l01{
	font-size:1.154em;/*15px*/
}
.fo_l01n {
	font-size:1.154em;/*15px*/
	line-height: 1.3em;
}
.fo_l02{
	font-size:	1.385em;/*18px*/
	line-height:1.4;
}
.fo_l02b{
	font-size:	1.385em;/*18px*/
	font-weight: bold;
}
.fo_l03{
	font-size:	1.538em;/*20px*/
	line-height:1.4;
}
.fo_l04{
	font-size:	2.769em;/*36px*/
}

.fo_s01{
	font-size:	0.846em;/*11px*/
	line-height:1.5em;
}
.fo_s01n {
	font-size:0.846em;/*11px*/
	font-weight:normal;
	line-height:1.4em;
}
.fo_s02{
	font-size:	0.923em;/*12px*/
}
.fo_s03{
	font-size:	0.714em;/*10px*/
	line-height:1.4em;
}


.color_red01 {
	color:#EB5762;
}
.color_red02 {
	color:#c72202;
}

.color_pink01 {
	color:#EC70A2;
}

.color_orange01 {
	color:#ff7516;
}

.color_green01 {
	color:#9AC842 !important;
}
.color_green02 {
	color:#00851f;
}

.color_brown01 {
	color:#8d571c;
}

.color_gray01 {
	color:#aeaeae;
}
.color_gray02 {
	color: #666;
}

.color_blue01 {
	color:#2BBACD !important;
}

.color_yellow01 {
	color:#FBC030;
}

.color_white01 {
	color:#FFFFFF;
}
.color_black01 {
	color:#000000;
}



/* ==========================================================================
  スマホ用
   ========================================================================== */	

   @media screen and (max-width: 736px) {
    /* base_sp.css、detail_sp.css、customize_sp.css */

  
  /* =============
    空白
     =============*/	 
     .lay_ma_bottom0,
    .lay_ma_bottom0_Sp {
      margin-bottom: 0 !important;
    }
    .lay_ma_bottom3,
    .lay_ma_bottom3_Sp {
      margin-bottom: 3px !important;
    }
    .lay_ma_bottom5,
    .lay_ma_bottom5_Sp {
      margin-bottom: 5px;
    }
    .lay_ma_bottom10,
    .lay_ma_bottom10_Sp {
      margin-bottom: 10px !important;
    }
    .lay_ma_bottom13,
    .lay_ma_bottom13_Sp {
      margin-bottom: 13px;
    }
    .lay_ma_bottom15,
    .lay_ma_bottom15_Sp {
      margin-bottom: 15px !important;
    }
    .lay_ma_bottom18,
    .lay_ma_bottom18_Sp {
      margin-bottom: 18px;
    }
    .lay_ma_bottom20,
    .lay_ma_bottom20_Sp {
      margin-bottom: 20px !important;
    }
    .lay_ma_bottom30,
    .lay_ma_bottom30_Sp {
      margin-bottom: 30px !important;
    }
    .lay_ma_bottom50,
    .lay_ma_bottom50_Sp {
      margin-bottom: 50px !important;
    }
    .lay_ma_bottom60,
    .lay_ma_bottom60_Sp {
      margin-bottom: 60px;
    }
    .lay_ma_bottom80,
    .lay_ma_bottom80_Sp {
      margin-bottom:80px;
    }

    .lay_ma_top5,
    .lay_ma_top5_Sp {
      margin-top: 5px;
    }
    .lay_ma_top9,
    .lay_ma_top9_Sp {
      margin-top: 9px;
    }
    .lay_ma_top10,
    .lay_ma_top10_Sp {
      margin-top: 10px !important;
    }
    .lay_ma_top15,
    .lay_ma_top15_Sp {
      margin-top: 15px;
    }
    .lay_ma_top20,
    .lay_ma_top20_Sp {
      margin-top: 20px !important;
    }
    .lay_ma_top30,
    .lay_ma_top30_Sp {
      margin-top: 30px;
    }
    .lay_ma_top40,
    .lay_ma_top40_Sp {
      margin-top: 40px;
    }
    .lay_ma_top50,
    .lay_ma_top50_Sp {
      margin-top: 50px;
    }
    .lay_ma_top80,
    .lay_ma_top80_Sp {
      margin-top: 80px;
    }

    .lay_ma_left5,
    .lay_ma_left5_Sp {
      margin-left: 5px;
    }

    .lay_ma_left10,
    .lay_ma_left10_Sp {
      margin-left: 10px;
    }

    .lay_ma_left12,
    .lay_ma_left12_Sp {
      margin-left: 12px;
    }
    .lay_ma_left13,
    .lay_ma_left13_Sp {
      margin-left: 13px;
    }
    .lay_ma_left15,
    .lay_ma_left15_Sp {
      margin-left: 15px;
    }
    .lay_ma_left20,
    .lay_ma_left20_Sp {
      margin-left: 20px !important;
    }
    .lay_ma_left22,
    .lay_ma_left22_Sp {
      margin-left: 22px;
    }
    .lay_ma_left30,
    .lay_ma_left30_Sp {
      margin-left: 30px;
    }
    .lay_ma_left35,
    .lay_ma_left35_Sp {
      margin-left: 35px;
    }
    .lay_ma_left45,
    .lay_ma_left45_Sp {
      margin-left: 45px;
    }
    .lay_ma_left50,
    .lay_ma_left50_Sp {
      margin-left: 50px;
    }
    .lay_ma_left60,
    .lay_ma_left60_Sp {
      margin-left: 60px;
    }
    .lay_ma_left80,
    .lay_ma_left80_Sp {
      margin-left: 80px;
    }

    .lay_pa_left45,
    .lay_pa_left45_Sp {
      padding-left: 45px;
    }
    .lay_pa_left50,
    .lay_pa_left50_Sp {
      padding-left: 50px;
    }

    .lay_ma_right5,
    .lay_ma_right5_Sp {
      margin-right: 5px;
    }
    .lay_ma_right6,
    .lay_ma_right6_Sp {
      margin-right: 6px;
    }
    .lay_ma_right7,
    .lay_ma_right7_Sp {
      margin-right: 7px;
    }
    .lay_ma_right9,
    .lay_ma_right9_Sp {
      margin-right: 9px;
    }
    .lay_ma_right10,
    .lay_ma_right10_Sp {
      margin-right: 10px;
    }
    .lay_ma_right12,
    .lay_ma_right12_Sp {
      margin-right: 12px;
    }
    .lay_ma_right15,
    .lay_ma_right15_Sp {
      margin-right: 15px;
    }
    .lay_ma_right18,
    .lay_ma_right18_Sp {
      margin-right: 18px;
    }
    .lay_ma_right20,
    .lay_ma_right20_Sp {
      margin-right: 20px;
    }
    .lay_ma_right25,
    .lay_ma_right25_Sp {
      margin-right: 25px;
    }
    .lay_ma_right30,
    .lay_ma_right30_Sp {
      margin-right: 30px;
    }
    .lay_ma_right35,
    .lay_ma_right35_Sp {
      margin-right: 35px;
    }
    .lay_ma_right40,
    .lay_ma_right40_Sp {
      margin-right: 40px;
    }
    .lay_ma_right45,
    .lay_ma_right45_Sp {
      margin-right: 45px;
    }
    .lay_ma_right50,
    .lay_ma_right50_Sp {
      margin-right: 50px;
    }
    .lay_ma_right60,
    .lay_ma_right60_Sp {
      margin-right: 60px;
    }

    .lay_ma_center,
    .lay_ma_center_Sp {
      margin:0 auto;
    }

    /**/

    .text_center,
    .text_center_Sp {
      text-align: center !important;
    }
    .text_right,
    .text_right_Sp {
      text-align:right;
    }
    .text_left,
    .text_left_Sp {
      text-align:left;
    }

    .visible_none{
      visibility:hidden;
    }

    .textdecoration_none{
      text-decoration: none;
    }

    .annotation01{
      padding-left:1.5em;
      text-indent: -1.5em;
    }
  
  
  /* =============
    レイアウトベース（スマホ）
     =============*/	 
    
  
    html{
    }

    .clearfix {
      zoom: 1;
    }
    .clearfix:after {
      content:".";
      height:0;
      clear:both;
      display:block;
      visibility:hidden;
    }

    .float_R,
    .float_R_Sp{
      float:right;
    }
    .float_L,
    .float_L_Sp{
      float:left;
    }

    body{
    }

    #Wrap {
      position:relative;
    }
    .none_sp{
      display:none;
    }
    .block_sp {
      display: block;
    }

    img{
      max-width: 100%;
      height: auto;
      border:none;
    }

  
  /* =============
    フォーム(資料請求)
     =============*/	

     
    .mailform label.radio {
      position: static;
      margin-bottom: 0;
      padding-left: 0;
    }
    .mailform label.radio input[type="radio"] {
      position: static;
      opacity: 1;
    }

    #MailIndex{
      padding-bottom: 0;
    }

    .mailform3 .h4_title01{
      /* display: block; */
      /* margin-left: 40px; */
      color: #fff;
    }
    .mailform3 .h4_title01{
      margin-left: 10px;
    }

    .mailform3 .h4_title01 strong span{
      /* margin-left: 0px !important; */
    }
    .mailform3 input {
      font-size: 16px !important;
    }

    /* 資料請求用フォーム */
    .mailform2 .item {
      height:auto !important;
      padding:0 !important;
      line-height:1.4em !important;
      background: #99C531;
    }
    .mailform2 .item h4.h4_title01 {
      display:table-cell !important;
      height:auto !important;
    }
    .mailform2 .item h4.h4_title01 strong {
      display:table-cell !important;
      width:30% !important;
      height:auto !important;
      padding:0 !important;
      line-height:1.2rem !important;
      vertical-align: top!important;
    }
    .mailform2 .item .cont,
    .mailform3 .item .cont {
      text-align:left !important;
      box-sizing:border-box !important;
      display:table-cell !important;
      width:70% !important;
      height:auto !important;
      min-height:0;
      vertical-align:middle !important;
      padding:15px 5px 15px 10px !important;
      line-height:1.4em !important;
    }
    .mailform2 .item .cont .input01,
    .mailform2 .item .cont .input02,
    .mailform3 .item .cont .input01,
    .mailform3 .item .cont .input02 {
      box-sizing:border-box !important;
      width:100% !important;
      height:30px !important;
      padding:0 5px;
      margin:0 0 5px !important;
    }
    .mailform2 .item .cont label,
    .mailform3 .item .cont label {
      display:block;
      margin:0 0 5px !important;
    }
    .mailform2 .item .cont p,
    .mailform3 .item .cont p {
      line-height:1.4em !important;
    }

    div.mailform3 .h4_title01.no strong span .spOnly {
      display: none;
    }

    .form_text,
    .form_text2,
    .form_text3 {
      padding:10px 0;
      font-size:1.385em;
      text-align:center;
      color:#fff;
      background:#eb70a1;
      border-top: 2px solid #fff;
    }
    .form_text2 {
      padding:10px 15px;
      text-align:left;
      color:#000;
      background:#eee;
    }
    .form_text3 {
      background:#5d9cee;
    }

    div.mailform .attention{
      padding:100px 10px 10px 10px;
      border: 4px solid #E75866;
      border-radius: 10px;
      background: url(../common/ico_exclamation02.png) no-repeat center 20px,#fff;
      background-size: 5em;
    }

    .w80per {
      width:80% !important;
    }



    div.mailform .item{
      box-sizing:border-box;
      display: table;
      width: 100%;
      margin:0;
      padding: 0;
      border-top:2px solid #fff;
      background:#eee;
    }
    div.mailform .item.last{
      border-bottom: 1px solid #fff;
    }

    div.mailform .item .h4_title01{
      display: table-cell;
      box-sizing:border-box;
      width:30%;
      height:100%;
      padding:10px;
      text-align:center;
      font-size: 1.0625rem;
      line-height:1.4;
      font-weight: normal;
      color: #fff;
      background: #99C531;
      vertical-align: top!important;
    }
    div.mailform .item .h4_title01.pink {
      background: #eb70a1;
    }
    div.mailform .item .h4_title01 span{
      display: block;
      text-align:center;
    }
    div.mailform .item .h4_title01.no span{
      display: inline-block;
    }

    div.mailform .item .cont{
      display: table-cell;
      box-sizing:border-box;
      width:70%;
      min-height:60px;
      padding:20px 10px;
      background:#eee;
    }
    div.mailform .item .cont label{
      display:block;
      margin:0 !important;
      padding:0 !important;
    }
    div.mailform .item .cont textarea{
      box-sizing:border-box;
      width:100%;
      height:80px;
      margin:0 0 -5px !important;
      padding:5px !important;
      border-radius: 4px;
      border: 1px solid #ccc;
      font-size: 14px;
    }
    div.mailform .item .cont input[type="text"],
    div.mailform .item .cont input[type="email"],
    div.mailform .item .cont input[type="tel"]{
      box-sizing:border-box;
      width:100%;
      height: 40px;
      margin:0;
      padding:5px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    div.mailform .item .cont select {
      box-sizing:border-box;
      width:100%;
      height: 40px;
      margin:0 ;
      padding:5px;
        font-size: 14px;
        color: #555;
        text-align: center;
        vertical-align: middle;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    div.mailform p span{
      /* display: block;
      font-size: 3em;
      color: #f00;
      text-align: center; */
    }


    div.mailform  p.btnNext01 button,
    div.mailform  p.btnNext02 button,
    div.mailform  p.btnNext03 button,
    div.mailform  p.btnNext01 a,
    div.mailform  p.btnNext02 a,
    div.mailform  p.btnNext03 a{
      display: block;
      position: relative;
      width: 80%;
      height: 54px;
      margin: 0 auto 6px;
      border-radius: 3px;
      border: none;
    }
    div.mailform  p.btnNext01 button,
    div.mailform  p.btnNext01 a{	background: #2BB9CD;}
    div.mailform  p.btnNext02 button,
    div.mailform  p.btnNext02 a{	background: #ddd;}
    div.mailform  p.btnNext03 button,
    div.mailform  p.btnNext03 a{	background: #2BB9CD;}

    div.mailform  p.btnNext01 button span,
    div.mailform  p.btnNext02 button span,
    div.mailform  p.btnNext03 button span,
    div.mailform  p.btnNext01 a span,
    div.mailform  p.btnNext02 a span,
    div.mailform  p.btnNext03 a span{
      display: block;
      position: absolute;
      top: 2px;
      left: -1px;
      right: 0;
      bottom: 0;
      margin: auto;
      padding: 0 24px;
      width: 80%;
      height: 54px;
      line-height: 54px;
      text-align: center;
      font-size: 1.2em;
      color: #fff;
    }

    div.mailform  p.btnNext01 button span,
    div.mailform  p.btnNext01 a span{
      background: url(../common/ico_ar_right01.png) no-repeat 90% 44% ;
      background-size: 16px;
    }
    div.mailform  p.btnNext02 button span,
    div.mailform  p.btnNext02 a span{
      color: #5F7F9F;
      background: url(../common/ico_ar_left01.png) no-repeat 10% 44% ;
      background-size: 16px;
    }
    div.mailform  p.btnNext03 button span,
    div.mailform  p.btnNext03 a span{
      background: url(../common/ico_ar_right01.png) no-repeat 90% 44% ;
      background-size: 16px;
    }


    div.mailform p span.example{
      display: inline;
      padding: 2px 8px;
      line-height: 3;
      border-radius:4px;
      font-size: 12px;
      color: #fff;
      background: #aaa;
    }
    div.mailform.confirm .item.big,
    div.mailform.confirm .item.big02{
        height: 100px;
    }
      
    div.mailform.confirm .item .cont p.s01{
      padding: 30px;
      line-height: 1.5em;
    }

    div.mailform.confirm .item .cont p.s02 {
      padding: 10px;
      line-height: 1.5em;
    }

    form .box_small {
      width: 90% !important;
    }

    span.btn_form_add {
      font-size: 1em !important;
        display: inline-block !important;
        margin: 10px 0 0 5px;
        border-radius: 12px;
        background: #1CB4B2;
    }
    span.btn_form_add a {
        position: relative;
        display: inline-block;
        padding: 6px 10px 4px 20px;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }
    span.btn_form_add a::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto;
        vertical-align: middle;
        content: "";
        box-sizing: border-box;
        width: 6px;
        height: 6px;
        border: 6px solid transparent;
        border-left: 6px solid #fff;
    }

    .ajax_err p {
      position: relative;
      margin-top: 8px;
      padding:8px 15px 6px;
      display: inline-block;
      font-size: 0.875em;
      color: #EB5762;
      font-weight: bold;
      background: #ffe5e7;
      border-radius: 15px;
      border: solid 1px #EB5762;
    }
    .ajax_err p:before {
      content: "";
      position: absolute;
      top: -10px;
      left: 50px;
      margin-left: -6px;
      width: 0;
      height: 0;
      border-bottom: 10px solid #EB5762;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
    }
    .ajax_err p:after {
      content: "";
      position: absolute;
      top: -9px;
      left: 50px;
      margin-left: -6px;
      width: 0;
      height: 0;
      border-bottom: 10px solid #ffe5e7;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
    }

    .formW25per {
      width: 25% !important;
    }
    .formW30per {
      width: 30% !important;
    }

}
/* ==========================================================================
  PC用
   ========================================================================== */	

@media all and (min-width: 737px) {
  /* base.css、detail.css、customize.css */

/* =============
  空白
   =============*/	 
   .lay_ma_bottom0,
   .lay_ma_bottom0_Pc {
     margin-bottom: 0px !important;
   }
   .lay_ma_bottom3,
   .lay_ma_bottom3_Pc {
     margin-bottom: 3px !important;
   }
   .lay_ma_bottom5,
   .lay_ma_bottom5_Pc {
     margin-bottom: 5px !important;
   }
   .lay_ma_bottom10,
   .lay_ma_bottom10_Pc {
     margin-bottom: 10px !important;
   }
   .lay_ma_bottom13,
   .lay_ma_bottom13_Pc {
     margin-bottom: 13px;
   }
   .lay_ma_bottom15,
   .lay_ma_bottom15_Pc {
     margin-bottom: 15px !important;
   }
   .lay_ma_bottom18,
   .lay_ma_bottom18_Pc {
     margin-bottom: 18px;
   }
   .lay_ma_bottom20,
   .lay_ma_bottom20_Pc {
     margin-bottom: 20px !important;
   }
   .lay_ma_bottom30,
   .lay_ma_bottom30_Pc {
     margin-bottom: 30px !important;
   }
   .lay_ma_bottom40,
   .lay_ma_bottom40_Pc {
     margin-bottom: 40px !important;
   }
   .lay_ma_bottom50,
   .lay_ma_bottom50_Pc {
     margin-bottom: 50px !important;
   }
   .lay_ma_bottom60,
   .lay_ma_bottom60_Pc {
     margin-bottom:60px;
   }
   .lay_ma_bottom80,
   .lay_ma_bottom80_Pc {
     margin-bottom:80px;
   }
   .lay_ma_bottom100,
   .lay_ma_bottom100_Pc {
     margin-bottom:100px !important;
   }
   
   .lay_ma_top0,
   .lay_ma_top0_Pc {
     margin-top:0 !important;
   }
   .lay_ma_top5,
   .lay_ma_top5_Pc {
     margin-top: 5px;
   }
   .lay_ma_top9,
   .lay_ma_top9_Pc {
     margin-top: 9px;
   }
   .lay_ma_top10,
   .lay_ma_top10_Pc {
     margin-top: 10px !important;
   }
   .lay_ma_top15,
   .lay_ma_top15_Pc {
     margin-top: 15px !important;
   }
   .lay_ma_top20,
   .lay_ma_top20_Pc {
     margin-top: 20px !important;
   }
   .lay_ma_top30,
   .lay_ma_top30_Pc {
     margin-top: 30px;
   }
   .lay_ma_top40,
   .lay_ma_top40_Pc {
     margin-top: 40px;
   }
   .lay_ma_top50,
   .lay_ma_top50_Pc {
     margin-top: 50px!important;
   }
   .lay_ma_top80,
   .lay_ma_top80_Pc {
     margin-top: 80px;
   }
   .lay_ma_top90,
   .lay_ma_top90_Pc {
     margin-top: 90px !important;
   }
   .lay_ma_top120_Pc {
     margin-top: 120px;
   }
   .lay_ma_top140_Pc {
     margin-top: 140px;
   }
   
   .lay_ma_left5,
   .lay_ma_left5_Pc {
     margin-left: 5px;
   }
   .lay_ma_left10,
   .lay_ma_left10_Pc {
     margin-left: 10px;
   }
   .lay_ma_left12,
   .lay_ma_left12_Pc {
     margin-left: 12px;
   }
   .lay_ma_left13,
   .lay_ma_left13_Pc {
     margin-left: 13px;
   }
   .lay_ma_left15,
   .lay_ma_left15_Pc {
     margin-left: 15px;
   }
   .lay_ma_left20,
   .lay_ma_left20_Pc {
     margin-left: 20px;
   }
   .lay_ma_left22,
   .lay_ma_left22_Pc {
     margin-left: 22px;
   }
   .lay_ma_left30,
   .lay_ma_left30_Pc {
     margin-left: 30px;
   }
   .lay_ma_left35,
   .lay_ma_left35_Pc {
     margin-left: 35px;
   }
   .lay_ma_left45,
   .lay_ma_left45_Pc {
     margin-left: 45px;
   }
   .lay_ma_left50,
   .lay_ma_left50_Pc {
     margin-left: 50px;
   }
   .lay_ma_left60,
   .lay_ma_left60_Pc {
     margin-left: 60px;
   }
   .lay_ma_left70,
   .lay_ma_left70_Pc {
     margin-left: 70px;
   }
   .lay_ma_left80,
   .lay_ma_left80_Pc {
     margin-left: 80px;
   }
   .lay_ma_left90,
   .lay_ma_left90_Pc {
     margin-left: 90px;
   }
   .lay_ma_left100,
   .lay_ma_left100_Pc {
     margin-left: 100px;
   }
   .lay_ma_left136_Pc {
     margin-left: 136px;
   }
   
   .lay_pa_left45,
   .lay_pa_left45_Pc {
     padding-left: 45px;
   }
   .lay_pa_left50,
   .lay_pa_left50_Pc {
     padding-left: 50px;
   }
   
   .lay_ma_right5,
   .lay_ma_right5_Pc {
     margin-right: 5px;
   }
   .lay_ma_right6,
   .lay_ma_right6_Pc {
     margin-right: 6px;
   }
   .lay_ma_right7,
   .lay_ma_right7_Pc {
     margin-right: 7px;
   }
   .lay_ma_right9,
   .lay_ma_right9_Pc {
     margin-right: 9px;
   }
   .lay_ma_right10,
   .lay_ma_right10_Pc {
     margin-right: 10px !important;
   }
   .lay_ma_right12,
   .lay_ma_right12_Pc {
     margin-right: 12px;
   }
   .lay_ma_right15,
   .lay_ma_right15_Pc {
     margin-right: 15px;
   }
   .lay_ma_right18,
   .lay_ma_right18_Pc {
     margin-right: 18px;
   }
   .lay_ma_right20,
   .lay_ma_right20_Pc {
     margin-right: 20px !important;
   }
   .lay_ma_right25,
   .lay_ma_right25_Pc {
     margin-right: 25px;
   }
   .lay_ma_right30,
   .lay_ma_right30_Pc {
     margin-right: 30px;
   }
   .lay_ma_right35,
   .lay_ma_right35_Pc {
     margin-right: 35px;
   }
   .lay_ma_right40,
   .lay_ma_right40_Pc {
     margin-right: 40px;
   }
   .lay_ma_right45,
   .lay_ma_right45_Pc {
     margin-right: 45px;
   }
   .lay_ma_right50,
   .lay_ma_right50_Pc {
     margin-right: 50px;
   }
   .lay_ma_right60,
   .lay_ma_right60_Pc {
     margin-right: 60px;
   }
   .lay_ma_right80,
   .lay_ma_right80_Pc {
     margin-right: 80px;
   }
   .lay_ma_right90,
   .lay_ma_right90_Pc {
     margin-right: 90px;
   }
   .lay_ma_right100,
   .lay_ma_right100_Pc {
     margin-right: 100px;
   }
   .lay_ma_right120,
   .lay_ma_right120_Pc {
     margin-right: 120px;
   }
   .lay_ma_right130,
   .lay_ma_right130_Pc {
     margin-right: 130px;
   }
   .lay_ma_right150,
   .lay_ma_right150_Pc {
     margin-right: 150px;
   }
   .lay_ma_right160,
   .lay_ma_right160_Pc {
     margin-right: 160px;
   }
   .lay_ma_right170,
   .lay_ma_right170_Pc {
     margin-right: 170px;
   }
   .lay_ma_right180,
   .lay_ma_right180_Pc {
     margin-right: 180px;
   }
   .lay_ma_center {
     margin:0 auto;
   }
   .lay_ma_center_top80_Pc {
     margin:80px auto 0px;
   }
   /**/
   
   .text_center,
   .text_center_Pc {
     text-align: center;
   }


   .w540{
    width:540px !important;
  }


/* =============
  レイアウトベース（PC）
   =============*/	 
    
  html{
  }

  .clearfix {
    zoom: 1;
  }
  .clearfix:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
    font-size: 0.1em; 
    line-height: 0; 
  }

  .float_R,
  .float_R_Pc{
    float:right;
  }
  .float_L,
  .float_L_Pc{
    float:left;
  }

  p.img {
    line-height:0;
  }

  body img{
    max-width: 100%;
  }

  .none_pc{
    display:none !important;
  }


  /* =============
    フォーム(資料請求・教材受付)
    =============*/	
    .mailform label.radio {
      position: static;
      margin-bottom: 0;
      padding-left: 0;
    }
    .mailform label.radio input[type="radio"] {
      position: static;
      opacity: 1;
    }

  .mailform2 .cont,
  .mailform3 .cont {
    text-align:left !important;
  }
  .mailform2 .cont .input01,
  .mailform2 .cont .input02,
  .mailform3 .cont .input01,
  .mailform3 .cont .input02{
    margin:10px 0 !important;
  }
  .mailform2 .item .cont p,
  .mailform3 .item .cont p {
    line-height:1.4em !important;
  }

  .mailform3 input {
    font-size: 1rem !important;
  }
  .item_description {
    font-size: 1rem !important;
  }

  input[type="checkbox"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 4px 8px 4px 5px;
  }

  .form_text,
  .form_text2,
  .form_text3 {
    width:100%;
    padding:10px 0;
    font-size:1.385em;
    text-align:center;
    color:#fff;
    background:#eb70a1;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .form_text2 {
    width:100%;
    padding:10px 15px;
    text-align:left;
    color:#000;
    background:#eee;
  }
  .form_text3 {
    background:#5d9cee;
  }

  div.mailform {
    /* width:960px !important; */
    margin:0 auto !important;
  }
  div.mailform .item{
    display: table;
    width:100%;
    height:auto;
    margin:0 auto;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  div.mailform .item.big{
    height: 240px;
  }
  div.mailform .item.big02{
    height: 190px;
    }
  #admin_other {
    display: inline-block;
  }
  div.mailform .item.last{
    border-bottom: 1px solid #fff;
  }

  div.mailform .item .h4_title01{
    display:table-cell !important;
    vertical-align:middle !important;
    width:30%;
    height:100%;
    min-height:100px;
    margin:0;
    padding:10px;
    color: #fff;
    background: #99C531;
  }
  div.mailform .item .h4_title01.pink {
    background: #eb70a1;
  }

  div.mailform .h4_title01{
    width:30%;
    margin: 0 auto 20px;
    text-align:center;
    background: none;
    font-size:	1.1rem;
  }


  div.mailform .h4_title01.no strong span {
    margin-left: 0;
  }

  div.mailform .item .h4_title01 span{
    display: block;
    text-align:center;
  }

  div.mailform .item .cont{
    display:table-cell !important;
    vertical-align:middle !important;
    width:70%;
    height: auto !important;
    margin:0;
    padding:15px 20px;
    text-align: center;
    background: #eee;
  }
  div.mailform .item .cont.cont02{
    line-height: 1.5em;
  }

  div.mailform .item .cont.cont03 div{
    line-height: 2em;
    padding:30px 0 20px;}


  div.mailform .item .cont label{
    font-size: 1.125rem;
    margin-right: 20px;
  }
  div.mailform .item .cont.no label{
    font-size: 1.125rem !important;
    margin-right: 0;
  }

  div.mailform .item .cont textarea{
    box-sizing: border-box;
    width: 90%;
    min-height:80px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 1em;
    padding:5px !important;
    margin: 20px auto;
  }



  div.mailform p span{
    display: block;
    /* font-size: 3em;
    color: #f00;
    text-align: center; */
  }

  div.mailform .input {
      padding: 6px 12px;
  }
  div.mailform .input01 {
      display: block;
      width: 90% !important;
      height: 30px;
      margin: 10px auto;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555;
      vertical-align: middle;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  }
  div.mailform .input02 {
      display: block;
      width: 90% !important;
      height: 30px;
      margin:10px auto;
      font-size: 14px;
      color: #555;
      text-align:center;
      vertical-align: middle;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
  }
  div.mailform .input03 {
      display: block;
      width: 100% !important;
      height: 34px;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555;
      vertical-align: middle;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  }
  div.mailform .input04 {
      width: 50% !important;
      height: 34px;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555;
      vertical-align: middle;
      margin-top:20px;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }

    div.mailform  p.btnNext01 button,
    div.mailform  p.btnNext02 button,
    div.mailform  p.btnNext03 button,
    div.mailform  p.btnNext01 a,
    div.mailform  p.btnNext02 a,
    div.mailform  p.btnNext03 a{
      display: block;
      position: relative;
      width: 600px;
      height: 54px;
      margin: 0 auto 10px;
      border-radius: 3px;
      border: none;
    }
    div.mailform  p.btnNext01 button,
    div.mailform  p.btnNext01 a{	background: #2BB9CD;}
    div.mailform  p.btnNext02 button,
    div.mailform  p.btnNext02 a{	background: #ddd;}
    div.mailform  p.btnNext03 button,
    div.mailform  p.btnNext03 a{	background: #2BB9CD;}

    div.mailform  p.btnNext01 button span,
    div.mailform  p.btnNext02 button span,
    div.mailform  p.btnNext03 button span,
    div.mailform  p.btnNext01 a span,
    div.mailform  p.btnNext02 a span,
    div.mailform  p.btnNext03 a span{
      display: block;
      position: absolute;
      top: 2px;
      left: -1px;
      right: 0;
      bottom: 0;
      margin: auto;
      padding: 0 24px;
      width: 80%;
      height: 54px;
      line-height: 54px;
      text-align: center;
      font-size: 1.2em;
      color: #fff;
    }
    div.mailform  p.btnNext01 a span,
    div.mailform  p.btnNext03 a span{
      background: url(../common/ico_ar_right01.png) no-repeat 90% 44% ;
    }
    div.mailform  p.btnNext02 a span {
      background: url(../common/ico_ar_left01.png) no-repeat 10% 44% ;
      color: #333;
    }


  div.mailform p span.example{
    display: inline;
    padding: 2px 8px;
    line-height: 3;
    border-radius:4px;
    font-size: 12px;
    color: #fff;
    background: #aaa;
  }

  div.mailform.confirm .item.big,
  div.mailform.confirm .item.big02{
    height: 100px;
  }
  div.mailform.confirm .item .cont p {
    line-height: 100px;
  }
  .confirm div.mailform.confirm .item .cont p {
    line-height:1.4;
  }
  div.mailform.confirm .item .cont p.s01{
    padding: 30px;
    line-height: 1.5em;
  }
  div.mailform.confirm .item .cont p.s02 {
    padding: 10px;
    line-height: 1.5em;
  }

  div.mailform input[type="text"],
  div.mailform input[type="email"],
  div.mailform input[type="tel"] {
    width: 100%;
      height: 34px;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555;
      vertical-align: middle;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      padding:5px !important;
    }
  div.mailform select {
      display: block;
      width: 100%;
      height: 30px;
      font-size: 14px;
      color: #555;
      text-align:center;
      vertical-align: middle;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
  }

  form .box_small {
    width: 40% !important;
  }

  span.btn_form_add {
    display: inline-block !important;
    font-size: 1em !important;
    margin-left: 5px;
    border-radius: 12px;
    background: #1CB4B2;
    transition: all .5s;
  }
  span.btn_form_add:hover{
    background: #00ccc9;
  }
  span.btn_form_add a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px 4px 20px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
  }
  span.btn_form_add a::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    vertical-align: middle;
    content: "";
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
  }

  .ajax_err p {
    position: relative;
    margin-top: 8px;
    padding:8px 15px 6px;
    display: inline-block;
    color: #EB5762;
    font-weight: bold;
    background: #ffe5e7;
    border-radius: 15px;
    border: solid 1px #EB5762;
  }
  .ajax_err p:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #EB5762;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  .ajax_err p:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ffe5e7;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }

  .cont.product {
    font-size: 1em !important;
  }

  .products .h4_title01 {
    height: 80px !important;
    line-height: 1.3em;
  }
}