@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

@charset "utf-8";

body {
  font-family: "游ゴシック体", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	line-height: 1.7;
	-webkit-text-size-adjust: none;
}

#theworld {
	width:100%;
	max-width:1920px;
	margin:0 auto;
}

/* 
 * #layout
 *
 ************************/
#header {
	box-sizing:border-box;
	padding:0 15px;
}

.content {
	box-sizing:border-box;
}

#footer {
	box-sizing:border-box;
	padding:0;
}

/* 
 * #common
 *
 ************************/
 
img {
  vertical-align: bottom; 
}

a {
  color: #50a9c6;
}

a:hover {
  opacity: .8;
  text-decoration: none;
}

a:active {
  color: #50a9c6;
}

.btn {

}

/* :::::::::::::::::::::::::::::::::
headerのスタイル
:::::::::::::::::::::::::::::::::: */
.header_out-n1 {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding-top: 0;
    text-align: center;
}
#slider {
    height:100%;
    background-color: #000;
}
.slide_1 {
    width: 100%;
}
.slide_2 {
    width: 100%;
}
.slide_3 {
    width: 100%;
}
@media screen and (min-width:768px) {
	.slide_1 {
		width: 100%;
	}
	.slide_2 {
		width: 100%;
	}
	.slide_3 {
		width: 100%;
	}
}

.logo {
    position: absolute;
    top: 10%;
    left: 36%;
    width: 30%;
    margin-left: 0;
}

.logoback {
    position: absolute;
    top: 0;
    width: 100%;
}
.title {
    position: absolute;
    top: 20%;
    margin: 0 10%;
}

.mainbottom {
	position: absolute;
	bottom: 0;
	background: url(../img/main/mainbottom_sp.png) center bottom repeat-x;
	background-size: 38px 15px;
	width: 100%;
	height: 30px;
}
.copy {
     margin-bottom: 5%;
}

@media screen and (min-width:768px) {
	.header_out-n1 {
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding-top: 0;
		text-align: center;
	}
	#slider {
		z-index: -1;
		width: 100%;
		margin: 0 auto;
	}
	#slider img {
		width: 100%;
	}

	.logo {
		position: absolute;
		width: 132px;
		top: 3%;
		left: 44vw;
		z-index: 1;
	}
	.logoback {
		position: absolute;
		top: 0;
		width: 100%;
	}
	.title {
		position: absolute;
		top: 15%;
    	margin: 0 30vw;
	}
	.inner_title {
		width: 40vw;
		margin: 0 auto;
	}
	.mainbottom {
        position: absolute;
        bottom: 0;
        background: url(../img/main/mainbottom_pc.png) center bottom repeat-x;
        background-size: 77px 30px;
        width: 100%;
        height: 30px;
}
	.copy {
		 margin-bottom: 28px;
	}
}

@media print, screen and (min-width: 768px) {
	.btn {
		overflow:hidden;
		width:100%;
		margin:0 auto;
	}
}
@media print, screen and (min-width: 1024px) {
	.btn {
		overflow:hidden;
		width:1000px;
		margin:0 auto;
	}
}
.btn li {

}

.btn li a {
	display:block;
	width: 80%;
    height: auto;
	margin:10px auto;
	line-height:56px;
	text-align:center;
	text-decoration:none;
}

@media print, screen and (min-width: 768px) {
	.btn li a {
		width:49vw;
		margin:0;
	}
}

@media print, screen and (min-width: 1024px) {
	.btn li a {
		width:490px;
		margin:0;
	}
}

.btn li.document a {
	background:none;
}

@media print, screen and (min-width: 768px) {
	.btn li.document a {
		float:left;
	}
}

.btn li.seminar a {
	background:none;
}

@media print, screen and (min-width: 768px) {
	.btn li.seminar a {
		float:right;
	}
}

.btn li a span {
	padding:12px 0 12px 32px;
}

@media print, screen and (min-width: 768px) {
	.btn li a span {
		padding:12px 0 12px 40px;
	}
}

.btn li.document a span {
	background:url(../img/icon_document.png) no-repeat left center;
	background-size:20px auto;
}

@media print, screen and (min-width: 768px) {
	.btn li.document a span {
		background-size:27px auto;
	}
}

.btn li.seminar a span {
	background:url(../img/icon_seminor.png) no-repeat left center;
	background-size:25px auto;
}

@media print, screen and (min-width: 768px) {
	.btn li.seminar a span {
		background-size:33px auto;
	}
}

.image {
	margin:0 -15px;
	overflow:hidden;
	list-style:none;
}

.image li {
	float:left;
	width:25%;
}

@media screen and (max-width: 414px) {
	.image li {
		width:50%;
	}
}

.image li img {
	width:100%;
	height:auto;
}



@media print, screen and (min-width: 768px) {
	.clearfixbox {
		overflow:hidden;
		clear:both;
	}
}


/* 
 * #contents
 *
 ************************/
#contents {
	background-size:30px 5px;
}

@media print, screen and (min-width: 768px) {
	#contents {
		background-size:auto;
	}
}

#contents .content h2 {
	margin:0 0 13px 0;
	font-size:30px;
	font-weight:bold;
	line-height:1.33;
}

@media print, screen and (min-width: 768px) {
	#contents .content h2 {
		margin:0 0 24px 0;
		font-size:46px;
		display: block;
	}
}

#contents .content h2 span {
	display:block;
}

@media print, screen and (min-width: 768px) {
	#contents .content h2 span {
		display:inline;
		letter-spacing:2px;
	}
}

 /* 
 * #cont1
 *
 ************************/
#cont1 {
	padding-top:50px;
	background:url(../img/cont1back.gif) left top repeat;
	background-size: 18px;
}

@media print, screen and (min-width: 768px) {
	#cont1 {
		padding-top:60px;
		background:url(../img/cont1back.gif) left top repeat;
		background-size: 18px;
		padding: 60px 0 0;
	}
}

#cont1 .leftimg {
	display: block;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	#cont1 .leftimg {
		display: block;
		width: 402px;
		float: left;
    	margin: 0 40px 0 0;
	}
}

#cont1 .cont1_box {
	display: block;
	width: 90%;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
	#cont1 .cont1_box {
		display: block;
		width: 100%;
    	max-width: 1160px;
		margin: 0 auto;
	}
}

#cont1 .cont1_box h2 img {
	display: initial;
	width: 100%;
	margin: 20px auto 20px;
}

@media print, screen and (min-width: 768px) {
	#cont1 .cont1_box h2 img {
		display: initial;
		width: 40%;
		max-width: 517px;
		margin: 0;
	}
}
@media print, screen and (min-width: 1024px) {
	#cont1 .cont1_box h2 img {
		display: initial;
		width: 100%;
		max-width: 517px;
		margin: 0;
	}
}

#cont1 .name {
	display: block;
	color: #000000;
	font-size: 14px;
	margin: 0 0 20px;
}

@media print, screen and (min-width: 768px) {
	#cont1 .name {
		display: block;
		color: #000000;
		font-size: 14px;
		margin: 0 0 20px;
	}
}

#cont1 .text {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

@media print, screen and (min-width: 768px) {
	#cont1 .text {
		display: block;
		color: #000000;
		font-size: 14px;
		padding: 0 40px 0 0;
	}
}
@media print, screen and (min-width: 1024px) {
	#cont1 .text {
		display: block;
		color: #000000;
		font-size: 16px;
		padding: 0 40px 0 0;
	}
}

#cont1 .cont1bottom {
	display: block;
	margin: 20px 0 0;
}

@media print, screen and (min-width: 768px) {
	#cont1 .cont1bottom {
		display: block;
		margin: 3% 0 0;
	}
}

 /* 
 * #cont2
 *
 ************************/
#cont2 {
	padding-top:0px;
	background-color: #ffffff;
	padding-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
	#cont2 {
		padding-top:0px;
		background-color: #ffffff;
	}
}

#cont2 .titleimg {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
	#cont2 .titleimg {
		display: block;
		width: 675px;
    	margin: 0 auto;
	}
}

#cont2 .cont2_box {
	display: block;
	width: 90%;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
	#cont2 .cont2_box {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
}

#cont2 .text {
	display: block;
	color: #000000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

@media print, screen and (min-width: 768px) {
	#cont2 .text {
		display: block;
		color: #000000;
		font-size: 16px;
	}
}

#cont2 .cont2bottom {
	display: block;
	margin: 20px 0;
}

@media print, screen and (min-width: 768px) {
	#cont2 .cont2bottom {
		display: block;
		margin: 3% 0 0;
	}
}

  /* 
 * #cont3
 *
 ************************/
#cont3 {
	padding:0;
	background:url(../img/cont1back.gif) left top repeat;
	background-size: 18px;
}

@media print, screen and (min-width: 768px) {
	#cont3 {
		padding:0;
		background:url(../img/cont1back.gif) left top repeat;
		background-size: 18px;
	}
}

#cont3 .cont3story {
	display: block;
	width: 80%;
}

@media print, screen and (min-width: 768px) {
	#cont3 .cont3story {
		display: block;
		position: absolute;
		right: 1%;
		margin-top: 18%;
		width: 90px;
	}
}

#cont3 .cont3top {
	margin-top: -1px;
}

@media print, screen and (min-width: 768px) {
	#cont3 .cont3top {
		margin-top: -1px;
	}
}

#cont3 .titleimg {
	display: block;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	#cont3 .titleimg {
		display: block;
		width: 675px;
    	margin: 0 auto;
	}
}

#cont3 .cont3_box {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
	#cont3 .cont3_box {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
}

#cont3 .left {
	display: block;
	width: 100%;
	margin-top: 60px;
	margin-right: 0;
}

@media print, screen and (min-width: 768px) {
	#cont3 .left {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-right: 15%;
		left: 0px;
	}
}

#cont3 .right {
	display: block;
	width: 100%;
	margin-top: 60px;
	margin-left: 0;
}

@media print, screen and (min-width: 768px) {
	#cont3 .right {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-left: 15%;
		right: 0px;
	}
}

#cont3 .cont3bottom {
	display: block;
	margin: 0;
}

@media print, screen and (min-width: 768px) {
	#cont3 .cont3bottom {
		display: block;
		margin: 3% 0 0;
	}
}

  /* 
 * #cont4
 *
 ************************/
#cont4 {
	padding:0;
	background:url(../img/cont1back.gif) left top repeat;
	background-size: 18px;
}

@media print, screen and (min-width: 768px) {
	#cont4 {
		padding:0;
		background:url(../img/cont1back.gif) left top repeat;
		background-size: 18px;
	}
}

#cont4 .cont4ranking {
	display: block;
	width: 80%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4ranking {
		display: block;
		position: absolute;
		right: 1%;
		margin-top: 9%;
		width: 90px;
	}
}

.accordionlist{
	border-bottom: 2px solid #000000;
}
.accordionbox{
	width: 95%;
	left: 0px;
	margin: 60px 0 0;
	padding-bottom: 80px;
}
.accordionbox .actitle{
	width: 90%;
}
.accordionbox .actitleetc{
	width: 88%;
}
.accordionlist dt{
	display:block;
	padding: 20px 0 70px 0;
	border-top: 2px solid #000000;
}
.accordionlist dt .actitle{
	padding-left: 2%;
	float: left;
}
.accordionlist dt .actitleetc{
	padding-left: 2%;
	float: left;
}
.accordionlist dd{
	display:none;
	padding:0 0 20px 20px;
}
.acbox{
	display:block;
	font-weight: bold;
}
.acphoto{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}
.acphotoetc{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 5%;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width: 100%;
	height: 4px;
	background-color: #000000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
.accordion_icon span:nth-of-type(1) {
	top: -25px;;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: -25px;;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: -25px;;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

@media print, screen and (min-width: 768px) {
	.accordionlist{
		border-bottom: 2px solid #000000;
	}
	.accordionbox{
		width: 85%;
		left: 0px;
		margin: 60px 0 0;
		padding-bottom: 80px;
	}
	.accordionbox .actitle{
		width: 400px;
	}
	.accordionbox .actitleetc{
		width: 520px;
	}
	.accordionlist dt{
		display:block;
		padding: 30px 0 70px 0;
		border-top: 2px solid #000000;
	}
	.accordionlist dt .actitle{
		padding-left: 20px;
		float: left;
	}
	.accordionlist dt .actitleetc{
		padding-left: 20px;
		float: left;
	}
	.accordionlist dd{
		display:none;
		padding:0 0 20px 20px;
	}
	.acbox{
		display:inline-flex;
		font-weight: bold;
	}
	.acphoto{
		width: 330px;
		height: 100px;
    	margin: 0 20px 0 0;
	}
	.acphotoetc{
		width: 310px;
		height: 100px;
    	margin: 0 20px 0 0;
	}
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: relative;
		width: 30px;
		height: 30px;
		float: right;
		margin-right: 40px;
	}
	.accordion_icon span {
		position: absolute;
		left: 6px;
		width: 100%;
		height: 4px;
		background-color: #000000;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 18px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		top: 18px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	.accordion_icon.active span:nth-of-type(1) {
		display:none;
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 18px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
}

@media print, screen and (min-width: 1024px) {
	.accordionlist{
		border-bottom: 2px solid #000000;
	}
	.accordionbox{
		width: 85%;
		left: 0px;
		margin: 60px 0 0;
		padding-bottom: 80px;
	}
	.accordionbox .actitle{
		width: 400px;
	}
	.accordionbox .actitleetc{
		width: 650px;
	}
	.accordionlist dt{
		display:block;
		padding: 30px 0 70px 0;
		border-top: 2px solid #000000;
	}
	.accordionlist dt .actitle{
		padding-left: 20px;
		float: left;
	}
	.accordionlist dt .actitleetc{
		padding-left: 20px;
		float: left;
	}
	.accordionlist dd{
		display:none;
		padding:0 0 20px 20px;
	}
	.acbox{
		display:inline-flex;
		font-weight: bold;
	}
	.acphoto{
		width: 660px;
		height: 200px;
    	margin: 0 20px 0 0;
	}
	.acphotoetc{
		width: 432px;
		height: 144px;
    	margin: 0 20px 0 0;
	}
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: relative;
		width: 30px;
		height: 30px;
		float: right;
		margin-right: 40px;
	}
	.accordion_icon span {
		position: absolute;
		left: 6px;
		width: 100%;
		height: 4px;
		background-color: #000000;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 18px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		top: 18px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	.accordion_icon.active span:nth-of-type(1) {
		display:none;
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 18px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
}

#cont4 .titleimg {
	display: block;
	width: 80%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .titleimg {
		display: block;
		width: 696px;
    	margin: 0 auto;
	}
}

#cont4 .cont4_box {
	display: block;
	width: 100%;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4_box {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
}

#cont4 .left {
	display: block;
	width: 85%;
	margin-top: 60px;
	margin-right: 15%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .left {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-right: 15%;
		left: 0px;
	}
}

#cont4 .right {
	display: block;
	width: 85%;
	margin-top: 60px;
	margin-left: 15%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .right {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-left: 15%;
		right: 0px;
	}
}

#cont4 .cont4bottom {
	display: block;
	margin: 20px 0;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4bottom {
		display: block;
		margin: 3% 0 0;
	}
}

  /* 
 * #cont4_2
 *
 ************************/
#cont4 {
	padding:0;
	background:url(../img/cont1back.gif) left top repeat;
	background-size: 18px;
}

@media print, screen and (min-width: 768px) {
	#cont4 {
		padding:0;
		background:url(../img/cont1back.gif) left top repeat;
		background-size: 18px;
	}
}

#cont4 .cont4onboard {
	display: block;
	width: 80%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4onboard {
		display: block;
		position: absolute;
		left: 1%;
		margin-top: 0%;
		width: 90px;
	}
}

.accordionlist2{
	border-bottom: 2px solid #000000;
}
.accordionbox2{
	width: 95%;
	right: 0px;
	margin: 60px 0 0 5%;
	padding-bottom: 80px;
}
.accordionbox2 .actitlenew{
	width: 90%;
}
.accordionbox2 .actitleevent{
	width: 90%;
}
.accordionbox2 .actitlesea{
	width: 90%;
}
.accordionlist2 dt{
	display:block;
	padding: 20px 0 70px 0;
	border-top: 2px solid #000000;
}
.accordionlist2 dt .actitlenew{
	padding-left: 1%;
	float: left;
}
.accordionlist2 dt .actitleevent{
	padding-left: 1%;
	float: left;
}
.accordionlist2 dt .actitlesea{
	padding-left: 1%;
	float: left;
}
.accordionlist2 dd{
	display:none;
	padding:0 20px 20px 0;
}
.acbox{
	display:block;
	font-weight: bold;
}
.acphoto2{
	width: 100%;
	height: auto;
	margin: 0 20px 0 0;
}
.accordion_icon .second,
.accordion_icon .second span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon .second {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 20px;
}
.accordion_icon .second span {
	position: absolute;
	left: 6px;
	width: 100%;
	height: 4px;
	background-color: #000000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
.accordion_icon.second span:nth-of-type(1) {
	top: -25px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon.second span:nth-of-type(2) {
	top: -25px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.second.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.second.active span:nth-of-type(2) {
	top: -25px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

@media print, screen and (min-width: 768px) {
	.accordionlist2{
		border-bottom: 2px solid #000000;
	}
	.accordionbox2{
		width: 85%;
		right: 0px;
		margin: 60px 0 0 15%;
		padding-bottom: 80px;
	}
	.accordionbox2 .actitlenew{
		width: 350px;
	}
	.accordionbox2 .actitleevent{
		width: 420px;
	}
	.accordionbox2 .actitlesea{
		width: 480px;
	}
	.accordionlist2 dt{
		display:block;
		padding: 15px 0 80px 0;
		border-top: 2px solid #000000;
	}
	.accordionlist2 dt .actitlenew{
		padding-left: 10px;
		float: left;
	}
	.accordionlist2 dt .actitleevent{
		padding-left: 10px;
		float: left;
	}
	.accordionlist2 dt .actitlesea{
		padding-left: 10px;
		float: left;
	}
	.accordionlist2 dd{
		display:none;
		padding:0 20px 20px 0;
	}
	.acbox{
		display:inline-flex;
		font-weight: bold;
	}
	.acphoto2{
		width: 330px;
		height: 100px;
    	margin: 0 20px 0 -40px;
	}
	.accordion_icon .second,
	.accordion_icon .second span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon .second {
		position: relative;
		width: 30px;
		height: 30px;
		float: right;
		margin-right: 20px;
	}
	.accordion_icon .second span {
		position: absolute;
		left: 6px;
		width: 100%;
		height: 4px;
		background-color: #000000;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
	}
	.accordion_icon.second span:nth-of-type(1) {
		top: 30px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.accordion_icon.second span:nth-of-type(2) {
		top: 30px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	.accordion_icon.second.active span:nth-of-type(1) {
		display:none;
	}
	.accordion_icon.second.active span:nth-of-type(2) {
		top: 30px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
}

#cont4 .titleimg {
	display: block;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .titleimg {
		display: block;
		width: 696px;
    	margin: 0 auto;
		z-index: 100;
    	position: relative;
	}
}

#cont4 .cont4_box {
	display: block;
	width: 100%;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4_box {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
}

#cont4 .left {
	display: block;
	width: 85%;
	margin-top: 60px;
	margin-right: 15%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .left {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-right: 15%;
		left: 0px;
	}
}

#cont4 .right {
	display: block;
	width: 85%;
	margin-top: 60px;
	margin-left: 15%;
}

@media print, screen and (min-width: 768px) {
	#cont4 .right {
		display: block;
		width: 85%;
		margin-top: 60px;
		margin-left: 15%;
		right: 0px;
	}
}

#cont4 .cont4bottom {
	display: block;
	margin: 0;
}

@media print, screen and (min-width: 768px) {
	#cont4 .cont4bottom {
		display: block;
		margin: 3% 0 0;
	}
}

  /* 
 * #cont5
 *
 ************************/
#cont5 {
	padding:0;
	background:url(../img/cont1back.gif) left top repeat;
	background-size: 18px;
}

@media print, screen and (min-width: 768px) {
	#cont5 {
		padding:0;
		background:url(../img/cont1back.gif) left top repeat;
		background-size: 18px;
	}
}

#cont5 .cont5this {
	display: block;
	width: 80%;
}

@media print, screen and (min-width: 768px) {
	#cont5 .cont5this {
		display: block;
		position: absolute;
		right: 1%;
		margin-top: 10%;
		width: 90px;
	}
}

#cont5 .titleimg {
	display: block;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	#cont5 .titleimg {
		display: block;
		width: 675px;
    	margin: 0 auto;
		position: relative;
	}
}

#cont5 .cont5_box {
	display: block;
	width: 90%;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
	#cont5 .cont5_box {
		display: block;
		width: 70%;
		margin: 0 auto;
	}
}

#cont5 .center {
	display: block;
	width: 100%;
	margin-top: 40px;
	margin-right: 15%;
}

@media print, screen and (min-width: 768px) {
	#cont5 .center {
		display: block;
		width: 100%;
		margin: 60px auto 60px;
	}
}

#cont5 p {
	display: block;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 40px;
    font-weight: bold;
}

@media print, screen and (min-width: 768px) {
	#cont5 p {
		display: block;
		width: 90%;
		margin: 0 auto 40px;
	}
}

#cont5 .cont5bottom {
	display: block;
	margin: 0;
}

@media print, screen and (min-width: 768px) {
	#cont5 .cont5bottom {
		display: block;
		margin: 3% 0 0;
	}
}

 /* 
 * aside
 *
 ************************/
aside {
	padding:35px 0 40px 0;
	background-color: #38ADE8;
}

@media print, screen and (min-width: 768px) {
	aside {
		padding:0 0 40px;
		background-color: #38ADE8;
		text-align:center;
		margin-bottom: -1px;
	}
}

aside h2 {
	width:100%;
	padding:0 0 8px 0;
	margin:0 auto 10px auto;
}

@media print, screen and (min-width: 768px) {
	aside h2 {
        position: relative;
		width:660px;
		padding:35px 0 31px 0;
	}
    .fukidashi {
		display: block;
		position: absolute;
		top: -50px;
		right: -50px;
	}
}

@media print, screen and (min-width: 1024px) {
	aside h2 {
        position: relative;
		width:660px;
		padding:35px 0 31px 0;
	}
    .fukidashi {
		display: block;
		position: absolute;
		top: -45px;
		right: -150px;
	}
}


aside h2 img {
	width:100%;
	height:auto;
}

aside .btn {
	margin:0 0 20px 0;
	list-style:none;
}

@media print, screen and (min-width: 768px) {
	aside .btn {
		margin:0 auto;
		overflow:visible;
		height:91px;
	}
	
	aside .btn + p {
		clear:both;
	}
}

aside .btn li {
	margin:0 0 10px 0;
	text-align:center;
}

@media print, screen and (min-width: 768px) {
	aside .btn li {
		margin:auto;
		position:relative;
	}
}

aside .btn li a {
	margin:5px auto;
}

@media print, screen and (min-width: 768px) {
	aside .btn li a {
		margin:0;
	}
}

aside p {
	font-size:12px;
	color:#fff;
	text-align:center;
}

@media print, screen and (min-width: 768px) {
	aside p {
		display:inline;
		font-size:18px;
	}
}

aside dl {
	text-align:center;
	color:#fff;
}

@media print, screen and (min-width: 768px) {
	aside dl {
		display:inline;
	}
}

aside dl dt,
aside dl dd {
	display:inline;
	font-size:12px;
}

@media print, screen and (min-width: 768px) {
	aside dl dt,
	aside dl dd {
		font-size:18px;
	}
}

aside dl dt {
	
}

aside dl dt:after {
	content:".";
}

aside dl dd {
	
}

aside dl dd a {
	padding:0 2px 0 0;
	font-size:20px;
	color:#fff;
}

@media print, screen and (min-width: 768px) {
	aside dl dd a {
		font-size:26px;
		text-decoration:none;
		cursor:default;
	}
}


 /* 
 * #footer
 *
 ************************/
#footer {
	background-size:30px 5px;
}

@media print, screen and (min-width: 768px) {
	#footer {
		background-size:auto;
	}
}

#footer #social {
	margin:0 auto;
	padding:40px 0 35px 0;
}

@media print, screen and (min-width: 768px) {
	#footer #social {
		width:100%;	
		padding:63px 0 30px 0;
	}
}

#footer #social h2 {
	margin:0 0 25px 0;
	font-size:21px;
	text-align:center;
	line-height:1.4;
}

@media print, screen and (min-width: 768px) {
	#footer #social h2 {
		margin:0 0 28px 0;
		font-size:26px;
	}
}

#footer #social h2 span {
	display:block;
}

@media print, screen and (min-width: 768px) {
	#footer #social h2 span {
		display:inline;
	}
}

#footer #social ul {
	overflow:hidden;
	list-style:none;
	text-align:center;
}

#footer #social ul li {
	display:inline-block;
	margin:0 35px 0 0;
	font-family:'Lato', sans-serif;
	font-size:14px;
	font-weight:700;
	text-align:center;
}

@media print, screen and (min-width: 768px) {
	#footer #social ul li {
		margin:0 38px 0 0;
	}
}

#footer #social ul li:last-child {
	margin:0;
}

#footer #social ul li a {
	display:block;
	text-decoration:none;
}

#footer #social ul li.facebook a {
	color:#3b579d;
}

#footer #social ul li.line a {
	color:#00b900;
}

#footer #social ul li.instagram a {
	color:#f0317c;
}

#footer #social ul li figure {
	width:62px;
	margin:0 auto;
}

#footer #social ul li figure img {
	width:100%;
	height:auto;
}

@media print, screen and (min-width: 768px) {
	#footer #social ul li figure img {
		margin:0 0 5px 0;
	}
}

#footer #operation {
	background:#e7edf4;
	margin:0 -15px;
	padding:25px 15px;
	font-size:10px;
}

@media print, screen and (min-width: 768px) {
	#footer #operation {
		font-size:12px;
		padding:37px 15px 30px 15px;
	}
	
	#footer #operation h2,
	#footer #operation dl,
	#footer #operation p {
		max-width:1000px;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

#footer #operation h2 {
	font-weight:normal;
}

#footer #operation dl {
	
}

#footer #operation dl:nth-of-type(2) {
	margin:0 0 1em 0;
}

#footer #operation dl dt,
#footer #operation dl dd {
	display:inline;
	padding:0 0.53m 0 0;
}

#footer #operation p {
	margin:0 0 1em 0;
}

#footer #contact {
	padding:30px 0 55px 0;
	background:url(../img/bg_stripe.png) repeat-x center bottom;
	background-size:30px 5px;
}

@media print, screen and (min-width: 768px) {
	#footer #contact {
		text-align:center;
		background-size:auto;
		width: 100%;
	}
}

#footer #contact .tel,
#footer #contact .fax {
	text-align:center;
}

#footer #contact .tel dt,
#footer #contact .tel dd,
#footer #contact .fax dt,
#footer #contact .fax dd {
	display:inline;
}

#footer #contact .tel dt:after,
#footer #contact .fax dt:after {
	content:':';
}

#footer #contact .tel {
	font-size:15px;
	font-weight:bold;
}

@media print, screen and (min-width: 768px) {
	#footer #contact .tel {
		font-size:20px;
	}
}

#footer #contact .tel dd a {
	font-size:25px;
	color:#000;
	text-decoration:underline;
}

@media print, screen and (min-width: 768px) {
	#footer #contact .tel dd a {
		font-size:30px;
		text-decoration:none;
		cursor:default;
	}
}

#footer #contact .fax,
#footer #contact .address {
	font-size:14px;
}

@media print, screen and (min-width: 768px) {
	#footer #contact .fax,
	#footer #contact .address {
		display:inline-block;
		font-size:16px;
	}
	
	#footer #contact .fax:after {
		content:' /';
	}
}

#footer #contact .address dt,
#footer #contact .address dd {
	text-align:center;
}

@media print, screen and (min-width: 768px) {
	#footer #contact .address dt,
	#footer #contact .address dd {
		display:inline;
	}
}

#footer small {
	display:block;
	height:40px;
	background:#002141;
	font-family:'Lato', sans-serif;
	font-size:10.5px;
	color:#fff;
	text-align:center;
	line-height:40px;
}

@media print, screen and (min-width: 768px) {
	#footer small {
		height:60px;
		width: 100%;
		font-size:14px;
		line-height:60px;
	}
}
.pc {
	display: none!important;
}
.sp {
	display: block!important;
}
.acsp {
	display: inline-block!important;
}

@media print, screen and (min-width: 768px) {
	.pc {
		display: block!important;
	}
	.sp {
		display: none!important;
	}
}