@charset "utf-8";
/* CSS Document */



body {
	/*padding-top: 3rem;*/
	padding-bottom: 0;
	color: #5a5a5a;
	line-height: 32px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


.red{
	color:#F00;
}
.yellow-warning{
	color:#ffc107;
}

.blue-gradation{
	background:linear-gradient(#004e90,#1169b3);
}
.blue-gradation a:hover{
	background:linear-gradient(#1169b3,#004e90);
}
.gray{
	color:#C0C0C0 !important;
}

.gray a:hover{
	color:#C0C0C0;
}

.font-fuchidori{

text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
font-size: 2.2rem;
text-align:center;
}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}


.col-lg-4-custom-pc-cover{
	max-width:none;
}

/* 1409px より大きい場合*/
@media (min-width: 1409px){
	.col-lg-4-custom-pc-cover .imgcenter{
		text-align: center;
	}
	ul.checklist-custom-pc-cover li{
		line-height:34px;
	}
	.col-lg-6-custom-software2 img{
		margin-top:70px;
	}
	.sales-support-margin-top{
		margin-top:45px;
	}
}
/* 1408px より小さい場合*/
@media (max-width: 1408px){
	.col-lg-4-custom-pc-cover{
		flex: unset;
	}
	.col-lg-4-custom-pc-cover .imgcenter{
		text-align: center;
	}
	
	.col-lg-8-custom-pc-cover{
		flex:unset;
		max-width:none;
	}
	.col-lg-6-custom-software2{
		flex:unset;
		max-width:none;
		text-align:center;
	}
	.col-lg-6-custom-software2  ul.checklist li {
	    padding-left: 50px !important;
	}
}

.container {
    clear:both;
}

/* 1250px より大きい場合*/
@media (min-width: 1250px){
	.homecontainer {
	    max-width: 95% !important;
	}
	.container {
	    max-width: 80%;
	}
}


/* 768pxより大きい場合 */
@media (min-width: 768px){
	.homecontainer {
	    max-width: 95% !important;
	}
	.container {
	    max-width: 80%;
	}
	.menu li{margin:0px;
	padding:0;
	list-style:none}

}
/* 767pxより小さい場合 */
@media (max-width: 767px){
	.menu li{
		margin:0px;
		padding:0;
		list-style:none;
		float:left;
	}
	.headertop.contact,.headertop
	.menu{display:inline-block;
		  margin: 0;
    	  padding: 0;
		  text-align:center;}
	.headertop{text-align: center;}
	.headertop .contact, .headertop .menu {
    float: none !important;
	font-size: 0.8rem;}
	.imgcenter {
		text-align: center;
	}
	.headertop{
		padding-top: 0px !important;
		padding-right: 10px !important;
    	padding-left: 10px !important;
	}
	.headertop .logo p {
   		font-size: 10px;
   		line-height: 15px;
	}
	.headertop p{
		margin-bottom: 0;
	}
	
}
.headertop .logo{
    float: left;
	display:block
}
.headertop .contact,
.headertop .menu{
    float: right;
		list-style: none;
}
.navbar{
	clear:both;
}
.headertop{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.menu li a{
	display:block;
	padding:5px;
	text-decoration:none
}

/* 768pxより大きい場合 */
@media (min-width: 768px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
}
/* 828pxより大きい場合 */
@media (min-width: 828px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 1.0rem !important;
		padding-left: 1.0rem !important;
	}
}
/* 942pxより大きい場合 */
@media (min-width: 942px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
}
/* 1165pxより大きい場合 */
@media (min-width: 1165px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 2.5rem !important;
		padding-left: 2.5rem !important;
	}
}

/* 1500pxより大きい場合 */
@media (min-width: 1500px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 4rem !important;
		padding-left: 4rem !important;
	}
}
/* 1800pxより大きい場合 */
@media (min-width: 1800px){
	.nav-link{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 5rem !important;
		padding-left: 5rem !important;
	}
}

.navbar{
	padding:0px;
}

.dropdown-menu{
	background: rgb(0, 79, 147); /* for IE */
	background: rgb(0, 79, 147,0.7);
	
}
.dropdown-item,
a:hover.dropdown-item{
	color:#FFF;
}


h3.top {
position: relative;
color: #333333;
text-shadow: 0 0 2px white;
background: #e0f3ff;
z-index: -4;
border-radius: 0 10px 10px;
font-size:calc(20% + 1vw);
}

h3.top:before {
content: "";
position: absolute;
background: #9de5ff;
width: 50px;
height: 50px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: -15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}

/*--- ST 追加 ---*/
h3.red {
position: relative;
color:#F00;
font-size:calc(90% + 1vw); 
}

h3.red:before {
content: "";
position: absolute;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
} 
/*-- 追加END ---*/

.jumbotron{
  background-image:url(images/index-home-partner.jpg);
  background-repeat: no-repeat;
}


.three {
	color: #F60;
	font-size: 3rem;
}

@media (min-width: 1200px){
	.contact-button{
		margin:0 auto;
	}
}
/* drop down hover */
.dropdown:hover > .dropdown-menu{
  display: block;
}.row .col-md-8.blog-main .blog-post h3 .tokutei3 {
	color: #007BFF;
	font-size: 22px;
}
.row .col-md-8.blog-main .blog-post h3 .tokutei4 {
	color: #007BFF;
	font-size: 20px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 26rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 26rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 1rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
footer ul{
	list-style-type: none;
}
/* 767pxより小さい場合 */
@media (max-width: 767px){
	.text-warning{font-size: 2rem;}
	.font-weight-bold{font-size: 1.4rem;}
	.h2, h2 {font-size: 1.3rem;
	         text-align: light !important;}
	.three {font-size: 2.4rem;}
	.pmenu{font-size: 13.5px;}
	.ppmenu{font-size: 10.6px;}
	.photo{width: 100%;}
	.h1, h1 {font-size: 1.5rem !important;}
	.h3, h3 {font-size: 1.3rem !important;}
	.h4, h4 {font-size: 1.3rem;}
	.row .col-md-8.blog-main .blog-post h3 .tokutei {
		font-size: 1.3rem !important;}
	.row .col-md-8.blog-main .blog-post h3 .tokutei2 {
		font-size: 1.1rem;
		color: #000;}
	.row .col-md-8.blog-main .blog-post h3 .tokutei2 {
	    font-size: 1.1rem !important;}
	.h5, h5 {
	    font-size: 1.1rem;}
	.row .col-md-8.blog-main .blog-post h3 .tokutei3 {
	    font-size: 23px;
	}
	.row .col-md-8.blog-main .blog-post h3 .tokutei4 {
	    font-size: 21px;
	}
	.three {
	    font-size: 2rem !important;
	}
	.text-small {
	    font-size: 10px;
	}
	.imgright {
	    width: 100%;
	    text-align:center;
	}
	.imgleft {
	    width: 100%;
	    text-align: center;
	}
	.img-fluid-w100{
		width:100%;
	}
	.row .while{
	padding-bottom: 10px !important;
	}
}
.center_box {
	text-align: center;
	margin-top: 30px;
}
.center_box h2 {
	display: inline-block;
	text-align: left;
}
.center_box h3 {
	display: inline-block !important;
	text-align: left !important;
}
.center_box h4 {
	display: inline-block !important;
	text-align: left !important;
}
.center_box h5 {
	display: inline-block !important;
	text-align: left !important;
}
.row .col-md-8.blog-main .blog-post h3 .tokutei {
	font-size: 1.4rem;
	color: #F00;
}
.row .col-md-8.blog-main .blog-post h3 .tokutei2 {
	font-size: 1.5rem;
	color: #000;
}
.row .col-md-8.blog-main .blog-post .album.py-5.bg-light .row .col-md-4 .text-center .dake {
	font-size: x-large;
}
.row .col-md-8.blog-main .blog-post .merit h3 .kounyuumae {
	color: #06F;
}
.row .col-md-8.blog-main .blog-post .merit h3 .kounyuumae2 {
	font-size: 1.5rem;
	color: #06F;
}
.row .col-md-8.blog-main .blog-post .merit .h2-bar span {
	color: #06F;
	font-size: 1.5rem;
}
.container.marketing.homecontainer .row.mt-3 .col-lg-6 .tsuyomi{
	line-height: 24px;
}
.fas.blue {
	color: #004e90;
}
.row .col-md-8.blog-main .blog-post p .tokutei5 {
	color: #FF0000;
	font-size: 20px;
}
.circle {
	border-bottom-style: dotted;
	border-bottom-color: #009;
}
.message {
	line-height: 30px;
}
.ookiku {
	font-size: 24px;
}

ul.checklist{
	list-style:none;
}
.three {
	color: #F60;
	font-family: "メイリオ";
	font-size: 2rem;
}
.houfuna {
	font-weight: bold;
}
.thishiki {
	font-size: 2rem;
}
.needs {
	font-size: 2rem;
}
.taisaku {
	font-size: 2rem;
}

/*--- ST追加 ---*/
.card-text {
	line-height: 20px;
}
/*--- 追加END ---*/

.h2-bar {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #004e90;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
    font-size: 1.3rem;
	margin-top: 30px;
}
.h2-bartop {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #004e90;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
    font-size: 1.3rem;
	margin-top: 60px;
}
.h2-bar-yellow {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #ffc107;
}
.it {
	line-height: 0.5px;
}
.check {
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 40px;
}
.checkbottom {
    padding-top: 25px;
    padding-left: 0px;
    padding-bottom: 60px;
}
.container .row .col-md-8.blog-main .blog-post .checkbottom ul {
    list-style-type: none;
}
.merit .ul .bluelist .li{
	margin: 5px 0px 0px 5px;
	background:url(images/bluecircle.jpg) no-repeat 5px center;
	padding: 2px 10px 2px 14px;
}
.imagecenter {
	text-align:center;
	margin-top: 27px;
	margin-bottom: 10px;
}
.h4center {
	text-align:center;
}
.h2center {
	text-align:center !important;
	color: #000;
	margin-top: 50px
}
.imgleft {
	float: left;
	margin-right:30px;
}
.container .row .col-md-8.blog-main .blog-post .check ul {
	list-style-type: none;
}
.imgright {
	float: right;
	margin-left:10px;
}
.service {
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	border-left: solid 4px #668ad8;
	border-right: solid 4px #668ad8;
	color: #668ad8;
	background: #e1f3ff;
	transition: .4s;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
}
.box26 {
    position: relative;
	display: inline-block;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #cccccc;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #007bff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
.row row-eq-height {
	display: flex;
	flex-wrap: wraap;
}
.row .col-md-8.blog-main .blog-post .card .card-body .address {
	padding-left: 75px;
}
@media (max-width: 767px){
	.row .col-md-8.blog-main .blog-post .card .card-body .address {
	    padding-left: 0px;
	}
}
.pcsupportmenu{
	padding-left: 20px;
	text-indent: -1.25em;
	text-align: left;
}
.check #bluelist li {
	margin-bottom: 10px;
}

.blog-post .check ul li {
	margin-bottom: 5px;
	padding-left: 20px;
	text-indent: -1.25em;
	text-align: left;
}
.blog-post .check ul.nomargin li {
	margin-bottom: 00px;
	padding-left: 20px;
	text-indent: -1.25em;
	text-align: left;
}
.checklist.mobile-img {
	font-family: "遊ゴシック体";
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}#bluelist li {
	list-style-type: none;
}
.copyright{
	font-size:10px;
}

#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}
.row .col-md-8.blog-main .blog-post .row .col-xs-12.col-sm-9 p {
	text-align: left;
	line-height: 26px;
}
.row .col-md-8.blog-main .blog-post .row .col-xs-12.col-sm-9 p-2 {
	line-height: 40px;
}
.row .col-md-8.blog-main .blog-post .check2 h5 {
	text-align: center;
}
.row .col-md-8.blog-main .blog-post .check2 h4 {
}
.row .col-md-8.blog-main .blog-post .check2 h4 {
	text-align: center;
}
.row .col-md-8.blog-main .blog-post .check2 h4 {
}
.row .col-md-8.blog-main .blog-post .check2 h4 {
	text-align: center;
}
.row .col-md-8.blog-main .blog-post .check .far.fa-check-square.fa-lg.fa-fw {
	line-height: 40px;
}
.row .col-md-8.blog-main .blog-post .check .far.fa-check-square.fa-lg.fa-fw {
	line-height: 40px;
}
.row .col-md-8.blog-main .blog-post .merit h5 {
	text-align: center;
}
.row .col-md-8.blog-main .blog-post .merit p {
	text-align: left;
	line-height: 26px;
}
.row .col-md-8.blog-main .blog-post .merit h2 {
	text-align: left;
}
.row .col-md-8.blog-main .blog-post .merit h5 {
	text-align: center;
	margin-top: 10px;
}
kounyuumae {
}
.merit h2 kounyuu {
	text-align: center;
}
.row .col-md-8.blog-main .blog-post .merit .row .col-md-9.mt-1 {
	line-height: 35px;
	text-align: left;
}
.kakomi {
	line-height: 35px;
}

/*--- アンケート用 ST追加　---*/
.frmSmpl1 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	color: #666;
	padding:.7em;
	margin: 2em 0;
	border:1px solid #ccc;
	/*↓背景グラデーションの指定*/
	background: #f0f8f1; /*←グラデーション未対応のブラウザ用*/
	background: -webkit-linear-gradient(top, #fbfcfc, #f0f8f1); /*←オールドブラウザ用*/
	background: linear-gradient(#fbfcfc, #f0f8f1); /*←標準型*/
}

.frmSmpl1 ul { /*ul要素を初期化*/
	padding:0;
	margin:0;
	}
.frmSmpl1 ul li { /*li要素も初期化し、ボーダーなどを指定*/
	list-style:none; /*リストマーカー（●）を無しに*/
	margin:0;
	padding:.5em;
	border-top: 2px solid #fff;
	font-size:15px;
	}
.frmSmpl1 ul li:first-child { /*最初のli要素はボーダー無し*/
	border-top:none;
	}

.frmSmpl1 span {
	width: 17em;
	margin:0 .5em 0 0;
	display:inline-block;
	vertical-align:top;
	}
.frmSmpl1 .txtfiled {
	width:100%;
	padding:3px 5px;
	margin:0;
	color:#666;
	border: solid 1px #ccc;
	box-shadow: 2px 3px 5px -2px #ddd inset;/*テキストエリア内にシャドウ*/
	background: #fff;/*内側のシャドウはbackgroundの初期化が必要*/
	border-radius:6px;
	}
 
.frmSmpl1 select {
	width:20%; /* 45 */
	padding:3px 5px;
	margin:0;
	color:#666;
	border: solid 1px #ccc;
	box-shadow: 2px 3px 5px -2px #ddd inset;/*テキストエリア内にシャドウ*/
	background: #fff;/*内側のシャドウはbackgroundの初期化が必要*/
	border-radius:6px;
	}
.frmSmpl1 p {
	margin:.3em 0 0 1em;
	}
.frmSmpl1 p label { /*チェックボックス・ラジオボタンの label要素を横に並べる*/
	display: inline-block;
	margin-right: 2em;
	}
.frmSmpl1 p label input {/*input要素とテキストがくっつかないように右マージンを少々*/
	margin-right:0.5em;
	}
.frmSmpl1 p label:hover { /*チェックボックス・ラジオボタンのlabel要素のマウスオーバー時*/
/*	background: #5ba110;
	color: #fff;
	font-weight:bold;*/
	}
.frmSmpl1 p.check label { /*チェックボックスのlabelの横幅を統一*/
	width: 9em;
	}
	.frmSmpl1 input[type="submit"], 
.frmSmpl1 input[type="reset"] {
	cursor:pointer;  /*←カーソルを指先型に変化*/
	font-size:130%;
	font-weight:bold;
	width:150px;
	padding:5px 0;
	margin:.5em .5em .5em 0;
	border-style:none;
	color: #fff;
	/*↓背景グラデーションの指定*/
	/* #90e733; */
	background:#97cefc; /*←グラデーション未対応のブラウザ用*/
	background: -webkit-linear-gradient(top, #97cefc, #045599 50%, #97cefc) #97cefc;
	background: linear-gradient(#97cefc, #045599 50%, #97cefc) #97cefc;
	/*↓以下、ボックスの角丸、シャドウ、テキストシャドウの指定*/
	border-radius: 5px;
	box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000; 
	}
.frmSmpl1 input[type="submit"]:hover, /*↓ボタンのマウスオーバー時の透明度を変更*/
.frmSmpl1 input[type="reset"]:hover {
	opacity: 0.8;
	}
/*--- アンケート 追加END ---*/

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}
.pcenter{
	text-align: center;
	margin-top: 10px !important;
}
.row .centered{
	text-align:center !important;
}
.bg-primary {
    font-size: 1.3rem;
	color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
}
.h6center {
	text-align: center;
}
.checklist2 {
	margin-left: -45px;
	list-style: none;
}
.pmenu {
	margin-top: 15px;
}
.h4blue {
	color: #06F;
	text-align: center;
}
.clearfix {
  	display: table-cell;
  	vertical-align: middle;
  	height: 200px;
}