@charset "UTF-8";

/* !Reset
---------------------------------------------------------- */
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */

/*
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
    color: #000;
    background: #FFF;
}
/*
    TODO remove settings on BODY since we can't namespace it.
*/
/*
    TODO test putting a class on HEAD.
        - Fails on FF.
*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend,
input, textarea,
p,
blockquote,
th, td {
    margin:0;
    padding:0;
}

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

fieldset, img{ border: 0;}

/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol, ul { list-style:none;}
caption, th { text-align: left;}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after { content:'';}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

/*
    to preserve line-height and selector appearance
*/
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*
    to enable resizing for IE
*/
input,
textarea,
select { *font-size: 100%;}

/*
    because legend doesn't inherit in IE
*/
legend { color: #000;}

/*
    YUI CSS Detection Stamp
*/
#yui3-css-stamp.cssreset { display: none; }


/* !Box Sizing
---------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
	-moz-box-sizing: border-box; /* Firefox 1+ */
	box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}


/* !HTML5 tags display as block
---------------------------------------------------------- */
article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
hgroup,
menu,
nav,
section,
summary { display: block;}


/* !Listing
---------------------------------------------------------- */


/* !Table Reset
---------------------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
    th, td {
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
    }
	

/* !Clearfix（micro clearfix）
---------------------------------------------------------- */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


/* !Anchor
---------------------------------------------------------- */
a {
    color: #222;
    text-decoration: none;
}

a:link,
a:visited {}

a:hover,
a:active {}

a:focus {}



/* !Defaults
---------------------------------------------------------- */
body {
	position: relative;
	width: 100%;
	color: #111;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
}

img {
	max-width: 100%;
	height: auto;
  vertical-align: text-bottom;
}


.noborder  { border: none !important;}


._pc {
	display: block !important;
}
._sp {
	display: none !important;
}
@media only screen and (max-width: 767px) {
	._pc {
		display: none !important;
	}
	._sp {
		display: block !important;
	}
}

/* ===================== */
/* body
/* ===================== */

body {
	background: url(hbg.png) center top repeat-x;
}


/* ================================================= */
/* header */
/* ================================================= */

.nbo_header {
	width: 1000px;
	margin: 0px auto;
}


/* ================================================= */
/* footer */
/* ================================================= */
.localFooter {
	background:#fff;
	padding-top:20px !important;
	line-height: 150%;
}

#bpGlobalFooter {
	background:#fff;
	padding-top:10px;
	padding-bottom: 30px !important;	
}

@media only screen and (max-width:767px) {
	#bpGlobalHeader {
		display: none;
	}
	.nbo_header {
		display: none;
	}
}


/* ================================================= */
/* contents */
/* ================================================= */
.ib{
	display: inline-block;
}

.longurl {
	word-break: break-all;
}

.tu_contents a{
	color: #c20124;
	text-decoration: underline;
}

#tu_wrap {
	min-width:1020px;
}

sup {
	font-size: 60% !important;
	vertical-align: top !important;
	position: relative !important;
	top: -0.5em !important;
}

._pc {
	display: block !important;
}
._sp {
	display: none !important;
}
._emdash {
	font-family: "serif" !important;
}

.sp_header {
	display: none !important;
}


@media screen and (min-width: 768px) { /* tab pc */
	.pc-ib{
		display: inline-block;
	}
	
	.pc-block{
		display: block;
	}
	
}

/* header */
.tu_hdr {
	background-color: #f7efda;
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
}
.tu_hdr > h1 {
	text-align: center;
}


.tu_contents {
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.tu_contents > ._read {
	width: 920px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
}
.tu_contents > ._read > p {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

.tu_contents > ._paragraph {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.tu_contents > ._paragraph:after {
    content:" ";
    display:block;
    clear:both;
}

/* sec */
.sec{
	margin-bottom: 4em;
}

@media only screen and (min-width: 768px) { /* tab pc */
	div.sec{
		margin-bottom: 80px;
	}
}

.sec .mw920px{
	max-width: 920px;
	margin: 0 auto;
}

/* sec ttl */
.tu_contents > ._paragraph .sec-ttl-box h2 {
	display: block;
	background-color: #f7efda;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 3px;
	margin-bottom: 40px;
	padding: 18px 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}


.tu_contents > ._paragraph .text_1 {
	margin-bottom: 2em;
	font-size: 16px;
	line-height: 30px;
	text-indent: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.tu_contents > ._paragraph .text_1 .name_1 {
	font-weight: bold;
	color: #cb521c;
}
.tu_contents > ._paragraph .text_1 .name_2 {
	font-weight: bold;
	color: #c20124;
}

.tu_contents > ._paragraph .text_2 {
	margin-bottom: 2em;
	font-size: 10px;
	line-height: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.tu_contents > ._paragraph .text_3 {
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
	font-size: 14px;
	line-height: 24px;
}
.tu_contents > ._paragraph .text_4 {
	margin-bottom: 4em;
	font-size: 16px;
	line-height: 30px;
	text-indent: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* sec img */
.tu_contents > ._paragraph .sec-img-box {
	text-align: center;
	margin: 0 auto 80px auto;
}

.tu_contents > ._paragraph .sec-img-box .sec-img-ttl{
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
	font-size: 112.50%; /* 18px */
}

.tu_contents > ._paragraph .sec-img-box .inner-box {
	display: inline-block;
	text-align: left;
	
	max-width: 800px;
}

.tu_contents > ._paragraph .sec-img-box .img-txt-box{
	margin-top: 1em;
	font-size: 87.50%; /* 14px */
	text-align: center;
	margin-bottom: 1em;
	text-align: left;
}

.tu_contents .img-note {
	font-size: 81.30%; /* 13px */
	text-align: right;
}

@media only screen and (min-width: 768px) { /* tab pc */
	div.tu_contents > ._paragraph .sec-img-box .sec-img-ttl{
		font-size: 125.00%; /* 20px */
	}
}

/* ph3 , prof-img  */
.tu_contents > ._paragraph .ph_3 {
	width: 500px;
	margin: 0 auto 50px auto;
}
.tu_contents > ._paragraph .ph_3 .img-caption {
  margin-bottom: 10px;
}
.tu_contents > ._paragraph .ph_3 .prof1 {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.5;
}
.tu_contents > ._paragraph .ph_3 .prof2 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}


.tu_contents > ._paragraph .point_area {
	margin-bottom: 50px;
}
.tu_contents > ._paragraph .point_area:after {
    content:" ";
    display:block;
    clear:both;
}

.tu_contents > ._paragraph .point_area > h2 {
	display: block;
	background-color: #002b3b;
	margin-bottom: 20px;
	padding: 8px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.tu_contents > ._paragraph .point_area > .ph_box {
	float: left;
	width: 220px;
	margin-right: 20px;
}
.tu_contents > ._paragraph .point_area > .ph_box > .ph {
	margin-bottom: 10px;
}
.tu_contents > ._paragraph .point_area > .ph_box > .ph img {
	width: 100%;
}
.tu_contents > ._paragraph .point_area > .ph_box > .text_1 {
	text-indent: 0;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
}
.tu_contents > ._paragraph .point_area > .ph_box > .text_2 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

.tu_contents > ._paragraph .point_area > .text_box {
	width: 660px;
	float: right;
}
.tu_contents > ._paragraph .point_area > .text_box > h3 {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
}
.tu_contents > ._paragraph .point_area > .text_box > p {
	font-size: 16px;
	line-height: 30px;
}

.tu_contents > ._paragraph .contact {
	border-top: #555 solid 1px;
	border-bottom: #555 solid 1px;
	width: 100%;
	padding: 1px 0 20px 0;
	text-align: center;
}
.tu_contents > ._paragraph .contact > .contact_logo {
	max-width: 240px;
	margin: 0 auto;
  padding: 20px 0;
}
.tu_contents > ._paragraph .contact > .contact_logo img {
	width: 100%;
}
.tu_contents > ._paragraph .contact > .contact_text {
	text-align: center;
}
.tu_contents > ._paragraph .contact > .contact_text > p {
	font-size: 14px;
	line-height: 24px;
}
.tu_contents > ._paragraph .contact > .contact_text > p > a {
	color: #c20124;
}

.contact .mb2em{
	margin-bottom: 2em;
}



/* !Media Query Template
---------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	#tu_wrap {
		background: none;
		min-width: inherit;
		width: 100%;
	}

	._pc {
		display: none !important;
	}
	._sp {
		display: block !important;
	}
	._emdash {
		font-family: "serif" !important;
	}

	.sp_header {
		display: block !important;
		background: #000;
		text-align: center;
	}
	.sp_header img {
		width: 120px;
	}

	.tu_hdr {
		background-color: #f7efda;
		position: relative;
		margin: 0 auto;
		padding: 20px 0;
	}
	.tu_hdr > h1 {
		text-align: center;
	}


	.tu_contents {
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	.tu_contents > ._read {
		width: 93.75%;
		margin: 0 auto;
		padding: 15px 0 30px 0;
	}
	.tu_contents > ._read > p {
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.8;
	}

	.tu_contents > ._paragraph {
		width: 93.75%;
		margin: 0 auto;
		padding-bottom: 15px;
	}
	.tu_contents > ._paragraph:after {
		content:" ";
		display:block;
		clear:both;
	}

	/* sec ttl */
	.tu_contents > ._paragraph .sec-ttl-box h2 {
		display: block;
		border-top: #333 solid 1px;
		border-bottom: #333 solid 3px;
		margin-bottom: 15px;
		padding: 12px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
	}


	.tu_contents > ._paragraph .text_1 {
		margin-bottom: 2em;
		font-size: 15px;
		line-height: 1.8;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.tu_contents > ._paragraph .text_4 {
		margin-bottom: 4em;
		font-size: 15px;
		line-height: 1.8;
		text-align: justify;
		text-justify: inter-ideograph;
	}


	/* sec img */
	.tu_contents > ._paragraph .sec-img-box {
		margin: 0 auto 4em auto;
	}

	/* ph3 , prof-img */
	.tu_contents > ._paragraph .ph_3 {
		width: 100%;
		margin: 0 auto 2em auto;
	}
	.tu_contents > ._paragraph .ph_3 img {
		width: 100%;
	}
    .tu_contents > ._paragraph .ph_3 .prof1 {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.5;
    }
    .tu_contents > ._paragraph .ph_3 .prof2 {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
    }

	.tu_contents > ._paragraph .point_area {
        background-color: #f7efda;
		margin-bottom: 10px;
        padding: 10px 10px 20px 10px;
	}
	.tu_contents > ._paragraph .point_area:after {
		content:" ";
		display:block;
		clear:both;
	}

	.tu_contents > ._paragraph .point_area > h2 {
		display: block;
		background-color: #002b3b;
		margin-bottom: 10px;
		padding: 5px;
		font-size: 16px;
		line-height: 16px;
		text-align: center;
		color: #fff;
	}
	.tu_contents > ._paragraph .point_area > .ph_box {
		float: none;
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	.tu_contents > ._paragraph .point_area > .ph_box > .ph {
		margin-bottom: 5px;
	}
	.tu_contents > ._paragraph .point_area > .ph_box > .ph img {
		width: 100%;
	}
	.tu_contents > ._paragraph .point_area > .ph_box > .text_1 {
		margin-bottom: 5px;
		font-size: 12px;
		line-height: 1.5;
	}
	.tu_contents > ._paragraph .point_area > .ph_box > .text_2 {
		margin-bottom: 5px;
		font-size: 15px;
		font-weight: bold;
		line-height: 15px;
	}

	.tu_contents > ._paragraph .point_area > .text_box {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.tu_contents > ._paragraph .point_area > .text_box > h3 {
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: bold;
		line-height: 30px;
	}
	.tu_contents > ._paragraph .point_area > .text_box > p {
		font-size: 15px;
		line-height: 1.6;
	}

	.tu_contents > ._paragraph .contact {
		border-top: #555 solid 1px;
		border-bottom: #555 solid 1px;
		width: 100%;
		padding: 0 0 10px 0;
		text-align: center;
	}
	.tu_contents > ._paragraph .contact > .contact_logo {
		width: 240px;
		margin: 0 auto;
	}
	.tu_contents > ._paragraph .contact > .contact_logo img {
		width: 100%;
	}
	.tu_contents > ._paragraph .contact > .contact_text {
		text-align: center;
	}
	.tu_contents > ._paragraph .contact > .contact_text > p {
		font-size: 14px;
		line-height: 22px;
	}
	.tu_contents > ._paragraph .contact > .contact_text > p > a {
		color: #c20124;
	}
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 320px) {
}



/* print style
---------------------------------------------------------- */
@media print {
    html,
    html body { *zoom: 0.65;}

    body { width: 1200px;}
}