/* 共通部設定 */
body            { margin-top:0; }
.box		{ background-color:rgba(211,211,211,.12); }


/* メインコンテンツ フッター　ウィンドウ　フェードイン(js用) */
.fade-up1
                { transition: all 1.5s;
                  -moz-transition: all 1.5s;
                  -webkit-transition: all 1.5s;
                  -o-transition: all 1.5s;
                  /* transition: transform 0.7s;
                  -moz-transition: transform 0.7s;
                  -webkit-transition: transform 0.7s;
                  -o-transition: transform 0.7s; */ }

.fade-up2
                { transition: all 1s;
                  -moz-transition: all 1s;
                  -webkit-transition: all 1s;
                  -o-transition: all 1s;
                  /* transition: transform 0.7s;
                  -moz-transition: transform 0.7s;
                  -webkit-transition: transform 0.7s;
                  -o-transition: transform 0.7s; */ }

.fade-up4
                { transition: all 1.8s;
                  -moz-transition: all 1.8s;
                  -webkit-transition: all 1.8s;
                  -o-transition: all 1.8s;
                  /* transition: transform 0.7s;
                  -moz-transition: transform 0.7s;
                  -webkit-transition: transform 0.7s;
                  -o-transition: transform 0.7s; */ }


.fade-up-ontop1 { animation:topbox1 1.7s forwards; }
.fade-up-ontop2 { animation:topbox2 2.7s forwards; }

@keyframes topbox1 {
        0%    { transform: translateY(400px);
                opacity:0; }
        100%  { transform: translateY(0);
                opacity:1; }
    }
    @keyframes topbox2 {
    
        0%    { transform:translateY(70px);
                opacity:0; }
    
        100%  { transform:translateY(0);
                opacity:1; }
    }
    
form > table > td:before, form > table > td:after {
        display: table;
        content: " ";
        clear: both;
}
.error-form {
        border-color: #fb9a93 !important;
}
.error {
        color: #ff073081;
        font-weight:550;
}

table { table-layout:fixed; }



























/* レスポンシブ設定 */
/* PC用	[w>=769] */
@media screen and (min-width: 1201px) {
.box	        { border:1px solid rgba(255,255,255,.5);
                  border-radius:30px;
                  background-color: rgba(19, 116, 206, 0.157); }

  
/* メインコンテンツ部 */
.master2        { width:1120px; margin-right:auto; margin-left:auto; }

/* メインコンテンツ部  背景透明レイヤー */
.border         { background-color:rgba(14, 31, 185, 0.151); width:100%;
                  position:relative; z-index:5; right:0; left:0; }
/* header height:75px */
#border1        { padding-top:275px; padding-bottom:200px; }
#border2        { margin-top:300px; padding-top:200px; padding-bottom:200px; }

/* メインコンテンツ１ */
/* border1の上下マージン:80px, ボックス間マージン:300px main1-listマージン:60px */
h1              { border-left:10px solid rgb(17, 218, 191); line-height:1;
                  padding-left:10px; margin-left:10px; margin-bottom:50px; }

/* メインボックス１ height:732px */
#form           { position:relative; z-index:99; padding:60px 50px 100px 50px; }
#contact        { margin-right:auto; margin-left:auto; }
#privacy	{ position:relative; z-index:98; padding:60px 50px; }
#privacy p      { padding-left:5px; padding-bottom:5px; }
#privacy2	{ position:relative; z-index:98; padding:60px 50px; }
#privacy2 p     { padding-left:5px; }
th,td           { padding:10px 20px 10px 20px; vertical-align:middle; }
th              { width:185px; text-align:left; border-bottom:1px solid rgba(185, 200, 255, 0.673); }
th:first-child  { border-top:1px solid rgba(185, 200, 255, 0.673); }
td              { text-align:left; }
#btn            { margin-top:80px; text-align:center; }
#btn>input      { padding-right:30px; padding-left:30px; margin-right:20px; margin-left:20px; }
#main2          { position:relative; z-index:98; padding:30px 15px; }


/* フォーム内　ラベルボックス */
input[type=text],select,textarea
                { color:rgb(60, 70, 121); background-color:rgb(157, 235, 255); border:1px solid rgba(204, 251, 255, 0.792); border-radius:10px; }
input[type=submit],input[type=reset]
                { border-radius:10px; background-color:#fff; border:1px solid rgba(255,255,255,.55); }
#name           { width:195px; }
#email          { width:300px; }
#confirm        { width:300px; }
#content        { width:450px; height:220px; }
#radio>input    { margin-right:2px; vertical-align:-1.5px; }
#radio>input:not(:first-child)
                { margin-left:10px; }
#attention      { text-align:center; } 

/* スライドメニュー設定 */

#navToggle_pc	{ top:150px; right:4.7%; }

}







/* タブレット１	[768>w>=640] */
@media screen and (max-width: 1200px) and (min-width: 601px) {
.master2        { margin-right:auto; margin-left:auto; }
.box	        { border:1px solid rgba(255,255,255,.5);                                          border-radius:30px;
                  background-color: rgba(19, 116, 206, 0.157); }
.border         { background-color:rgba(14, 31, 185, 0.151); width:100%;                          position:relative;
                  z-index:5; right:0; left:0; }
#border1        { padding-top:10%; padding-bottom:10%; }
#border2        { margin-top:100vh; padding-top:10%; padding-bottom:10%; }

#form   	{ position:relative; z-index:99; padding:5% 3%; margin-top:10%; width:88vw; }

#privacy	{ position:relative; z-index:98; padding:5% 3%; width:88vw; }
h1              { border-left:1.5vw solid rgb(17, 218, 191); line-height:1;                       padding-left:1.5%; margin-left:1.8%;
                  font-size:3.5vw; }
#privacy h1     { margin-left:0; }
#privacy p      { padding-left:3.5%; padding-right:2%; padding-top:3%; padding-bottom:2%; }
#privacy2	{ position:relative; z-index:98; padding:5% 3%; width:88vw; }
#privacy2 h1    { margin-left:0; }
#privacy2 h3    { padding-top:3%; padding-left:3.5%; padding-bottom:0%; }
#privacy2 p     { padding-left:3.5%; padding-right:2%; padding-top:0; padding-bottom:0%; }

/* メインボックス１ height:732px */
th,td           { padding-left:4.1vw; vertical-align:middle; }
th              { padding-top:3%; text-align:left; width:50%; }
td              { width:100%; }
#main2          { position:relative; z-index:98; padding:4% 2%; }
#btn            { margin-top:15%; text-align:center; }
#btn>input      { padding-right:30px; padding-left:30px; margin-right:25px; margin-left:25px; }
#name           { width:30vw; }
#email,#confirm { width:50vw; }
#content        { width:66vw; }
input[type=text],select,textarea
                { color:rgb(60, 70, 121); background-color:rgb(157, 235, 255); border:1px solid rgba(204, 251, 255, 0.792); border-radius:10px; padding-left:5px; }
input[type=submit],input[type=reset]
                { border-radius:10px; background-color:#fff; border:1px solid rgba(255,255,255,.55); }

/* フォーム内のボックス二段化 */
table           { width:100%; margin-top:2.5%; }
th,td           { display:block; }

/* スライドメニュー設定 */

#navToggle_sp	{ top:150px; right:3.7%; }

}


/* スマホ [480>=w] */
@media screen and (max-width: 600px) {

/* ウィンドウ両サイドボーダー */
/* z-index原本　bg$:6, bg$_2:5 */
.master2        { width:98%; margin-right:auto; margin-left:auto; }
.box	        { border:1px solid rgba(255,255,255,.5);                                          border-radius:30px;
                  background-color: rgba(19, 116, 206, 0.157); }
.border         { background-color:rgba(14, 31, 185, 0.151); width:100%;                          position:relative;
                  z-index:5; right:0; left:0; }
#border1        { padding-top:10%; padding-bottom:10%; }
#border2        { margin-top:100vh; padding-top:10%; padding-bottom:10%; }

#form   	{ position:relative; z-index:99; padding-top:6%; padding-bottom:20%; padding-right:2%; padding-left:2%; margin-top:15%; }
#privacy	{ position:relative; z-index:98; padding:6% 2%; }
h1              { border-left:1.5vw solid rgb(17, 218, 191); line-height:1;                       padding-left:1.5%; margin-left:1.8%; margin-top:2%;
                  font-size:1.45rem; }
#privacy p      { padding-left:5%; padding-right:2%; padding-top:3%; padding-bottom:2%;  }
#privacy2	{ position:relative; z-index:98; padding:4% 1%; }
#privacy2 h3    { padding-top:3%; padding-left:5%; }
#privacy2 p     { padding-left:5%; padding-right:2%; }
/* メインボックス１ height:732px */
th,td           { padding-left:4.1vw; vertical-align:middle; }
th              { padding-top:3%; text-align:left; width:60%; }
td              { width:100%; }
#main2          { position:relative; z-index:98; padding:2% 2% 5% 2%; }
#btn            { margin-top:20%; text-align:center; }
#btn>input      { padding-right:7vw; padding-left:7vw; margin-right:15px; margin-left:15px; }
#name           { width:50vw; }
#email,#confirm { width:75vw; }
#content        { width:85vw; }
input[type=text],select,textarea
                { color:rgb(60, 70, 121); background-color:rgb(157, 235, 255); border:1px solid rgba(204, 251, 255, 0.792); border-radius:10px; padding-left:5px; }
input[type=submit],input[type=reset]
                { border-radius:10px; background-color:#fff; border:1px solid rgba(255,255,255,.55); }


/* フォーム内のボックス二段化 */
table           { width:100%; margin-top:2.5%; }
th,td           { display:block; }

}








/* フルHD */

@media (min-width: 1301px) {

.master2         { width:1440px; }
#border1         { padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }
#border2         { margin-top:1080px; padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }
h1               { font-size:2rem; }
#form            { padding:80px 60px; font-size:1rem; }
th               { width:230px; }

input[type=text],select,textarea  { padding-left:10px; }

#privacy	{ width:1440px; padding:60px; }
#privacy h1     { margin-left:0; }
#privacy p      { padding-left:20px; font-size:1.2rem; }
#privacy2	{ padding:60px; width:1440px; }
#privacy2 h1    { margin-left:0; }
#privacy2 h3    { padding-left:20px; font-size:1.4rem; }
#privacy2 p     { padding-left:20px; font-size:1.2rem; }



}


@media (min-width: 1201px) {

#border1         { padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }
#border2         { margin-top:1080px; padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }

}













/* WQHD */

@media (min-width: 1921px) {

.box             { border:1.5px solid rgba(200, 255, 246, 0.541); }
.master2         { width:1920px; border-radius:40px; }
#border1         { padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }
#border2         { margin-top:1440px; padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }

h1               { border-left:15px solid rgb(17, 218, 191); line-height:1; padding-left:20px; margin-left:60px; margin-bottom:50px; font-size:3.2rem; }
#form            { margin-top:150px; padding:120px 60px; font-size:1.8rem; }
th,td            { padding:20px 50px 20px 50px; }
th               { width:450px; text-align:left; border-bottom:1.7px solid rgba(185, 200, 255, 0.673); }
th:first-child   { border-top:1.5px solid rgba(185, 200, 255, 0.673); }
#btn             { margin-top:130px; }
#btn>input       { padding-right:30px; padding-left:30px; margin-right:50px; margin-left:50px; }

/* フォーム内　ラベルボックス */
input[type=text],select,textarea
                { border:1.5px solid rgba(204, 251, 255, 0.792); border-radius:25px; height:60px; padding-left:20px; }
input[type=submit],input[type=reset]
                { border-radius:20px; border:1.5px solid rgba(255,255,255,.55); }
#name           { width:400px; }
#email          { width:650px; }
#confirm        { width:650px; }
#content        { width:750px; height:400px; }
#radio>input    { margin-right:2px; vertical-align:-1.5px; }
#radio>input:not(:first-child)  { margin-left:10px; }

#privacy	{ width:1920px; padding:70px; }
#privacy h1     { margin-left:0; }
#privacy p      { padding-left:40px; padding-bottom:5px; font-size:1.8rem; }
#privacy2	{ padding:70px; width:1920px; }
#privacy2 h1    { margin-left:0; }
#privacy2 h3    { padding-left:40px; font-size:2.2rem; }
#privacy2 p     { padding-left:40px; padding-bottom:10px; font-size:1.8rem; }

/* スライドメニュー設定 */

#nav_sp	         { font-size:3.5rem; }
#nav_sp ul li:first-child  { padding-top:25%; }
#navToggle_pc	 { width:48px; height:120px; }
#navToggle_pc span  { height:4px; width:60px; }
#menu_span1	 { transform:translateX(21px) translateY(58px) rotate(90deg); }
#menu_span2	 { transform:translateX(8px) translateY(58px) rotate(90deg); }
#menu_span3	 { transform:translateX(-6px) translateY(58px) rotate(90deg); }
#navToggle_pc	{ top:250px; }


}




/* WQHD 縦画面 */
@media screen and (min-width: 1440px) and (min-height: 2100px) {

.master2, #privacy, #privacy2        { width:88vw; margin-right:auto; margin-left:auto; }

}









/* 4k */

@media (min-width: 2561px) {

.box             { border:2.5px solid rgba(200, 255, 246, 0.541); }
.master2         { width:2880px; border-radius:100px; }
#border1         { padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }
#border2         { margin-top:2160px; padding-top:300px; padding-bottom:300px; display: flex; align-items: center; }

h1               { border-left:20px solid rgb(17, 218, 191); line-height:1; padding-left:20px; margin-left:60px; margin-bottom:50px; font-size:5.5rem; }
#form            { margin-top:400px; padding:160px 120px; font-size:2.5rem; }
th,td            { padding:30px 50px 30px 50px; }
th               { width:650px; text-align:left; border-bottom:2px solid rgba(185, 200, 255, 0.673); }
th:first-child   { border-top:2px solid rgba(185, 200, 255, 0.673); }
#btn             { margin-top:180px; }
#btn>input       { padding-right:40px; padding-left:40px; margin-right:60px; margin-left:60px; }

/* フォーム内　ラベルボックス */
input[type=text],select,textarea
                { border:2.5px solid rgba(204, 251, 255, 0.792); border-radius:30px; height:70px; }
input[type=submit],input[type=reset]
                { border-radius:20px; border:2.5px solid rgba(255,255,255,.55); }
#name           { width:500px; }
#email          { width:750px; }
#confirm        { width:750px; }
#content        { width:800px; height:450px; }
#radio>input    { margin-right:2px; vertical-align:-1.5px; }
#radio>input:not(:first-child)  { margin-left:10px; }

#privacy	{ width:2488px; padding:80px; }
#privacy h1     { margin-left:0; }
#privacy p      { padding-left:40px; padding-bottom:10px; font-size:2.5rem; }
#privacy2	{ padding:80px; width:2488px; }
#privacy2 h1    { margin-left:0; }
#privacy2 h3    { padding-left:40px; font-size:2.7rem; }
#privacy2 p     { padding-left:40px; padding-bottom:10px; font-size:2.5rem; }

/* スライドメニュー設定 */

#nav_sp	         { font-size:4.5rem; }
#nav_sp ul li:first-child  { padding-top:25%; }
#navToggle_pc	 { width:65px; height:160px; }
#navToggle_pc span  { height:5px; width:85px; }
#menu_span1	 { transform:translateX(28px) translateY(78px) rotate(90deg); }
#menu_span2	 { transform:translateX(12px) translateY(78px) rotate(90deg); }
#menu_span3	 { transform:translateX(-4px) translateY(78px) rotate(90deg); }
#navToggle_pc	 { top:400px; }

}