@charset "UTF-8";

/* CSS Document */



@media screen and (min-width: 641px) {
/* common
------------------------------------------------------------------------*/
header .headerIn nav ul li.nav3.ov {
	background: url(../../common/images/nav_03.png) no-repeat center #3eacc0;
	border-left: none;
	border-right: none;
	max-width: 158px;
	font-size: 0;
}
.title_inner {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1280px;
	position: relative;
}
.main_inner {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
a {
	color: #000;
}
.wrap {
	overflow: hidden;
}
.sbr { display:none; }
/* details
------------------------------------------------------------------------*/

/*
 * background
 */
/* contents_01 */

.connection_01 {
	position: relative;
	background: url("../images/contents_connection_01.png") repeat-x bottom center;
	height: 16px;
	width: 100%;
	z-index: 10;
	overflow: hidden
}
.connection_02 {
	position: relative;
	background: url("../images/contents_connection_02.png") repeat-x;
	height: 18px;
	width: 100%;
	z-index: 10;
	margin-top: -18px;
}
.connection_01_sp,
.connection_02_sp {
	display: none;
}
/* contents_01 */
.contents_01 {
	position: relative;
	background: url("../images/contents_bg_04.png") repeat bottom;
}
/* contents_02 */
.contents_02 {
	position: relative;
	background-color: #ffffff;
	margin-top: -16px;
	/* padding: 72px 0 56px 0;*/
	overflow: hidden;
}
/* contents_03 */
.contents_03 {
	position: relative;
	background: url("../images/contents_bg_04.png") repeat bottom;
	width: 100%;
}
/* mark */
i {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: #2d2d2d;
}
/* mainTitle
------------------------------------------------------------------------*/

.mainTitle {
	position: relative;
	height: 212px;
	background: url(../../images/contents_bg_02.png) repeat;
}
.mainTitle .title_inner .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.mainTitle .txt_inner {
	position: relative;
	width: 672px;
	margin: 0 auto;
	margin-top: 24px;
}
.mainTitle h2 {
	text-align: right;
	margin-right: 65px;
	margin-bottom: 18px;
}
.mainTitle h3 {
	margin-left: 165px;
}
.mainTitle span {
	position: absolute;
	top: 5px;
	right: 67px;
}
/* Bread Crumb */
.mainTitle .breadcrumb ul {
	padding-top: 20px;
	margin-left: 33px;
}
.mainTitle .breadcrumb ul li {
	display: inline-block;
	padding-right: 8px;
}
.mainTitle .breadcrumb ul li a {
	text-decoration: none;
}
.mainTitle .breadcrumb ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
}
/* contents
------------------------------------------------------------------------*/
/* base */
main {
	display: block;
	background: url("../../images/contents_bg_01.png") repeat;
	padding-bottom: 56px;
}
.wrap .pane {
	position: relative;
	width: 1000px;
	margin: 56px auto;
	border: solid 3px #2d2d2d;
	box-sizing: border-box;
	    background: url("../images/contents_bg_04.png") repeat bottom;
}
/* 01 */
.wrap .pane .contents_01 {
	position: relative;
}
.wrap .pane .contents_01 h4 { 
    width: 428px;
    height: 124px;
    background: url(../images/title.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 60px auto;
}
.wrap .pane .contents_01 h4 + p {
	position: relative;
	top: 246px;
	left: 56px;
	width: 428px;
	color: #ffffff;
	font-size: 18px;
}
.wrap .pane .contents_01 h4 + p span {
	margin-left: 24px
}
.wrap .pane .contents_01 span img {
	position: absolute;
	top: 24px;
	right: 50px;
}
.wrap .pane .contents_01 .txt_sp {
	display: none;
}
.wrap .pane .contents_01 .career {
	position: relative;
	top: 276px;
	width: 848px;
	margin: 0 auto;
}
.wrap .pane .contents_01 .career em {
	float: left;
	display: block;
	width: 125px;
	text-align: center;
	font-size: 16px;
	border-right: solid 3px #2d2d2d;
	padding: 53px 0;
}
.wrap .pane .contents_01 .career p {
	float: left;
	width: 720px;
	font-size: 16px;
	line-height: 160%;
	padding: 20px 8px;
}
.wrap .pane .contents_01 .career i.mark_block_01 {
	top: 0px;
	left: 0px;
}
.wrap .pane .contents_01 .career i.mark_block_02 {
	bottom: 0px;
	right: 0px;
}
/* 01 */
.wrap .pane .contents_02 {
	position: relative;
	width: 994px;
	padding: 48px 0 0 0;
}
.wrap .pane .contents_02 em,
.wrap .pane .contents_02 h4 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* article_01 */
.wrap .pane .contents_02 .article_01 em {
	display:block;
	width:299px;
	height:48px;
	background:url(../images/disc_01.png) no-repeat;
}
.wrap .pane .contents_02 .article_01 h4 {
	width:428px;
	height:69px;
	background:url(../images/caption_01.png) no-repeat;
}
/* article_02 */
.wrap .pane .contents_02 .article_02 em {
	display:block;
	width:299px;
	height:49px;
	background:url(../images/disc_02.png) no-repeat;
}
.wrap .pane .contents_02 .article_02 h4 {
	width:347px;
	height:68px;
	background:url(../images/caption_02.png) no-repeat;
}
/* article_03 */
.wrap .pane .contents_02 .article_03 em {
	display:block;
	width:299px;
	height:48px;
	background:url(../images/disc_03.png) no-repeat;
}
.wrap .pane .contents_02 .article_03 h4 {
	width:451px;
	height:69px;
	background:url(../images/caption_03.png) no-repeat;
}
/* article_04 */
.wrap .pane .contents_02 .article_04 em {
	display:block;
	width:299px;
	height:47px;
	background:url(../images/disc_04.png) no-repeat;
}
.wrap .pane .contents_02 .article_04 h4 {
	width:407px;
	height:70px;
	background:url(../images/caption_04.png) no-repeat;
}
/* 01, 03 */
.wrap .pane .contents_02 .article_01,  .wrap .pane .contents_02 .article_03 {
	padding: 56px;
}
.wrap .pane .contents_02 .article_01 {
	padding-top: 16px;
}
.wrap .pane .contents_02 .article_01 div,  .wrap .pane .contents_02 .article_03 div {
	float: left;
	width: 551px;
}
.wrap .pane .contents_02 .article_01 div + div,  .wrap .pane .contents_02 .article_03 div + div {
	width: 312px;
	margin: 69px 0 0 0;
	padding: 0;
}
.wrap .pane .contents_02 .article_03 {
	position: relative;
}
.wrap .pane .contents_02 .article_03 div {
	width: 451px;
}
.wrap .pane .contents_02 .article_03 div > p {
	width: inherit;
}
.wrap .pane .contents_02 .article_03 div > p + p {
	width: 882px;
}
.wrap .pane .contents_02 .article_03 div + div {
	position: absolute;
	top: 114px;
	right: 56px;
	width: 402px;
	margin: 0;
}
/* 02, 04 */
.wrap .pane .contents_02 .article_02,  .wrap .pane .contents_02 .article_04 {
	background-color: #f3f3f3;
	padding: 56px;
}
.wrap .pane .contents_02 .article_02 div,  .wrap .pane .contents_02 .article_04 div {
	float: right;
	width: 542px;
}
.wrap .pane .contents_02 .article_02 div + div,  .wrap .pane .contents_02 .article_04 div + div {
	float: left;
	width: 312px;
	padding: 0;
}
/* figure */
.wrap .pane .contents_02 .article_01 .figure img {
}
.wrap .pane .contents_02 .article_02 .figure {
	padding-top: 64px;
}
.wrap .pane .contents_02 .article_03 .figure img {
}
.wrap .pane .contents_02 .article_04 .figure img {
	padding-top: 64px;
}
.pane i.mark_block_01b {
	bottom: -9px;
	left: -9px;
}
.pane i.mark_block_02b {
	top: -9px;
	right: -9px;
}
/* shere */
.wrap .pane .contents_02 h4 {
	margin-top: 12px;
	margin-bottom: 24px;
}
.wrap .pane .contents_02 p {
	width: 560px;
	font-size: 18px;
	line-height: 1.9;
}
.wrap .pane .contents_02 .article_01 p {
	width:512px;
}
/* 共通バナーエリアの非表示 */
	/*footer .footerIn { padding:0; }
	footer .top { border-top:none; }*/
}

@media screen and (max-width: 640px) {

.breadcrumb {
	display: none;
}
header .headerIn nav ul li.nav3.ov {
	max-width: 100%;
	height: 0;
	margin: 0 auto 7% auto;
	padding-bottom: 5.625%;
	background: url(../../common/images/sp/nav_03_ov.png) no-repeat center;
	background-size: contain;
}
.wrap .mainTitle {
	position: relative;
	width: 100%;
	height: 0;
	margin-top: 13.906%;
	padding: 0 0 43%;
	box-sizing: border-box;
	background: url(../images/sp/contents_bg.png) repeat-x #fff;
	background-size: contain;
}
.wrap .mainTitle h2 {
	width: 80.687%;
	margin: 0 auto 3.75% auto;
	padding: 10.3125% 0 0 0;
}
.wrap .mainTitle h3 {
	width: 31.562%;
	height: 0;
	margin: 0 0 0 29%;
	padding-bottom: 10.5%;
	background: url(../images/sp/subheading.png) no-repeat center;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.wrap .mainTitle .img_inner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22.343%;
	padding: 0 9.843% 5.937% 0;
}
.wrap .mainTitle .img_inner span {
	max-width: 143px;
}
/*
 * background
 */
/* contents_01 */

.connection_01_sp {
	position: relative;
	width: 100%;
	z-index: 10;
	overflow: hidden;
	margin-top: -0.5%;
}
.connection_02_sp {
	position: relative;
	width: 100%;
	z-index: 10;
	margin-top: -19px;
}
.connection_01,
.connection_02 {
	display: none;
}
/* contents_01 */
.contents_01 {
	position: relative;
	background: url("../images/contents_bg_04.png") repeat bottom;
}
/* contents_02 */
.contents_02 {
	position: relative;
	background-color: #ffffff;
	margin-top: -2.961%;
	overflow: hidden;
}
/* contents_03 */
.contents_03 {
	position: relative;
	background: url("../images/contents_bg_04.png") repeat bottom;
	width: 100%;
}
/* mark */
i {
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	background-color: #2d2d2d;
}
/* contents
------------------------------------------------------------------------*/
/* base */
main {
	display: block;
	background: url("../../images/contents_bg_01.png") repeat;
	padding-bottom: 56px;
}
.contents { margin:0 4.6875%; }
.wrap .pane {
	position: relative;
	margin: 10.801% auto;
	border: solid 3px #2d2d2d;
	box-sizing: border-box;
	background: url("../images/contents_bg_04.png") repeat bottom;
}
/* 01 */
.wrap .pane .contents_01 {
	position: relative;
	padding:7.317% 2.613% 5.574%;
}
.wrap .pane .contents_01 .contents_01_inner {
	margin:0;
}
.wrap .pane .contents_01 .contents_01_inner .box01 {
    width: 61.394%;
    margin: 0 auto;
}
.wrap .pane .contents_01 .contents_01_inner .box01 h4 {
	max-width: 334px;
	height: 0;
	padding-bottom:26.047%;
	background:url(../images/sp/title.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.wrap .pane .contents_01 .contents_01_inner .box02 {
	float:left;
	width:35.101%;
	margin-top:-2%;
}
.wrap .pane .contents_01 h4 {
	margin:0 0 4.006% 0;
}
.wrap .pane .contents_01 h4 + p {
	color: #ffffff;
	font-size: 3.5vw;
	font-size: 135%;
	line-height:1.4;
}
.wrap .pane .contents_01 .career {
	position: relative;
	margin: 0 auto;
}
.wrap .pane .contents_01 .career .sbr { display:none; }
.wrap .pane .contents_01 .career em {
	display: block;
	padding:1.393% 0 1.393% 4.355%;
	text-align: left;
	font-size: 3vw;
	font-size: 130%;
	border-bottom: solid 3px #2d2d2d;
}
.wrap .pane .contents_01 .career p {
	float: left;
	font-size:130%;/* for android 4.2,4.3 */
	font-size: 3vw;
	font-size: 130%;
	line-height: 1.7;
	padding: 1.219% 3.832% 1.742% 2.439%;
}
.wrap .pane .contents_01 .career i.mark_block_01 {
	top: 0px;
	left: 0px;
}
.wrap .pane .contents_01 .career i.mark_block_02 {
	bottom: 0px;
	right: 0px;
}
/* 01 */
.wrap .pane .contents_02 {
	position: relative;
	padding: 12.717% 0 0 0;
	margin-top: -2%;
}
.wrap .pane .contents_02 em,
.wrap .pane .contents_02 h4 {
	margin:0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.wrap .pane .contents_02 em {
	display:block;
	max-width:269px;
	width:46.864%;
	height:0;
	padding-bottom:10.801%;
}
.wrap .pane .contents_02 h4 {
	height:0;
}
/* article_01 */
.wrap .pane .contents_02 .article_01 em {
	background:url(../images/sp/disc_01.png) no-repeat;
	background-size:contain;
}
.wrap .pane .contents_02 .article_01 h4 {
	max-width:515px;
	width:89.721%;
	padding-bottom:15.505%;
	background:url(../images/sp/caption_01.png) no-repeat;
	background-size:contain;
}
/* article_02 */
.wrap .pane .contents_02 .article_02 em {
	background:url(../images/sp/disc_02.png) no-repeat;
	background-size:contain;
}
.wrap .pane .contents_02 .article_02 h4 {
	max-width:456px;
	width:79.442%;
	padding-bottom:15.156%;
	background:url(../images/sp/caption_02.png) no-repeat;
	background-size:contain;
}
/* article_03 */
.wrap .pane .contents_02 .article_03 em {
	background:url(../images/sp/disc_03.png) no-repeat;
	background-size:contain;
}
.wrap .pane .contents_02 .article_03 h4 {
	max-width:491px;
	width:85.540%;
	padding-bottom:25.505%;
	background:url(../images/sp/caption_03.png) no-repeat;
	background-size:contain;
}
/* article_04 */
.wrap .pane .contents_02 .article_04 em {
	background:url(../images/sp/disc_04.png) no-repeat;
	background-size:contain;
}
.wrap .pane .contents_02 .article_04 h4 {
	max-width:491px;
	width:85.540%;
	padding-bottom:15.505%;
	background:url(../images/sp/caption_04.png) no-repeat;
	background-size:contain;
}
/* 01, 03 */
.wrap .pane .contents_02 .article_01 {
	padding:0 7.142% 24.291% 7.142%;
}
.wrap .pane .contents_02 .article_03 {
	padding:24.291% 7.142%;
}
.wrap .pane .contents_02 .article_02,
.wrap .pane .contents_02 .article_04 {
	padding:6.620% 7.142% 7.142% 7.142%;
}
.wrap .pane .contents_02 .article_01 div,  .wrap .pane .contents_02 .article_03 div {
	float: none;
}
.wrap .pane .contents_02 .article_01 div + div,
.wrap .pane .contents_02 .article_02 div + div,
.wrap .pane .contents_02 .article_03 div + div,
.wrap .pane .contents_02 .article_04 div + div  {
	margin: 7.69% 0 0 0;
	padding: 0;
}
.wrap .pane .contents_02 .article_03 {
	position: relative;
}
/* 02, 04 */
.wrap .pane .contents_02 .article_02,  .wrap .pane .contents_02 .article_04 {
	background-color: #f3f3f3;
}
.wrap .pane .contents_02 .article_02 div,  .wrap .pane .contents_02 .article_04 div {
	float: none;
}
.wrap .pane .contents_02 .article_02 div + div,  .wrap .pane .contents_02 .article_04 div + div {
	float: none;
	padding: 0;
}
/* figure */
.wrap .pane .contents_02 .figure img {
	width:100%;
}

.wrap .pane .contents_02 .article_04 .figure img {
}
.pane i.mark_block_01b {
	bottom: -5px;
	left: -5px;
}
.pane i.mark_block_02b {
	top: -5px;
	right: -5px;
}
/* shere */
.wrap .pane .contents_02 h4 {
	margin-top: 4.878%;
	margin-bottom: 4.181%;
}
.wrap .pane .contents_02 p {
	font-size:160%;/* for android 4.2,4.3 */
	font-size: 4vw;
	font-size: 140%;
	line-height: 1.7;
}
.wrap .pane .contents_01 .txt_pc {
	display: none;
}
.wrap .pane .contents_01 .txt_sp {
	width: 79%;
}
.wrap .pane .contents_01 .career.txt_sp {
	width: 95%;
}
}