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

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size: 19px;
	line-height: 2em;
	text-align:center;
	text-justify: inter-ideograph;
	background: #fff;
	overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
a,
a img {
	color: #000;
	text-decoration: none;
}
a:hover,
a:hover img {
}
.contentIn {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
section:after,
ul:after,
.sec01_2_inn:after,
.sec02_1:after,
.sec02_2:after,
.sec03_2:after,
.sec03_3:after,
.sec03_4:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media screen and (max-width:767px) {
	body {
		font-size: 24px;
	}
	.contentIn {
		width: auto;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/
#header {
	background-size: cover;
	max-height:942px;
	margin:0 0 119px 0;
	padding-bottom:97px;
}

#header .header_top{
	width: 100%;
	max-height:75px;
	margin:0 auto;
	position:relative;
}

#header .header_top ul.nav01 {
	width: 100%;
	position:relative;
	height:75px;
	z-index:100;
}

#header .header_top ul.nav01 li {
	position:absolute;
}

#header .header_top ul.nav01 li.nav01_l {
	left:33px;
	top:29px;
}

#header .header_top ul.nav01 li.nav01_c {
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}

#header .header_top ul.nav01 li.nav01_r {
	right:30px;
	top:29px;
}


#header .header_main {
	height:100%;
	position:relative;
	font-size:36px;
	font-weight:bold;
	letter-spacing:0.16em;
}


#header .header_main .main01 li.main01_l {
	position:absolute;
	writing-mode: tb-rl;
	left:67px;
	top:48px;
}

#header .header_main .main01 li.main01_c {
	text-align:center;
	margin:120px auto 0;
}

#header .header_main .main01 li.main01_c h2 {
	margin-bottom:79px;
}

#header .header_main .main01 li.main01_c p {
	font-size:16px;
	letter-spacing:normal;
	margin:0 0 50px 0;
}

#header .header_main .main01 li.main01_c p a {
	padding:3px 0 3px 31px;
	background:url(../img/icon_f.png) no-repeat left center;
}


#header .header_main .main01 li.main01_r {
	writing-mode: tb-rl;
	position:absolute;
	right:58px;
	top:84px;
}


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

#header {
	background-size: cover;
	max-height:none;
	margin:0 0 50px 0;
	padding-bottom:0px;
}


#header .header_main {
	font-size:18px;
}

#header .header_main .main01 li.main01_l {
	position:relative;
	writing-mode:horizontal-tb;
	margin:0px auto;
	width:auto;
	top:0;
	left:0;
}

#header .header_top ul.nav01 li.nav01_c {
	margin:-12px 0 0 0;
}


#header .header_top ul.nav01 li.nav01_l {
	left:7px;
	top:-5px;
}

#header .header_top ul.nav01 li.nav01_l img {
	width:70%;
}

#header .header_top ul.nav01 li.nav01_r {
	right:15px;
	top:-10px;
}

#header .header_main .main01 li.main01_c {
	text-align:center;
	margin:25px auto 0;
}

#header .header_main .main01 li.main01_c h2 {
	margin-bottom:60px;
}

#header .header_main .main01 li.main01_c h2 img {
	width:50%;
}

#header .header_main .main01 li.main01_c p {
	padding:0 0 25px 0;
	font-size:8px;
}

#header .header_main .main01 li.main01_c p a {
	padding-top:7px;
	padding-bottom:7px;
}


#header .header_main .main01 li.main01_r {
	position:relative;
	writing-mode:horizontal-tb;
	margin:50px auto 0;
	width:auto;
	top:0;
	left:0;
}
}


/* ----------------------------------------------------------------------------------------------------
*  グローバルナビゲーション
* --------------------------------------------------------------------------------------------------*/

/*　ハンバーガーエフェクト　*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 29px;
	height: 25px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #000;
	border-radius: 5px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(10px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(10px) rotate(45deg);
	}
	50% {
		transform: translateY(10px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-10px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-10px) rotate(-45deg);
	}
	50% {
		transform: translateY(-10px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(10px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(10px) rotate(0);
	}
	100% {
		transform: translateY(10px) rotate(45deg);
	}
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-10px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-10px) rotate(0);
	}
	100% {
		transform: translateY(-10px) rotate(-45deg);
	}
}
/*ハンバーガーエフェクト　ここまで*/


#gNavi {
	display:none;
	line-height: 1.0;
	position:absolute;
	width:100%;
	background: #FFF;
	border-bottom:2px solid #000;
	z-index:50;
	top:0px;
}
#gNavi ul {
	padding-top:100px;
}
#gNavi li {
	border-top:2px solid #000;
}
#gNavi a {
	display:block;
	padding-top:28px;
	color: #000;
	font-weight:bold;
	font-size:26px;
	height:80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#gNavi a.fb {
	padding-bottom:40px;
}
#gNavi a img {
	vertical-align:middle;
	padding-right:0.5em;
	padding-bottom:5px;
}
#gNavi a:hover {
	background-color:#000;
	color:#FFE75F;
}

@media screen and (max-width:767px) {
#gNavi ul {
	padding-top:50px;
}
#gNavi a {
	display:block;
	padding-top:14px;
	color: #000;
	font-weight:bold;
	font-size:14px;
	height:40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
	
}






/* ----------------------------------------------------------------------------------------------------
*  section共通
* --------------------------------------------------------------------------------------------------*/
section{
	text-align:left;
	margin:0 auto;
	width:100%;
}
section h3{
	height:0px;
	padding-top:42px;
	overflow:hidden;
	background:left top no-repeat;
}

@media screen and (max-width:767px) {
section h3{
	height:0px;
	padding-top:84px;
	overflow:hidden;
	background:center top no-repeat;
	background-size:contain;
}
}


/* ----------------------------------------------------------------------------------------------------
*  section01
* --------------------------------------------------------------------------------------------------*/
section.sec01 {
	font-weight:bold;
	margin-bottom:137px;
}

section.sec01 h3 {
	background-image:url(../img/cont01_title_pc.png);
	width:701px;
	margin:0 0 63px 0;
}

section.sec01 h4 {
	font-size:31px;
	margin:0 0 56.8px 0;
	line-height:1.2em;
}

section.sec01 ul {
	margin:54px 0 8px 0;
}

section.sec01 ul li a {
	display:block;
	width:322px;
	height:47px;
	padding-top:9px;
	background:#FFE75F;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

section.sec01 ul li a:hover {
	color:#FFE75F;
	background:#000;
}


section.sec01 .sec01_1 {
	background:url(../img/cont01_bg01_pc.png) no-repeat right bottom;
	margin:0 auto 69px;
	max-width:1100px;
	font-size:14px;
	line-height:2.0em;
	padding:0 10px;
}

section.sec01 .sec01_2 {
	background:url(../img/cont01_bg.jpg) repeat-x top left #E8E9E9;
	width:100%;
}

section.sec01 .sec01_2 .sec01_2_inn {
	margin:0 auto;
	max-width:1116px;
	padding:0 3%;
}

section.sec01 .sec01_2 h5 {
	background:url(../img/cont01_img01.png) no-repeat left top;
	padding-top:179px;
	float:left;
	margin:0 0 0 21px;
	width:30%;
}

section.sec01 .sec01_2 p {
	float:left;
	padding-top:91px;
	font-size:12px;
	line-height:2.0em;
	width:35%;
}

section.sec01 .sec01_2 p img {
	margin:0 0 27px 21px;
	width:100%;
}

section.sec01 .sec01_2 p.end {
	float:right;
	padding-top:110px;
	margin:0 0 27px 5%;
	width:25%;
}

section.sec01 .sec01_2 p.end a {
	background:#FFE75F;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

section.sec01 .sec01_2 p.end a:hover {
	color:#FFE75F;
	background:#000;
}


@media screen and (max-width:767px) {
section.sec01{
	margin-bottom:50px;
}

section.sec01 h3 {
	background-image:url(../img/cont01_title_ph.png);
	width:100%;
	margin:0 0 0px 0;
	background-size:contain;
}

section.sec01 h4 {
	font-size:20px;
	margin:0 0 28.4px 0;
	line-height:1.4em;
}

section.sec01 .sec01_1 {
	background:url(../img/cont01_bg01_ph.png) no-repeat center 110px;
	background-size:contain;
	margin:0 3%;
}

section.sec01 .sec01_1 p {
	margin:90% 0 0 0;
	font-size:80%;
	line-height:2em;
}

section.sec01 .sec01_1 p br {
	display:none;
}

section.sec01 ul {
	margin:20px 0 15px 0;
}

section.sec01 ul li a {
	width:100%;
}

section.sec01 .sec01_2 h5 {
	background:url(../img/cont01_img01.png) no-repeat  center top;
	padding-top:179px;
	float:none;
	margin:0 0 0 0;
	width:100%;
	text-align:center;
	font-size:80%;
}

section.sec01 .sec01_2 p {
	float:none;
	padding:0;
	font-size:12px;
	line-height:2.0em;
	text-align:center;
	width:100%;
	margin:0 auto;
}

section.sec01 .sec01_2 p img {
	width:100%;
	margin:auto;
	padding:0;
	float:none;
}

section.sec01 .sec01_2 p.end {
	float:none;
	padding-top:0;
	padding-bottom:27px;
	margin:27px 0 0;
	text-align:left;
	width:100%;
}

section.sec01 .sec01_2 p.end br {
	display:none;
}



}


/* ----------------------------------------------------------------------------------------------------
*  section02
* --------------------------------------------------------------------------------------------------*/
section.sec02 {
	font-weight: bold;
	width: 100%;
	max-width:1100px;
	margin: 0 auto 128px;
	padding-bottom: 111px;
	background:url(../img/cont02_img_foot_pc.png) no-repeat center bottom;
	position:relative;
	}

section.sec02 h3 {
	background-image:url(../img/cont02_title_pc.jpg);
	width:42.8%;
	min-width:471px;
	margin:0 3% 45px 0;
	float: left;
	background-size:contain;
}     

section.sec02 h4 {
	font-size:19px;
	margin:1em 0px 0 0;
	line-height:1.2em;
	float: left;
	min-width:300px;
}

section.sec02 ul.sec02_3 {
	position:absolute;
	right:0;
	top:0;
}

section.sec02 ul.sec02_3 li {
	width:180px;
	margin:0 auto;
}

section.sec02 ul.sec02_3 li a {
	float:right;
	display:block;
	width:180px;
	height:47px;
	padding-top:0.3em;
	background:#FFE75F;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	font-size: 14px;
}

section.sec02 ul.sec02_3 li a:hover {
	color:#FFE75F;
	background:#000;
}

section.sec02 .sec02_1 {
	padding: 0px 10px 0;
	max-width: 1100px;
	margin: 0 auto;
	position:relative;
}


section.sec02 .sec02_2 {
	max-width:1100px;
	margin:0 auto 119px;
	padding:0 10px;
}

section.sec02 .sec02_2 ul li {
	float:left;
	width:24%;
	/*min-height:190px;*/
	background:#FFE75F;
	height:400px;
}


.bom {
	width:100%;
	height:190px;
	overflow:hidden;
	
}






/*//////*/


section.sec02 .sec02_2 ul li:nth-child(1) {
	
	margin-right: 1%;
}
section.sec02 .sec02_2 ul li:nth-child(2) {

	margin-right: 1%;
}
section.sec02 .sec02_2 ul li:nth-child(3) {
	
	margin-right:1%;
}
section.sec02 .sec02_2 ul li:nth-child(4) {

	
}

/*//////*/







section.sec02 .sec02_2 ul li p img {
	width:100%;
	
	
}


section.sec02 .sec02_2 ul li+li {
	margin:0 0 0 1.3%;
}

section.sec02 .sec02_2 ul li div {
	width:100%;
	padding:20px 20px 40px 20px;
	line-height:1.1em;
	position:relative;
}

section.sec02 .sec02_2 ul li div h5 {
	font-size:10px;
	font-weight:normal;
	margin:0 0 12px 0;
}

section.sec02 .sec02_2 ul li div h5:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.sec02 .sec02_2 ul li div h5 span {
	font-weight:bold;
	color:#FFE75F;
	background:#000;
	padding:0 34px;
	display:block;
	float:left;
	
}

section.sec02 .sec02_2 ul li div h5 time {
	padding:0 0 0 10px;
	display:block;
	float:left;
}

section.sec02 .sec02_2 ul li div p {
	font-size:18px;
	line-height:1.4em;
	padding:2px 0;
	margin:0 0 30px 0;
	background:#FFF;
}



.bom2 a {
	text-decoration:underline;
	padding:0 3px;
	border-bottom:2px solid #FFE75F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.bom2 a:hover {
	color:#FFE75F;
	background:#000;
}



/*/////元////////

section.sec02 .sec02_2 ul li div p a {
	text-decoration:underline;
	padding:0 3px;
	border-bottom:2px solid #FFE75F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



section.sec02 .sec02_2 ul li div p a:hover {
	color:#FFE75F;
	background:#000;
}


///////*/




section.sec02 .sec02_2 ul a li div p {
	text-decoration:underline;
	padding:0 3px;
	border-bottom:2px solid #FFE75F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



section.sec02 .sec02_2 ul a:hover li div p  {
	color:#FFE75F;
	background:#000;
}




section.sec02 .sec02_2 ul a li span {
	font-size:10px;
	font-weight:normal;
	line-height:1.4em;
	font-style: italic;
    padding-left:5px;
	padding-bottom:2px;
	
}

.und_b{
	text-decoration:underline;
}




/*////////*/

section.sec02 .sec02_2 ul li div ul{
}

section.sec02 .sec02_2 ul li div ul li {
	float:none;
	width:auto;
	background:transparent;
	min-height:initial;
}

section.sec02 .sec02_2 ul li div ul li a {
	font-size:10px;
	font-weight:normal;
	line-height:1.4em;
	text-decoration:underline;
	font-style: italic;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	background:url(../img/cont02_icon.png) no-repeat left center;
	padding-left:14px;
	padding-bottom:2px;
}

section.sec02 .sec02_2 ul li div ul li a:hover {
	color:#FFE75F;
	background:#000 url(../img/cont02_icon_on.png) no-repeat left center;
}


@media screen and (max-width:767px) {
section.sec02{
	background:url(../img/cont02_img_foot_ph.png) no-repeat center bottom;
	padding-bottom: 121px;
	background-size:contain;
	margin: 0 auto 63px;
}

section.sec02 h3 {
	background-image:url(../img/cont02_title_ph.png);
	width:100%;
	min-width:inherit;
	margin:0 0 0 0;
	background-size:contain;
	float:none;
}

section.sec02 h4 {
	font-size:19px;
	margin:0 0px 2em;
	line-height:1.2em;
	float:none;
	width:100%;
	text-align:center;
	font-size:80%;
}

section.sec02 ul.sec02_3 {
	position:inherit;
	right:auto;
	top:auto;
}

section.sec02 ul.sec02_3 li {
	width:94%;
	margin:0 3%;
}

section.sec02 ul.sec02_3 li a {
	float:none;
	width:100%;
	height:53px;
}


section.sec02 .sec02_2 ul li div h5 {
	font-size:10px;
	margin:0 0 12px 0;
}

section.sec02 .sec02_2 ul li div h5 span {
	width:100%;
	font-size:12px;
	line-height:1.6em;
	padding:3px 17px 0 17px;
	text-align:center;
}

section.sec02 .sec02_2 ul li div h5 time {
	display:inline-block;
	width:100%;
	font-size:12px;
	line-height:1.6em;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
}

section.sec02 .sec02_2 {
	margin:0 auto 20px;
	padding:0 10px;
}

section.sec02 .sec02_2 ul li {
	width:49%;
	min-height:initial;
	margin:0 1% 1% 0;
}

section.sec02 .sec02_2 ul li p img {
	width:100%;
}


section.sec02 .sec02_2 ul li+li {
	margin:0 1% 1% 0;
}

section.sec02 .sec02_2 ul li div {
	width:100%;
	padding:10px 5px 10px 5px;
	min-height:initial;
	line-height:1.1em;
	position:relative;
}

section.sec02 .sec02_2 ul li div ul{
	left:10px;
}

section.sec02 .sec02_2 ul li div p {
	font-size:14px;
	line-height:1.4em;
	padding:2px 0;
	margin:0;
	background:#FFF;
}

section.sec02 .sec02_2 ul li div ul li {
	margin:auto;
}




}


/* ----------------------------------------------------------------------------------------------------
*  section03
* --------------------------------------------------------------------------------------------------*/
section.sec03 {
	font-weight: bold;
	width: 100%;
	margin:0 auto 124px;
	padding:0 10px;
	}

section.sec03 h3 {
	background-image:url(../img/cont03_title_pc.png);
	margin:0 auto 87px;
	max-width:1100px;
}

section.sec03 div.sec03_1 {
	max-width:1100px;
	margin:0 auto;
	position:relative;
}

section.sec03 div.sec03_1 .bxSlider div {
	width:80%;
}

section.sec03 div.sec03_1 .bxSlider div:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.sec03 div.sec03_1 .bxSlider p {
	float:left;
	margin:0 0 0 15%;
	width:40%;
	max-width:363px;
	text-align:center;
	height:213px;
}

section.sec03 div.sec03_1 .bxSlider p.text {
	margin:2% 13.5% 0 0;
	text-align:left;
	float:right;
}
section.sec03 div.sec03_1 .pager-custom {
	width:40%;
	max-width:300px;
	margin:0 auto;
	position:absolute;
	left:52.5%;
	bottom:300px;
}



section.sec03 div.sec03_2 {
	margin:0 auto 94px;
	max-width:1100px;
	line-height:1.3em;
}

section.sec03 div.sec03_2 h4 {
	font-size:19.8px;
	margin:10px auto 15px;

}




section.sec03 div.sec03_2 span {
	font-size:50%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:97%;
	line-height:1.3em;
	
}


.sidtx {
	font-size:14px;
	
	max-width:1100px;
	
}




/*section.sec03 div.sec03_2 p {
	font-size:14px;
	line-height:1.8em;
	float:left;
	width:48%;
	padding:0 3% 0 0;
	margin:0 0 0 0;
	border-right:3px solid #000;
}

section.sec03 div.sec03_2 p+p {
	padding:0;
	margin:0 0 0 3%;
	border:none;
}*/



section.sec03 div.sec03_3 {
	margin:0 auto 25px;
	max-width:1100px;
	line-height:1.1em;
}

section.sec03 div.sec03_3 h4 {
	font-size:19.8px;
}

section.sec03 div.sec03_3 h4 {
	float:left;
}

section.sec03 div.sec03_3 p {
	float:right;
}



section.sec03 ul.sec03_4 {
	width:100%;
	margin:0 auto 75px;
}

section.sec03 ul.sec03_4 li {
	float:left;
	width:33.3%;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}


section.sec03 ul.sec03_4 li img {
	padding:0 0.5%;
	width:100%;
}


section.sec03 div.sec03_5 {
	margin:0 auto 94px;
	max-width:1100px;
}

section.sec03 div.sec03_5 h5 {
	font-size:19.8px;
	line-height:1.1em;
	text-align:center;
	margin-bottom:60px;
}

section.sec03 div.sec03_5 ul {
}

section.sec03 div.sec03_5 ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.sec03 div.sec03_5 ul li {
	line-height:1.0em;
	float:left;
	width:33%;
	text-align:left;
}

section.sec03 div.sec03_5 ul li a {
	display:block;
	width:98%;
	height:113px;
	padding:47px 25% 0 20px;
	margin:0 1%;
	background-color:#FFE75F;
	background-image: url(../img/cont03_li02.png);
	background-repeat:no-repeat;
	background-position: right 25px center;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	font-size: 18px;
}

section.sec03 div.sec03_5 ul li a:hover {
	color:#FFE75F;
	background:#000 url(../img/cont03_li02_on.png) no-repeat;
	background-position: right 25px center;
}

@media screen and (max-width:767px) {
section.sec03{
	margin:0 auto 65px;
}

section.sec03 h3 {
	background-image:url(../img/cont03_title_ph.png);
	width:100%;
	margin:0 0 15px 0;
}



section.sec03 div.sec03_1 {
	}


section.sec03 div.sec03_1 .bxSlider div.sld-page {
	width:60%;
	margin:0 auto!important;
}





section.sec03 div.sec03_1 .bxSlider p {
	float:none;
	margin:0 auto;
	width:70%;
	max-width:none;
	text-align:center;
	height:auto;
	max-height:none;
}

section.sec03 div.sec03_1 .bxSlider p img {
	width:80%;
	margin:20px auto;
}

section.sec03 div.sec03_1 .bxSlider p.text {
	margin:0 auto;
	font-size:50%;
	line-height:1.4em;
	text-align:center;
	color:#000;
	width:80%;
	height:auto;
	bottom:none;
	max-height:none;
	float:none;
}

section.sec03 div.sec03_1 .pager-custom {
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:center;
	right:none;
	top:none;
}

section.sec03 div.sec03_1 .pager-custom .bx-pager {
	margin:-50px auto 50px;
	padding:0;
	width:100%;
	}

section.sec03 div.sec03_1 .pager-custom .bx-pager ul {
	margin:0 auto;
	padding:0;
	}

section.sec03 div.sec03_1 .pager-custom .bx-pager li {
	margin: 0 2px;
	display: inline-block;
	*display: inline;
    *zoom: 1;
}

section.sec03 div.sec03_1 .pager-custom .bx-pager li a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	font-size: 12px;
	background-color: #FFF;
	text-align: center;
	border:2px solid #000;
	cursor:pointer;
}


section.sec03 div.sec03_1 .pager-custom .bx-pager li.acvtive {
	background-color:#FF0;
	cursor: default;
	}

section.sec03 div.sec03_1 .pager-custom {
	width:100%;
	max-width:none;
	margin:0 auto;
	position:relative;
	left:0;
	bottom:0;
	padding:0;
}



section.sec03 div.sec03_2 {
	margin:0 auto 30px;
}
section.sec03 div.sec03_2 h4 {
	line-height:1.4em;
	margin-bottom:20px;
	font-size:80%;
}

section.sec03 div.sec03_2 p {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	border-right:none;
	font-size:12px;
}

section.sec03 div.sec03_2 span {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	border-right:none;
	font-size:50%;
}



/*section.sec03 div.sec03_2 p {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	border-right:none;
	font-size:12px;
}

section.sec03 div.sec03_2 p+p {
	padding:0;
	margin:0%;
	border:none;
}*/



section.sec03 div.sec03_3 {
	margin:0 auto 30px;
	text-align:center;
}

section.sec03 div.sec03_3 h4 {
	font-size:80%;
	float:none;
}

section.sec03 div.sec03_3 p {
	float:none;
	font-size:12px;
	margin-bottom:20px;
}


section.sec03 ul.sec03_4 {
	width:100%;
	margin:0 auto 30px;
}

section.sec03 ul.sec03_4 li {
	float:none;
	width:100%;
	font-size:12px;
	line-height:2em;
	margin-bottom:1em;
}


section.sec03 ul.sec03_4 li img {
	padding:0;
}

section.sec03 div.sec03_5 {
	margin:0 auto 30px;
}


section.sec03 div.sec03_5 h5 {
	font-size:12px;
	line-height:1.6em;
	text-align:center;
	margin:0 30px 30px;
}


section.sec03 div.sec03_5 ul li {
	float:none;
	width:100%;
}

section.sec03 div.sec03_5 ul li a {
	display:block;
	width:98%;
	height:60px;
	padding-top:20px;
	padding-right:30%;
	margin:3% 1%;
	background-color:#FFE75F;
	background-image: url(../img/cont03_li02.png);
	background-repeat:no-repeat;
	background-position: right 25px center;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	font-size: 14px;
}

section.sec03 div.sec03_5 ul li a:hover {
	color:#FFE75F;
	background:#000 url(../img/cont03_li02_on.png) no-repeat;
	background-position: right 25px center;
}
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, section.sec03 div.sec03_5 ul li a {
	background-position: right center;
  }
   ::i-block-chrome, section.sec03 div.sec03_5 ul li a:hover {
	background-position: right center;
  }
 
}

/* ----------------------------------------------------------------------------------------------------
*  section04
* --------------------------------------------------------------------------------------------------*/
section.sec04 {
	font-weight: bold;
	width: 100%;
	margin:0 auto 110px;
	padding:0 10px;
	text-align:center;
	}

section.sec04 h3 {
    max-width: 1100px;
	background-image:url(../img/cont04_title_pc.png);
	margin:0 auto 24px auto;
}

section.sec04 h4 img {
	margin:0 auto;
}

section.sec04 p {
	text-align:center;
}

section.sec04 p img {
	display:block;
	margin:0 auto;
}

section.sec04 div.pro_set {
	margin:48px 0 0 0;
	line-height:1.2em;
	text-align:center;
	
}

section.sec04 div.pro_set p.title {
	font-size:12px;
	margin-top:1em;
}

section.sec04 div.pro_set p.name {
	font-size:20px;
	margin-bottom:1em;
}

@media screen and (max-width:767px) {
section.sec04{
	margin:0 auto 35px;
}

section.sec04 h3 {
	background-image:url(../img/cont04_title_ph.png);
	width:100%;
	margin:0 0 0 0;
}
}




/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/
#footer {
	padding: 64px 5% 74px;
	background: #FFE75F;
	width:100%;
	text-align:center;
}
#footer .fb {
	margin:43px 0 50px 0;
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
}
#footer .fb img {
	display:inline-block;
	vertical-align:middle;
}
#footer .fb span {
	display:inline-block;
	margin:0 0 0 5px;
	vertical-align:middle;
}
#footer small {
	font-size:10px;
	line-height:1.0em;
	margin:0;
	padding-top:-30px;
}

@media screen and (max-width:767px) {
#footer {
	padding: 32px 5% 37px;
	background: #FFE75F;
	width:100%;
	text-align:center;
}
#footer .fb {
	margin:30px 0 0px 0;
}
#footer small {
	line-height:10px;
	font-size:5px;
}
}