@charset "utf-8";
html{
	scroll-behavior: smooth;
}
/* レイアウトのためのCSS */
body{
    overflow-x: hidden;
	font-family:"M PLUS Rounded 1c",-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", 'Kosugi Maru',Verdana, Meiryo, sans-serif;
	font-weight:bold;
	color: #111;
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
    letter-spacing: 0.05em;
}
body.top{
	background:url(../../images/business_operator/back_pc.png) no-repeat center top;
	background-size:100% auto;
}
@media screen and (max-width:480px) {
body.top{
	background:url(../../images/business_operator/back_sp.png) no-repeat center 60px;
	background-size:100% auto;
}
}
b, strong, .bold{
	font-family: "M PLUS Rounded 1c",-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
body.appear{
    background:#f0f0f0;
}
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

ul{
	margin:0;
	padding: 0;
	list-style: none;
}
li{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a{
	color:#006EBD;
	text-decoration: none;
    outline: none;
	transform:.3s;
}
a:hover{
	opacity:0.7;
	text-decoration:underline;
}
img{
    width:100%;
    height: auto;
}

*{
    box-sizing: border-box
}
p{
	font-size:16px;
	line-height:1.8;
	color:#222;
	font-weight:normal;
	padding-bottom:20px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
@media screen and (max-width:768px) {
p{
	font-size:16px;
}
}

/* font-family */

.header-utility li:last-child a,
.company-info li dl,
.header-area dl,
#news article time,
#page-top span{
    font-family: "Noto Sans JP",'Lato', sans-serif;
}

/* area */
.inner{
    width:100%;
    margin:0 auto;
}


/* container */
#container{
	display:block;
	margin:auto;
	width:70%;
}
@media screen and (max-width:768px) {
#container{
	width:80%;
}
}


/* heading */
h2{
    text-align: center;
    margin: 30px auto 30px auto;
    font-size: 20px;
	display:block;
    line-height: 1.5;
	background:url(../../images/icon-l.png) left center, url(../images/icon-r.png) right center;
	background-repeat:no-repeat, no-repeat;
	background-size:50px auto, 50px auto;
	font-family: "M PLUS Rounded 1c";
	letter-spacing:0.1em;
}
h2.w1{
	max-width:230px;
}
h2.w2{
	max-width:260px;
}
h2.w3{
	max-width:290px;
}

h3{
	color:#009944;
	font-size:24px;
	text-align:left;
	padding-bottom:30px;
}
@media screen and (max-width:768px) {
h3{
	font-size:22px;
	padding-bottom:20px;
}
}
.s-txt{
	font-size:14px;
}
/* header */
#header{
    width:100%;
	display:block;
	margin:auto;
	position:fixed;
	height:60px;
	background:#fff;
	z-index:2;
}
#header .header-logo{
   display:none;
}
#header h1 img{
    width:100%;
	height:auto;
	padding:50px 0 15px 0px;
}
#header h1{
	margin:0;
	padding:0px;
}
#header h1 .logo_pc{
	display:block;
}
#header h1 .logo_sp{
	display:none;
}
#header .btnarea{
	max-width:600px;
	display:block;
	margin:auto;
	margin-top:-150px;
}
#header .btnarea ul{
	display:flex;
	justify-content:space-around;
}
#header .btnarea li{
	padding:20px;
}
@media screen and (max-width:480px) {
#header h1 .logo_pc{
	display:none;
}
#header h1 .logo_sp{
	display:block;
}
#header h1 img{
	padding:20px 0 15px 0px;
}
h2{
    font-size: 18px;
}
#header{
	background:url(../../images/business_operator/header_back_sp.gif) repeat-x left top;
}
#header .header-logo{
    max-width:300px;

	margin-left:10px;
	display:flex;
	align-items:center;
}
#header .header-logo h1{
	width:60%;
	display:block;
	margin-right:10px;
}
#header .header-logo .r_btn_sp{
	background-color:#009944;
	border-radius:30px;
}
#header .header-logo .r_btn_sp a{
	color:#fff;
	white-space:nowrap;
	padding:1px 10px 3px 10px;
	font-size:12px;
}
#header .header-inner{
	height:75vh;
}
#header .btnarea{
	max-width:300px;
	display:block;
	margin:auto;
	margin-top:370px;
}
#header .btnarea ul{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#header .btnarea li{
	padding:10px 20px;
}
}
@media screen and (max-width:380px) {
#header .btnarea{
	margin-top:330px;
}
}
/* ページ内リンクのずれ解消 */
.jump_point {
padding-top: 60px;
margin-top: -60px;
padding-bottom:60px;
}

/* mainimg */
.inner-a{
	max-width:1000px;
	height:auto;
	display:block;
	margin:auto;
	padding:0px 0;
}
.inner-n{
	max-width:1300px;
	height:auto;
	display:block;
	margin:auto;
	padding:0px 0;
}
@media screen and (max-width:1300px) {
.inner-a{
	padding:0px 20px;
}
.inner-n{
	padding:0px 20px;
}
}
@media screen and (max-width:768px) {
.inner-a{
	padding:0px 20px;
}
}

/* gnavi */
#g-nav ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#g-nav.panelactive ul li{
    position: relative;
    width:30%;
    text-align: center;
    white-space: nowrap;
}
#g-nav .sns-icon{
	display:flex;
	justify-content:center;
	padding-top:0px;
	}
#g-nav .sns-icon img{
	width:30px;
	height:auto;
}
#g-nav .logo-sp-icon{
	display:flex;
	justify-content:center;
	padding-top:0px;
	margin-top:-10px;
	}
#g-nav .logo-sp-icon img{
	width:90px;
	height:auto;
}
#g-nav .shop-s img{
	width:14px;
	height:15px;
	display:inline-block;
	margin-left:10px;
}
#g-nav li a{
    padding: 20px 20px;
}
@media screen and (max-width:960px) {
#g-nav.panelactive ul li{
    width:48%;
    }
}
@media screen and (max-width:767px) {
#g-nav.panelactive ul li{
    width:100%;
	white-space: nowrap;
    }
}

/*  pc navi */
#pc-nav-list.toppage{
	display:none;
	}
#pc-nav-list{
	width:100%;
	background:#fff;
}
#pc-nav-list-inner{
	width:90%;
	display:flex;
	margin:auto;
	padding:15px;
	justify-content:space-between;
	align-items:center;
}
#pc-nav-list .r_btn{
	background-color:#009944;
	border-radius:30px;
}
#pc-nav-list .r_btn a{
	color:#fff;
	display:block;
	white-space:nowrap;
	padding:2px 20px;
}
#pc-nav-list ul{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:0px 0 0px 0;
}
#pc-nav-list li{
	list-style-type:none;
	padding:0px 20px 0px 20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-left:1px solid #333;
	line-height:1.0;
	white-space: nowrap;
	}
#pc-nav-list li a:link,
#pc-nav-list li a:visited{
	display:block;
	color:#000;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-family: "M PLUS Rounded 1c";
	transition: transform .3s ease-in-out;
	}
#pc-nav-list li a:hover{
	color:#009944;
	opacity:1.0;
}
#pc-nav-list li.nolink a{
	color:#ccc;
}
　　
#pc-nav-list .shop img{
	width:14px;
	height:15px;
	display:inline-block;
	margin-left:10px;
}
#pc-nav-list li i{
	padding-left:5px;
}
#pc-nav-list li:first-child{
	border-left:0px;
}

@media screen and (max-width:1300px) {
#pc-nav-list-inner{
	width:100%;
}
#pc-nav-list li a:link,
#pc-nav-list li a:visited{
	font-size:14px;
	}
}
@media screen and (max-width:968px) {
#pc-nav-list ul{
	padding:20px 0 30px 0;
}
#pc-nav-list li a:link,
#pc-nav-list li a:visited{
	font-size:16px;
}
#pc-nav-list{
	padding-top:10px;
}
}
@media screen and (max-width:767px) {
#pc-nav-list{
	display:none;
}
}

/* slider */
.slider{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    overflow: hidden;
}

@media screen and (max-width:1130px) {
.slider{
    width:100%;
    }
    
}

@media screen and (max-width:940px) {
.slider{
    width: 100%;
    right: 0%;
}
}
@media screen and (max-width:768px) {
.slider{
    top:50px;
}
}
.slider-item{
}


/* box-top */
#box-top{
}
@media screen and (max-width:768px) {
#box-top.inner-a{
	padding-bottom:30px;
}
}


/* boxconts 共通部分 */
.boxconts .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.boxconts .youtube iframe {
  width: 100%;
  height: 100%;
}

.box1{
	display:flex;
	justify-content:center;
}
.box1 figure,
.box1 .box-txt{
	width:50%;
	padding:0 20px;
}
@media screen and (max-width:768px) {
.box1{
	flex-wrap:wrap;
}
.box1 figure,
.box1 .box-txt{
	width:100%;
	padding:0 0px;
}
.box1 figure{
	margin-bottom:15px;
}
}




/* newsbox */

#news{
	background:#fff;
	padding:40px 20px;
}
#news h2{
	margin:10px 0;
	padding:0;
	text-align:left;
}
.newsbox{
	background-color:#fff;
	border-radius:20px;
	border:solid 5px #C9CACA;
	padding:20px 40px;
	margin:auto;
}
.newsbox dl{
	display:flex;
	padding:7px 0px;
	font-size:16px;
	border-bottom:1px solid #ccc;
}
.newsbox dt{
	width:20%;
	padding-right:30px;
}
.newsbox dd{
	width:80%;
}
.newsbox dd a:link,
.newsbox dd a:visited{
	color: #111;
}
@media screen and (max-width:768px) {
.newsbox{
	padding:20px;
	margin:0 0px;
}
.newsbox dl{
	flex-wrap:wrap;
	font-size:16px;
}
.newsbox dt{
	width:100%;
	padding-right:0px;
}
.newsbox dd{
	width:100%;
}
}

/* footer */
#footer{
	padding:40px 20px 20px 20px;
	margin-top:50px;
	background-color:#EEEFEF;
}
#footer h3{
	max-width:1000px;
	margin:auto;
	margin-bottom:15px;
	line-height:1.5;
	background-color:#393636;
	border-radius:30px;
	text-align:center;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0 10px;
}
#footer p{
	margin:0;
	padding:0;
	letter-spacing:0.1em;
	line-height:1.6;
}
#footer .c-box{
	max-width:1000px;
	margin:auto;
	background:#fff;
	padding:30px;
	margin-bottom:30px;
	margin-top:30px;
	}
#footer .c-box-inner p{
	max-width:700px;
	margin:auto;
	text-align:left;
}
.f_wrap{
	display:flex;
	justify-content:center;
	align-items:center;
}
#footer p.f_name{
	text-align:center;
	color:#393636;
	font-size:20px;
	font-weight:bold;
	padding:0 10px;
}
#footer p.f_tel{
	text-align:center;
	color:#393636;
	font-size:30px;
	font-weight:bold;
	padding:0 10px;
}
#footer p.f_time{
	text-align:center;
	color:#393636;
	font-size:16px;
	font-weight:normal;
}
#footer p.f_logo{
	width:80px;
	height:auto;
	display:block;
	margin:auto;
	margin-top:15px;
}
#footer p.copylight{
	text-align:center;
	font-size:14px;
	padding:40px 0px;
	font-weight:bold;
}
#footer a:link,
#footer a:visited{
	color:#393636;
}
/*  pc navi footer */
#pc-nav-list-footer{
	max-width:100%;
	display:block;	
	margin:auto;
}
#pc-nav-list-footer ul{
	display:flex;
	justify-content:center;
	width:100%;
	padding:0px 0 0px 0;
}
#pc-nav-list-footer li{
	list-style-type:none;
	padding:0px 20px 0px 20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-left:1px solid #333;
	line-height:1.0;
	margin-bottom:20px;
	white-space: nowrap;
	}
#pc-nav-list-footer li a:link,
#pc-nav-list-footer li a:visited{
	display:block;
	color:#000;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-family: "M PLUS Rounded 1c";
	transition: transform .3s ease-in-out;
	}
#pc-nav-list-footer li a:hover{
	color:#0081CC;
	opacity:1.0;
}
#pc-nav-list-footer .shop img{
	width:14px;
	height:15px;
	display:inline-block;
	margin-left:10px;
}
#pc-nav-list-footer li i{
	padding-left:5px;
}
#pc-nav-list-footer li:first-child{
	border-left:0px;
}
@media screen and (max-width:768px) {
.f_wrap{
	flex-wrap:wrap;
}
}
@media screen and (max-width:480px) {
#footer p.f_time{
	text-align:left;
	font-weight:bold;
	font-size:14px;
	padding-top:15px;
	padding-bottom:10px;
}
#footer p.f_time span{
	display:block;
}
#footer p.f_name{
	font-size:18px;
}
#footer p.f_tel{
	font-size:26px;

}
}



/*  事業者向けページ */
#business_operator{
}
#business_operator .mainimg{
	background:url(../../images/business_operator/back_pc.png) no-repeat center top;
	background-size:cover;
	padding:50px 20px;
	margin-top:60px;
}
#business_operator .mainimg img{
	width:70%;
	max-width:800px;
	display:block;
	margin:auto;
}
#business_operator .mainimg .logo_sp{
	display:none;
}
#business_operator .mainimg .logo_pc{
	display:block;
}
@media screen and (max-width:480px) {
#business_operator .mainimg{
	background:#fff;
	padding:0px;
}
#business_operator .mainimg img{
	width:100%;
	margin:auto;
}
#business_operator .mainimg .logo_sp{
	display:block;
}
#business_operator .mainimg .logo_pc{
	display:none;
}
}



/*  事業目的 */
#jigyou_mokuteki{
}
#jigyou_mokuteki h2{
	color:#009944;
	font-size:32px;
	border-bottom:5px solid #009944;
	text-align:left;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
}
#jigyou_mokuteki figure{
	max-width:800px;
	margin:auto;
	display:block;
	padding-bottom:50px;
}
#jigyou_mokuteki h4{
	width:200px;
	height:auto;
	display:block;
	margin:auto auto -30px auto;
}
#jigyou_mokuteki h5.t-blue{
	color:#fff;
	background-color:#00AEEF;
	border-radius:30px;
	display:block;
	width:120px;
	text-align:center;
	margin-left:0;
	margin-bottom:5px;
	font-size:16px;
	letter-spacing:0.2;
}
#jigyou_mokuteki h5.t-pink{
	color:#fff;
	background-color:#F3879A;
	border-radius:30px;
	display:block;
	width:120px;
	text-align:center;
	margin-left:0;
	margin-bottom:5px;
	margin-top:20px;
	font-size:16px;
	letter-spacing:0.2;
}
#jigyou_mokuteki .taishou-box{
	background-color:#FFFAC1;
	border-radius:30px;
	padding:40px 30px 30px 30px;
}
#jigyou_mokuteki .taishou-box p{
	font-weight:bold;
	padding-bottom:0;
}
#jigyou_mokuteki .taishou-box .li-blue{
	color:#00AEEF;
}
#jigyou_mokuteki .taishou-box .li-pink{
	color:#F3879A;
}
@media screen and (max-width:768px) {
#jigyou_mokuteki h2{
	font-size:28px;
}
#jigyou_mokuteki .taishou-box p{
	font-size:14px;
}
#jigyou_mokuteki figure{
	max-width:80%;
}
}

/*  事業概要 */
#jigyou_gaiyou{
	background-color:#EEEFEF;
}
#jigyou_gaiyou .jigyou_gaiyou_box{
	position:relative;
}
#jigyou_gaiyou figure{
	position:absolute;
	right:100px;
	bottom:10px;
	max-width:300px;
}
#jigyou_gaiyou .jigyou_gaiyou_box th,
#jigyou_gaiyou .jigyou_gaiyou_box td{
	font-size: 16px;
    line-height: 1.8;
    color: #222;
    font-weight: normal;
	text-align:left;
	vertical-align:text-top;
    padding-bottom: 20px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
@media screen and (max-width:768px) {
#jigyou_gaiyou .jigyou_gaiyou_box{
}
#jigyou_gaiyou figure{
	position:absolute;
	right:100px;
	bottom:10px;
	max-width:200px;
}
#jigyou_gaiyou .jigyou_gaiyou_box th,
#jigyou_gaiyou .jigyou_gaiyou_box td{
	width:100%;
	display:block;
}
#jigyou_gaiyou .jigyou_gaiyou_box th{
	padding-bottom:0px;
	font-weight:bold;
}
#jigyou_gaiyou .jigyou_gaiyou_box td td{
	padding-bottom:0px;
}
}

/*  事業応募 */
#jigyou_oubo h3{
	margin-top:50px;
}
/*  事業申請 */
#jigyou_sinsei{
}
#jigyou_sinsei h2{
	color:#009944;
	font-size:32px;
	border-bottom:5px solid #009944;
	text-align:left;
	margin:50px 0 20px 0;
	padding:0 0 5px 0;
}
#jigyou_sinsei .txt1{
	color:#009944;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
}
#jigyou_sinsei ul{
	padding-bottom:40px;
}
#jigyou_sinsei ul li{
	font-weight:normal;
	margin-left:20px;
}
@media screen and (max-width:768px) {
#jigyou_sinsei h2{
	font-size:28px;
}
}


/*  取扱事業者申請後の流れ */
#jigyou_nagare{
	background-color:#EEEFEF;	
}
#jigyou_nagare .nagare-box{
	max-width:800px;
	display:block;
	margin:auto;
}
#jigyou_nagare .box-conts{
	width:100%;
	background-color:#fff;
	padding:15px 50px;
	border-radius:30px;
	color:#333;
	font-size:20px;
}
#jigyou_nagare .number{
	background-color:#F17079;
	color:#fff;
	border-radius:30px;
	padding:2px 7px;
	margin-right:10px;
}
#jigyou_nagare .yajirusi{
	padding:10px;
}
#jigyou_nagare .yajirusi::before {
    content: "";
    display: block;
	margin:auto;
    width: 40px;
    height: 40px;
	background-image:url(../images/business_operator/yajirusi.png);
    background-position: center;
    background-size: contain;
}
#jigyou_nagare .box-conts ul{
	padding-top:10px;
}
#jigyou_nagare .box-conts ul li{
	font-size:16px;
	font-weight:normal;
	line-height:1.5;
}
#jigyou_nagare .img{
	position:relative;
	padding-bottom:100px;
}
#jigyou_nagare .img figure{
	position:absolute;
	right:30px;
	bottom:20px;
	width:350px;
}
#jigyou_nagare .nagare-box figure{
	max-width:500px;
	margin:auto;
}
@media screen and (max-width:768px) {
#jigyou_nagare .box-conts{
	font-size:18px;
	padding:15px 20px;
}
#jigyou_nagare .img{
	padding-bottom:250px;
}
#jigyou_nagare .img figure{
	right:30px;
	bottom:20px;
	max-width:300px;
}
}



/* 販促物・マニュアル等について */
#jigyou_hansoku figure{
	max-width:520px;
	margin:auto;
}
#jigyou_hansoku figcaption{
	font-weight:normal;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-align:center;
}

#jigyou_hansoku .jigyou_download_box{
	display:flex;
	justify-content:space-around;
}
#jigyou_hansoku .jigyou_download_box figure{
	width:25%;
	padding:20px;
}
#jigyou_hansoku .jigyou_download_box figure .s-img{
	max-width:132px;
}
@media screen and (max-width:768px) {
#jigyou_hansoku .jigyou_download_box{
	flex-wrap:wrap;
}
#jigyou_hansoku .jigyou_download_box figure{
	width:50%;
}
#jigyou_hansoku .jigyou_download_box figure.b-img{
	width:100%;
}
#jigyou_hansoku .jigyou_download_box figure.b-img img{
	width:50%;
	display:block;
	margin:auto;
}
}


/* ポスター・チラシのダウンロード */
#jigyou_download figure{
	max-width:520px;
	margin:auto;
}
#jigyou_download figcaption{
	font-weight:normal;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-align:center;
}



/* 募集要項 */
#jigyou_youryou{
}
#jigyou_youryou h4{
	font-weight:bold;
	background-color:#EEEFEF;
	padding:8px 20px;
	margin-bottom:20px;
	margin-top:40px;
}
#jigyou_youryou h4.top{
	margin-top:0px;
}
#jigyou_youryou li{
	font-weight:normal;
	line-height:1.6;
	position:relative;
	padding-left:22px;
}
#jigyou_youryou li .nb{
	position:absolute;
	left:0;
}
#jigyou_youryou p{
	font-weight:normal;
	line-height:1.6;
}
@media screen and (max-width:768px) {
#jigyou_youryou li{
	padding-bottom:10px;
}
}



/* 事業者 */
#p-nav{
	max-width:1030px;
	padding:20px;
	display:block;
	margin:auto;
}
#p-nav ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
#p-nav li{
	text-align:center;
	width:25%;
}
#p-nav li a{
	display:block;
	background-color:#009944;
	color:#fff;
	padding:10px;
	border:solid 2px #fff;
	font-size:18px;
	letter-spacing:0.05;
}
#p-nav li a:hover{
	text-decoration:none;
}
@media screen and (max-width:960px) {
#p-nav li a{
	font-size:16px;
}
}
@media screen and (max-width:768px) {
#p-nav{
	padding:0px;
}
#p-nav li{
	width:50%;
}
#p-nav li a{
	font-size:14px;
	border:solid 1px #fff;
	padding:15px 5px;
	letter-spacing:0;
}
}
/* サービスの掲載 */
#jigyou_keisai .box{
	    border-radius: 20px;
    border: solid 5px #C9CACA;
	padding:20px;
}



/* FAQ */
#situmon-section{
	padding-top:40px;
}
#situmon-section h2{
	color:#009944;
	font-size:32px;
	border-bottom:5px solid #009944;
	text-align:left;
	margin:0 0 50px 0;
	padding:0 0 5px 0;
}
#situmon-section .q{
	font-size:18px;
	color:#009944;
	line-height:1.8;
	font-weight:bold;
	display:block;
	margin-bottom:20px;
	padding-left:75px;
	padding-right:0px;
	padding-bottom:2px;
	padding-top:5px;
	background: url(../../images/business_operator/faq-icon1.gif);
    background-size: 32px 32px;
	background-repeat:no-repeat;
	background-position:right top;
	}
#situmon-section .q:before{
	display: block;
    position: absolute;
    content: "Q";
    color: #fff;
    font-size: 22px;
	background-color:#009944;
	padding-left:28px;
	padding-right:22px;
    font-weight: 700;
    margin-left: -75px;
    margin-top: -.2em;
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
#situmon-section .line{
	border-bottom:2px solid #009944;
	width:101%;
	margin-left:-10px;
	display:block;
	padding-left:20px;
	padding-right:40px;
	padding-bottom:1px;
}
#situmon-section .q.active{
	background: url(../../images/business_operator/faq-icon2.gif);
    background-size: 32px 32px;
	background-repeat:no-repeat;
	background-position:right top;
}
#situmon-section .a{
	padding:0px 0px 20px 0px;
	font-size:16px;
	color:#000;
	line-height:1.8;
	display:inline-block;
}
#situmon-section .a p{
	padding-left:50px;
}
#situmon-section .a:before{
	display: block;
    position: absolute;
    content: "A";
    color: #E38396;
    font-size: 40px;
    font-weight: 700;
    margin-left: 0px;
    margin-top: -.4em;
}

#situmon-section .situmon-box{
	display:block;
	clear:both;
	margin-bottom:20px;
	}

#situmon-section div.question {
        cursor: pointer;
}
#situmon-section div.question:hover {
        text-decoration: none;
}
#situmon-section div.answer {
        display: none;
        background: #FBEEF1;
        padding: 20px 20px 20px 20px;
		border:2px solid #E38396;
}
#situmon-section div.answer p{
	padding-left:40px;
}


#situmon-section .text__icon{
	float:left;
	font-weight:bold;
}
#situmon-section .situmon-cat{
	border:3px solid #0070C0;
	border-radius:5px;
	background-color:#DEEBF7;
	display:block;
	height:50px;
	line-height:44px;
}
#situmon-section .situmon-cat a:link,
#situmon-section .situmon-cat a:visited{
	display:block;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
#situmon-section .situmon-cat a:hover{
	background-color:#68A4D9;
}
#situmon-section h3{
	text-align:center;
	    padding: 7px 20px;
    margin: 20px 0px 0px 0px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
}
@media (min-width: 768px){
#situmon-section .col-sm-2 {
    width: 18%;
	padding-left: 5px;
    padding-right: 5px;
}
#situmon-section .situmon-cat-box{
	display: flex;
	justify-content:space-between;
}
}
@media screen and (max-width: 750px) {
#situmon-section .situmon-cat{
	margin-bottom:20px;
}
#situmon-section .q:before{
	padding-left:13px;
	padding-right:13px;
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#situmon-section .line{
	border:0px;
}
#situmon-section .q{
	border-bottom:2px solid #009944;
	padding-bottom:10px;
}
#situmon-section .q.active{
	border-bottom:0px;
	background-position:right 10px;
}
#situmon-section .q{
	padding-left:45px;
	background-position:right 10px;
	}
#situmon-section .q:before{
    margin-left: -45px;
}
#situmon-section h2{
	font-size:28px;
}
}
@media screen and (max-width: 480px) {
#situmon-section .q{
	font-size:16px;
	}
#situmon-section .q p{
	padding:5px 0px 5px 0px;
	background-color:#eee;
}
}