@charset "utf-8";



/* CSS Document */



.pc {

	display: block;

}

.sp {

	display: none;

}



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

.pc {

	display: none;

}

.sp {

	display: block;

}

div#naps_wide-container {

    width: 100%;

}

div#naps_wide-container h1 {

    font-size: 1.25em;

    font-weight: 900;

    line-height: 1.25em;

    padding: 0 5px;

	margin-bottom:20px;

}

div#naps_wide-container p {

	padding: 10px 15px;

	font-size: 16px;

	line-height: 150%;

}

.graf1 {

    width: 96%;

	border: 1px solid #000;

	box-sizing: border-box;

	margin: 10px 2%;

}

.graf1 p {

	position: relative;

	right:auto;

	top: auto;

	padding: 0 10px;

}

.hel-td {

	padding: 10px 15px;

}

.b_box {

    margin: 20px 2% 0;

	font-size: 1.2em;

	padding: 0.25em 0.5em;

}

.hedtx {

    font-size: 1.2em;

	margin: 0;

}

.heme {

    margin: 30px 0 0;

    padding: 3px 15px;

    font-size: 1.2em;

	overflow: hidden;

}

.heme img {

	float: left;

}

.bannerbtn {

	padding: 10px 15px 0;

}

.bannerbtn a {

	margin-top: 10px;

	display: block;

}

.hmid p {

    font-size: 1.3em;

    padding: 8px 5px!important;

}

.mjr {

    overflow: hidden;

    margin: 10px 15px;

}

.mjr li {

    float: none;

}

.mjr li img {

	margin: 0 auto;

	text-align: center;

}

.mjr li:first-child {

    width: 100%;

    margin-right: 0px;

}

.mjr li:first-child p {

	padding: 0 0 10px!important;

}

.kibox {

    margin: 0;

}

.sitb {

overflow: auto;

white-space: nowrap;

}

.sitb table {

    width: 100%;

}

.sitb table th {

	padding: 10px;

	font-size: 0.9em;

}

.sitb table td {

	padding: 10px;

	font-size: 0.9em;

	min-width: 80px;

}

.sitb::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/

 height: 5px;

}

.sitb::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/

 background: #F1F1F1;

}

.sitb::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/

 background: #BCBCBC;

}

.hel-sty {

    overflow: hidden;

    margin: 15px 0 10px;

	padding: 0 10px;

}

.hel-sty li {

    margin: 0 0 0 0;

	width: 48%;

    float: left;

}

.hel-sty li:nth-child(even) {

	float: right;

}

.hel-sty li:nth-child(odd) {

	clear: both;

}

.hel-sty li p {

    width: 100%;

	height: 3em;

	font-size: 1em;

}

.kigen {

    padding: 10px;

    border: #000000 solid 1px;

    width: 96%;

	margin: 0 2%;

}

.offim {

    margin: 10px 0;

	width: 30%;

}

.offls {

    width: 68%;

	float: right;

    margin: 10px auto 15px;

}

.offls td {

    padding: 1px 0;

    vertical-align: top;

    width: 100%;

	display: block;

}



.proshoplis ul {

    width: 100%;

}

.giz {

    font-size: 1.2em;

}

.a-box p {

    color: #FFFFFF;

    font-size: 1.35em;

    font-weight: 900;

    line-height: 1.1em;

    border-left: #FFF solid 5px;

    border-right: #FFF solid 5px;

    padding: 0 5px!important;

    text-shadow: #000000 2px 2px;

}

.a-service li {

    font-size: 1.2em;

}

.a-service li p {

    font-size: 0.8em;

    line-height: 1.5em;

	padding: 5px 15px 20px 0!important;

}

.a-explanation li {

    font-size: 1.2em;

    font-weight: bold;

    line-height: 150%;

    position: relative;

    overflow: visible;

	padding: 0 15px 10px 0;

}

.youtube {

  position: relative;

  width: 96%;

  margin: 0 2%;

  padding-top: 56.25%;

}

.youtube iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

  margin: 0 0!important;

}

.acadtx {

    padding: 10px 15px;

}

.acadtx li:first-child {

    text-align: center;

}

.acadtx li:nth-child(n+1) {

    width: 100%;

}

.acadtx li p {

    padding: 10px 0 0!important;

}

.acadtx li .caution {

    font-size: 12px;

	text-align: left;

}

.box_center {

	padding: 0 2%;

}

.h-tenpo {

    font-size: 16px;

	margin: 30px 2% 0;

}

.proshoplis {

	width: 96%;

	margin: 0 auto;

}

.proshoplis ul {

	margin-top: 0px;

}

.proshoplis li {

    display: block;

    width: 100%;

	float: none;

	margin: 0 0;

}

.helsty ul {

	margin: 15px 15px 0;

}

.helsty li {

    margin: 0 0 10px 0;

	width: 48%;

    float: left;

}

.helsty li:nth-child(even) {

	float: right;

}

.helsty li:nth-child(odd) {

	clear: both;

}

.helsty li p {

    width: 100%;

	height: 3em;

	font-size: 1em;

	padding:0!important;

}

.proshoplis li:before{

	float: left;

	margin-top: 8px;

	color: #fff;

	font-family: 'naps_ic';

	}



div#naps_clm-container h1 {

    font-size: 1.2em;

    padding: 0 5px;

}

.topimg {

    margin-top: -10px;

}

.top img {

    float: none;

    margin: 0 auto 10px;

	display: block;

}

.top p {

	padding: 10px 15px;

	width: 100%;

	box-sizing: border-box;

	font-size: 16px;

	line-height: 150%;

}

.menu01 h2 {

    padding: 10px 0;

    font-size: 1.2em;

}

.point {

    font-size: 1.2em;

    padding: 0 15px 0;

}



.menu01 ul {

    margin: 0 auto;

    overflow: hidden;

    width: 96%;

}

.menu01 li {

    float: none;

    overflow: hidden;

    width: 100%;

    margin:0 0 10px;

}

.menu01 li img {

	width: 17%;

}

.menu01 li h3 {

    padding: 1%;

	width: 78%;

}

.menu01 li p {

    float: left;

    width: 80%;

    margin-left: 10px;

}

.kome {

	padding: 10px 15px;

	text-align: left;

	font-size: 0.9em;

}

.menu03 .mdbox01 {	

	padding: 80px 0 0;

	position: relative;

}

.menu03 .mdbox01 h2 {

    font-size: 1.3em;

    float: none;

    width: 100%;

	padding: 0 0 10px;

	margin: 0 auto;

}

.menu03 .mdbox01 p {

	position: absolute;

	top: 10px;

	width: 100%;

	text-align: center;

}

.menu03 .mdbox01 img {

    float: none;

    margin-top: 0;

}

.mdbox03 h3 {

	font-size: 0.6em;

	padding: 0;

	margin: 0;

	text-align: center;

}

.mdbox03 h3 sub {

    border-left: #1C2EA5 solid 5px;

    border-right: #1C2EA5 solid 5px;

    color: #1C2EA5;

    font-size: 2em;

    font-weight: 900;

    padding: 0 10px;

    margin: 0 2%;

	width: 96%;

}

.mdbox03 div {

    float: left;

    margin: 2%;

	width: 20%;

}

.mdbox03 div img {

	width: 100%;

	height: auto;

}

.mdbox03 ul {

    float: right;

    margin: 10px 2% 0 0;

    width: 72%;

}

.sh_sys li {

    border-bottom: 3px solid #1c2ea5;

    width: 100%;

}

.sh_sys li .number {

    font-size: 4em;

    padding-left: 15px;

    line-height: 1em;

}

.sh_sys li .pbox {

    margin-left: 60px;

	float: none;

    font-size: 1.2em;

    font-weight: 900;

    width: auto;

    padding-left: 20px;

	box-sizing: border-box;

}

.sh_sys li .pbox span {

    float: left;

    font-size: 0.8em;

    font-weight: 500;

    color: #000;

	padding: 0 10px 0 0;

}

.mdbox04 {

	padding: 0 15px;

	text-align: center;

}

.mdbox04 img {

	margin: 0 0 10px;

}

.mdbox04 img:nth-child(2) {

    margin-left: 0px;

}

.mdbox04 img:nth-child(3) {

    margin-left: 10px;

}

.mdbox04 p {

    display: inline-block;

    width: 100%;

    margin-top: 0px;

    margin-left: 0px;

	margin-bottom: 20px;

    font-size: 1.2em;

	text-align: left;

}

.tx-r {

    text-align: center;

    margin-top: 10px;

}

.menu02 ul {

    margin: 10px 2% 0px;

    width: 96%;

    border-collapse: separate;

    border-spacing: 10px 0;

}

.menu02 li {

    display: block;

    width: 100%;

    position: relative;

	margin: 0 0 80px;

	clear:both;

}



	

	

.menu02 li div {

	width: 67%;

	float: right;

}

.menu02 .prshim {

	width: 30%;

	float: left;

	padding: 0 0 15px;

}

.menu02 .prshim img {

	margin: 0 1px;

}

.menu02 li p {

    font-size: 1.1em;

	width: 67%;

	float: right;

	padding: 5px 0 0;

}

.tx-r {

	clear:both;

	text-align: center;

	margin-top: 20px;

}

	.mb30{

		margin-bottom: 30px;

	}

	.ic-tr_r .ngm{

		margin-top: -44px;

	}

	.ic-tr_r p{

		margin-top: -33px;

	}

	.araihtml .ic-tr_r p{

		margin-top: -10px;

		font-size: 14px;

	}

/* あとで削除*/

.offls p {

    background: url(/Contents/ImagesPkg/page/helmet/arw03.gif) no-repeat scroll 0 0.3em transparent;

    padding: 0 10px 0 1.5em!important;

}



.bannerbtn ul li{

	float: none;

	width: 100%;

	margin:30px 1% 0 0;

}

	.bannerbtn ul li p{

		padding: 0!important;

	}

.bannerbtn ul li:nth-child(even){

	margin-right: 0;

}

.bannerbtn .fitall{

	margin: 20px 0 0 0;

	padding: 0!important;

}

	.bannerbtn .fitp{

		text-align: left;

		font-size: 1em;

		padding: 0!important;

	}

	.bannerbtn ul li{

	float: none;

	width: 100%;

	margin:30px 1% 0 0;

}

	.bannerbtn ul li p{

		padding: 0!important;

	}

.bannerbtn ul li:nth-child(even){

	margin-right: 0;

}

.bannerbtn .fitall{

	margin: 20px 0 0 0;

	padding: 0!important;

}

	.bannerbtn .fitp{

		text-align: left;

		font-size: 1em;

		padding: 0!important;

	}

	.mk_pros{

	margin-top: 20px;

}

.mk_pros li{

	float: none;

	width: 98%;

	margin:0 1% 0 1%;

}

.mk_pros li:last-child{

	margin:10px 2% 0 2%;

}

	

}