@charset "UTF-8";
/* resume form */
.mb-15 { margin-bottom: 15px; }
.mt-15 { margin-top: 15px; }
.mt-0 { margin-top: 0!important; }
.mr-30 { margin-right: 30px!important; }
.bt-0 { border-top: 0!important; }
.pt-0 { padding-top: 0!important; }
.underline { text-decoration: underline; }
select.form-select { background-color: #fff !important; background: url("../img/sel_arrow.png") 94% center no-repeat; background-size: 12px 10px; appearance: none; }

.my-summary { width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 50px; }
.my-summary .profile, .my-summary .works { border: solid 1px #e1e1e1; border-radius: 3px; }
.my-summary .profile { width: 23%; padding: 20px 20px 30px 20px; }
.my-summary .profile p { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.my-summary .profile p span { font-size: 14px; font-weight: 400; }
.my-summary .profile .thumb { width: 94px; height: 94px; background-color: #f7f7f7; border-radius: 100%; margin: 0 auto 20px; }
.my-summary .works { width: 75%; padding: 20px; }
.my-summary .works h3 { margin-bottom: 10px; text-align: left; }
.my-summary .works ul li { width: 25%; }
.my-summary .works ul li .thumb { width: 84px; height: 84px; background-color: #f7f7f7; border-radius: 100%; margin: 0 auto 10px;  }
.my-summary .works ul li a { display: block; width: 100%; height: 100%; }
.my-summary .works ul li a p { font-size: 18px; font-weight: 700; }
.my-summary .works ul li a p span { display: block; font-weight: 400; }
.my-summary .works ul li a:hover { color: #22479B; }
.mypage-title { width: 100%; display: flex; justify-content: space-between; }
.mypage-title .download { margin-bottom: 30px; }
.mypage-title h2 { text-align: left; font-size: 21px; margin-bottom: 20px; }

.resume-form input[type="text"], .resume-form select, .resume-form textarea { border: solid 1px #ccc!important; }
.default__check[type=checkbox] ~ .custom__check, .default__check[type=radio] ~ .custom__check { border: solid 1px #ccc!important; }
.resume-form { width: 100%; margin-bottom: 50px; text-align: left; }
.resume-form .title-box { border: solid 2px #121212; }
.resume-form .title-box input[type="text"] { border: 0; max-width: 100%!important; width: 100%!important; height: 54px!important; line-height: 54px!important; text-align: center; font-weight: bold; font-size: 18px; border: 0!important; }
.resume-form .title-box input::placeholder { font-weight: bold; font-size: 18px; text-indent: 0; text-align: center; }
.resume-form h3 { font-size: 24px; margin-bottom: 12px; font-weight: 700; }
.resume-form h4 { font-size: 21px; margin: 50px 0 20px; border-bottom: solid 2px #121212; }
.resume-form h4 label { margin: 0 0 0 10px; font-weight: normal; }
.resume-form h4 span { font-size: 13px; color: #888; margin-left: 10px; font-weight: 400; }
.resume-form ul { width: 100%; border-top: 1px solid #e1e1e1; }
.resume-form ul li { width: 100%; padding: 15px 0; border-bottom: 1px solid #e1e1e1; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.resume-form ul li .title { width: 200px; padding-left: 20px; font-weight: 500; }
.resume-form .input-box { flex: 1; text-align: left; position: relative; }
.resume-form .input-box .btn-del { position: absolute; right: 0; top: 1px; background-color: #999; }
.resume-form .input-box .btn-cancel { padding: 0 6px; background-color: #999; height: 21px; line-height: 18px; font-size: 14px; margin-left: 5px; }
.resume-form .input-box .tip {	margin-top: 10px; }
.resume-form .input-box .multiplex { display: flex; flex-wrap: wrap; position: relative; margin-bottom: 15px; }
.resume-form .input-box label.title { color: #121212; font-weight: 700; padding-left: 0; width: 100%!important; }
.resume-form .input-box .area-group { }
.resume-form input[type="text"].w-small { width: 20%!important; }
.resume-form input[type="text"].w-full { width: 100%!important; margin-right: 0; }
.resume-form input[type="text"] { display: block; width: 300px!important; height: 42px!important; line-height: 42px!important; border-radius: 3px; margin-right: 10px; }
.resume-form textarea.selftext { height: 500px; }
.resume-form .auto input[type="text"] { width: inherit!important; }
.resume-form em { float: left; line-height: 42px; margin-right: 10px; }
.resume-form select, .resume-form input[type="date"] { height: 42px; line-height: 42px; border-radius: 3px; margin-right: 10px; text-indent: 6px; }
.resume-form select { padding: 0; min-width: 170px; float: left; }
.resume-form input[type="date"] { border: solid 1px #e1e1e1; min-width: 160px; }
.resume-form input[type="submit"] { width: auto; height: 42px; line-height: 42px; padding: 0 30px; background: #232323; font-size: 16px; }
.resume-form label { width: auto!important; margin-right: 20px; display: flex; align-items: center; line-height: 42px!important; }
.resume-form label span { width: 20px; height: 20px; margin-right: 10px; }
.resume-form button { height: 42px; line-height: 42px; background-color: #333; color: #fff; padding: 0 20px; border-radius: 3px; }
.resume-form .sort { margin-right: 50px; }
.resume-form .sort-b { margin-bottom: 10px; }
.resume-form .photo { width: 27%; }
.resume-form .photo .ph-box { border: solid 1px #e1e1e1; width: 200px; margin-bottom: 10px; padding: 10px; box-sizing: inherit; }
.resume-form .photo .ph-box span { margin-top: 0; }
.resume-form .photo .ph-box span img { width: inherit!important; max-width: 100%; }
.resume-form .photo span { font-size: 13px; display: block; margin-top: 10px; }
.resume-form .default { width: 100%; }
.resume-form .list-box { margin-top: 20px; }
.resume-form .tip { margin-bottom: 10px; color: #AF125F; }
.resume-form .tip i { display: inline-block; width: 22px; height: 22px; margin-right: 10px; background: url("../img/tip_icon.svg") no-repeat; vertical-align: middle; }
.resume-form .tip2 { margin: 10px 0 0; color: #AF125F; }
.resume-form table { }
.resume-form table th { text-align: center; border: solid 1px #ccc; padding: 5px 0; background-color: #f7f7f7; }
.resume-form table td {text-align: center; border: solid 1px #ccc; padding: 5px 10px; }
.resume-form .btn-wrap { text-align: center; padding: 30px 0; }

.resume-view { width: 100%; margin-bottom: 50px; text-align: left; }
.resume-view .title-box { border: solid 2px #121212; text-align: center; font-size: 24px; }
.resume-view .title-box { border: solid 2px #ccc; padding: 10px 0; }
.resume-view .title-box input[type="text"] { border: 0; max-width: 100%!important; width: 100%!important; height: 54px!important; line-height: 54px!important; text-align: center; font-weight: bold; font-size: 18px; }
.resume-view .title-box input::placeholder { font-weight: bold; font-size: 18px; text-indent: 0; text-align: center; }
.resume-view h3 { font-size: 24px; margin-bottom: 12px; font-weight: 700; }
.resume-view h4 { font-size: 21px; margin: 50px 0 20px; border-bottom: solid 2px #121212; }
.resume-view h4 span { font-size: 18px; color: #121212; margin-left: 10px; font-weight: 700; }
.resume-view h4 span strong { color: #AF125F }
.resume-view ul { width: 100%; border-top: 1px solid #e1e1e1; }
.resume-view ul li { width: 100%; border-bottom: 1px solid #e1e1e1; text-align: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.resume-view ul li .title { width: 200px; padding-left: 20px; background-color: #f7f7f7; padding: 10px; }
.resume-view ul li .text-box { padding: 10px; width: 100%; }
.resume-view ul li .text-box .tit-01 { font-size: 18px; font-weight: 700; padding-top: 10px; }
.resume-view ul li .text-box em { margin: 0 10px; color: #ccc; }
.resume-view .photo { width: 27%; }
.resume-view .photo .ph-box { border: solid 1px #e1e1e1; width: 200px; margin-bottom: 10px; padding: 10px; box-sizing: inherit; }
.resume-view .photo .ph-box span { margin-top: 0; }
.resume-view .photo .ph-box span img { width: inherit!important; max-width: 100%; }
.resume-view .default { width: 100%; }
.resume-view  dl { display: flex; flex-wrap: wrap; width: 100%; margin-top: 10px; padding-top: 10px; border-top: dotted 1px #e1e1e1; }
.resume-view  dl dt { width: 10%; }
.resume-view  dl dd { }
.resume-view  dl.col1 dt { width: 10%; }
.resume-view  dl.col1 dd { width: 90%; }
.resume-view  dl.col2 dt { width: 10%; }
.resume-view  dl.col2 dd { width: 40%; }
.resume-view  dl.col3 dt { width: 10%; }
.resume-view  dl.col3 dd { width: 23.3%; }
.resume-view  dl.col4 dt { width: 10%; }
.resume-view  dl.col4 dd { width: 15%; }
.resume-view ul li .text-box h3 { font-size: 18px; }

@media (max-width: 767px) {
	.my-summary { flex-direction: column; }
	.my-summary .profile { width: 100%; display: flex; flex-direction: column; }
	.my-summary .profile a { margin-left: 0; }
	.my-summary .works { width: 100%; }
	.my-summary .works ul li .thumb { width: 64px; height: 64px; }
	.my-summary .works ul li a p { font-size: 14px; }
	.join-form .form-wrap .input-box .tip { font-size: 13px; }
	.join-form .input-box { margin-bottom: 0!important; }
	.join-form .input-box .emailbox { width: 25%!important; }
	.join-form .input-box .post { width: 50%!important;  }
	.join-form .input-box #postcode, .join-form .input-box #address1 { margin-bottom: 5px; }
	.resume-form ul li { flex-direction: column; }
	.resume-form ul li .title { width: 100%; padding-left: 0; font-size: 14px; }
	.resume-form .flex { flex-wrap: wrap; }
	.resume-form .flex .photo { width: 100%; }
	.resume-form .input-box { width: 100%; margin-bottom: 0!important; font-size: 14px; }
	.resume-form ul li p, .resume-form select { font-size: 14px;}
	.resume-form select, .resume-form input[type="date"], .resume-form input[type="text"].w-small, .resume-form button, .resume-form input[type="text"].w-full { height: 34px!important; line-height: 34px!important; }
	.resume-form button { margin-left: 0!important; }
}