/* ============================================================================
   HTML5 element display
   ========================================================================= */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* ============================================================================
   Base
   ========================================================================= */

html { font-size: 100%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 100%; line-height: 1.45; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================================================================
   Links
   ========================================================================= */

a { color: #076bcb; }
/* a:visited { color: #551a8b; }
 * a:focus { outline: thin dotted; }
 */

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }
/* a:hover { color: #00873c; }
 */

/* ============================================================================
   Typography
   ========================================================================= */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #999999; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; line-height: 1.2; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* ============================================================================
   Lists
   ========================================================================= */

ul, ol { margin: 5px 0; padding: 0; }
dd { margin: 0 0 0 40px; }


/* ============================================================================
   Embedded content
   ========================================================================= */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* ============================================================================
   Figures
   ========================================================================= */

figure { margin: 0; }


/* ============================================================================
   Forms
   ========================================================================= */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; } /* KAZ c/o: vertical-align: baseline; *vertical-align: middle; */

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* ============================================================================
   Tables
   ========================================================================= */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

td {
	padding: 0;
}

table.noborder {
	margin: 0;
}
table.noborder td {
	border: 0;
}

/* ==================
   Initializr Theme
   ================== */

body {
	font-family: NotoSansCJKja, NotoSansCJK, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: white;
	color: black;
}
[lang=en] {
	font-family: "Oswald Medium", Calibri, "Helvetica Neue", Helvetica, sans-serif;
}
p, address {
	margin-top: 5px;
	margin-bottom: 10px;
}
address {
	font-style: normal;
}
section {
	clear: both;
}
h1, h2, h3, h4, h5 {
	margin: 0;
}
h2, h3, h4 {
	color: black;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 160%;
	line-height: 130%;
}
h4 {
	font-size: 105%;
}
h5 {
	font-size: 100%;
	color: #0D5593;
}

iframe {
	display: block;
	overflow: hidden;
	border: 0;
}
.nomargin {
	margin: 0;
}
.transbtn:hover,
span.current .transbtn {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.righttop {	/* Force to position right top most of the parent element, which has position: relative */
	 position: absolute;
	 right: 0;
	 top: 0;
}
.rightbottom {
	 position: absolute;
	 right: 0;
	 bottom: 0;
}
img.withintext {
	vertical-align: middle;
}
.imgonly {	/* to avoid gap under this */
	line-height: 0;
}
.imgonly a {
	display: inline-block;
}

/* ===============================
   The Structure
   =============================== */
#header, #subtitle_wrapper, #wrapper, #wrapper2, #wrapper3, #contact_wrapper, #footer {
	width: 100%;
}


/* ===============================
   Header: logo, top menu area
   =============================== */
#header {
	color: #003b90;
}
#paxis_top #header {
	background: url(images/top_header_bg.jpg) no-repeat center top / cover;
	height: 435px;
	padding-top: 305px;
	position:relative;
}
#paxis_top #header:after {
	background: url(images/section_shadow.png) no-repeat center top;
	display: block;
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: -35px;
	left: 0;
	content: '';
}
#paxis_confirm #header {
	height: 205px;
}
#header_menu {
	position: absolute;	/* was fixed */
	width: 1000px;
	top: 0;
	right: 50%;
	z-index: 100;
	-ms-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}
#header_head {
	height: 75px;
	margin-bottom: 45px;
	padding-top: 30px;
	-ms-transition: height 0.2s linear, margin-bottom 0.2s linear, padding-top 0.2s linear
	-moz-transition: height 0.2s linear, margin-bottom 0.2s linear, padding-top 0.2s linear
	-webkit-transition: height 0.2s linear, margin-bottom 0.2s linear, padding-top 0.2s linear
	transition: height 0.2s linear, margin-bottom 0.2s linear, padding-top 0.2s linear;
}
/* c/o temporarily
#header_head.compact {
	background-color: white;
	height: 55px;
	margin-bottom: 0;
	padding-top: 10px;
}
*/
#header_logo {
	float: left;
	padding: 10px 13px;
}
#header_logo a {
	display: block;
	line-height: 0;
}
#header_contact {
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: right;
	margin-right: 11px;
	color: white;
	font-size: 18px;
	text-align: center;
}
#header_contact a {
	background: -moz-linear-gradient(0deg, #1b458f 0%, #4ac1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left center, right center, color-stop(0%,#1b458f), color-stop(100%,#4ac1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, #1b458f 0%, #4ac1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg, #1b458f 0%, #4ac1f1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(90deg, #1b458f 0%, #4ac1f1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#1b458f', endColorStr='#4ac1f1', GradientType=1 ); /* IE6-9 */
	background: linear-gradient(90deg, #1b458f 0%, #4ac1f1 100%); /* W3C */
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	display: block;
	width: 220px;
	line-height: 45px;
	color: inherit;
	text-decoration: none;
}
#headerlogo a:hover,
#header_contact a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
ul#paxis_navi {
	background-color: white;
	position: relative;
	clear: both;
	height: 115px;
	width: 100%;
	margin: 0;
}
ul#paxis_navi:after {
	background: url(images/paxis_navi_shadow.png) no-repeat center top;
	display: block;
	position: absolute;
	width: 100%;
	height: 37px;
	bottom: -37px;
	left: 0;
	content: '';
}
ul#paxis_navi li {
	list-style-type: none;
}
ul#paxis_navi > li {
	float: left;
	height: 115px;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
}
ul#paxis_navi > li#paxis_navi_home {
	margin-left:45px;
}
ul#paxis_navi > li#paxis_navi_screening{
	margin-left:18px;	
}
ul#paxis_navi > li#paxis_navi_pro{
	margin-left:21px;	
}
ul#paxis_navi > li#paxis_navi_lite{
	margin-left:38px;	
}
ul#paxis_navi > li#paxis_navi_other{
	margin-left:-2px;	
}
ul#paxis_navi > li#paxis_navi_study{
	margin-left:-2px;	
}
ul#paxis_navi > li span.current,
ul#paxis_navi li a {
	display: block;
}
ul#paxis_navi li a {
	color: inherit;
	text-decoration: none;
}
ul#paxis_navi li a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
ul#paxis_navi > li .parent,
ul#paxis_navi > li span.current,
ul#paxis_navi > li > a {
	height: 115px;
	padding: 5px 10px;
}
ul#paxis_navi > li#paxis_navi_home > a {
	width: 150px;
}
ul#paxis_navi > li#paxis_navi_screening span.current,
ul#paxis_navi > li#paxis_navi_screening > a {
	width: 80px;
}
ul#paxis_navi > li#paxis_navi_screening .icon img{
	width:35px;
	height:auto;
}
ul#paxis_navi > li#paxis_navi_pro > a {
	width: 120px;
}
ul#paxis_navi > li#paxis_navi_pro .icon img{
	width:32px;
	height:auto;
}
ul#paxis_navi > li#paxis_navi_lite > a {
	width: 140px;
}
ul#paxis_navi > li#paxis_navi_lite .icon img{
	width:40px;
	height:auto;
}
ul#paxis_navi > li#paxis_navi_other > a {
	width: 80px;
}
ul#paxis_navi > li#paxis_navi_other .icon img{
	width:30px;
	height:auto;
}
ul#paxis_navi > li#paxis_navi_study > a {
	width: 100px;
}
ul#paxis_navi > li .parent span.icon,
ul#paxis_navi > li span.current span.icon,
ul#paxis_navi > li > a span.icon {
	line-height: 55px;
	display:block;
}
ul#paxis_navi > li .parent span.icon img,
ul#paxis_navi > li span.current span.icon img,
ul#paxis_navi > li > a span.icon img {
	vertical-align: middle;
}
ul#paxis_navi > li .parent span.text,
ul#paxis_navi > li span.current span.text,
ul#paxis_navi > li > a span.text {
	display: inline-block;
	line-height: 1.2;
	text-align: center;
}
ul#paxis_navi > li span.current span.text {
	color: #999;
}
ul#paxis_navi > li > a span.text span{
	letter-spacing:0px;
}
ul#paxis_navi > li .parent span.text span[lang="en"],
ul#paxis_navi > li span.current span.text span[lang="en"],
ul#paxis_navi > li > a span.text span[lang="en"] {
	display: block;
	font-size: 14px;
/*	font-weight: normal; */
}
ul#paxis_navi > li ul.submenu {
	background-color: white;
	background-color: rgba(255,255,255,0.6);
	position: relative;
	clear: left;
	overflow: hidden;
	width: 162px;
	height: 0;
	left: 10px;
	z-index: 1;
	margin: 0;
	padding: 0;
	-ms-transition: height 0.3s linear, padding 0.2s linear;
	-moz-transition: height 0.3s linear, padding 0.2s linear;
	-webkit-transition: height 0.3s linear, padding 0.2s linear;
	transition: height 0.3s linear, padding 0.2s linear;
}
ul#paxis_navi > li:hover ul.submenu {
	height: auto; /* was 129px */
	padding: 5px 0 4px;
}
ul#paxis_navi > li ul.submenu li {
	background: url(images/arrow_right_blue.png) no-repeat 11px center;
	padding-left: 32px;
	line-height: 40px;
	text-align:left;
}

/* ==================
   Header: Page Title
   ================== */
#page_title,
#page_description {
	text-align: center;
}
#page_title {
	line-height: 1.25;
	font-size: 50px;	/* was 60px */
	font-weight: bold;
}
#paxis_top #page_title {
	margin: 0 0 30px;
}
#page_title span[lang="en"] {
	display: block;
	font-size: 20px;
	font-weight: normal;
}
#paxis_top #page_title span[lang="en"] {
	font-family: "游明朝", YuMincho, Times, "Times New Roman", serif;
	letter-spacing: 0.1em;
}
#page_description {
	font-size: 20px;	/* was 22px */
	font-weight: bold;
	letter-spacing: 0.1em;
}
/* ==================
   Main
   ================== */
#wrapper, #wrapper2, #wrapper3 {
}
#main, #main2, #main3 {
}

/* =========================================
   Contents (common among all pages)
   ======================================= */
#content, #content2, #content3 {
	padding: 80px 0;
}
#content img.alignleft,
#content2 img.alignleft,
#content3 img.alignleft {
	display: block;
	float: left;
	margin-right: 2em;
}
#content img.alignright,
#content2 img.alignright,
#content3 img.alignright {
	display: block;
	float: right;
	margin-left: 2em;
}
#content ul li,
#content2 ul li,
#content3 ul li {
	list-style-type: none;
}
a.link_btn {
	background: -moz-linear-gradient(45deg, #4ac1f1 0%, #1b458f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4ac1f1), color-stop(100%,#1b458f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #4ac1f1 0%, #1b458f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #4ac1f1 0%, #1b458f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(45deg, #4ac1f1 0%, #1b458f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#4ac1f1', endColorStr='#1b458f', GradientType=1 ); /* IE6-9 */
	background: linear-gradient(45deg, #4ac1f1 0%, #1b458f 100%); /* W3C */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	width: 200px;
	line-height: 45px;
	color: white;
	text-align: center;
	text-decoration: none;
}

/* ===============================
   Contents (PAXiS Top)
   ================== */
#paxis_top #content h1 {
	background: url(images/t_shape_black.png) no-repeat center bottom;
	margin: 30px 0 29px;
	padding-bottom: 63px;
	font-size: 40px;	/* was 45px */
	text-align: center;
}
ul#paxis_top_navi {
	height: 450px;
	margin: 0;
}
ul#paxis_top_navi li {
	border: #003b90 1px solid;
	float: left;
	width: 235px;
	height: 500px; /* was 450px (c.f. 50px/1btn) */
	margin-left: 20px;
	padding-top: 27px;
	text-align: center;
}
ul#paxis_top_navi li:first-child {
	margin-left: 0;
}
ul#paxis_top_navi li span {
	display: block;
}
ul#paxis_top_navi li span.icon {
	margin-bottom: 8px;
	line-height: 41px;
}
ul#paxis_top_navi li span.icon img {
	vertical-align: bottom;
}
ul#paxis_top_navi li#paxis_top_navi_screening span.icon img {
	width: 41.5px;
}
ul#paxis_top_navi li#paxis_top_navi_pro span.icon img,
ul#paxis_top_navi li#paxis_top_navi_other span.icon img {
	width: 40.5px;
}
ul#paxis_top_navi li#paxis_top_navi_lite span.icon img {
	width: 48px;
}
ul#paxis_top_navi li span.text {
	border-bottom: #c0c0c0 1px solid;
	width: 200px;
	margin: 0 auto 18px;
	padding-bottom: 22px;
	line-height: 1.15;
	color: #003b90;
	font-size: 22px;
	font-weight: bold;
}
ul#paxis_top_navi li span.text span[lang="en"] {
	font-size: 12px;
/*	font-weight: normal; */
}
ul#paxis_top_navi li span.description {
	margin-bottom: 25px;
	line-height: 23px;
}
ul#paxis_top_navi li span.links a.link_btn {
	margin-top: 10px;
}
ul#paxis_top_navi li span.links a.link_btn:first-child {
	margin-top: 0;
}
ul#paxis_top_navi li span.links a.link_btn[lang="en"] {
	font-size: 18px;
}


/* ===============================
   Contents (Confirmation)
   ================== */
#paxis_confirm #content {
	font-weight: bold;
	text-align: center;
}
#paxis_confirm #content h1 {
	margin: 0 0 35px;
	padding: 0.25em 1.25em;
	line-height: 1.5;
	color: #003b90;
	font-size: 22px;
}
#paxis_confirm #content #paxis_confirm_notice {
	border: #edf0f4 11px solid;
	margin-bottom: 50px;
	padding: 24px 1em;
	line-height: 30px;
	font-size: 18px;
}
#paxis_confirm #content #paxis_confirm_question {
	margin-bottom: 23px;
	font-size: 22px;
}
#paxis_confirm #content #paxis_confirm_answer a.link_btn {
	width: 220px;
	margin: 0 25px 40px;
}

/* ==================
   Footer
   ================== */
#contact_wrapper {
	background: #fbf9f7 url(images/contact_bg.png) no-repeat left calc(50vw + 460px) bottom;
	clear: both;
	height: 530px;
	padding-top: 104px;
}
#contact_wrapper h2 {
	line-height: 1.6;
	color: #003b90;
	font-size: 35px;	/* was 45px */
	text-align: center;
}
#contact_wrapper h2 span[lang="en"] {
	display: block;
	font-size: 18px;
/*	font-weight: normal; */
}
#contact_wrapper .description,
#contact_wrapper .text {
	text-shadow: -1px 0px 6px #fbf9f7, 0px 1px 6px #fbf9f7, 1px 0px 6px #fbf9f7, 0px -1px 6px #fbf9f7, -2px -2px 6px #fbf9f7, 2px -2px 6px #fbf9f7, 2px 2px 6px #fbf9f7, -2px 2px 6px #fbf9f7, -3px 0px 6px #fbf9f7, 0px 3px 6px #fbf9f7, 3px 0px 6px #fbf9f7, 0px -3px 6px #fbf9f7;
}
#contact_wrapper .description {
	margin: 15px 0 39px;
	font-size: 18px;
	text-align: center;
}
#contact_wrapper a.link_btn {
	float: left;
	width: 360px;
	height: 160px;
	margin-top: 2px;
	padding: 37px 0;
	line-height: 43px;
	font-size: 30px;
	font-weight: bold;
}
#contact_wrapper .text {
	margin-left: 394px;
	line-height: 1.2;
	color: #003b90;
	font-size: 30px;
	font-weight: bold;
}
#contact_wrapper .text span.phone {
	display: block;
	font-size: 45px;
}
#contact_wrapper .text span.phone span.number {
	font-size: 87px;	/* 100px in design */
	letter-spacing: -0.02em;
}
#contact_wrapper .text span.hours {
	display: block;
	color: black;
	font-size: 18px;
	font-weight: normal;
}
#contact_wrapper .text span.hours span.note {
	font-size: 16px;
}

#footer {
	background-color: #012257;
	clear: both;
	padding: 60px 0;
	color: white;
}
#footer_logo {
	margin-bottom: 47px;
	line-height: 0;
}
#footer_logo a {
	display: inline-block;
	width: 477px;
}
#footer_logo a img {
	width: 100%;
}
ul#footer_contact {
	height: 78px;
	margin-bottom: 37px;
}
ul#footer_contact li {
	list-style-type: none;
	float: left;
	min-width: 377px;
	line-height: 26px;
}
#copyright {
	clear: both;
	font-size: 14px;
	text-align: right;
}
#copyright p {
	margin: 0;
	line-height: 1;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ============================================================================
   Responsive Structure
   ========================================================================= */

@media screen and (min-width: 769px), print {
	.sponly {
		display: none;
	}
	body {
		min-width: 1006px;
	}

	#header .container, #subtitle, #main, #main2, #main3, #contact_wrapper .container, #footer .container {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Special breakpoint for #contact_wrapper background */
@media screen and (max-width: 1519px), print {
	#contact_wrapper {
		background-position: right -200px bottom;
	}
}

/* Special breakpoint for #header_menu */
@media screen and (max-width: 999px) {
	#header_menu {
		width: 100%;
	}
	ul#paxis_navi > li,
	ul#paxis_navi > li#paxis_navi_screening {
		margin-left: 0;
	}
ul#paxis_navi > li {
	float: left;
	height: 115px;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
}	
ul#paxis_navi > li#paxis_navi_home {
	margin-left:0px;
}
ul#paxis_navi > li#paxis_navi_screening{
	margin-left:-7px;	
}
ul#paxis_navi > li#paxis_navi_pro{
	margin-left:-4px;	
}
ul#paxis_navi > li#paxis_navi_lite{
	margin-left:8px;	
}
ul#paxis_navi > li#paxis_navi_other{
	margin-left:-22px;	
}
ul#paxis_navi > li#paxis_navi_study{
	margin-left:-22px;	
}
ul#paxis_navi > li .parent,
ul#paxis_navi > li span.current,
ul#paxis_navi > li > a {
	height: 115px;
	padding: 5px 5px;
}
ul#paxis_navi > li#paxis_navi_home > a {
	width: 140px;
}
ul#paxis_navi > li#paxis_navi_screening span.current,
ul#paxis_navi > li#paxis_navi_screening > a {
	width: 70px;
}
ul#paxis_navi > li#paxis_navi_screening .icon img{
	width:35px;
	height:auto;
}
ul#paxis_navi > li#paxis_navi_pro > a {
	width: 110px;
}

ul#paxis_navi > li#paxis_navi_lite > a {
	width: 130px;
}
ul#paxis_navi > li#paxis_navi_other > a {
	width: 70px;
}		
}

@media screen and (max-width: 768px) {
	/* Base */
	html {
		font-size: 3.73vw;	/* 28px */
	}
	.pconly {
		display: none;
	}
	body {
		min-width: 320px;
	}
	img {
		max-width: 100%;
		height: auto;
	}

	/* Header */
	#paxis_top #header {
		background: url(images/sp/top_header_bg.jpg) no-repeat center / cover;
		width: 100vw;
		height: 50.83vw;	/* 400px */
		padding-top: 18.9vw;
	}
	#header_head {
		position: relative;
	}
	#paxis_confirm #header,
	#header_head,
	#header_head.compact,
	#header_spmenu_btn a,
	#header_contact,
	#paxis_spmenu_overlay a {
		height: 11.2vw;
	}
	#header_head,
	#header_head.compact {
		margin-bottom: 0;
		padding-top: 0;
	}
	#header_logo {
		margin-left: 6vw;
		padding: 5.03vw 1.7vw;
	}
	#header_logo a {
		width: 53.67vw;	/* 403px */
	}
	#header_logo a img {
		width: 100%;
	}
	#header_spmenu_btn,
	#header_contact {
		width: 12.8vw;
	}
	#header_spmenu_btn {
		float: right;
		margin-right: 0.4vw;
		text-align: center;
	}
	#header_spmenu_btn a,
	#paxis_spmenu_overlay a {
		display: block;
		padding-top: 3.73vw;	/* 28px */
	}
	#header_spmenu_btn a img {
		width: 53%;
	}
	#header_contact {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		position: absolute;
		float: none;
		margin-right: 0;
		top: 0;
		right: 13.2vw;
	}
	#header_contact a,
	#header_contact a img {
		width: 100%;
	}
	#header_contact a {
		background: #003b90 none;
		line-height: 0;
	}
	#header_contact a span{
			display:none;
}
	#paxis_spmenu_overlay {
		background-color: rgba(0,0,0,0.6);
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
	}
	#paxis_spmenu_overlay a {
		background-color: white;
		margin-left: 20vw;
		padding-left: 66.8vw;
		padding-right: 0.4vw;
		text-align: center;
	}
	#paxis_spmenu_overlay a img {
		width: 6.8vw;	/* 51px */
	}
	ul#paxis_navi {
		display: none;
		position: fixed;
		width: 80vw;
		height: calc(100vh - 11.2vw);
		top: 11.2vw;
		left: 20vw;
		padding: 0 4vw;
	}
	ul#paxis_navi:after {
		display: none;
	}
	ul#paxis_navi > li,
	ul#paxis_navi > li ul.submenu,
	ul#paxis_navi > li:hover ul.submenu {
		height: auto;
	}
	ul#paxis_navi > li {
		border-bottom: #003b90 1px solid;
		float: none;
		margin-left: 0!important;
		line-height: 14vw;	/* 120px */
		font-size: 4.8vw;	/* 36px */
		text-align:left;		
	}
	ul#paxis_navi > li:first-child {
		/*border-top: #003b90 1px solid;*/
	}
	ul#paxis_navi > li#paxis_navi_screening span.current,
	ul#paxis_navi > li#paxis_navi_home > a,
	ul#paxis_navi > li#paxis_navi_screening > a,
	ul#paxis_navi > li#paxis_navi_pro > a,
	ul#paxis_navi > li#paxis_navi_lite > a,
	ul#paxis_navi > li#paxis_navi_other .parent,
	ul#paxis_navi > li#paxis_navi_study > a{
		width: auto;
	}
	ul#paxis_navi > li .parent,
	ul#paxis_navi > li span.current,
	ul#paxis_navi > li > a {
		height: auto;
		padding: 0 3.73vw;	/* 28px */
	}
	ul#paxis_navi > li .parent span.icon,
	ul#paxis_navi > li span.current span.icon,
	ul#paxis_navi > li > a span.icon {
		display: none;
	}
	ul#paxis_navi > li .parent span.text,
	ul#paxis_navi > li span.current span.text,
	ul#paxis_navi > li > a span.text {
		padding-top: 0;
		line-height: inherit;
	}
	ul#paxis_navi > li .parent span.text span[lang="en"],
	ul#paxis_navi > li span.current span.text span[lang="en"],
	ul#paxis_navi > li > a span.text span[lang="en"] {
		display: inline-block;
		margin-left: 4.8vw;	/* 36px */
		font-size: 3.73vw;	/* 28px */
	}
	ul#paxis_navi > li ul.submenu,
	ul#paxis_navi > li:hover ul.submenu {
		height: auto;
		padding: 0 0 0 7.73vw;	/* 58px */
	}
	ul#paxis_navi > li ul.submenu {
		position: static;
		width: auto;
		margin: -1.47vw 0 2.67vw;	/* -11px 0 20px */
	}
	ul#paxis_navi > li ul.submenu li {
		background-position: 1.6vw center;	/* 12px */
		background-size: 1.07vw auto;	/* 8px */
		padding-left: 4.8vw;	/* 36px */
		line-height: 8.59vw;	/* 64.4px */
		font-size: 3.47vw;	/* 26px */
	}

	#page_title {
		line-height: 1.15;
		font-size: 6.4vw;	/* 48px */
	}
	#paxis_top #page_title {
		background-size: 20vw auto;	/* 150px */
		margin: 0 0 1.73vw;	/* 13px */
		padding-bottom: 7.47vw;	/* 56px */
	}
	#page_title span[lang="en"] {
		font-size: 3.2vw;	/* 24px */
	}
	#page_description {
		line-height: 6.4vw;	/* 39.26px */
		font-size: 3.6vw;	/* 32px */
	}
	#subtitle_wrapper {
		height: auto;
		padding: 4.27vw 0;	/* 32px */
		line-height: 4.93vw;	/* 37px */
		font-size: 3.73vw;	/* 28px */
	}
	#subtitle_wrapper:after {
		background-size: 100vw auto;
		width: 100vw;
		height: 3.7vw;	/* 27.75px */
		bottom: -3.7vw;
	}

	/* Contents (common among all pages) */
	#content, #content2, #content3 {
		padding: 10.4vw 0;	/* 78px */
	}
	a.link_btn {
		-moz-border-radius: 2.67vw;	/* 20px */
		-webkit-border-radius: 2.67vw;	/* 20px */
		border-radius: 2.67vw;	/* 20px */
		width: 58.67vw;		/* 440px */
		line-height: 12vw;	/* 90px */
	}

	/* Contents (PAXiS Top) */
	#paxis_top #content h1 {
		background-size: 30vw auto;	/* 225px */
		margin: 0 0 4vw;	/* 30px */
		padding-bottom: 10vw;	/* 75px */
		line-height: 1;
		font-size: 6.4vw;	/* 48px */
	}
	ul#paxis_top_navi {
		border: #003b90 1px solid;
		width: 92vw;		/* 690px */
		height: auto;
		margin: 0 4vw;		/* 0 30px */
		padding: 0 2.4vw;	/* px 18px */
	}
	ul#paxis_top_navi li {
		border-width: 1px 0 0;
		float: none;
		width: 100%;
		height: auto;
		margin-left: 0;
		padding: 6.67vw 0;	/* 50px 0 */
	}
	ul#paxis_top_navi li:first-child {
		border-width: 0;
	}
	ul#paxis_top_navi li span.icon {
		margin-bottom: 2.4vw;	/* 18px */
		line-height: 10.8vw;	/* 81px */
	}
	ul#paxis_top_navi li#paxis_top_navi_screening span.icon img {
		width: 11.07vw;	/* 83px */
	}
	ul#paxis_top_navi li#paxis_top_navi_pro span.icon img,
	ul#paxis_top_navi li#paxis_top_navi_other span.icon img {
		width: 10.8vw;	/* 81px */
	}
	ul#paxis_top_navi li#paxis_top_navi_lite span.icon img {
		width: 12.8vw;	/* 96px */
	}
	ul#paxis_top_navi li span.text {
		border: 0;
		width: auto;
		margin: 0 0 2.93vw;	/* 22px */
		padding-bottom: 0;
		font-size: 5.87vw;	/* 44px */
	}
	ul#paxis_top_navi li span.text span[lang="en"] {
		border-bottom: #c0c0c0 1px solid;
		margin: 0 28.93vw;	/* 0 217px */
		padding-bottom: 3.2vw;	/* 24px */
		font-size: 3.2vw;	/* 24px */
	}
	ul#paxis_top_navi li span.description {
		margin-bottom: 1.33vw;	/* 10px */
		line-height: 5.73vw;	/* 43px */
	}
	ul#paxis_top_navi li span.links a.link_btn {
		margin-top: 2.67vw;	/* 20px */
		font-size: 4.27vw;	/* 32px */
	}
	ul#paxis_top_navi li span.links a.link_btn:first-child {
		margin-top: 0;
	}
	ul#paxis_top_navi li span.links a.link_btn[lang="en"] {
		font-size: 4.8vw;	/* 36px */
	}

	/* Contents (Confirmation) */
	#paxis_confirm #content #paxis_confirm_answer a.link_btn {
		width: 30vw;
		margin: 0 3vw 5vw;
	}

	/* Footer */
	#contact_wrapper {
		background-image: none;
		height: auto;
		padding: 8.53vw 0 6.53vw;	/* 64px 0 49px */
	}
	#contact_wrapper h2 {
		line-height: 1.2;
		font-size: 6.4vw;	/* 48px */
		letter-spacing: 0.06em;
	}
	#contact_wrapper h2 span[lang="en"] {
		font-size: 3.2vw;	/* 24px */
		letter-spacing: 0.04em;
	}
	#contact_wrapper .description,
	#contact_wrapper a.link_btn {
		width: 92vw;	/* 690px */
	}
	#contact_wrapper .description {
		background: url(images/contact_bg.png) no-repeat right -11.2vw bottom -15.89vw / 63.57vw;	/* right -84px bottom -119.2px / 476.8px */
		height: 47.68vw;		/* 357.6px */
		margin: -3.87vw 4vw 0;	/* -29px 30px 0 */
		padding-top: 13.6vw;	/* 102px */
		line-height: 6.8vw;	/* 51px */
		font-size: 4.27vw;	/* 32px */
		letter-spacing: 0.04em;
		text-align: left;
	}
	#contact_wrapper a.link_btn {
		-moz-border-radius: 1.33vw;	/* 10px */
		-webkit-border-radius: 1.33vw;	/* 10px */
		border-radius: 1.33vw;	/* 10px */
		float: none;
		height: auto;
		margin: 0 4vw;		/* 0 30px */
		padding: 0;
		line-height: 11.33vw;	/* 85px */
		font-size: 4.27vw;	/* 32px */
		letter-spacing: 0.06em;
	}
	#contact_wrapper .text {
		margin-left: 0;
		padding-top: 7.47vw;	/* 56px */
		line-height: 1.3;
		font-size: 4vw;		/* 30px */
		text-align: center;
		text-shadow: none;
	}
	#contact_wrapper .text span.phone {
		font-size: 6.27vw;	/* 47px */
	}
	#contact_wrapper .text span.phone span.number {
		font-size: 10.8vw;	/* 81px; was 104px */
		letter-spacing: 0;	/* 0.04em in design; not for Helvetica */
	}
	#contact_wrapper .text span.hours {
		margin-top: -2.13vw;	/* -16px */
		line-height: 6.53vw;	/* 49px */
		font-size: 4.27vw;	/* 32px */
	}
	#contact_wrapper .text span.hours span.note {
		display: block;
		font-size: inherit;
	}
	#footer,
	#copyright {
		text-align: center;
	}
	#footer {
		padding: 8vw 0;		/* 60px 0 */
	}
	#footer_logo {
		margin-bottom: 10.67vw;	/* 80px */
	}
	#footer_logo a {
		width: 84vw;	/* 630px */
	}
	ul#footer_contact {
		height: auto;
		margin-bottom: 8.4vw;	/* 63px */
		font-size: 4.27vw;	/* 32px */
	}
	ul#footer_contact li {
		float: none;
		min-width: 0;
		margin-bottom: 7.2vw;	/* 54px */
		line-height: 5.67vw;	/* 42px */
	}
	#copyright {
		font-size: 3.2vw;	/* 24px */
	}
}


/* ============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================= */

@media print {
	a, a:visited { text-decoration: underline; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	h2, h3 { page-break-after: avoid; }

	body {
		width: 1024px;
	}
}
/* ==================
   setu
   ================== */
#paxis_top #content h1.info_ttl {
	background:none;
	margin:-30px 0 29px;
	padding-bottom:0;
	font-size: 40px;	/* was 45px */
	text-align: center;
}
.info_wrap{
	background:#E8EEFC;
}
.info_wrap .info_box{
	padding:40px 80px;
	background:#fff;
}
.info_wrap .info_box .date{
	color:#717171;
	font-size:18px;
	font-weight:bold;
}
.info_wrap .info_box .ttl{
	font-size:25px;
	margin:0 0 10px 0;
}
.info_wrap .info_box .txt{
	font-size:18px;
	line-height:1.7;
}
.info_wrap .info_box .center{
	text-align:center;
	margin:30px auto 0;
}
.info_wrap .info_box .info_table{
	width:100%;
	margin:20px 0 0 0;
}
.info_wrap .info_box .info_table th{
	background:#E8EFFC;
	box-sizing:border-box;
	border-bottom:5px solid #fff;
	padding:20px 25px 19px 25px;
	font-size:18px;
	width:160px;
}
.info_wrap .info_box .info_table td{
	background:#F3F7FD;
	box-sizing:border-box;
	border-bottom:5px solid #fff;
	padding:20px 25px 19px 25px;
	font-size:18px;
}
.info_wrap .info_box .info_table a{
	color:#036EB8;
	text-decoration:none;
}
.info_wrap .info_box .info_table a:hover{
	text-decoration:underline;
}
.ac_btn{
	cursor:pointer;
}
.ac_btn.active{
	display:none;
}
.ac_box{
	display:none;
}
.ac_box .close_btn{
	cursor:pointer;	
}
.link_button {
	background: url(images/link_btn.png) no-repeat center;
	height: 124px;
	width: 612px;
	display:block;
	clear: both;
	font-size: 22px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin: 80px auto 45px;
	padding: 40px 44px 48px 44px;
	text-align:center;
}
.link_button .txt{
	background: url(images/icon_link.png) no-repeat 0 0;	
	padding:0 0 0 65px;
	display:inline-block;
	font-size:30px;
	vertical-align:middle;		
}
.link_button .en{
	font-size:18px;	
	padding:0 0 0 10px;	
	display:inline-block;
	vertical-align:middle;	
}
@media screen and (max-width: 768px) {
#paxis_top #content h1.info_ttl {
	margin:0 0 29px;
	font-size:26px;
}
.info_wrap .info_box{
	padding:30px 20px;
	box-sizing:border-box;
}
.info_wrap .info_box .date{
	font-size:14px;
}
.info_wrap .info_box .ttl{
	margin:0 0 10px 0;
	font-size:16px;
}
.info_wrap .info_box .txt{
	font-size:14px;
}
.info_wrap .info_box .center{
	text-align:center;
	margin:30px auto 0;
}
.info_wrap .info_box .info_table{
	width:100%;
	margin:20px 0 0 0;
}
.info_wrap .info_box .info_table th{
	border-bottom:3px solid #fff;
	padding:15px 15px 14px 15px;
	width:30%;
	box-sizing:border-box;
	font-size:14px;
}
.info_wrap .info_box .info_table td{
	box-sizing:border-box;
	border-bottom:3px solid #fff;
	padding:15px 15px 14px 15px;
	font-size:14px;	

}
.link_button {
	background: url(images/link_btn.png) no-repeat center;
	background-size: 100% 100%;	
	width: 80vw;		/* 600px */
	height: 16.53vw;	/* 124px */
	line-height: 10vw;	/* 37px */
	font-size: inherit;
	margin: 10vw auto 7.87vw;	/* 59px auto 0 */
	padding: 2.4vw 0;	/* 18px 0 */
}
.link_button .txt{
	background: url(images/icon_link.png) no-repeat 0 center;
	background-size:auto 90%;
	padding:0 0 0 12vw;
	display:inline-block;
	font-size: inherit;
	vertical-align:middle;		
}
.link_button .en{
	font-size: inherit;
	padding:0 0 0 10px;	
	display:inline-block;
	vertical-align:middle;	
}
}