@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Noto+Sans+JP:300,400,500,700');

body {
  font-family: 'Noto Sans JP', sans-serif;
}



.main-img {
	background: url(/assets/about/images/ptcontents_mainimg.png) no-repeat right top;
	background-size: cover;
	padding: 100px 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
}

.main-img h1{
	font-size: 62px;
	font-weight: 600;
	line-height: 1.2 !important;
}

.main-img h2{
	font-size: 22px;
	line-height: 1.8 !important;
}

.main-img p.cap {
	font-size: 13px;
}

.page-nav {
	background-color: #EE9A13;
}

.page-nav .col-sm-4 {
	text-align: center;
}

.page-nav .col-sm-4 a {
	display: block;
	color: #fff;
	height: 80px;
	line-height: 80px;
}
.page-nav .col-sm-4 a:hover {
	background-color: #f0a42a;
	text-decoration: none;
}


/* メインイメージ下 sec01 */

.sec01 {
	background: url(/assets/about/images/ptcontents_gradline.png) no-repeat left 100px;
}

.sec01 .container,
.sec01 .row {
	background-color: #fff;
}

.sec01 .sec01-01-left {
	padding-left: 60px;
}

.sec01 h3 {
	font-size: 26px;
	line-height: 1.8;
}

.sec01 li {
	padding-top: 15px;
}

.sec01 i {
	color: #FFB835;
	margin-right: 15px;
}

.sec01-btm {
	background: url(/assets/about/images/ptcontents_gradline.png) no-repeat 20px 200px;
	position: relative;
	padding-top:80px;
}

.sec01-btm .sec01-dots {
	position: absolute;
	left: 55%;
	margin-top: -115px !important;
}

.sec01 .sec01-02-right {
	background-color: #fff;
	padding-top: 100px;
	padding-left: 60px;
}


.ptcontents-resistbtn {
	display: inline-block;
	margin: 0 auto;
}

.ptcontents-resistbtn a {
	color: #fff;
	display: block;
	padding: 10px 50px;
	background: linear-gradient(45deg, rgba(217, 41, 51,1) 43.08593750000001%,rgba(217, 41, 50,1) 43.08593750000001%,rgba(249, 158, 0,1) 99.85677083333333%);
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.ptcontents-resistbtn a:hover {
	text-decoration: none;
	background: linear-gradient(45deg, rgba(249, 158, 0,1),rgba(217, 41, 51,1) 38.15625%,rgba(217, 41, 50,1) 38.15625% 87.32291666666666%);
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.sec h4 {
	padding-bottom: 50px;
}



/* お仕事の種類 sec02 */

.sec02 {
	background-color: #f3f3f3;
}

.sec02 a:hover {
	text-decoration: none;
}

.pt-sec-02-catch {
	min-height: 470px;
	position: relative;
}

.pt-sec-02-catchwrap {
	width: 255px;
	border: 2px solid #fff;
	clear: both;
}

.pt-sec-02-catchwrap-top {
	background-color: #24231F;
	padding: 15px;
}
.pt-sec-02-catch h5 {
	padding: 10px 15px 0;
	color: #fff;
}

.pt-sec-02-catchwrap-btm {
	width: 100%;
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
}

.pt-sec-02-catchwrap-btm-left {
	width: 20%;
	float: left;
}
.pt-sec-02-catchwrap-btm-right {
	width: 70%;
	padding: 0 5%;
	float: left;
	color: #fff;
	font-weight: 600;
}



.pt-sec-02-catch-01 {
	background: url(/assets/about/images/ptcontents_img03.png) no-repeat center top;
}
.pt-sec-02-catch-01 .pt-sec-02-catchwrap {
	margin-left: 65%;
}
.pt-sec-02-catch-01 p.pt-sec-02-obj {
	position: absolute;
	left: 5%;
	top: 13%;
}


.pt-sec-02-catch-02 {
	background: url(/assets/about/images/ptcontents_img04.png) no-repeat center top;
}
.pt-sec-02-catch-02 .pt-sec-02-catchwrap {
	margin-left: 5%;
}
.pt-sec-02-catch-02 p.pt-sec-02-obj {
	position: absolute;
	right: 8%;
	top: 13%;
}

.pt-sec-02-catch h6 {
	padding-top: 20px;
	padding-left: 5%;
	font-weight: bold;
	color: #fff;
	clear: both;
}


.pt-sec-02-catch-03 {
	background: url(/assets/about/images/ptcontents_img05.png) no-repeat center top;
	width: 550px;
	position: relative;
}
.pt-sec-02-catch-04 {
	background: url(/assets/about/images/ptcontents_img06.png) no-repeat center top;
	width: 550px;
	position: relative;
}

.pt-sec-02-catch-03,
.pt-sec-02-catch-04 {
	min-height: 380px;
	padding-bottom: 30px;
}

.pt-sec-02-catch-03 h6,
.pt-sec-02-catch-04 h6 {
	padding-top: 0;
}


/* 採用までの流れ sec03 */
.flow-wrap {
	background: url(/assets/about/images/ptcontents_gradbar.png) no-repeat center 73px;
	background-size: 45%;
	width: 100%;
	overflow: hidden;
	padding: 20px 15%;
	clear: both;
}

.flow-wrap .pt-sec-03-icon{
	float: left;
	width: 25%;
	margin: 0;
	text-align: center;
}

.flow-wrap .pt-sec-03-icon p {
	color: #515C6F;
	font-size: 12px;
	padding-top: 10px;
}

.inful-cap {
	font-size: 14px;
	color: #9C9B9B;
	padding: 10px 0 40px;
}

.pt-sec-03-self-movie {
	margin-top: 40px;
	box-shadow:2px 2px 6px 0px #cccccc;
	padding: 30px 15px;
}

.pt-sec-03-self-movie h4 {
	margin-bottom: 0;
	padding-bottom: 20px;
}

.pt-sec-03-self-movie p {
	font-size: 14px;
}

.ptcontents-detailbtn a {
	background-color: #FFB835;
	color: #fff;
	display: inline-block;
	padding: 10px 40px;

}

.ptcontents-detailbtn a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* 謝礼金の受け取り方法 sec04 */

.sec04 {
	background: linear-gradient(20deg, rgba(184, 28, 37,1) 29.580807252363726%,rgba(184, 28, 37,1) 31.207069820827908%,rgba(255, 184, 53,1) 80.63130999093103%);
}


.ptcontents-receve-contents {
	background-color: #fff;
	padding: 80px 0;
}

.ptcontents-receve-contents h4 {
	padding-bottom: 20px;
}

.ptcontents-receve-wrap {
	padding: 0 10%;
}

.ptcontents-receve-wrap {
	font-size: 14px;
}

.ptcontents-receve-icon-wrap {
	border: 2px solid #F0F0F0;
	border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	text-align: center;
	margin: 25px 0 35px;
	padding: 20px 10px 0;
}

.ptcontents-receve-method {
	background-color: #F3F3F3;
	padding: 30px 5%;
	width: 85%;
	margin: 40px auto;
}


.ptcontents-faq-wrap {
	padding: 0 5%;
}

.accordion {
	border-bottom: dotted 1px #ccc;
}

.ptcontents-faq-wrap .card {
	border: none;
	background-color: #fff;
}

.ptcontents-faq-wrap .card-header {
	background-color: #fff;
	border: none;
	border-top: dotted 1px #ccc;
	padding: 1.25rem 1.5rem;
}

.ptcontents-faq-wrap .card-header h6 {
	font-size: 16px;
}


.ptcontents-faq-wrap i {
	margin-right: 20px;
}


@media screen and (max-width: 575px){
	.main-img {
		background: url(/assets/about/images/ptcontents_mainimg_sp.png) no-repeat center top;
		background-size: cover;
		padding: 50px 0;
		color: #fff;
		font-size: 18px;
		line-height: 1.8;
	}

	.main-img h1 {
		font-size: 48px;
	}
	.main-img h2 {
		font-size: 16px;
	}

	.page-nav {
		display: none;
	}

	.sec01 {
		background-position: -300px 50px;
	}

	.sec01 .container {
		padding: 30px 0;
		font-size: 16px;
		background-color: transparent;
	}

	.sec01 .sec01-01-left {
		padding: 0 10px;
		margin: 0 15px;
	}

	.sec01 .sec01-01-left li {
		font-size: 14px;
	}

	.sec01 .row,
	.sec03 .row,
	.sec04 .row {
		margin-right:0;
		margin-left:0;
	}

	.sec01 .row {
		margin-right:15px;
		margin-left:15px;
	}

	.sec01-btm .sec01-dots {
		left:20px;
	}

	.sec01-btm .sec01-02-left {
		display: none;
	}

	.sec01 .row.sec01-btm {
		background: url(/assets/about/images/ptcontents_img02_sp.png) no-repeat -250px 50px;
		background-size: 80%;
		margin-left: -15px;;
	}

	.sec01-btm .sec01-02-right {
		background-color: transparent;
		padding: 0 0 30px 40%;
	}

	.pt-sec-02-catch {
		min-height: 360px;
		position: relative;
	}

	.sec02 .container {
		padding: 30px 0 50px;
		font-size: 16px;
	}

	.sec02 h4 {
		padding-bottom: 20px;
	}

	.pt-sec-02-catchwrap {
		width: 200px;
		border: 2px solid #fff;
		clear: both;
	}

	.pt-sec-02-catch-01 {
		background: url(/assets/about/images/ptcontents_img03_sp.png) no-repeat center top;
		background-size: cover;

	}
	.pt-sec-02-catch-01 .pt-sec-02-catchwrap {
		margin-left: 55%;
		margin-right: 10%;
	}
	.pt-sec-02-catch-01 p.pt-sec-02-obj {
		position: absolute;
		left: 5%;
		top: 13%;
	}


	.pt-sec-02-catch-02 {
		background: url(/assets/about/images/ptcontents_img04_sp.png) no-repeat center top;
		background-size: cover;

	}
	.pt-sec-02-catch-02 .pt-sec-02-catchwrap {
		margin-left: 10%;
		margin-right: 55%;
	}
	.pt-sec-02-catch-02 p.pt-sec-02-obj {
		position: absolute;
		right: 8%;
		top: 13%;
	}

	.pt-sec-02-catch h6 {
		padding-top: 20px;
		padding-left: 5%;
		font-weight: bold;
		color: #fff;
		clear: both;
	}


	.pt-sec-02-catch-03 {
		background: url(/assets/about/images/ptcontents_img05_sp.png) no-repeat center top;
		position: relative;
		background-size: cover;

	}
	.pt-sec-02-catch-04 {
		background: url(/assets/about/images/ptcontents_img06_sp.png) no-repeat center top;
		position: relative;
		background-size: cover;
	}

	.pt-sec-03-self-movie img.img-fluid {
		width: 100%;
	}

	.pt-sec-03-self-movie h4 {
		padding-top: 20px;
	}

	.sec04 .row {
		margin-right: 15px;
		margin-left: 15px;
	}

	.sec04 .ptcontents-receve-contents {
		padding: 40px 0;
	}

}

@media screen and (max-width: 480px){
	.main-img {
		padding: 30px 0;
	}
	.main-img .wave {
		margin-bottom: 0;
	}

	.sec01 h3 {
		line-height: 1.2;
	}

	.sec01 .row.sec01-btm {
		background: url(/assets/about/images/ptcontents_img02_sp.png) no-repeat -180px 80px;
		background-size: 90%;
		margin-left: -15px;;
	}

	.sec01-btm .sec01-02-right {
		background-color: transparent;
		padding: 0 0 30px 45%;
	}
		.pt-sec-02-catch-01 .pt-sec-02-catchwrap {
		margin-left: 45%;
		margin-right: 5%;
	}
	.pt-sec-02-catch-01 p.pt-sec-02-obj {
		position: absolute;
		left: 5%;
		top: 13%;
	}


	.pt-sec-02-catch-02 {
		background: url(/assets/about/images/ptcontents_img04_sp.png) no-repeat center top;
		background-size: cover;

	}
	.pt-sec-02-catch-02 .pt-sec-02-catchwrap {
		margin-left: 5%;
		margin-right: 45%;
	}
	.pt-sec-02-catch-02 p.pt-sec-02-obj {
		position: absolute;
		right: 8%;
		top: 13%;
	}

	.flow-wrap {
		background: url(/assets/about/images/ptcontents_gradbar_v.png) no-repeat 27% center;
		background-size: 13%;
		width: 100%;
		overflow: hidden;
		padding: 0 15%;
		clear: both;
	}

	.flow-wrap .pt-sec-03-icon{
		width: 100%;
		overflow: hidden;
		margin: 0;
		text-align: left;
	}

	.flow-wrap .pt-sec-03-icon img {
		width: 45%;
		margin-top: 5px;
		margin-bottom: 5px;
		float: left;
	}

	.flow-wrap .pt-sec-03-icon p {
		width: 55%;
		float: left;
		color: #515C6F;
		font-size: 12px;
		padding-top: 50px;
	}

	.inful-cap {
		display: none;
	}

	.ptcontents-receve-icon-wrap {
		padding: 20px 20px 0;
	}

	.sec04 {
		background: linear-gradient(45deg, rgba(184, 28, 37,1) 29.580807252363726%,rgba(184, 28, 37,1) 31.207069820827908%,rgba(255, 184, 53,1) 70.63130999093103%);
	}

}


/*********************
 ATM受取
*********************/
.ptrecive-atm-wrapper {
	padding: 80px 0 100px;
}
.ptrecive-atm-wrapper .sp-view {
	display: none;
}

.ptrecive-atm-wrapper h1 {
	font-size: 24px;
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 80px;
}

.ptrecive-atm-cap h2 {
	font-size: 18px;
	padding-bottom: 10px;
}

.ptrecive-atm-cap p {
	font-size: 14px;
}

.ptrecive-atm-wrap {
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 40px;
	width: 100%;
	margin: 0 auto;
}

.ptrecive-atm-img {
	padding-top: 40px
}

.ptrecive-atm-cap {
	padding-top: 40px;
}

.ptrecive-atm-cap a {
	color: red;
	text-decoration: none;
}

.ptrecive-atm-cap a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 575px){
	.ptrecive-atm-wrapper .pc-view {
		display: none;
	}
	.ptrecive-atm-wrapper .sp-view {
		display: inherit;
	}

	.ptrecive-atm-wrapper .row {
		margin-left: 15px;
		margin-right: 15px;
	}

	.ptrecive-atm-img img {
		width: 100%;
		height: auto;
	}

}
/* アコーディオンA */
.ac-box{
	width: auto;
	margin: 0px auto 0px;
}

/*ラベル*/
.ac-box label{
  font-size: 16px;
  text-align: left;
  margin: auto;
  position: relative;
  display: block;
  cursor: pointer;
  color: #212529 !important;
  transition: all 0.5s;
  font-weight: 500;
  border: none;
  border-top: dotted 1px #ccc;
  padding: 1.25rem 1.5rem;
}

.ac-box.last-child{
  border-bottom: dotted 1px #ccc;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:before{
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  font-weight: 600;
  margin-right: 15px;
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d"!important;
  font-weight: 600;
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.8s;


}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
  height: auto;
  opacity: 1;
  transition: 0.8s;
}

/*表示内容の調整*/
.ac-box div p{
  color: #212529;
  text-align: justify;
  overflow: hidden;
  padding:1.25rem;

}

.ac-small p{
margin-bottom: 0px;
transition: 0.8s;
}

/* ～480px（スマホ縦） */
@media screen and ( max-width:30em) {
.about-layout-ml-3{
margin-left:1rem;
}
.pt-sec-02-catch-03,
.pt-sec-02-catch-04{
width:100%;
background-size:cover;
}
}
/* 480px~600px（スマホ横） */
@media screen and (min-width:30em) and ( max-width:37.5em) {
.about-layout-ml-3{
margin-left:1rem;
}
.pt-sec-02-catch-03,
.pt-sec-02-catch-04{
width:100%;
background-size:cover;
}
}
/*　600px~960px（タブレット）　*/
@media screen and (min-width:37.5em) and ( max-width:60em) {

.about-layout-ml-3{
margin-left:1rem;
}
.pt-sec-02-catch-03,
.pt-sec-02-catch-04{
width:100%;
background-size:cover;
}
}
/* ipad pro縦 */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
.pt-sec-02-catch-03,
.pt-sec-02-catch-04{
width:50%;
background-size:cover;
}

	.about-layout-ml-3{
		padding-left:1rem;
		}

		.about-layout-ml-3:last-child{
			margin-left: 0;
			padding-left: 0;
		}

}
/* ipad pro横 */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
.pt-sec-02-catch-03,
.pt-sec-02-catch-04{
width:50%;
background-size:cover;
}
.about-layout-ml-3{
	padding-left:1rem;
	}

	.about-layout-ml-3:last-child{
		margin-left: 0;
		padding-left: 0;
	}
}


/*　960px~1280px（小型PC）　*/
@media screen and (min-width:60em) and ( max-width:80em) {
}
/*　1280px~（大型PC）*/
@media screen and (min-width:80em) {
	.about-layout-ml-3{
		margin-left:1rem;
		}

		.about-layout-ml-3:last-child{
			margin-left: 0;
		}
}