@charset "UTF-8";

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

@media screen and (max-width:767px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:1.4rem;
		font-family:"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
		font-weight:500;
	}
	*{
		box-sizing:border-box;
		margin:0;
		padding:0;
	}
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
/* +++++++++++++++++header++++++++++++++++++ */
	.header {
	    height: 70px;
	    width: 100%;
	    margin: auto;
		padding:15px;
		position:relative;
		position:fixed;
		left:0;
		top:0;
		background:#fff;
	}
	.header_logo{
		margin:0;
		padding:0;
		width:150px;
		height:auto;
		position:absolute;
		left:15px;
		top:20px;
	}
	.header_logo *{
		display:block;
		width:100% !important;
		height:auto;
	}
	.header_navi{
		display:none;
	}
	.menu-btn{
		width:40px;
		height:40px;
		background:#e70012;
		position:absolute;
		right:15px;
		top:15px;
		text-align:center;
		font-size:1.1rem;
		letter-spacing:0.05em;
		color:#fff;
		font-weight:600;
		padding-top:10px;
	}
	.menu-btn span{
		display:block;
		width:20px;
		height:1px;
		background:#fff;
		margin:0 auto 5px;
	}
	.menu-btn span:last-of-type{
		margin-bottom:0;
	}

/* +++++++++++++++++global navi++++++++++++++++++ */
	#naviArea02 {
		display:none;
	}
	.sp-global{
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		right:0;
		top:100%;
		background:#fff;
		border-bottom:1px solid #dfdfdf;
		display:none;
	}
	.sp-global .global{
		background:#ffeae2;
		padding:0 15px;
	}
	.sp-global .global li{
		border-bottom:1px solid #fcd5c8;
	}
	.sp-global .global li a{
		display:block;
		padding:13px 0;
		color:#333;
		text-decoration:none;
		text-align:left;
	}

	.sp-global .global li:nth-of-type(1) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f563";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(2) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f518";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(3) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f004";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(4) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f2b5";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(5) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f07a";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(6) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f118";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li:nth-of-type(7) a:before {
		  font-family: "Font Awesome 5 Free";
		  content: "\f1ad";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
			margin-right:0.5em;
	}
	.sp-global .global li a:after {
		float:right;
		  font-family: "Font Awesome 5 Free";
		  content: "\f105";
		  -webkit-font-smoothing: antialiased;
		  display: inline;
		  font-style: normal;
		  font-variant: normal;
		  text-rendering: auto;
		  line-height: 1;
		  font-weight: bold;
		  color:#e70012;
	}

	.sp-sub-menu{
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex:wrap;
		align-items:center;
		padding:5px 15px;
	}
	.sp-sub-menu li{
		width:50%;
	}
	.sp-sub-menu li:nth-of-type(2n+1){
		border-right:1px solid #dfdfdf;
	}
	.sp-sub-menu li:nth-of-type(1),.sp-sub-menu li:nth-of-type(2){
		border-bottom:1px solid #dfdfdf;
	}
	.sp-sub-menu li a{
		font-size:1.3rem;
		text-decoration:none;
		padding:15px 5px 15px 5px;
		color:#333;
		display:block;
		line-height:1;
		text-align:left;
	}
	.sp-sub-menu li a:after{
	    float: right;
	    font-family: "Font Awesome 5 Free";
	    content: "\f105";
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
	    font-weight: bold;
	    color: #e70012;
	    margin-right: 0.5em;
	}
	.sp-sub-menu li:nth-of-type(1) a:before{
	    font-family: "Font Awesome 5 Free";
	    content: "\f031";
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
	    font-weight: bold;
	    color: #e70012;
	    margin-right: 0.5em;
	}
	.sp-sub-menu li:nth-of-type(2) a:before{
	    font-family: "Font Awesome 5 Free";
	    content: "\f0e0";
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
	    font-weight: bold;
	    color: #e70012;
	    margin-right: 0.5em;
	}
	.sp-sub-menu li:nth-of-type(3) a:before{
	    font-family: "Font Awesome 5 Free";
	    content: "\f0e8";
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
	    font-weight: bold;
	    color: #e70012;
	    margin-right: 0.5em;
	}
	.sp-sub-menu li:nth-of-type(4) a:before{
	    font-family: "Font Awesome 5 Free";
	    content: "\f015";
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
	    font-weight: bold;
	    color: #e70012;
	    margin-right: 0.5em;
	}


/* +++++++++++++++++footer++++++++++++++++++ */
	#footer{
		height:auto;
		background:#fff;
		padding:15px 0 0;
		border-top:2px solid #dfdfdf;
		margin:auto;
	}
	.footer_navi {
	    padding:0 15px 10px;
	    margin:auto;
	    height:auto;
		text-align:center;
	}
	.footer_navi_space{
		margin:8px;
		display:inline-block;
	}
	.footer_main {
	    width: 100%;
	    height: auto;
	}
	.footer_cr_logo {
	    width: 100%;
		padding:10px 15px;
		background:#f6f6f6;
	    height: auto;
		margin:auto;
	    font-size: 11px;
	}
	.footer_cr {
	    width: 100%;
	    height: auto;
	    font-size: 100%;
	    clear: both;
	    padding-top: 10px;
	    line-height: 1.3;
		font-family:"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
		font-size:1.1rem;
	}
	.footer_logo {
	    height: auto;
	    width: 150px;
	    float: right;
	}
	.footer_logo img{
		display: block;
	    width: 100%;
	    height: auto;
	}

/* +++++++++++++++++++パンくず+++++++++++++++++++++ */
.pankuzu {
    width: 100%;
    height: auto;
    margin: auto;
	padding:75px 15px 15px;
    font-size: 1.2rem;
}
.text_pankuzu{
	width:100%;
	padding:0;
}
}