@charset "utf-8";
/*=================================
partnering-and-licensing.css
@media only screen and (max-width: 767px)
clearfix
================================ */

/* main */
.index {
  background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg01.jpg) no-repeat 50% 100px;
}
.index #container {
	margin-top: 78px;
}
.index .heading1 {
	position: relative;
	padding-bottom: 10px;
}
.index .heading1:after {
	content: "";
	width: 749px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -374.5px;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg02.jpg) no-repeat;
}
.index .heading1 + .btnLink {
	margin-top: 16px !important;
}
.index .mainAnc {
	text-align: center;
}
.index .mainAnc > a {
	color: #333;
}
.index .mainAnc > a > span {
	padding: 0.5em 2em 0.5em 3.5em;
}
.index .mainAnc > a > span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
p {
	margin-top: 0.4em;
	line-height: 1.4;
}
.partnerStrongText {
	font-size: 2.3rem !important;
}
.column .is-1sizeDown {
	text-align: center;
}

/* about_GroupLayout */
.index .section01 {
	margin-top: 221px;
	padding: 100px 40px 0;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg04.png) repeat-x;
}
.groupLayout {
	padding: 40px 40px 0;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg03.jpg) no-repeat;
}
.groupLayout > *:first-child {
	margin-top: 0;
}
.groupLayout > .heading2 {
	font-size: 2.4rem;
	text-align: center;
}
.groupLayout div[class^="is-flex"] > .column:first-child {
	width: 37%;
	margin-left: 0;
}
.groupLayout .is-flex3 > .column:nth-child(2) {
	width: 33%;
	margin-left: 0;
}
.groupLayout .is-flex2 > .column:nth-child(2) {
	width: 32%;
	margin-left: 0;
}
.groupLayout .is-flex3 > .column:last-child {
	width: 28%;
	margin-left: 1%;
}
.groupLayout .is-flex2 > .column:last-child {
	width: 31%;
	margin-left: 0;
}
.groupLayout div[class^="is-flex"] > .column:first-child {
	font-size: 1.3rem;
}
.groupLayout div[class^="is-flex"] > .column div[class^="column"] {
	width: calc((100% - 0em) / 2);
	text-align: center;
	font-size: 100%;
}
.groupLayout div[class^="is-flex"] > .column div[class^="column"]:nth-of-type(n+3) {
	margin-top: 10px;
}
.groupLayout .tableLayout th,
.groupLayout .tableLayout td {
	padding: 0.6em 1em;
	font-size: 1.1rem;
}
.groupLayout .is-level2 {
	background: #ebebeb !important;
}
.groupLayout .is-level2.type02 {
	background: #f0f0ef !important;
}
.groupLayout .graphHead {
	margin: 5px 0;
	font-size: 1.2rem;
	text-align: center;
}

/* partnerLayout */
.index .section02 {
	position: relative;
	margin-top: 120px;
	border-top: 1px solid #e5e5e5;
}
.index .section02:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic01.png) no-repeat;
}
.index .section02 > .heading2 {
	margin-top: 76px;
	font-size: 3.6rem;
	text-align: center;
}
.index  .catchTxt {
	position: relative;
	margin-top: 40px !important;
	font-size: 1.8rem;
	text-align: center;
}
.index  .catchTxt:before,
.index  .catchTxt:after {
	content: "";
	position: absolute;
	width: 49px;
	height: 35px;
}
.index  .catchTxt:before {
	top: -25px;
	left: 30px;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic02.png) no-repeat;
}
.index  .catchTxt:after {
	bottom: -25px;
	right: 30px;
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic03.png) no-repeat;
}
.partnerLayout {
	margin-top: 55px;
}
.partnerLayout > .column {
	width: calc((100% - 20px) / 2);
}
.partnerLayout > .column:nth-child(n+3) {
	margin-top: 46px;
}
.partnerLayout > .column:nth-child(2n+2) {
	margin-left: 20px;
}
.partnerLayout > .column > figure {
	text-align: center;
}
.partnerLayout .heading3 {
	position: relative;
	padding: 40px 0 0;
	font-size: 2.8rem;
	text-align: center;
}
.partnerLayout .heading3:before {
	content: "";
	position: absolute;
	top: -52px;
	left: 50%;
	width: 94px;
	height: 97px;
	margin-left: -47px;
}
.partnerLayout .heading3.icon01:before {
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic04.png) no-repeat;
}
.partnerLayout .heading3.icon02:before {
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic05.png) no-repeat;
}
.partnerLayout .heading3.icon03:before {
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic06.png) no-repeat;
}
.partnerLayout .heading3.icon04:before {
	background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_ic07.png) no-repeat;
}
.partnerLayout .normalList {
	padding: 0 40px;
}
.partnerLayout .normalList > li:before {
	content: "";
	position: absolute;
	top: 0.45em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 2px 3px 3px 2px/2px 2px 3px 3px;
}
.partnerLayout .normalList > li:nth-child(1),
.partnerLayout .normalList > li:nth-child(2) {
	margin-top: 0;
}
.partnerLayout .normalList.type01 > li:before {
	background-color: #6c91e3;
	background-image: -webkit-linear-gradient(top, #e6735c, #e6ac5c);
	background-image: linear-gradient(to bottom, #e6735c, #e6ac5c);	
}
.partnerLayout .normalList.type02 > li:before {
	background-color: #6c91e3;
	background-image: -webkit-linear-gradient(top, #6b88b3, #88cbd0);
	background-image: linear-gradient(to bottom, #6b88b3, #88cbd0);
}
.partnerLayout .normalList.type03 > li:before {
	background-color: #6c91e3;
	background-image: -webkit-linear-gradient(top, #8962b3, #668fcc);
	background-image: linear-gradient(to bottom, #8962b3, #668fcc);
}
.partnerLayout .normalList.type04 > li:before {
	background-color: #6c91e3;
	background-image: -webkit-linear-gradient(top, #9175ae, #9275ae 1%, #d36590);
	background-image: linear-gradient(to bottom, #9175ae, #9275ae 1%, #d36590);
}
.partnerLayout .noteList {
	padding: 0 40px;
}

/* formCorner */
.formCorner {
	margin-top: 60px;
	border-top: 1px solid #e5e5e5;
}
.formCorner .heading2 {
	margin-top: 55px;
	font-size: 3.6rem;
	text-align: center;
}
.formCorner .form-flowList {
	margin-top: 30px !important;
}
.formCorner .submitBlock .btnLink > li > span > input {
	padding: 1.5em 10em;
	font-size: 1.8rem;
}
[class*="is-flex"] .js-figureFix img {
	max-width: 35% !important;
	margin: 0 auto;
}
.is-flex3 > .column:last-child > .js-figureFix img {
	max-width: 75% !important;
	margin: 0 auto;
}
[class*='is-flex'] > *:not(.figureColumn) {
	display: block !important;
}
figure.column {
	display: block;
	text-align: center !important;
}

@media only screen and (max-width: 767px){
	
	/* main */
	.index {
		background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg01.jpg) no-repeat 50% 55px;
		background-size: auto 300px;
	}
	.index #container {
		margin-top: 38px;
	}
	.index .heading1 {
		text-align: left;
	}
	.index .heading1:after {
		width: 96%;
		height: 2px;
		margin-left: -48%;
		background: url(https://www.otsuka.co.jp/en/partnering-and-licensing/inquiry-form/img/form_bg02.jpg) repeat-y center 0;
		background-size: auto 1px;
	}
	.index .heading1 > span {
		font-size: 1.9rem;
	}
	.index .heading1 + .btnLink {
		display: none;
	}

	/* about_GroupLayout */
	.index .section01 {
		margin-top: 70px;
		padding: 100px 10px 0;
	}
	.groupLayout {
		padding: 30px 10px 0;
	}
	.groupLayout > .heading2 {
		font-size: 1.8rem;
	}
	.groupLayout div[class^="is-flex"] > .column {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.groupLayout div.is-flex3 > .column:first-child {
		margin-top: 15px !important;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.groupLayout div.is-flex3 > .column:nth-child(2) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	.groupLayout div.is-flex3 > .column:last-child {
		margin-top: 0;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;

		-webkit-order: 1;
		order: 1;
	}
	.groupLayout div.is-flex2 > .column {
		width: calc((100% - 1em) / 2) !important;
		margin-top: 1em !important;
	}

	/* partnerLayout */
	.index .section02 {
		margin-top: 40px;
	}
	.index .section02:before {
		top: -20px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		background-size: 40px auto;
	}
	.index .section02 > .heading2 {
		margin-top: 40px;
		font-size: 2.2rem;
	}
	.index  .catchTxt {
		margin-top: 40px !important;
		font-size: 1.6rem;
		text-align: left;
	}
	.index  .catchTxt:before,
	.index  .catchTxt:after {
		width: 24.5px;
		height: 17.5px;
	}
	.index  .catchTxt:before {
		left: 0;
		background-size: 24.5px auto;
	}
	.index  .catchTxt:after {
		right: 0;
		background-size: 24.5px auto;
	}
	.partnerLayout > .column {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
	}
	.partnerLayout > .column:nth-child(n+3) {
		margin-top: 40px;
	}
	.partnerLayout > .column:nth-child(2n+2) {
		margin-left: 0;
	}
	.partnerLayout .heading3 {
		padding: 30px 0 0;
		font-size: 1.8rem;
	}
	.partnerLayout .heading3:before {
		top: -26px;
		width: 47px;
		height: 48.5px;
		margin-left: -23.5px;
		background-size: 47px auto !important;
	}
	.partnerLayout .normalList {
		padding: 0 20px;
		margin: 0 auto;
	}
	.partnerLayout .normalList.type04 > li {
		width: calc((100% - 32px) / 2);
	}
	.partnerLayout .noteList {
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
	}
	
	/* formCorner */
	.formCorner {
		margin-top: 40px;
	}
	.formCorner .heading2 {
		margin-top: 30px;
		font-size: 2.2rem;
	}
	.formCorner .form-flowList {
		margin-top: 30px !important;
	}
	.formCorner .tableLayout.is-formTable .is-nameTable colgroup col:nth-child(1),
	.formCorner .tableLayout.is-formTable .is-nameTable colgroup col:nth-child(3) {
		width: 21% !important;
	}
	.formCorner .tableLayout.is-formTable .is-nameTable colgroup col:nth-child(2),
	.formCorner .tableLayout.is-formTable .is-nameTable colgroup col:nth-child(4) {
		width: 79% !important;
	}
	.formCorner .submitBlock .btnLink > li > span > input {
		padding: 1.5em 2em;
		font-size: 1.6rem;
	}
	[class*="is-flex"] .js-figureFix img {
		max-width: 70% !important;
		margin: 0 auto;
	}

}

/* font-family */
.groupLayout .graphHead,
.index .catchTxt,
.partnerLayout .heading3 {
	font-weight: bold;
}