@charset "utf-8";

/**************************************************
		PC
**************************************************/
/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area_index.jpg");
}

#titleArea .bg {
	height:560px;
}

#titleArea .title {
	bottom:50%;
	left:50%;
	margin:0 0 -140px -400px;
	padding:55px 150px;
	background:#fff;
	background:rgba(255,255,255,0.9);
}


/* ===== Pankz ===== */
#pankz .bg {
	padding-left: 0;
}


/* ===== Common ===== */
#mainArea .internationalBox {
	position:relative;
	min-height:480px;
}

#mainArea .internationalBox .bg {
	position:relative;
	padding:60px 0;
}

#mainArea .internationalBox .bg:before,
#mainArea .internationalBox .bg:after {
	position:absolute;
	top:0;
	height:100%;
	background:#f9f4f5;
	content:"";
	z-index:-1;
}

#mainArea .internationalBox .bg:before {
	width:100%;
}

#mainArea .internationalBox .bg:after {
	width:50vw;
}

#mainArea .internationalBox .image {
	position:absolute;
	top:60px;
}

#mainArea .internationalBox .listLink01 li a {
	padding-top:18px;
	padding-bottom:18px;
	min-height:initial;
	min-height:auto;
	background-color:#fff;
	background-size:20px auto;
}

#mainArea .internationalBox .listLink01 li a.blank {
	background-image:url("../../common/img/icon_window2.png");
}


/* ===== News Area ===== */
#mainArea .tiNewsInternational {
	position:relative;
	margin-bottom:15px;
	font-size:30px;
	font-size:1.88rem;
	font-weight:normal;
	line-height:1.5;
}

#mainArea .tiNewsInternational:before {
	position:absolute;
	top:70%;
	left:0;
	width:100%;
	height:2px;
	background:#932536;
	content:"";
}

#mainArea .tiNewsInternational .bg {
	display:inline-block;
	position:relative;
	padding-right:30px;
	background:#fff;
}

#mainArea .tiNewsInternational .en {
	display:block;
	margin-bottom:3px;
	font-size:24px;
	font-size:1.5rem;
	font-weight:bold;
	font-family:"Adobe Garamond",Garamond,"Times New Roman",serif;
	color:#932536;
	letter-spacing:0.05em;
}

#mainArea .tiNewsInternational .ja {
	display:block;
}

#mainArea .listNewsInternational {
	font-size:15px;
	font-size:0.94rem;
}

#mainArea .listNewsInternational li {
	border-bottom:1px solid #ccc;
	line-height:1.7;
}

#mainArea .listNewsInternational li a,
#mainArea .listNewsInternational li .noLink {
	display:block;
	padding:15px 0;
	color:#333;
	text-decoration:none;
}

#mainArea .listNewsInternational li .newsDate {
	display:inline-block;
	margin-right:20px;
	font-weight:bold;
	vertical-align:middle;
}

#mainArea .listNewsInternational li .newsCategory {
	display:inline-block;
	padding:3px 5px;
	min-width:140px;
	border-radius:30px;
	background:#932536;
	font-size:13px;
	font-size:0.82rem;
	color:#fff;
	vertical-align:middle;
	text-align:center;
}

#mainArea .listNewsInternational li .newsTitle {
	display:block;
	margin:-1.7em 0 0 20em;
	vertical-align:middle;
}

#mainArea .listNewsInternational li a:hover .newsTitle { text-decoration:underline; }

#mainArea .btNewsInternational {
	text-align:center;
}

#mainArea .btNewsInternational .bt01 {
	padding-top:15px;
	padding-bottom:15px;
	width:400px;
	font-size:18px;
	font-size:1.13rem;
	background-size:28px auto;
}


/* ===== Target Area ===== */
#mainArea .targetArea {
	background:#f9f4f5;
}

#mainArea .listTarget {
	margin:-20px;
	font-size:30px;
	font-size:1.88rem;
	line-height:1.5;
}

#mainArea .listTarget li {
	float:left;
	margin:20px;
	width:calc(50% - 40px - 0.1px);
}

#mainArea .listTarget li.is-full {
	clear:both;
	float:none;
	width:calc(100% - 40px);
}

#mainArea .listTarget a {
	display:block;
	padding:10px;
	background:#fff;
	text-decoration:none;
	text-align:center;
	box-shadow:0 0 20px 5px rgba(147,37,54,0.1);
}

#mainArea .listTarget .bg {
	display:flex;
	position:relative;
	padding:10px 30px;
	width:100%;
	height:120px;
	border:2px solid #932536;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

#mainArea .listTarget .bg:before {
	position:absolute;
	top:50%;
	right:30px;
	margin-top:-15px;
	width:30px;
	height:30px;
	background:transparent url("../../common/img/icon_02.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listTarget .main {
	display:block;
	position:relative;
	width:100%;
	height:40px;
	text-indent:-9999px;
	color:#932536;
}

#mainArea .listTarget .main:before {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-15px;
	width:100%;
	height:30px;
	background:transparent none 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listTarget .is-examinee .main:before { margin-top:-18px; height:36px; background-image:url("../img/bt_examinee_white.png"); }
#mainArea .listTarget .is-foreign .main:before { background-image:url("../img/bt_foreign.png"); }
#mainArea .listTarget .is-inside .main:before { background-image:url("../img/bt_inside.png"); }

#mainArea .listTarget .sub {
	display:block;
	margin-top:10px;
	font-size:16px;
	font-size:1rem;
	color:#333;
}

#mainArea .listTarget a:hover { background:#932536; }
#mainArea .listTarget a:hover .bg { border-color:#fff; }
#mainArea .listTarget a:hover .bg:before { background-image:url("../../common/img/icon_03.png"); }
#mainArea .listTarget a:hover .main,
#mainArea .listTarget a:hover .sub { color:#fff; }

#mainArea .listTarget .is-foreign a:hover .main:before { background-image:url("../img/bt_foreign_white.png"); }
#mainArea .listTarget .is-inside a:hover .main:before { background-image:url("../img/bt_inside_white.png"); }

#mainArea .listTarget .is-examinee a {
	background-color:#932536;
	color:#fff;
}

#mainArea .listTarget .is-examinee .bg {
	border-color:#fff;
}

#mainArea .listTarget .is-examinee .bg:before {
	background-image:url("../../common/img/icon_03.png");
}

#mainArea .listTarget .is-examinee .sub {
	color:#fff;
}

#mainArea .listTarget .is-examinee a:hover { opacity:0.7; }


/* ===== Abroad Area ===== */
#mainArea .abroadArea > .bg {
	padding-bottom:0;
}

#mainArea .abroadArea .ti16 {
	color:#f0699b;
}

#mainArea .abroadArea .ti16:after {
	background-color:#f0699b;
}

#mainArea .abroadArea .internationalBox .bg {
	padding-right:680px;
}

#mainArea .abroadArea .internationalBox .bg:before,
#mainArea .abroadArea .internationalBox .bg:after {
	background:#fdf0f5;
}

#mainArea .abroadArea .internationalBox .bg:before {
	right:140px;
}

#mainArea .abroadArea .internationalBox .bg:after {
	left:-50vw;
}

#mainArea .abroadArea .internationalBox .image {
	right:0;
}

#mainArea .abroadArea .internationalBox .listLink01 li a {
	background-image:url("../img/icon_01_pink.png");
}

#mainArea .abroadArea .internationalBox .listLink01 li a.blank {
	background-image:url("../img/icon_window_pink.png");
}

#mainArea .abroadArea .internationalBox .listLink01 li a:hover {
	background-color:#f0699b;
	background-image:url("../../common/img/icon_01_white.png");
}

#mainArea .abroadArea .internationalBox .listLink01 li a.blank:hover {
	background-image:url("../../common/img/icon_window2_white.png");
}


/* ===== Support Area ===== */
#mainArea .supportArea > .bg {
	padding-bottom:0;
}

#mainArea .supportArea .ti16 {
	color:#f0963c;
}

#mainArea .supportArea .ti16:after {
	background-color:#f0963c;
}

#mainArea .supportArea .internationalBox .bg {
	padding-left:680px;
}

#mainArea .supportArea .internationalBox .bg:before,
#mainArea .supportArea .internationalBox .bg:after {
	background:#fdf4eb;
}

#mainArea .supportArea .internationalBox .bg:before {
	left:140px;
}

#mainArea .supportArea .internationalBox .bg:after {
	right:-50vw;
}

#mainArea .supportArea .internationalBox .image {
	left:0;
}

#mainArea .supportArea .internationalBox .listLink01 li a {
	background-image:url("../img/icon_01_orange.png");
}

#mainArea .supportArea .internationalBox .listLink01 li a.blank {
	background-image:url("../img/icon_window_orange.png");
}

#mainArea .supportArea .internationalBox .listLink01 li a:hover {
	background-color:#f0963c;
	background-image:url("../../common/img/icon_01_white.png");
}

#mainArea .supportArea .internationalBox .listLink01 li a.blank:hover {
	background-image:url("../../common/img/icon_window2_white.png");
}


/* ===== Report Area ===== */
#mainArea .reportArea .ti16 {
	color:#3caa91;
}

#mainArea .reportArea .ti16:after {
	background-color:#3caa91;
}

#mainArea .reportArea .internationalBox .bg {
	padding-right:680px;
}

#mainArea .reportArea .internationalBox .bg:before,
#mainArea .reportArea .internationalBox .bg:after {
	background:#ebf6f4;
}

#mainArea .reportArea .internationalBox .bg:before {
	right:140px;
}

#mainArea .reportArea .internationalBox .bg:after {
	left:-50vw;
}

#mainArea .reportArea .internationalBox .image {
	right:0;
}

#mainArea .reportArea .internationalBox .listLink01 li a {
	background-image:url("../img/icon_01_green.png");
}

#mainArea .reportArea .internationalBox .listLink01 li a.blank {
	background-image:url("../img/icon_window_green.png");
}

#mainArea .reportArea .internationalBox .listLink01 li a:hover {
	background-color:#3caa91;
	background-image:url("../../common/img/icon_01_white.png");
}

#mainArea .reportArea .internationalBox .listLink01 li a.blank:hover {
	background-image:url("../../common/img/icon_window2_white.png");
}


/* ===== Vision Area ===== */
#mainArea .visionArea {
	background:#f9f4f5;
}

#mainArea .visionArea .tiVision01 {
	display:flex;
	margin-bottom:50px;
	width:100%;
	height:120px;
	background:transparent url("../img/ti_vision_01.png") 50% 50% no-repeat;
	background-size:contain;
	font-size:30px;
	font-size:1.88rem;
	font-weight:bold;
	color:#932536;
	line-height:1.3;
	text-align:center;
	align-items:center;
	justify-content:center;
}

#mainArea .visionArea .tiVision02 {
	font-size:24px;
	font-size:1.5rem;
	font-weight:bold;
}

#mainArea .visionArea .listVision01 {
	margin:0 auto;
	width:800px;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
}

#mainArea .visionArea .listVision01 li {
	position:relative;
	margin-bottom:10px;
	padding:19px 40px;
	background:#932536;
	overflow:hidden;
}

#mainArea .visionArea .listVision01 li:before,
#mainArea .visionArea .listVision01 li:after {
	position:absolute;
	top:0;
	right:0;
	width:195px;
	height:100%;
	opacity:0.1;
	content:"";
}

#mainArea .visionArea .listVision01 li:before {
	background-image:-moz-linear-gradient(top left, transparent, transparent 50%, #fff 50%, #fff);
	background-image:-webkit-linear-gradient(top left, transparent, transparent 50%, #fff 50%, #fff);
	background-image:linear-gradient(to bottom right, transparent, transparent 50%, #fff 50%, #fff);
}

#mainArea .visionArea .listVision01 li:after {
	background-image:-moz-linear-gradient(bottom right, transparent, transparent 50%, #fff 50%, #fff);
	background-image:-webkit-linear-gradient(bottom right, transparent, transparent 50%, #fff 50%, #fff);
	background-image:linear-gradient(to top right, transparent, transparent 50%, #fff 50%, #fff);
}

#mainArea .visionArea .listVision02 {
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
}

#mainArea .visionArea .listVision02 li {
	margin-bottom:10px;
}

#mainArea .visionArea .listVision02 dl {
	display:flex;
	align-items:center;
}

#mainArea .visionArea .listVision02 dt {
	padding:3px;
	min-width:120px;
	background:#932536;
	color:#fff;
	text-align:center;
}

#mainArea .visionArea .listVision02 dd {
	margin:0 -40px 0 30px;
	flex:1;
}


/* ===== Department Area ===== */
#mainArea .contactBox {
	display:table;
	width:100%;
}

#mainArea .contactBox .title {
	display:table-cell;
	padding-right:30px;
	border-right:1px solid #ddd;;
	width:240px;
	font-size:22px;
	font-size:1.38rem;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

#mainArea .listContact {
	display:table-cell;
	padding-left:60px;
	font-size:14px;
	font-size:0.88rem;
	vertical-align:middle;
}

#mainArea .listContact li {
	margin-bottom:10px;
	line-height:1.7;
}

#mainArea .listContact li:last-child { margin-bottom:0; }

#mainArea .listContact dl {
	display:table;
	width:100%;
}

#mainArea .listContact dl dt {
	display:table-cell;
	width:6em;
	font-weight:bold;
	color:#932536;
}

#mainArea .listContact dl dd {
	display:table-cell;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area_index_sp.jpg");
}

#titleArea .bg {
	padding-bottom:calc(1360 / 768 * 100%);
	height:auto;
}

#titleArea .title {
	bottom:50%;
	left:4%;
	margin:0;
	padding:10% 0;
	width:92%;
	text-align:center;
	transform:translateY(50%);
}

#titleArea .title img {
	width:80%;
}


/* ===== Common ===== */
#mainArea .txt01 {
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .internationalBox {
	min-height:initial;
	min-height:auto;
}

#mainArea .internationalBox .bg {
	padding:0 20px 30px 20px;
}

#mainArea .internationalBox .bg:before {
	top:60px;
	height:calc(100% - 60px);
}

#mainArea .internationalBox .bg:after {
	display:none;
}

#mainArea .internationalBox .image {
	position:relative;
	top:0;
	margin:0 0 20px 0;
}

#mainArea .internationalBox .listLink01 {
	font-size:12px;
	font-size:0.75rem;
}

#mainArea .internationalBox .listLink01 li {
	margin-bottom:7px;
}

#mainArea .internationalBox .listLink01 li:last-child {
	margin-bottom:0;
}

#mainArea .internationalBox .listLink01 li a {
	padding-top:11px;
	padding-bottom:11px;
	background-size:15px auto;
}


/* ===== News Area ===== */
#mainArea .tiNewsInternational {
	margin-bottom:0;
	font-size:22px;
	font-size:1.38rem;
}

#mainArea .tiNewsInternational:before {
	height:1px;
}

#mainArea .tiNewsInternational .bg {
	padding-right:15px;
}

#mainArea .tiNewsInternational .en {
	margin-bottom:0;
	font-size:16px;
	font-size:1rem;
}

#mainArea .listNewsInternational {
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .listNewsInternational li a,
#mainArea .listNewsInternational li .noLink {
	padding:15px 0;
}

#mainArea .listNewsInternational li .newsDate {
	margin-right:10px;
	font-size:11px;
	font-size:0.69rem;
}

#mainArea .listNewsInternational li .newsCategory {
	padding:2px 5px;
	min-width:110px;
	font-size:11px;
	font-size:0.69rem;
}

#mainArea .listNewsInternational li .newsTitle {
	margin:5px 0 0 0;
}

#mainArea .listNewsInternational li a:hover .newsTitle { text-decoration:none; }

#mainArea .btNewsInternational .bt01 {
	padding-top:9px;
	padding-bottom:9px;
	width:80%;
	font-size:14px;
	font-size:0.88rem;
	background-size:18px auto;
}


/* ===== Target Area ===== */
#mainArea .listTarget {
	margin:-5px;
	font-size:18px;
	font-size:1.13rem;
}

#mainArea .listTarget li {
	margin:5px;
	width:calc(50% - 10px - 0.1px);
}

#mainArea .listTarget li.is-full {
	width:calc(100% - 10px);
}

#mainArea .listTarget a {
	padding:5px;
	box-shadow:0 0 10px 3px rgba(147,37,54,0.1);
}

#mainArea .listTarget .bg {
	padding:10px 40px 10px 20px;
	width:100%;
	height:60px;
	border-width:1px;
}

#mainArea .listTarget .is-examinee .bg {
	height:80px;
}

#mainArea .listTarget .bg:before {
	right:9px;
	margin-top:-10px;
	width:20px;
	height:20px;
}

#mainArea .listTarget .is-examinee .main,
#mainArea .listTarget .is-foreign .main,
#mainArea .listTarget .is-inside .main {
	width:100%;
	height:20px;
}

#mainArea .listTarget .is-examinee .main:before { margin-top:-11px; height:22px; }
#mainArea .listTarget .is-foreign .main:before { margin-top:-20px; height:40px; background-image:url("../img/bt_foreign_sp.png"); }
#mainArea .listTarget .is-inside .main:before { margin-top:-9px; height:17px; }

#mainArea .listTarget .sub {
	margin-top:10px;
	font-size:12px;
	font-size:0.75rem;
}

#mainArea .listTarget a:hover { background:#fff; }
#mainArea .listTarget a:hover .bg { border-color:#932536; }
#mainArea .listTarget a:hover .bg:before { background-image:url("../../common/img/icon_02.png"); }
#mainArea .listTarget a:hover .main { color:#932536; }
#mainArea .listTarget a:hover .sub { color:#333; }
#mainArea .listTarget .is-foreign a:hover .main:before { background-image:url("../img/bt_foreign_sp.png"); }
#mainArea .listTarget .is-inside a:hover .main:before { background-image:url("../img/bt_inside.png"); }

#mainArea .listTarget .is-examinee a:hover { background:#932536; opacity:1; }
#mainArea .listTarget .is-examinee a:hover .bg { border-color:#fff; }
#mainArea .listTarget .is-examinee a:hover .bg:before { background-image:url("../../common/img/icon_03.png"); }
#mainArea .listTarget .is-examinee a:hover .main { color:#932536; }
#mainArea .listTarget .is-examinee a:hover .sub { color:#fff; }


/* ===== Abroad Area ===== */
#mainArea .abroadArea .internationalBox {
	min-height:initial;
	min-height:auto;
}

#mainArea .abroadArea .internationalBox .bg {
	padding-right:20px;
}

#mainArea .abroadArea .internationalBox .bg:before {
	right:0;
}

#mainArea .abroadArea .internationalBox .listLink01 li a:hover {
	background-color:#fff;
	background-image:url("../img/icon_01_pink.png");
}


/* ===== Support Area ===== */
#mainArea .supportArea .internationalBox {
	min-height:initial;
	min-height:auto;
}

#mainArea .supportArea .internationalBox .bg {
	padding-left:20px;
}

#mainArea .supportArea .internationalBox .bg:before {
	left:0;
}

#mainArea .supportArea .internationalBox .listLink01 li a:hover {
	background-color:#fff;
	background-image:url("../img/icon_01_orange.png");
}


/* ===== Report Area ===== */
#mainArea .reportArea .internationalBox {
	min-height:initial;
	min-height:auto;
}

#mainArea .reportArea .internationalBox .bg {
	padding-right:20px;
}

#mainArea .reportArea .internationalBox .bg:before {
	right:0;
}

#mainArea .reportArea .internationalBox .listLink01 li a:hover {
	background-color:#fff;
	background-image:url("../img/icon_01_green.png");
}


/* ===== Vision Area ===== */
#mainArea .visionArea .tiVision01 {
	margin-bottom:20px;
	height:60px;
	font-size:18px;
	font-size:1.13rem;
}

#mainArea .visionArea .tiVision02 {
	font-size:16px;
	font-size:1rem;
}

#mainArea .visionArea .listVision01 {
	width:auto;
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .visionArea .listVision01 li {
	margin-bottom:15px;
	padding:15px 20px;
}

#mainArea .visionArea .listVision02 {
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .visionArea .listVision02 li {
	margin-bottom:20px;
}

#mainArea .visionArea .listVision02 dl {
	display:block;
}

#mainArea .visionArea .listVision02 dt {
	display:inline-block;
	min-width:100px;
}

#mainArea .visionArea .listVision02 dd {
	margin:10px 0 0 0;
	line-height:1.6;
}


/* ===== Department Area ===== */
#mainArea .contactBox {
	display:block;
}

#mainArea .contactBox .title {
	display:block;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #ddd;;
	border-right:0;
	width:auto;
	font-size:16px;
	font-size:1rem;
	text-align:center;
}

#mainArea .listContact {
	display:block;
	padding:0 10px;
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .listContact li {
	margin-bottom:7px;
}

#mainArea .listContact dl dt {
	width:5em;
}

}