@charset "UTF-8";









/* Text Module
-------------------------------------------------- */
abbr, acronym {
border:0;
font-variant:normal;
}


/* Hypertext Module
-------------------------------------------------- */
a:link {
color:#666666;
text-decoration:none;
}
a:visited {
color:#888888;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:underline;

}
a:active {
color:#FFFFFF;
text-decoration:none;
}
a:focus {
color:#666666;
text-decoration:none;
}
a {
outline:none;
}
/* List Module
-------------------------------------------------- */

ul, ol {
list-style:none;
}
/* Display Module
-------------------------------------------------- */
sup {
font-size:93%;
vertical-align:top;
}
sub {
font-size:93%;
vertical-align:baseline;
}
/* Forms Module
-------------------------------------------------- */
input, textarea {
margin:0;
padding:0;
}

legend{
color:#000;
}
button {
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:inherit;
background-color:#FCFCFC;
border-color:#a7a7a7 #ccc #ccc #ccc;
border-style:solid;
border-width:1px;
}
input, textarea, select{
*font-size:100%;
}

.noborder {
background-color:none;
border-style:none;
border-width:0;
}

/* Tables Module
-------------------------------------------------- */
table {
border:0;
border-collapse:collapse;
border-spacing:0;
}
th, td {
margin:0;
padding:0;
border:0;
}
th, caption {
font-style:normal;
font-weight:normal;
text-align:left;
}



/* Image Module
-------------------------------------------------- */
img {
border:0;
}



/* 文字間
-------------------------------------------------- */
.ls0 {
	letter-spacing:0;
}
.ls01 {
	letter-spacing:0.1em;
}
.ls02 {
	letter-spacing:0.2em;
}
.ls03 {
	letter-spacing:0.3em;
}
.ls04 {
	letter-spacing:0.4em;
}


/* フロート
-------------------------------------------------- */
.floatRight {
	float:right;
	display:inline;
}
.floatLeft {
	float:left;
	display:inline;
}



/* ブロック要素
-------------------------------------------------- */
.blockCenter {
	display:block;
	margin:0 auto;
}
.blockRight {
	display:block;
	margin-left:auto;
}



/* FLOAT解除
-------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.clear {
	clear:both;	
}




/* -------------文章をどのブラウザでも均一に並べる------------- */
.textJustify {
	text-align:justify;
	text-justify:inter-ideograph;
}



/* -------------文章中央寄せ＆右寄せ-------------- */

.align_left {
text-align:left;
}
.align_right {
text-align:right;
}
.align_center {
text-align:center;
}



/* フォント要素
-------------------------------------------------- */
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
.font16 {
	font-size:16px;
}
.font17 {
	font-size:17px;
}
.font18 {
	font-size:18px;
}
.font19 {
	font-size:19px;
}
.font20 {
	font-size:20px;
}
.font21 {
	font-size:21px;
}
.font22 {
	font-size:22px;
}
.font23 {
	font-size:23px;
}
.font24 {
	font-size:24px;
}
.font25 {
	font-size:25px;
}

.letterSpacing0 {
	letter-spacing:0;
}

.normalFont {
	font-weight:normal;
}


.jpn_font {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;		
}
.eng_font {
	font-family:"Courier New", Courier, monospace;
}
.georgia_font {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.arial_font {
	font-family:Arial, Helvetica, sans-serif;
}







/* -------------色-------------- */

.colorGray {
	color:#999;	
}
.colorGray2 {
	color:#E1E1E1;	
}

.colorBlue {
	color:#00b7f7;	
}


/* 余白調整
-------------------------------------------------- */
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt35 {
	margin-top:35px;
}
.mt40 {
	margin-top:40px;
}
.mt45 {
	margin-top:45px;
}
.mt50 {
	margin-top:50px;
}
.mt55 {
	margin-top:55px;
}
.mt60 {
	margin-top:60px;
}
.mt120 {
	margin-top:120px;
}
.mt130 {
	margin-top:130px;
}


.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb13 {
	margin-bottom:13px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb60 {
	margin-bottom:60px;
}
.mb90 {
	margin-bottom:90px;
}
.mb100 {
	margin-bottom:100px;
}
.mb120 {
	margin-bottom:120px;
}
.mb260 {
	margin-bottom:260px;
}

.ml10 {
	margin-left:10px;
}
.ml12 {
	margin-left:12px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.ml50 {
	margin-left:50px;
}
.ml60 {
	margin-left:60px;
}
.ml70 {
	margin-left:70px;
}
.ml80 {
	margin-left:80px;
}
.ml90 {
	margin-left:90px;
}
.ml100 {
	margin-left:100px;
}


.mr10 {
	margin-right:10px;
}
.mr14 {
	margin-right:14px;
}
.mr15 {
	margin-right:11px;
}
.mr16 {
	margin-right:16px;
}
.mr20 {
	margin-right:20px;
}
.mr21 {
	margin-right:21px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mr40 {
	margin-right:40px;
}
.mr50 {
	margin-right:50px;
}
.mr60 {
	margin-right:60px;
}


.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.pt35 {
	padding-top:35px;
}
.pt40 {
	padding-top:40px;
}
.pt45 {
	padding-top:45px;
}
.pt50 {
	padding-top:50px;
}
.pt55 {
	padding-top:55px;
}
.pt60 {
	padding-top:60px;
}

.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb30 {
	padding-bottom:30px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
.pb60 {
	padding-bottom:60px;
}




/* -------------画像相対指定-------------- */
img.rpi {
	width:100%;
	max-width:100%;
	height:auto;	
}




@media only screen and (max-device-width: 568px) {
body {
	/* iPhone等でtextが自動拡大されるのを防ぐ*/
	-webkit-text-size-adjust: 100%;
}
body a{
  -webkit-tap-highlight-color:rgba(245,78,150,0.3);
}
}









/*===============================================================*/
/*


	style.css

	
*/
/*===============================================================*/


/*===============================================================*/
/*
	Reset
*/
/*===============================================================*/


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

body {
	margin: 0;
	padding: 0;
	background: url(../img/bg.png) repeat;
}

.ie7 body {
	overflow: auto;
}


/* -------------文章をどのブラウザでも均一に並べる------------- */
.tj {
	text-align:justify;
	text-justify:inter-ideograph;
}





/*===============================================================*/
/*
	FONT SETTINGS
*/
/*===============================================================*/

body {
	color: #444444;
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.2em;
}

#Container {
}

/*---------------------*/
/*	global settings 
/*---------------------*/

h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, figcaption {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

ol, ul {
    list-style:none;
	margin: 0;
	padding: 0;
}

img {
	vertical-align: top;
	border: none;
}

/*---------------------*/
/*	clearfix 
/*---------------------*/
.cf{*zoom:1;}.cf:before,.cf:after{display:table;content:"";line-height:0;}
.cf:after{clear:both;}

/*
div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
*/

/*---------------------*/
/*	link setting
/*---------------------*/

a:link {
	color: #00a2e4;
	text-decoration: none;
}

a:visited {
	color: #41baeb;
	text-decoration: none;
}

a:active,
a:hover {
	color: #00a2e4;
	text-decoration:underline;
}

/* hide outline */

a:link,
a:visited,
a:active,
a:hover,
a:focus {
	outline: none;
}

input {
	outline: none;
}

/* #Nav */

#Nav a {
	text-decoration: none;
}


/*===============================================================*/
/*
	COMMON
*/
/*===============================================================*/

/*---------------------*/
/*	Layout box
/*---------------------*/

html {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

body {
	position: absolute;
	width: 100%;
	height: 100%;
}

#Container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;

}

.wrapper {
	width: 100%;
}

.wrapper > header,
.wrapper > nav,
.wrapper > footer,
.wrapper > div {
}

.centerWrap {
	width:1000px;
	margin-right:auto;
	margin-left:auto;	
}
.caption {
	margin-top:10px;
	font-size:12px;
}

.ts {
	-webkit-text-shadow:0 0 3px rgba(255,255,255,0.9);
 	-moz-text-shadow:0 0 3px rgba(255,255,255,0.9);
	text-shadow:0 0 3px rgba(255,255,255,0.9);	
}
.mt99 {
	margin-top:99px;
	
}


/*---------------------*/
/*	Outside Border
/*---------------------*/

#pjBody #border-top {
    background-color: #f18b00;
    height: 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#pjBody #border-right {
    background-color: #f18b00;
    height: 180%;
    position: fixed;
    right: 0;
    top: 0;
    width: 10px;
}
#pjBody #border-left {
    background-color: #f18b00;
    height: 180%;
    left: 0;
    position: fixed;
    top: 0;
    width: 10px;
}
#pjBody #border-bottom {
    background-color: #f18b00;
    bottom: 0;
    height: 10%;
    left: 0;
    position: fixed;
    width: 100%;
}

#activityBody #border-top {
    background-color: #4bb99f;
    height: 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#activityBody #border-right {
    background-color: #4bb99f;
    height: 180%;
    position: fixed;
    right: 0;
    top: 0;
    width: 10px;
}
#activityBody #border-left {
    background-color: #4bb99f;
    height: 180%;
    left: 0;
    position: fixed;
    top: 0;
    width: 10px;
}
#activityBody #border-bottom {
    background-color: #4bb99f;
    bottom: 0;
    height: 10%;
    left: 0;
    position: fixed;
    width: 100%;
}




/*---------------------*/
/*	Earth
/*---------------------*/

#EarthWrap {
	position: absolute;
	width: 200%;
	height: 200%;
	margin: 0;
}

#Earth {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	min-height: 610px;
	min-width: 940px;
}

#EarthImg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#EarthImg ul {
	position: absolute;
	width: 100%;
	height: 100%;
}

#EarthImg li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
#EarthImg p {
	position:absolute;
	top:30%;
	z-index:-1;
	top: 81%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	
}

#EarthImg li img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: auto;
	width: auto;
	max-width: 100%;
	min-width: 550px;
	max-height: 100%;
	min-height: 550px;

}

.index #EarthImg li {
	width: 80%;
	height: 80%;
}

.index #EarthImg li img {
	margin-top: -30px;
}




/*---------------------*/
/*	#Header 
/*---------------------*/

#HeaderWrap {
	position: absolute;
	width: 100%;
	top: 0;
}


#Header {
	position: absolute;
	width: 100%;
	top: 0;
}

h1#SiteId {
	padding: 28px 0 0 30px;
	letter-spacing:0.2em;
	font-size:10px;
	line-height:1.8;
}

h1#SiteId strong {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin-top:5px;
	color:#444444;
}
h1#SiteId a {
	color:#444444;
}



/*---------------------*/
/*	#Nav
/*---------------------*/

#pjBody #NavWrap {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding:10px 0;
	background-color: #f18b00;
}

#Nav {
	width: auto;
	height: auto;
	min-width: 800px; /* ナビの固定位置指定 */
	max-width: 1300px;
	margin: 0 auto;
}

#Nav ul#MainNav {
	width: 99%;
	margin: 0 0 0 1%;
	padding: 0;
	text-align:center;
}

#Nav ul#MainNav li {
	float: left;
	text-align: center;
}

#Nav ul#MainNav li:first-child {

}
#Nav ul#MainNav li:last-child {
	float:right;
}

#Nav ul#MainNav li a {
	display: block;
	padding: 0 3%;
}

#Nav img {
	display: block;
	margin: 0 auto;
}

#Nav img.nav_text {
	max-width: 100%;
	height: auto;
}

#navTop, #nav_top, #nav_concept, #nav_interview, #nav_living, #nav_kizuna, #nav_kibou {
	width: 11.3%;
}
#nav_danchi {
	width:12.8%;	
}
#contact {
	width:19%;
}

#nav_request {
	position:fixed;
	right:0;
	top:50%;
	margin-top:-102px;
}

#nav_request2 {
	position:absolute;
	right:30px;
	bottom:100px;
	z-index:10000;
}


/*---------------------*/
/*	#Content
/*---------------------*/

#ContentWrap {
	position: relative;
}

#Content {
	font-size:16px;
}

/*---------------------*/
/*	#Footer
/*---------------------*/

#FooterWrap {
	position:absolute;
	top: 30px;
	width: 100%;
	/*min-width: 1000px;*/
}

#Footer {
	text-align: right;
	padding-right: 30px;
}

#Copyright {
	font-size: 10px;
	text-align: right;
	color: #AAA;
	letter-spacing:0.1em;
}
#Copyright a {
	color: #AAA;
	text-decoration:underline;
}
#Copyright small {
	font-size: 100%;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
}

/*---------------------*/
/*	.pagetop
/*---------------------*/


/*---------------------*/
/*	#Content Common
/*---------------------*/


/*===============================================================*/
/*
	PIE template
*/
/*===============================================================*/


.ie #Foo {
	position: relative;
	behavior: url("/foo/PIE.htc");
}

/*===============================================================*/
/*
	Z-index
*/
/*===============================================================*/

#NavWrap { z-index: 304;}

#FooterWrap { z-index: 1001;}

#Header { z-index: 1000;}

#border-bottom {
	z-index:301;
}

#ContentWrap {
	position: relative;
	z-index: 300;
}

#EarthWrap { z-index:249;} 

.question_box h1 {
	position: relative;
	z-index: 70;
}

.question_box p {
	z-index: 60;
}

.answer_box {
	z-index: 80;
}

.info_img {
	position: relative;
	z-index: 1;
}

.info_block {
	z-index: 60;
}



#border-top, #border-left, #border-right {
	z-index:1;
}

/*===============================================================*/
/*
	Typo
*/
/*===============================================================*/


/*===============================================================*/
/*
	Content
*/
/*===============================================================*/

#Content {
}

/*===============================================================*/
/*
	index
*/
/*===============================================================*/

#top_info {
	position: fixed;
	bottom: 105px;
	left: 30px;
	width: 420px;
}

.info_block {
	position: relative;
	padding: 10px 15px 15px;
	background: #fafafa; /* scroll時は削除 */
}

/* drop shadow */
.effect1 {
  position: relative;
}
.effect1:before, .effect1:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
.effect1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.info_block > img {
	position: absolute;
	left: 140px;
	top: -36px;
}

.info_block h2 {
	padding: 10px 0 15px;
}

#info_content {
	position: relative;
	height: 160px;　/* scroll時は140px削除 */
	width: 350px;
	overflow: hidden;
}

#info_content ul {
	font-size: 14px;
	letter-spacing:0.1em;
	vertical-align: middle;
	width: 370px;
}

#info_content li {
	padding: 10px 0 9px;
	border-bottom: 1px dotted #666;
}

#info_content li:first-child {
	padding-top: 0;
}

#info_content li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#info_content time {
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
	display:block;
}

#info_content a {
	color: #444444;
}

#info_content a strong {
	color: #00a2e4;
}

#info_content a em {
	font-weight: bold;
}

/*===============================================================*/
/*
	concept
*/
/*===============================================================*/

#concept {
	width: 1000px;
	max-width:1000px;
	margin:0 auto;
	padding:150px 30px 300px 30px;
}
#conceptWrap {
	width: 100%;
	margin:0 auto;	
}

#concept #txt {
	margin-left:230px;
	margin-bottom:100px;
	line-height:2;
	letter-spacing:0.2em;
	height:auto;
	min-width: 400px;
}
	#concept #txt strong {
		font-size:18px;	
	}
#concept h2 {
	margin-bottom: 50px;
	margin-left: 30px;
	padding-left: 10%;
}
#concept #copy {
	margin-left:16%;
	margin-bottom:30px;
	background: url(../img/concept/title2.png) no-repeat;
	width:auto;
	height:391px;
}

/* img回り込み */
.wrapReady {
	float:right;
	padding-top:210px;
	
}
#concept #lrWrap {
	width:940px;
	margin:0 auto 100px auto;
	
}
#concept #leftWrap {
	float:left;
	margin-top:90px;
}
#concept #rightWrap {
	float:right;
}

#concept ul {
	width:940px;
	margin:0 auto;
}
#concept ul li {
	float:left;
	margin-right:30px;
}
#concept ul li:last-child {
	margin-right:0px;
}









/*===============================================================*/
/*
	living
*/
/*===============================================================*/

#living {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:150px 30px 200px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}

#living h2 {
	margin-bottom:50px;
	text-align:right;
}
#living #copy {
	margin-bottom:60px;
	text-align:right;
}
#living .txt {
	font-size:16px;
	width:100%;
}
#living h3 {
	color:#f18b00;
	font-size:25px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:25px;
	display:block;
}
	#living .txt strong {
		font-size:17px;
		display:block;
	}



#living .photo {
	margin:100px auto 50px auto;
	text-align:center;
}


dl.dl2 {
	float:left;
	width:319px;
}
dl.dl2 dd {
	width:299px;
	margin:10px auto 0 auto;
}

dl#dl {
	background:#FAFAFA;
	width:90%;
	padding:5%;
	margin-bottom:60px;
}
dl#dl:first-of-type {
	margin-top:70px;
}
dl#dl dt {
	color:#00a2e4;
	width: auto;
	height:80px;
	padding-left: 95px;
	background:url(../img/interview/question.gif) no-repeat left center;
	margin-bottom:40px;
}
	dl#dl dt p {
		font-size:20px;
		font-weight:bold;
		padding-top:23px;
		line-height:1.5;
	}
dl#dl dd {
	width: auto;
	height:auto;
	padding-left: 95px;
	background:url(../img/interview/answer.gif) no-repeat left top;
}


#topic1 {
	background:#FAFAFA;
	width:90%;
	padding:5%;
	margin-bottom:60px;
	margin-top:100px;
}

#topic1 strong {
	display:block;	
}

#living #leftWrap2 h3 {
	background:url(../img/sumai/img6.gif) no-repeat center left;
	height:52px;
	color:#f18b00;
	font-size:25px;
	padding-left:50px;
}



/* スマイ再生の進め方 */
#sumaiStage {
	position:relative;
	width:1000px;
	height:490px;
	margin:30px auto 100px auto;
}
#sumaiStage p.line1 {
	position: absolute;
	width: 27px;
	height: 6px;
	left: 457px;
	top: 156px;
	background-color: #f18b00;
}
#sumaiStage p.line2 {
	background-color: #f18b00;
	position:absolute;
	width: 27px;
	height: 6px;
	left: 635px;
	top: 146px;
}
#sumaiStage p.line3 {
	background-color: #f18b00;
	position:absolute;
	width: 33px;
	height: 6px;
	left: 814px;
	top: 129px;
}

#living #sumaiStage h4 {
	color:#f18b00;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
}

.img1 {
	position:absolute;
	z-index: 0;
	top:108px;
}
.img2 {
	position:absolute;
	z-index: 0;
	left:471px;
	top: 84px;
}
.img3 {
	position:absolute;
	z-index: 0;
	left:648px;
	top: 47px;
}
.img4 {
	position:absolute;
	z-index: 0;
	left:830px;
}
.end {
	margin-right: 0;
}
.clear {
	clear: both;
}
.img1 a img, .img2 a img, .img3 a img, .img4 a img {
	position: relative;
}

#sumaiStage .caption {
	margin-top:470px;
}



#atari {
	width:1000px;
	height:286px;
	text-align:center;
	color:#FFF;
	margin-top:30px;
}

/*===============================================================*/
/*
	kizuna
*/
/*===============================================================*/

#kizuna {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:180px 30px 200px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}

#kizuna h2 {
	margin-bottom:50px;
}
#kizuna #copy {
	margin-bottom:60px;
}
#kizuna .txt {
	font-size:16px;
	width:100%;
}

#kizuna h3 {
	color:#f18b00;
	font-size:25px;
	margin-bottom:15px;
	font-weight: bold;
}
	#kizuna .txt strong {
		font-size:17px;
		display:block;
	}
	
#kizuna .photo {
	margin:100px auto 0 auto;
	text-align:center;
}


#topic3 {
	background:#FAFAFA;
	width:900px;
	padding:50px;
	margin-bottom:60px;
	margin-top:100px;
	position:relative;
}

#topic3 h4 {
	color:#f18b00;
	font-size:20px;
	font-weight: bold;
	margin-top: 30px;
}

#topic3 strong {
	display:block;
	margin-bottom:20px;	
}

#topic3 dl#leftDl {
	float:left;
	width: 47.5%;	
}
#topic3 dl#rightDl {
	float:right;
	width: 47.5%;
}
#topic3 dt {
	margin-bottom:30px;

}
#topic3 dd {
	background-color:#E8E8E8;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:30px;
	color:#FFF;
	width:425px;
	height:227px;
}





/*===============================================================*/
/*
	kibou
*/
/*===============================================================*/

#kibou {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:180px 30px 200px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}

#kibou h2 {
	margin-bottom:50px;
}
#kibou #copy {
	margin-bottom:60px;
}
#kibou .txt {
	font-size:16px;
	width:100%;
}
#kibou .txt2 {
	font-size:16px;
	width:100%;
}

@media screen and (min-width: 871px) and (max-width: 1024px) {
#kibou .txt2 {
	width:82%;
}
}
@media screen and (min-width: 769px) and (max-width: 870px) {
#kibou .txt2 {
	width:71%;
}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
#kibou .txt2 {
	width:55%;
}
}

#kibou h3 {
	color:#f18b00;
	font-size:25px;
	margin-bottom:15px;
	font-weight: bold;
	line-height:1.5;
}
	#kibou .txt strong {
		font-size:17px;
		display:block;
	}
	#kibou .txt2 strong {
		font-size:17px;
		display:block;
	}



#kibou .photo {
	margin:100px auto 30px auto;
	text-align:center;
}




#topic2 {
	background:#FAFAFA;
	width:900px;
	padding:50px;
	margin-bottom:100px;
	margin-top:100px;
	position:relative;
}

#topic2 h3 {
	color:#f18b00;
	font-size:25px;
	margin-bottom:15px;
	font-weight: bold;
}


#topic2 strong {
	display:block;
	margin-bottom:20px;	
}

#topic2 dl {
	margin-top:60px;
	
}
#topic2 dt {
	float:left;
	width:549px;
	height:auto;	
}
#topic2 dd {
	width:321px;
	height:auto;
	float:right;
	
}
#topic2 dd .photo2 {
	height:227px;
	background-color:#CCCCCC;
}
#topic2 dd .txt3 {
	font-size:10px;
	margin-top:5px;
	line-height:1.5;
	letter-spacing:0.1em;
}
#topic2 dd strong {
	display:inline;
	margin-bottom:0;
}

#sec1 {
	position:relative;	
}
#sec1 #logo {
	position:absolute;
	right:0;
	top:-23px;
	z-index:-1;
}





/*===============================================================*/
/*
	interview
*/
/*===============================================================*/

#interview {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:200px 30px 200px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}

#interview h2 {
	margin-bottom:50px;
}
#interview #copy {
	margin-bottom:60px;
}
#interview .txt {
	font-size:18px;
	margin-left:102px;
	width:53%;
}
#interview #portrait {
	position:absolute;
	right: -18px;
	top: 290px;
	z-index:-1;
}

#interview dl {
	background:#FAFAFA;
	width:900px;
	padding:50px;
	margin-bottom:60px;
}
#interview dl:first-of-type {
	margin-top:70px;
}
#interview dt {
	color:#00a2e4;
	width: auto;
	height:80px;
	padding-left: 95px;
	background:url(../img/interview/question.gif) no-repeat left center;
	margin-bottom:40px;
}
	#interview dt p {
		font-size:20px;
		font-weight:bold;
		padding-top:23px;
		line-height:1.5;
	}
#interview dd {
	width: auto;
	height:auto;
	padding-left: 95px;
	background:url(../img/interview/answer.gif) no-repeat left top;

}




/*===============================================================*/
/*
	アイコン設定
*/
/*===============================================================*/

a[href$=".pdf"] {
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding-right: 10px;
	background: url(../img/PDFicon.gif) no-repeat right bottom;
}