@charset "UTF-8";

body {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	font-family: " ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro", " メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック","MSPGothic",sans-serif;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

main .wrap {
	padding: 0;
}
nav#gmenu .main_menu {
	padding-right: 7.34375%;
	padding-left: 7.34375%;
	padding-bottom: 10.625%;
}
#sp_main_menu li a {
	color: #000000 !important;
}
nav#gmenu .main_menu li a {
	height: 72px;
	padding-left: 40px;
	border-bottom: 2px solid #ba55d3;
	position: relative;
	font-size: 1.6rem;
}
nav#gmenu .main_menu li a:before {
	position: absolute;
	content: '';
	left: 3px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #ba55d3;
	border-right: 1px solid #ba55d3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}

/*------------------------------------------ footer */
footer {
	position: relative;
}
footer #copyright {
	background: unset;
	font-size: 8px;
	letter-spacing: -0.03em;
	text-align: center;
	margin: 2em 4% 1em;
	color: #000;
}

/*------------------------------------------ contents */
main {
	padding-top: 40px;
}
.wrapper {
	margin: 0 auto !important;
	padding: 0;
}
section {
	margin: 0;
}
section#top_section {

}
#top_panel {
	margin-bottom: 2.96875%;
}
#panel_01 {
	position: relative;
}
#panel_01 img:last-child {
	position: absolute;
	top: 30.96875%;
	left: 5.03125%;
	width: 17.15625%;
	height: auto;
	z-index: 10;
}
#section_01_main {
	margin-bottom: 10.3125%;
}
#section_01_sub_01 {
	margin-bottom: 12.5%;
}
#section_01_sub_02 {
	margin-bottom: 1.875%;
	border-top: 2px solid #000;
}
#section_01_sub_03{
	margin-bottom: 5.625%;
	border-bottom: 2px solid #000;
}

#section_02_main {
	margin-bottom: 6.875%;
}
#section_02_sub_01{
	margin-bottom: 16.875%;
}

#section_02_sub_02{
	margin-bottom: 12.5%;
}

#section_02_sub_03{
	margin-bottom: 12.5%;
}

#section_02_sub_04{
	margin-bottom: 5.15625%;
}

#section_02_sub_05{
	margin-bottom: 20.9375%;
}

#section_03 {
	padding-bottom: 22.1875%;
}
#section_03 .wrapper {
	display: flex;
	flex-wrap: wrap;
}
#section_03_main {
	width: 100%;
	margin-bottom: 4.84375%;
}
#section_03_sub_01,
#section_03_sub_02 {
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 4.84375%;
}
#section_03_sub_01 img,
#section_03_sub_02 img {
	width: 100%;
	display: block;
}
#section_03_sub_03 {
	margin-bottom: 6.875%;
}

#section_04 {
	padding-bottom: 4.6875%;
}
#section_04 .wrapper {
	display: flex;
	flex-wrap: wrap;
	row-gap: 22px;
	
}
#section_04_main {
	width: 100%;
	margin-bottom: 4.6875%;
}
#section_04_sub_01,
#section_04_sub_02,
#section_04_sub_03,
#section_04_sub_04 {
	width: 50%;
	box-sizing: border-box;
}
#section_04_main img,
#section_04_sub_01 img,
#section_04_sub_02 img,
#section_04_sub_03 img,
#section_04_sub_04 img {
	width: 100%;
	display: block;
}

#section_04_sub_01,
#section_04_sub_02 {
    margin-bottom: 3.625%;
}

/*------------------------------------------ visible hidden */
.visible-sp, .visible-pc {
	display: none !important;
}
.visible-sp {
	display: block !important;
}

/* 736px以下用（SP用）の記述 end--------------------------------------- */
}




/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

body {


}
.wrap {



}

/*------------------------------------------ header */
header .block_header_top #logo {
	margin: 0;
	background-color: #ffffff;
	width: 100%;
}
header .block_header_top #logo img {
	margin: 0.6em 1em;
}
#gmenu {
	display: none;
}

/*------------------------------------------ footer */
footer {
	position: relative;
	margin: 0 auto;
}

footer p {
   margin: 0 auto;
   color: #000;
   padding: 15px 0px 10px 0;
   text-align: center;
 }

/*------------------------------------------ contents */
main {

}
.wrapper {
	width: 1100px;
	margin: 0 auto;
}
section {
	margin: 0;
}
section#top_section {
	padding-top: 50px;
}

#top_panel {
	margin-bottom: 25px;
}

#top_panel_ul {
	display: flex;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#top_panel_ul li {
	flex: 1;
	text-align: center;
	border-right: 2px solid #000;
}

#top_panel_ul li:last-child {
	border-right: none;
}

#top_panel_ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#section_01 {
	font-size: 0;
}
#panel_01 {
	position: relative;
	margin-bottom: 18px;
	text-align: center;
}
#panel_01 img{
	display: block;
}
#panel_01 img:first-child{
	display: block;
	width: 100%;
}
#panel_01 img:last-child {
	position: absolute;
	top: 155px;
	left: 160px;
	width: 125px;
	height: auto;
	z-index: 10;
}
#section_01_main {
	margin-bottom: 40px;
	text-align: center;
}
#section_01_sub_01 {
	margin-bottom: 60px;
	text-align: center;
}
#section_01_sub_02,
#section_01_sub_03 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 16px;
	margin-bottom: 57px;
	padding: 5px 0;
}

#section_02 .wrapper {
	margin-bottom: 120px;
}
#section_02_main {
	margin-bottom: 41px;
	text-align: center;
}
#section_02_sub_01,
#section_02_sub_02,
#section_02_sub_03,
#section_02_sub_04 {
	text-align: center;
}
#section_02_sub_01{
	margin-bottom: 44px;
}
#section_02_sub_02{
	margin-bottom: 120px;
}
#section_02_sub_03{
	margin-bottom: 70px;
}

#section_03_main {
	margin-bottom: 7px;
	text-align: center;
	position: relative;
	width: 100%;
}
#section_03 .wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 900px;
}
#section_03_main {
}
#section_03_sub_01,
#section_03_sub_02,
#section_03_sub_03 {
	width: 33.3333%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 53px;
}
#section_03_sub_04 {
	margin-bottom: 121px;
	text-align: center;
	width: 100%;
}

#section_04_main {
	margin-bottom: 32px;
	text-align: center;
	width: 100%;
}
#section_04 .wrapper {
	display: flex;
	flex-wrap: wrap;
}
#section_04_sub_01,
#section_04_sub_02,
#section_04_sub_03,
#section_04_sub_04 {
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 94px;
	flex: 1;
	border-right: 2px solid #000;
}
#section_04_sub_04 {
	border-right: none;
}

/*------------------------------------------ visible hidden */
.visible-sp, .visible-pc {
	display: none !important;
}
.visible-pc {
	display: block !important;
}

/* 737px以上用（PC用）の記述 end--------------------------------------- */
}

/*------------------------------------------ clear */
section,
body {
	zoom: 100%;
}
section:after,
body:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}