 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');

  
.eng {font-family: 'Montserrat', sans-serif;}
 
.section { width: 100%; }
.container { width: 80%; max-width: 1200px;  margin: 0 auto; }

.flex_box {display:flex}
.flex_box.col-2 div {width:49%}
.flex_box.col-2 div:last-child {margin-left:auto}



.write {width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; margin-bottom:-20px }
.write li {  width:50%;  padding-right:10px; padding-bottom:20px;  box-sizing:border-box;  }
.write li.right {padding-right:0; padding-left:10px}
.write li.box_100 {padding-left:0; padding-right:0;  width:100%}

.write li p {width:100%; font-weight:500; font-size:1.15em;  padding-bottom:10px;} 
.write li p span {float:right;  font-weight:400; margin-top:3px; font-size:.85em; color:#666}

.write li  input[type="text"] {width:100%;
    height:47px;
    font-size: 1em;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	}
.write li  input[type="password"] {width:100%;
    height:47px;
    font-size: 1em;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	}

.write li  select { 
    height:47px;
    font-size: 1em;
    
	border:1px solid #ddd; color:#666;
	}
.write li  textarea { 
    width:100%; 
	height: 200px;
    font-size: 1em;
    border-radius: 5px;
   box-sizing:border-box; 
	border:1px solid #ddd; color:#666; padding:10px;
	}
.write li  input[type="file"] {font-size:.90em}

.write li.mail  div {width: calc(100% - 130px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:50%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px}

.write li div {display:flex}
.write li div a {width:80px; margin-left:auto; display:flex; align-items:center; justify-content:center}
 
.write li div input[type="text"] {width:calc(100% - 90px)}


 @media screen and (min-width:900px) {
     .write li.name input {width:calc(50% - 10px)}

}
 @media screen and (max-width:900px) {
	.write li {width:100%; padding-bottom:15px; padding-right:0;   }
	.write li.right {padding-right:0; padding-left:0}
	.write li p {  font-size:1.05em;  } 
	.write li  textarea {height:120px }
     .flex_box {flex-wrap:wrap}
	.flex_box.col-2 div {width:100%}
   .flex_box.col-2 div:last-child {margin-top:10px}

 }

a.basic_btn {background-color:#e6008b; color:#fff; line-height:55px; width:200px; text-align:center;  display:inline-block; margin-top:50px; font-weight:500; border-radius:5px; font-size:1.2em}
a.basic_btn:after {content:'→'; margin-left:5px; font-size:1.2em; transition: all 0.3s ease-out;}
a.basic_btn:hover:after {margin-left:20px}



 @media all and (max-width:900px) {
  a.basic_btn {  margin-top:30px;  }
 
 
}
 

footer {width:100%; text-align:center; display:inline-block; background-color:#f9f9f9; color:#666; font-size:.96rem;  padding:40px 0; box-sizing:border-box}
footer a{display:inline-block; width:100%; margin-top:10px;}
footer a:hover{text-decoration:underline;}  
 

 @media all and (max-width:900px) {
          	footer {font-size:.8rem; padding:30px 5% }
 
}
 