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

@media screen and (min-width: 641px) {

	/* PC common
	------------------------------------------------------------------------*/
	header .headerIn nav ul li.nav5.ov {
		background: url(../../common/images/nav_05.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;
	}
	.contents_01, .contents_02 {
		font-family:"小塚ゴシック Pro", "メイリオ",​sans-serif;
	}
	.contents_02 {
		position: relative;
		overflow: hidden;
	}

	/* PC mainTitle
	------------------------------------------------------------------------*/
	.mainTitle {
		position: relative;
		height: 213px;
		background: url(../../images/contents_bg_02.png) repeat;
	}
	.mainTitle .txt_inner {
		width: 366px;
		position: absolute;
		left: 50%;
		margin-left: -220px;
	}
	.mainTitle h2 {
		margin-top: 23px;
		text-align: center;
	}
	.mainTitle h3 {
		margin-top: 19px;
		text-align: center;
	}
	.mainTitle .img_inner {
		width: 1000px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -500px;
	}
	.mainTitle p {
		position: absolute;
		top: 29px;
		left: 693px;
	}
	.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;
	}

	/* PC contents_01
	------------------------------------------------------------------------*/
	.contents_01 {
		position: relative;
		background:url("../images/contents_bg_03.png") repeat;
		height: 220px;
		width: 100%;
	}
	.contents_01 ul {
		margin-left: -13px;
	}
	.contents_01 ul li {
		float: left;
		margin-top: 30px;
		margin-left: 27px;
	}

	/* PC contents_02
	------------------------------------------------------------------------*/
	.contents_02 {
		position: relative;
		background:url("../../images/contents_bg_01.png") repeat;
		padding-bottom: 108px;
		padding-top: 59px;
	}
	.contents_02 .yogo_01 {
		width: 851px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.contents_02 .yogo {
		width: 851px;
		margin: 47px auto 0 auto;
		position: relative;
		z-index: 10;
	}
	.contents_02 .yogo_01 .bg_head,
	.contents_02 .yogo .bg_head {
		height: 16px;
		background: url("../images/yogo_list_bg_head.png") no-repeat top center;
		background-size: cover;
	}
	.contents_02 .yogo_01 .bg_head_sp,
	.contents_02 .yogo .bg_head_sp {
		display: none;
	}
	.contents_02 .yogo_01 .yogo_contents,
	.contents_02 .yogo .yogo_contents {
		background: url("../images/yogo_list_bg.png") repeat-y center center;
		overflow: hidden;
		position: relative;
		margin-top: -1px;
	}
	.contents_02 .yogo_01 .bg_foot,
	.contents_02 .yogo .bg_foot {
		height: 21px;
		background: url("../images/yogo_list_bg_foot.png") no-repeat center center;
		background-size: cover;
		margin-top: -1px;
	}
	.contents_02 .yogo_01 .bg_foot_sp,
	.contents_02 .yogo .bg_foot_sp {
		display: none;
	}
	.contents_02 .yogo_01 .yogo_contents .txt_01,
	.contents_02 .yogo .yogo_contents .txt_01 {
		font-size: 28px;
		color: #3eacc0;
		width: 257px;
		text-align: center;
		float: left;
	}
	.contents_02 .yogo_01 .yogo_contents .txt_01_sp,
	.contents_02 .yogo .yogo_contents .txt_01_sp,
	.contents_02 .yogo_01 .yogo_contents .bar,
	.contents_02 .yogo .yogo_contents .bar {
		display: none;
	}
	.contents_02 .yogo_01 .yogo_contents .txt_01 span,
	.contents_02 .yogo .yogo_contents .txt_01 span {
		font-size: 80%;
	}
	.contents_02 .yogo_01 .yogo_contents .txt_02,
	.contents_02 .yogo .yogo_contents .txt_02 {
		width: 514px;
		margin-left: 293px;
		float: left;
		line-height: 30px;
		font-size: 17px;
		margin-top: 9px;
		margin-bottom: 7px;
	}
	.contents_02 .yogo_01 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
		display: block;
	}
	.contents_02 .yogo_02 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -28px;
	}
	.contents_02 .yogo_03 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -28px;
	}
	.contents_02 .yogo_04 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
	}
	.contents_02 .yogo_05 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
	}
	.contents_02 .yogo_06 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
	}
	.contents_02 .yogo_07 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
	}
	.contents_02 .yogo_08 .yogo_contents .txt_01 {
		position: absolute;
		top: 50%;
		margin-top: -14px;
	}
	.contents_02 .bg_icon {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -700px;
		width: 1400px;
		height: 100%;
		overflow: hidden;
	}
	.contents_02 .bg_icon .icon_01 {
		position: absolute;
		top: 61px;
		left: 65px;
	}
	.contents_02 .bg_icon .icon_02 {
		position: absolute;
		top: 294px;
		right: 178px;
	}
	.contents_02 .bg_icon .icon_03 {
		position: absolute;
		top: 512px;
		left: 141px;
	}
	.contents_02 .bg_icon .icon_04 {
		position: absolute;
		top: 735px;
		right: 80px;
	}
	.contents_02 .bg_icon .icon_05 {
		position: absolute;
		top: 1074px;
		left: 34px;
	}
	.contents_02 .bg_icon .icon_06 {
		position: absolute;
		top: 1141px;
		right: 136px;
	}
	.contents_02 .bg_icon .icon_07 {
		position: absolute;
		top: 1462px;
		left: 192px;
	}
	.contents_02 .bg_icon .icon_08,
	.contents_02 .bg_icon .icon_09,
	.contents_02 .bg_icon .icon_10 {
		display: none;
	}
	.contents_02 .bg_icon .icon {
		opacity: 0.3;
		filter: alpha(opacity=30);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=30)";  /* ie 8 */
		-moz-opacity: 0.3;                /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.3;
	}
	/* 共通バナーエリアの非表示 */
	/*footer .footerIn { padding:0; }
	footer .top { border-top:none; }*/
}

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

	/* SP common
	------------------------------------------------------------------------*/
	header .headerIn nav ul li.nav5.ov {
		max-width: 100%;
		height: 0;
		margin:0 auto 7% auto;
		padding-bottom:6.25%;
		background:url(../../common/images/sp/nav_05_ov.png) no-repeat center;
		background-size:contain;
	}
	a {
		color: #000;
	}
	main img {
		width: 100%;
	}
	.contents_01, .contents_02 {
		font-family:"小塚ゴシック Pro", "メイリオ",​sans-serif;
	}

	/* SP mainTitle
	------------------------------------------------------------------------*/
	.mainTitle {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom:42.8125%;
		box-sizing: border-box;
		background: url(../images/sp/contents_bg.png) repeat-x;
		background-size: contain;
		margin-top: 13.906%;
	}
	.mainTitle .title_inner {
		width: 100%;
	}
	.mainTitle .breadcrumb {
		display: none;
	}
	.mainTitle .txt_inner {
		position: absolute;
		width: 52.37%;
		top: 35%;
		left: 15.625%;
	}
	.mainTitle h2 {
		width: 93.68%;
		margin-left: 1.06%;
	}
	.mainTitle h3 {
		width: 100%;
		margin-top: 4%;
	}
	.mainTitle .img_inner {
		position: absolute;
		width: 16.56%;
		top: 28%;
		left: 67.625%;
	}
	.mainTitle p {
		width: 100%;
	}

	/* SP contents_01
	------------------------------------------------------------------------*/
	.contents_01 {
		position: relative;
		overflow: hidden;
		background:url("../images/contents_bg_03.png") repeat;
		width: 100%;
		padding: 4% 0 5% 0;
	}
	.contents_01 ul {
		margin-left: 4.6%;
	}
	.contents_01 ul li {
		float: left;
		width: 45%;
		margin-left: 1.25%;
		margin-top: 1%;
	}

	/* SP contents_02
	------------------------------------------------------------------------*/
	.contents_02 {
		position: relative;
		background:url("../../images/contents_bg_01.png") repeat;
		padding-top: 10%;
		padding-bottom: 30%;
	}
	.contents_02 .yogo_01,
	.contents_02 .yogo {
		width: 90.78%;
		margin: 0 auto;
		position:relative;
		z-index: 100;
	}
	.contents_02 .bg_head_sp,
	.contents_02 .bg_foot_sp {
		width: 100%;
		vertical-align: bottom;
		font-size: 0;
	}
	.contents_02 .yogo_contents .txt_01 {
		display: none;
	}
	.contents_02 .yogo_contents .txt_01_sp {
		background: url("../images/sp/yogo_list_bg_02.png") repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-ms-background-size: 100%;
		width: 100%;
		padding: 0 0 2% 0;
		text-align: center;
		font-size: 6.07vw;
		font-size: 180%;
		color: #3eacc0;
	}
	.contents_02 .yogo_contents .txt_01_sp span {
		font-size: 70%;
	}
	.contents_02 .yogo_contents .bar {
		vertical-align: bottom;
		font-size: 0;
	}
	.contents_02 .yogo_contents .txt_02 {
		background: url("../images/sp/yogo_list_bg_02.png") repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		-ms-background-size: 100%;
		width: 100%;
	    font-size: 4.07vw;
	    font-size: 160%;
		line-height: 150%;
	}
	.contents_02 .yogo_contents .txt_02 p {
	    width: 90%;
    	margin: 0 auto;
    	padding-top: 3%;

	}
	.contents_02 .yogo_contents .txt_02 span {
		width: 90%;
	}
	.contents_02 .yogo {
		margin-top: 10%;
	}
	.contents_02 .bg_icon {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.contents_02 .bg_icon .icon_01 {
		position: absolute;
		top: 8%;
		left: 13.56%;
		width: 12.81%;
	}
	.contents_02 .bg_icon .icon_02 {
		position: absolute;
		top: 30%;
		left: 42.34%;
		width: 15.93%;
	}
	.contents_02 .bg_icon .icon_03 {
		position: absolute;
		top: 18%;
		left: 66.71%;
		width: 12.5%;
	}
	.contents_02 .bg_icon .icon_04 {
		position: absolute;
		top: 47.1%;
		left: 70.78%;
		width: 10.125%;
	}
	.contents_02 .bg_icon .icon_05 {
		display: none;
	}
	.contents_02 .bg_icon .icon_06 {
		position: absolute;
		top: 71.3%;
		right: -1%;
		width: 12.18%;
	}
	.contents_02 .bg_icon .icon_07 {
		display: none;
	}
	.contents_02 .bg_icon .icon_08 {
		position: absolute;
		top: 59.3%;
		left: 17.5%;
		width: 15.93%;
	}
	.contents_02 .bg_icon .icon_09 {
		position: absolute;
		top: 79.7%;
		left: 38.75%;
		width: 15.93%;
	}
	.contents_02 .bg_icon .icon_10 {
		position: absolute;
		top: 91%;
		left: 15.62%;
		width: 15%;
	}
	.contents_02 .bg_icon .icon {
		opacity: 0.3;
		filter: alpha(opacity=30);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=30)";  /* ie 8 */
		-moz-opacity: 0.3;                /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.3;
	}
}