@charset "UTF-8";
/* CSS Document */

/*
30.理学療法学科
40.作業療法学科
80.受験を希望する方へ
*/

/*共通*/
/*PC*/
@media only screen and (min-width: 1024px) {
	/*スマホ表示*/
	.smp { 
		display: none !important; 
	}
	
	
}
	
/*SMP*/
@media only screen and (max-width: 1025px) {
	/*スマホ表示*/
	.smp { 
		display: block !important; 
	}
	
	
}

/*
30.理学療法学科
40.作業療法学科
*/
/*PC*/
@media only screen and (min-width: 1024px) {
	.pt {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.ot {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	/*メインビジュアル*/
	#ptot_mv {
		position: relative;
		width: 100%;
		height: auto;
		padding: 0 0 40px 0;
	}
	
	#ptot_mv::before {
		content: "";
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 75%;
	}
	
	.pt #ptot_mv::before {
		height: 415px;
		background: rgba(18,98,206,0.75);
	}
	
	.ot #ptot_mv::before {
		height: 390px;
		background: rgba(39,204,121,0.75);
	}
	
	#ptot_mv .img {
		z-index: 1;
		position: relative;
		width: 75%;
		height: 470px;
		margin: 0 0 0 auto;
	}
	
	#ptot_mv .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 470px;
		object-fit: cover;
		object-position: top;
	}
	
	#ptot_mv .text {
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 1100px;
		height: auto;
	}
	
	#ptot_mv .text h1 {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: left;
		color: #3B4043;
	}
	
	#ptot_mv .text h1 font {
		display: table;
		position: relative;
		padding: 10px 15px 10px 15px;
		margin-bottom: 5px;
		background: #fff;
	}
	
	#ptot_mv .text h1 font color {
		color: #DB7E00;
	}
	
	#ptot_mv .text p {
		position: relative;
		margin: 30px auto 0 0;
		padding: 25px 30px 25px 30px;
		font-size: 16px;
		line-height: 28px;
		color: #3B4043;
		background: #fff;
		box-sizing: border-box;
	}
	
	.pt #ptot_mv .text p {
		width: 520px;
	}
	
	.ot #ptot_mv .text p {
		width: 400px;
	}
	
	/*概要*/
	#ptot01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 90px 0 90px 0;
	}
	
	#ptot01 .subtext01 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 60px auto;
	}
	
	#ptot01 .subtext01 p {
		font-size: 16px;
		line-height: 36px;
		color: #3B4043;
		text-align: center;
	}
	
	#ptot01 .subtext02 {
		position: relative;
		width: 780px;
		height: auto;
		padding: 40px 0 40px 0;
		margin: 0 auto 0 auto;
		border-bottom: dashed 1px #B7B7B7;
	}
	
	#ptot01 .subtext02.first {
		border-top: dashed 1px #B7B7B7;
	}
	
	#ptot01 .subtext02 h2 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		color: #3B4043;
	}
	
	#ptot01 .subtext02 h2 font {
		position: relative;
		padding: 0 35px 0 35px;
	}
	
	#ptot01 .subtext02 h2 font::before,
	#ptot01 .subtext02 h2 font::after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(0);
		width: 20px;
		height: 20px;
		background-image: url(/__wp/wp-content/themes/v1/images/renewal/pt/hishigata_blue.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#ptot01 .subtext02 h2 font::before {
		left: 0;
	}
	
	#ptot01 .subtext02 h2 font::after {
		right: 0;
	}
	
	#ptot01 .subtext02 .ptn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		width: 750px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	#ptot01 .subtext02 .ptn .text {
		position: relative;
		width: 530px;
		height: auto;
	}
	
	#ptot01 .subtext02 .ptn .text h3 {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 32px;
		text-align: left;
		color: #1262CE;
	}
	
	#ptot01 .subtext02 .ptn .text p {
		font-size: 16px;
		line-height: 30px;
		color: #3B4043;
		text-align: left;
	}
	
	#ptot01 .subtext02 .ptn .img {
		position: relative;
		width: 185px;
		height: auto;
	}
	
	#ptot01 .subtext02 .ptn .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 130px;
		object-fit: cover;
		object-position: center;
	}
	
	
	
	
	/*理学療法士って？*/
	#ptot02 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#ptot02::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	.pt #ptot02::before {
		height: 320px;
		background: #F0F7FF;
	}
	
	.ot #ptot02::before {
		height: 320px;
		background: #FFFBEF;
	}
	
	#ptot02 .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		width: 1200px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 70px 0;
	}
	
	#ptot02 .con .img {
		position: relative;
		width: 500px;
		height: auto;
	}
	
	#ptot02 .con .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 375px;
		object-fit: cover;
		object-position: center;
	}
	
	#ptot02 .con .text {
		position: relative;
		width: 520px;
		height: auto;
		margin: 0 60px 0 0 ;
	}
	
	#ptot02 .con .text h2 {
		position: relative;
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 32px;
		text-align: left;
	}
	
	#ptot02 .con .text h2 img {
		display: block;
		position: absolute;
		top: 0;
		left: -70px;
		width: 46px;
		height: auto;
	}
	
	#ptot02 .con .text h2 font {
		background:linear-gradient(transparent 60%, #FFCE00 60%);
	}
	
	.pt #ptot02 .con .text h2 {
		color: #1262CE;
	}
	
	.ot #ptot02 .con .text h2 {
		color: #27CC79;
	}
	
	#ptot02 .con .text h3 {
		position: relative;
		padding-left: 50px;
		margin: 40px auto 30px auto;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: left;
	}
	
	.pt #ptot02 .con .text h3 {
		color: #1262CE;
	}
	
	.ot #ptot02 .con .text h3 {
		color: #27CC79;
	}
	
	#ptot02 .con .text h3::before {
		content: "";
		position: absolute;
		top: 14px;
		left: 0;
		width: 40px;
		height: 1px;
	}
	
	.pt #ptot02 .con .text h3::before {
		background: #1262CE;
	}
	
	.ot #ptot02 .con .text h3::before {
		background: #27CC79;
	}
	
	#ptot02 .con .text p {
		font-size: 16px;
		line-height: 30px;
		color: #3B4043;
		text-align: left;
	}
	
	#ptot02 .con .text a {
		display: block;
		position: relative;
		width: 250px;
		height: auto;
		margin: 30px auto 0 0;
		padding: 14px 0 14px 30px;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: left;
		color: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		transition: 0.3s;
	}
	
	#ptot02 .con .text a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%) translateX(0);
		width: 16px;
		height: 16px;
		background-image: url(/__wp/wp-content/themes/v1/images/renewal/pt/yajirushi_1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		transition: 0.3s;
	}
	
	.pt #ptot02 .con .text a {
		border: solid 1px #1262CE;
		background: #1262CE;
	}
	
	.pt #ptot02 .con .text a:hover {
		text-decoration: none;
		color: #1262CE;
		border: solid 1px #1262CE;
		background: #fff;
	}
	
	.pt #ptot02 .con .text a:hover::after {
		background-image: url(/__wp/wp-content/themes/v1/images/renewal/pt/yajirushi_2.png);
	}
	
	/*こんな方におすすめ*/
	#ptot03 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 90px 0 150px 0;
		background-color: #F0F7FF;
		background-image:linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px);
		background-size: 32px 32px;
	}
	
	#ptot03 h2 {
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 32px;
		text-align: center;
		color: #3B4043;
	}
	
	#ptot03 h2 font {
		position: relative;
		padding: 0 65px 0 65px;
	}
	
	#ptot03 h2 font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 27px;
		height: 27px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#ptot03 h2 font::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%) translateX(0);
		width: 27px;
		height: 27px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.pt #ptot03 h2 font::before {
		background-image: url(/__wp/wp-content/themes/v1/images/renewal/pt/hukidashi_l_blue.png);
	}
	
	.pt #ptot03 h2 font::after {
		background-image: url(/__wp/wp-content/themes/v1/images/renewal/pt/hukidashi_r_blue.png);
	}
	
	#ptot03 p.ptot03_p {
		margin: 40px auto 40px auto;
		font-size: 16px;
		line-height: 16px;
		color: #3B4043;
		text-align: center;
	}
	
	
	
}
	
/*SMP*/
@media only screen and (max-width: 1025px) {
	
}