@charset "utf-8";
/* CSS Document */



/*
=========================================
	layout
=========================================
*/

html {
	overflow-y: scroll;
	text-align: center;
}
body {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #4C4C4C;
	font-feature-settings: "palt";
}
/*
=========================================
	wrap
=========================================
*/
.wrap {
	background: url(../images/main_visual.png) top no-repeat;
}
/*
=========================================
	header
=========================================
*/
.header__inner {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0 25px;
	overflow: hidden;
}
.header__logo {
	float: left;
	text-align: left;
}
.header__credit {
	float: right;
	text-align: right;
	font-size: 12px;
	padding: 10px 0 0;
}
/*
=========================================
	mainVisual
=========================================
*/

.mainVisual h1 {
	width: 1100px;
	margin: 0 auto;
	padding: 0 0 30px;
}
/*
=========================================
	mainContent
=========================================
*/
.mainContent {
	width: 860px;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
}
.mainContent p {
	font-size: 16px;
	text-align: left;
	line-height: 160%;
}
.mainContent .outline {
	overflow: hidden;
	padding: 0 0 35px;
}
.mainContent .outline p{
	float: left;
	width: 600px;	
}
.mainContent .photo {
	float: right;
	text-align: right;
}
.mainContent .plofile{
	float: left;
	width: 600px;	
}
.mainContent .plofile dl {
	background: #F3F3F3;
	padding: 15px 20px;
	box-sizing: border-box;
	margin: 15px 0 0;
	line-height: 160%;
	text-align: left;
	font-size: 12px;
}
.earth {
	padding: 40px 0 60px;
}
/*
=========================================
	punctuation
=========================================
*/
.punctuation {
	padding: 0 0 30px;
}
.punctuation h2 {
	color: #111;
	font-size: 32px;
	text-align: left;
	line-height: 120%;
	margin: 0 0 35px;
}
.punctuation p {
	text-indent: 1em;
	padding: 0 0 25px;
}
.punctuation .picture img {
	margin: 30px 0 20px;
	padding: 0 0 20px;
}
.punctuation .picture span {
	display: block;
}
/*
=========================================
	footer
=========================================
*/
.pageTop {
	clear: both;
	text-align: right;
	position: fixed;
	bottom: 40px;
	right: 40px;
}
.pageTop a:hover {
	opacity: 1;
}
footer {
	background: #EFEFEF;
	font-size: 12px;
	line-height: 170%;
	padding: 85px 0 110px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #606060;
}
/*
=========================================
   module
=========================================
*/



.mtm30 {
	margin-top: -30px !important;
}
.mtm25 {
	margin-top: -25px !important;
}
.mtm20 {
	margin-top: -20px !important;
}
.mtm15 {
	margin-top: -15px !important;
}
.mtm10 {
	margin-top: -10px !important;
}
.mtm5 {
	margin-top: -5px !important;
}
.mtm3 {
	margin-top: -3px !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt3 {
	margin-top: 3px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt110 {
	margin-top: 110px !important;
}
.mt120 {
	margin-top: 120px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mb1 {
	margin-bottom: 1px !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.ml110 {
	margin-left: 120px !important;
}
.ml120 {
	margin-left: 130px !important;
}
/* padding
---------------------------------------------------------*/

.pt3 {
	padding-top: 3px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
/* font-size
---------------------------------------------------------*/

.f65 {
	font-size: 65%;
}
.f70 {
	font-size: 70%;
}
.f75 {
	font-size: 75%;
}
.f80 {
	font-size: 80%;
}
.f85 {
	font-size: 85%;
}
.f90 {
	font-size: 90%;
}
.f95 {
	font-size: 95%;
}
.f100 {
	font-size: 100%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f130 {
	font-size: 130%;
}
.f140 {
	font-size: 140%;
}
/* text-align
---------------------------------------------------------*/

.tLeft {
	text-align: left !important;
}
.tRight {
	text-align: right !important;
}
.tCenter {
	text-align: center !important;
}
/* float
---------------------------------------------------------*/

.floatL {
	display: inline;
	float: left;
}
.floatR {
	display: inline;
	float: right;
}
/* indent
---------------------------------------------------------*/

.t-int_1 {
	text-indent: -1em;
	margin-left: 1em;
}
/* border
---------------------------------------------------------*/
.border {
	border: 1px solid #ccc;
}
/*
=========================================
	common
=========================================
*/

.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
a {
	text-decoration: none;
	color: inherit;
	display: block;
}
a:hover {
	opacity: 0.6;
}