/* CSS Document */
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
  /*ここにcss*/
  .form_con {
    width: 1050px;
    margin: 0 auto 80px;
  }
  /*フォーム*/
  .con_form_01 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 120%;
    padding: 25px 0 12px;
    border-bottom: 3px solid #1A63E3;
    text-align: left;
  }
  .con_form {
    width: 100%;
    margin: 0 auto;
  }
  /*大タイトル*/
  .con_form_01 {
    font-size: 120%;
    padding: 25px 0 12px;
    border-bottom: 3px solid #1A63E3;
    margin-bottom: 20px;
  }
  /*必須イメージ・小タイトル枠*/
  .con_form_02 {
    width: 200px;
    padding: 12px 0 12px 90px;
    /*border-bottom: 3px solid #A4DCF4;*/
    vertical-align: middle;
  }
  .con_form_02a {
    background: url(images/form_01.png) no-repeat center left;
  }
  .con_form_02b {
    background: url(images/form_02.png) no-repeat center left;
  }
  .con_form_02c {
    background: url(images/form_03.png) no-repeat center left;
  }
  /*フォーム枠*/
  .con_form_03 {
    padding: 12px;
    /*border-bottom: 3px solid #A4DCF4;*/
  }
  input[type="text"], textarea, select {
    font-size: 1.2em;
  }
  /*フォームの長さ*/
  /*標準・ドロップダウン・郵便番号*/
  .con_form_04a {
    width: 500px;
  }
  .con_form_04b {
    width: 510px;
  }
  .con_form_04c {
    width: 110px;
  }
  /*プライバシーボックス*/
  .con_form_05 {
    width: 610px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 10px;
    color: #656565;
  }
  /*ボタン*/
  .con_form_06 {
    text-align: center;
  }
  .con_form_06 img {
    margin: 10px;
  }
  /*■■■ボタンサイズ■■■*/
  /*色などは共通だからmain.cssに記載*/
  .button {
    width: 400px;
    height: 60px;
  }
	
/*チェックボタン・ラジオボタン*/
.btn {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 25px;
}

.btn2 i {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 1.8em;
	
}
.btn2 span {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 2.2em;
}
	
	
  /*エラー画面*/
  .con_er_01 {
    color: #E85298;
  }
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
  /*ここにcss*/
  .fix_btn, .pc_head {
    display: none;
  }
  .form_con {
    width: 90%;
    margin: 0 auto 80px;
  }
  /*フォーム*/
  .con_form_01 {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 120%;
    padding: 25px 0 12px;
    border-bottom: 1px solid #72343A;
    text-align: left;
  }
  .con_form {
    width: 90%;
    margin: 0 auto;
  }
  /*大タイトル*/
  .con_form_01 {
    font-size: 110%;
    padding: 25px 0 12px;
    border-bottom: 1px solid #72343A;
  }
  /*テーブルサイズ*/
  .con_form {
    width: 90%;
    margin: 0 auto;
  }
  .con_form tr {}
  .con_form td {
    display: block;
    margin-bottom: 20px;
  }
  /*必須イメージ・小タイトル枠*/
  .con_form_02 {
    width: 100%;
    display: block;
    /*border-bottom: 1px solid #caa;*/
    padding: 12px 0 12px 80px;
    margin: 0;
    font-size: 100%;
  }
  .con_form_02a {
    background: url(images/form_01.png) no-repeat center left;
  }
  .con_form_02b {
    background: url(images/form_02.png) no-repeat center left;
  }
  .con_form_02c {
    background: url(images/form_03.png) no-repeat center left;
  }
  /*フォーム枠*/
  .con_form_03 {
    padding: 12px;
    border-bottom: 1px solid #caa;
  }
  input[type="text"], textarea, select {
    border: 0;
    padding: 5px;
    font-size: 1.3em;
    font-weight: normal;
    color: #666;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
    -moz-box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
  }
  /*フォームの長さ*/
  /*標準・ドロップダウン・郵便番号*/
  .con_form_04a {
    width: 100%;
  }
  .con_form_04b {
    width: 90%;
  }
  .con_form_04c {
    width: 50%;
  }
  /*プライバシーボックス*/
  .con_form_05 {
    width: 100%;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 10px;
    color: #656565;
  }
  /*■■■ボタンサイズ■■■*/
  /*色などは共通だからmain.cssに記載*/
  .button {
    width: 100%;
    height: 60px;
  }
/*チェックボタン・ラジオボタン*/
.btn {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 5vw;
}

.btn2 i {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 5.6vw;
	
}
.btn2 span {
	/*ここを変えるとボタンと文字の高さがずれるから変更禁止*/
	font-size: 5.3vw;
}	
	
  /*エラー画面*/
  .con_er_01, .con_txt_1 {
    text-align: left;
  }
  /*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/