@charset "utf-8";

/*---top---*/

#topmain {
width: 100%;
}

#topmain #mainbt {
width: 100%;
padding-bottom: 12px;
}

#topmain #mainbt ul.box-align {
width: 100%;
margin: 0 auto;
}

#topmain #mainbt ul.box-align li {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 49%;
margin: 0 1.2% 0 0;
}

#topmain #mainbt ul.box-align li:nth-child(2n) {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 49%;
margin: 0;
}

#topmain #mainbt ul.box-align li h3.mtit {
position: absolute;
top: 13px;
left : 15px;
color:#fff;
font-weight: 500;
font-size: 29px;
letter-spacing: 0.09em;
text-shadow: 0 0 4px rgba(0,0,0,.8);
}

#topmain #mainbt ul.box-align li img {
max-width: 100%;
width: 100%;
transition-duration: 0.5s;
}

#topmain #mainbt ul.box-align li img:hover {
transform: scale(1.1);
transition-duration: 0.5s;
}

#topmain #subbt {
width: 100%;
padding-bottom: 20px;
}

#topmain #subbt ul.box-align {
width: 100%;
margin: 0 auto;
}

#topmain #subbt ul.box-align li {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 32.4%;
margin: 0 1% 1% 0;
}

#topmain #subbt ul.box-align li:nth-child(3n) {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 32.4%;
margin: 0 0 1% 0;
}

#topmain #subbt ul.box-align li:nth-child(6n) {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 32.4%;
margin: 0 0 1% 0;
}

#topmain #subbt ul.box-align li p {
background: #6bb0fc;
color: #fff;
text-align: center;
padding: 8px;
font-size: 16px;
letter-spacing: 0.09em;
text-decoration: none;
}

#topmain #subbt ul.box-align li a {
text-decoration: none;
}

#topmain #subbt ul.box-align li img {
max-width: 100%;
width: 100%;
}

#topmain ul.news {
width: 100%;
background: #eff8f7;
padding: 6% 0 4% 0;
margin-bottom: 35px;
}

#topmain ul.news li.newsbody {
max-width: 65%;
margin: 0 auto;
height: 250px;
overflow: scroll;
overflow-x: hidden;
}

#topmain ul.news li.newsbody ul.topicscnt {
width: 100%;
}

#topmain ul.news li.newsbody ul.topicscnt li {
padding: 1.3%;
border-bottom: 2px dotted #d8d8d8;
width: 95%;
}

#topmain ul.news li.newsbody ul.topicscnt li p.data {
font-weight: 600;
letter-spacing: 0.08em;
font-family: 'Quicksand', sans-serif;
}

#topmain #subbnr {
width: 100%;
padding-bottom: 45px;
}

#topmain #subbnr section div {
margin-right: 10px;
}

#topmain ul.underbnr {
width: 100%;
padding-bottom: 35px;
}

#topmain ul.underbnr li ul.box-align {
width: 100%;
margin: 0 auto;
}

#topmain ul.underbnr li ul.box-align li {
display: inline-block;
vertical-align: top;
width: 49.5%;
margin: 0 1% 1% 0;
}

#topmain ul.underbnr li ul.box-align li p.title {
padding: 1.3% 0;
text-decoration: none;
}

#topmain ul.underbnr li ul.box-align li a {
text-decoration: none;
}

#topmain ul.underbnr li ul.box-align li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49.5%;
margin: 0 0 1% 0;
}

#topmain ul.underbnr li ul.box-align li img {
max-width: 100%;
width: 100%;
}

@media screen and (max-width: 750px){
#topmain #mainbt ul.box-align li {
width: 100%;
padding-bottom: 5px;
}

#topmain #mainbt ul.box-align li:nth-child(2n) {
width: 100%;
}

#topmain #mainbt ul.box-align li h3.mtit {
font-size: 23px;
}

#topmain ul.news {
margin-bottom: 50px;
}

#topmain ul.news li.newsbody {
max-width: 95%;
height: 280px;
}

#topmain ul.news li.newsbody ul.topicscnt li {
padding: 2%;
}

#topmain ul.news li.newsbody ul.topicscnt p a {
font-size: 13px;
}

#topmain #subbt ul.box-align li {
width: 48.2%;
margin: 0 2% 2% 0;
}

#topmain #subbt ul.box-align li:nth-child(2n) {
width: 48.7%;
margin: 0 0 2% 0;
}

#topmain #subbt ul.box-align li:nth-child(3n) {
width: 48.7%;
margin: 0 2% 2% 0;
}

#topmain #subbt ul.box-align li:nth-child(6n) {
width: 48.7%;
margin: 0 0 2% 0;
}

#topmain #subbt ul.box-align li p {
font-size: 14px;
}
}


/*---company---*/

#companymain {
width:100%;
}

#companymain ul.greeting {
width: 100%;
margin-bottom: 55px;
}

#companymain ul.greeting li.txtbox {
float: left;
width: 62%;
}

#companymain ul.greeting li.txtbox p {
line-height: 230%;
}

#companymain ul.greeting li.txtbox p.name {
text-align: right;
font-size: 20px;
margin-top: 25px;
letter-spacing: 0.08em;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#companymain ul.greeting li.txtbox p.name_e {
text-align: right;
font-size: 20px;
margin-top: 25px;
font-family: 'Lora', serif;
}

#companymain ul.greeting li.imgbox {
float: right;
width: 34%;
}

#companymain ul.greeting li.imgbox img {
width: 100%;
max-width: 100%;
}

#companymain ul.infobox {
padding-bottom: 45px;
}

#companymain ul.business {
width:100%;
padding-bottom: 50px;
}

#companymain ul.business li.imgbox {
float: right;
width: 30%;
}

#companymain ul.business li.imgbox img {
width: 100%;
max-width: 100%;
}

#companymain ul.business li.txtbox {
float: left;
width: 65%;
}

#companymain ul.business li.txtbox p {
line-height: 180%;
}

#companymain ul.information {
padding-bottom: 45px;
}

#companymain ul.information table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#companymain ul.information table th {
border: 1px solid #ccc;
background: #faf9f8;
width: 25%;
}

#companymain ul.information table th p.title {
text-align: left;
padding: 12px;
}

#companymain ul.information table td	{
border: 1px solid #ccc;
}

#companymain ul.information table td p {
text-align: left;
padding: 12px;
line-height: 170%;
}

#companymain ul.information table td p a {
text-decoration: none;
padding: 12px;
}

#companymain ul.map {
width: 100%;
padding-bottom: 20px;
}

#companymain ul.map iframe {
border-radius: 4px;
}

#companymain ul.mapinfo {
width: 100%;
padding-bottom: 35px;
}

#companymain ul.mapinfo li {
display: inline-block;
vertical-align: top;
width: 30%;
margin-right: 2%;
}

@media screen and (max-width: 750px){
#companymain ul.greeting li.txtbox {
width: 100%;
}

#companymain ul.greeting li.txtbox p {
line-height: 180%;
}

#companymain ul.greeting li.txtbox p.name {
font-size: 16px;
}

#companymain ul.greeting li.imgbox {
width: 100%;
padding-bottom: 15px;
}

#companymain ul.information table {
width: 99.9%;
}

#companymain ul.information table th p.title {
font-weight: bold;
}

#companymain ul.information table th,
#companymain ul.information table td {
width: 99.9%;
display: block;
border-top: none;
}

#companymain ul.information table tr:first-child th	{
border-top: 1px solid #ccc;
}

#companymain ul.business li.imgbox {
width: 100%;
padding-bottom: 15px;
}

#companymain ul.business li.txtbox {
width: 100%;
}

#companymain ul.mapinfo li {
width: 100%;
padding-bottom: 20px;
}
}


/*---topics---*/

#topicsmain {
width: 100%;
}

#topicsmain ul.topicscnt {
width: 100%;
margin:  0 auto;
}

#topicsmain ul.topicscnt li {
padding: 1%;
border-bottom: 1px dotted #ccc;
margin-bottom: 1.5%;
}

#topicsmain ul.topicscnt li p.data {
font-weight: 600;
letter-spacing: 0.08em;
font-family: 'Quicksand', sans-serif;
}

#topicsmain .pagelink {
text-align: center;
}

#topicsmain .pagelink .bt {
background-color: #efefef;
border: 1px solid #c7c7c7;
font-weight: bold;
border-radius: 3px;
letter-spacing: 0.1em;
text-align: center;
padding: 0.8%;
max-width: 100px;
text-decoration: none;
font-size:12px;
}


/*---topicsdetail---*/

#topicsdetailmain {
width: 100%;
}

#topicsdetailmain ul.mainbox {
width: 100%;
padding-bottom: 40px;
}

#topicsdetailmain ul.mainbox li.data {
text-align: right;
padding-bottom: 20px;
}

#topicsdetailmain ul.mainbox li.data p {
font-weight: 600;
letter-spacing: 0.08em;
font-size: 17px;
font-family: 'Quicksand', sans-serif;
}

#topicsdetailmain ul.mainbox li.img {
float: right;
width: 32%;
}

#topicsdetailmain ul.mainbox li.img img {
width: 100%;
max-width: 100%;
}

#topicsdetailmain ul.mainbox li.txt {
float: left;
width: 63%;
}

#topicsdetailmain ul.mainbox li.txt p {
line-height: 190%;
}

#topicsdetailmain ul.subbox {
width: 100%;
}

@media screen and (max-width: 750px){
#topicsdetailmain ul.mainbox li.data p {
font-size: 15px;
}

#topicsdetailmain ul.mainbox li.img {
width: 80%;
float: none;
margin: 0 auto;
padding-bottom: 15px;
}

#topicsdetailmain ul.mainbox li.txt {
width: 100%;
}
}


/*---seminar---*/

#topics_seminarmain {
width: 100%;
}

#topics_seminarmain table {
border-collapse: collapse;
width: 100%;
}

#topics_seminarmain table td.cnt1 {
border: 1px #d9d9d9 solid;
width: 15%;
}

#topics_seminarmain table td.cnt2 {
border: 1px #d9d9d9 solid;
width: 55%;
}

#topics_seminarmain table td.cnt3 {
border: 1px #d9d9d9 solid;
width: 15%;
}

#topics_seminarmain table td.cnt4 {
border: 1px #d9d9d9 solid;
width: 15%;
}

#topics_seminarmain table td p {
padding: 8px;
}

#topics_seminarmain table th {
border: 1px #d9d9d9 solid;
background-color: #f2f2f2;
}

#topics_seminarmain table th p {
padding: 3%;
text-align: center;
}

@media screen and (max-width: 750px){
#topics_seminarmain table td p {
padding: 8%;
font-size: 13px;
}
}


/*---seminardetail---*/

#seminardetailmain {
width: 100%;
}

#seminardetailmain ul.mainbox {
width: 100%;
}

#seminardetailmain ul.mainbox li.data {
text-align: right;
padding-bottom: 20px;
}

#seminardetailmain ul.mainbox li.data p {
font-weight: 600;
letter-spacing: 0.08em;
font-size: 17px;
font-family: ''Quicksand', sans-serif , Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 750px){
#seminardetailmain ul.mainbox li.data p {
font-size: 15px;
}
}


/*---useful---*/

#usefulmain {
width: 100%;
}

.toplink_01 {
display: block;
margin-top:-100px;
padding-top:100px;
}

.toplink_02{
display: block;
margin-top:-100px;
padding-top:100px;
}

.toplink_03{
display: block;
margin-top:-100px;
padding-top:100px;
}

.toplink_04 {
display: block;
margin-top:-100px;
padding-top:100px;
}

.toplink_05 {
display: block;
margin-top:-100px;
padding-top:100px;
}

#usefulmain .category {
width: 100%;
padding-bottom: 45px;
}

#usefulmain .category ul.box-align {
width: 100%;
margin: 0 auto;
}

#usefulmain .category ul.box-align li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

#usefulmain .category ul.box-align li p.title {
padding: 1.3% 0;
}

#usefulmain .category ul.box-align li a {
text-decoration: none;
}

#usefulmain .category ul.box-align li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

#usefulmain .category ul.box-align li img {
max-width: 100%;
width: 100%;
}

@media only screen and (max-width: 700px) {
#usefulmain .category ul.box-align li {
width: 48%;
margin: 0 2% 3% 0;
}

#usefulmain .category ul.box-align li:nth-child(3n) {
width: 48%;
margin: 0 2% 3% 0;
}

#usefulmain .category ul.box-align li:nth-child(2n) {
width: 48%;
margin: 0 0 3% 0;
}
}


/*---maternity---*/

#maternitymain {
width:100%;
}

#maternitymain ul.detailbox {
width: 100%;
}

#maternitymain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#maternitymain ul.detailbox li {
padding-bottom: 10px;
}

#maternitymain ul.detailbox img {
width: 100%;
max-width: 100%;
}


/*---skincare---*/

#skincaremain {
width:100%;
}

#skincaremain ul.detailbox {
width: 100%;
}

#skincaremain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#skincaremain ul.detailbox li {
padding-bottom: 10px;
}

#skincaremain ul.detailbox img {
width: 100%;
max-width: 100%;
}


/*---jyunyuu---*/

#jyunyuumain {
width:100%;
}

#jyunyuumain ul.detailbox {
width: 100%;
}

#jyunyuumain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#jyunyuumain ul.detailbox li {
padding-bottom: 10px;
}

#jyunyuumain ul.detailbox img {
width: 100%;
max-width: 100%;
}


/*---ikuji---*/

#ikujimain {
width:100%;
}

#ikujimain ul.detailbox {
width: 100%;
}

#ikujimain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#ikujimain ul.detailbox li {
padding-bottom: 10px;
}

#ikujimain ul.detailbox img {
width: 100%;
max-width: 100%;
}


/*---bonyubag_info---*/

#bonyubag_infomain {
width:100%;
}

#bonyubag_infomain ul.detailbox {
width: 100%;
}

#bonyubag_infomain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#bonyubag_infomain ul.detailbox li {
padding-bottom: 10px;
}

#bonyubag_infomain ul.detailbox img {
width: 100%;
max-width: 100%;
}


/*---bonyubagfaq---*/

#bonyubagfaqmain {
width:100%;
}

#bonyubagfaqmain ul.profile {
width:100%;
padding-bottom: 35px;
}

#bonyubagfaqmain ul.profile li.imgbox {
float: left;
width: 30%;
}

#bonyubagfaqmain ul.profile li.txtbox {
float: right;
width: 64%;
}

#bonyubagfaqmain .tab {
width: 100%;
margin-bottom: 25px;
}

#bonyubagfaqmain .tab li.no-select {
display: inline-block;
vertical-align: top;
width: 49%;
background: #bcdbe7;
cursor: pointer;
margin: 0 1% 1% 0 ;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#bonyubagfaqmain .tab li.no-select:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 50%;
background: #bcdbe7;
background-size:cover;
cursor: pointer;
margin: 0 0 1% 0 ;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#bonyubagfaqmain .tab li.select {
display: inline-block;
vertical-align: top;
width: 49%;
background: #030e63;
background-size: cover;
color: #fff;
cursor: pointer;
margin: 0 1% 1% 0 ;
border-radius: 4px;
}

#bonyubagfaqmain .tab li.select:nth-child(2n){
display: inline-block;
vertical-align: top;
width: 50%;
background: #030E63;
background-size:cover;
color: #fff;
cursor: pointer;
margin: 0 0 1% 0 ;
border-radius: 4px;
}

#bonyubagfaqmain .tab li.select a.nor {
color: #fff;
font-size: 13px;
font-weight: bold;
display: block;
padding: 15px 0;
text-align: center;
min-height: 30px;
border-radius: 4px 4px 0 0;
text-decoration: none;
}

#bonyubagfaqmain .tab li.no-select a.nor {
font-size: 13px;
font-weight: bold;
display: block;
padding: 15px 0;
text-align: center;
min-height: 30px;
border-radius: 4px 4px 0 0;
text-decoration: none;
}

#bonyubagfaqmain .category {
width:100%;
margin-bottom: 45px;
}

#bonyubagfaqmain .category .start_m {
cursor: pointer;
background: #D0E8F4;
margin: 0 auto 20px auto;
opacity: 1.0;
border-radius: 5px;
display: block;
text-align: center;
letter-spacing: 0.2em;
text-decoration: none;
padding: 1%;
font-size: 17px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#bonyubagfaqmain .category .start_m:hover {
opacity: 0.5;
border-radius: 5px;
}

#bonyubagfaqmain .category .start_d {
cursor: pointer;
background: #030e63;
color: #fff;
margin: 0 auto 20px auto;
opacity: 1.0;
border-radius: 5px;
display: block;
text-align: center;
letter-spacing: 0.2em;
text-decoration: none;
padding: 1%;
font-size: 17px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#bonyubagfaqmain .category .start_d:hover {
opacity: 0.5;
border-radius: 5px;
}

#bonyubagfaqmain .category .hide {
display: none;
}

#bonyubagfaqmain .category ul.faqgroup {
margin-bottom: 40px;
}

#bonyubagfaqmain .category ul.faqgroup li.question {
background: url(../images/contact/faq/bonyubag_faq/questionicon.png) no-repeat;
background-size: 44px;
min-height: 44px;
padding-bottom: 20px;
}

#bonyubagfaqmain .category ul.faqgroup li.question p {
padding: 11px 0 8px 45px;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #444;

}

#bonyubagfaqmain .category ul.faqgroup li.answer {
background: #f3fbfe;
border: 3px solid #004da0;
border-radius: 4px;
padding: 0.8% 2% 1.5% 0;
margin-bottom: 15px;
}

#bonyubagfaqmain .category ul.faqgroup li.answer p {
line-height: 170%;
font-size: 15px;
padding: 1.6%;
}

@media screen and (max-width: 750px){
#bonyubagfaqmain .tab {
border-bottom: none;
}

#bonyubagfaqmain .tab li.no-select {
width: 48%;
border-radius: 4px;
margin-bottom: 5px;
}

#bonyubagfaqmain .tab li.select {
width: 48%;
border-radius: 4px;
margin-bottom: 5px;
}

#bonyubagfaqmain .tab li.select a.nor {
font-size: 12px;
padding: 5% 0;
}

#bonyubagfaqmain .tab li.no-select a.nor {
font-size: 12px;
padding: 5% 0;
}

#bonyubagfaqmain ul.profile li.imgbox {
margin: 0 auto;
float: none;
width: 75%;
padding-bottom: 15px;
}

#bonyubagfaqmain ul.profile li.imgbox img {
width: 100%;
max-width: 100%;
}

#bonyubagfaqmain ul.profile li.txtbox {
width: 100%;
}

#bonyubagfaqmain .category ul.faqgroup li.answer p {
font-size: 14px;
padding: 2%;
}

#bonyubagfaqmain .category .start_m {
padding: 2%;
font-size: 15px;
}

#bonyubagfaqmain .category .start_d {
padding: 2%;
font-size: 15px;
}
}


/*---faq---*/

#faqmain {
width:100%;
}

#faqmain ul.comment{
width:100%;
padding-bottom:  25px;
}

#faqmain ul.box-align {
width: 100%;
margin: 0 auto;
}

#faqmain ul.box-align li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

#faqmain ul.box-align li a {
text-decoration: none;
}

#faqmain ul.box-align li p.title {
padding: 1.3% 0;
text-decoration: none;
}

#faqmain ul.box-align li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

#faqmain ul.box-align li img {
max-width: 100%;
width: 100%;
}

#faqmain .category {
width:100%;
margin-bottom: 45px;
}

#faqmain .category ul.faqgroup {
margin-bottom: 40px;
}

#faqmain .category ul.faqgroup li.question {
background: url(../images/contact/faq/products/questionicon.png) no-repeat;
background-size: 50px;
min-height: 50px;
padding-bottom: 20px;
}

#faqmain .category ul.faqgroup li.question p {
padding: 13px 0 0 60px;
font-weight: bold;
font-size: 18px;
}

#faqmain .category ul.faqgroup li.answer {
background: #f7f7f7;
border-radius: 5px;
padding: 0.8% 2% 1.5% 0;
}

#faqmain .category ul.faqgroup li.answer .icon {
background: url(../images/contact/faq/products/answericon.png) no-repeat;
background-size: 50px;
min-height: 50px;
}

#faqmain .category ul.faqgroup li.answer p {
line-height: 170%;
font-size: 15px;
padding: 1% 0 0 55px;
}

@media screen and (max-width: 750px){
#faqmain ul.box-align li {
width: 48%;
margin: 0 2% 3% 0;
}

#faqmain#faqmain ul.box-align li:nth-child(3n) {
width: 48%;
margin: 0 2% 3% 0;
}

#products_topmain .category ul.box-align li:nth-child(2n) {
width: 49%;
margin: 0 0 4% 0;
}

#faqmain .category ul.faqgroup li.question {
background-size: 40px;
min-height: 40px;
}

#faqmain .category ul.faqgroup li.question p {
font-size: 14px;
}

#faqmain .category ul.faqgroup li.answer {
background-size: 35px;
min-height: 35px;
}

#faqmain .category ul.faqgroup li.answer .icon {
background-size: 40px;
min-height: 40px;
}

#faqmain .category ul.faqgroup li.answer p {
line-height: 170%;
font-size: 13px;
padding: 1% 2% 2% 55px;
}
}



/*---products---*/

#products_topmain {
width: 100%
}

#products_topmain ul.newitem {
width: 100%;
padding-bottom: 40px;
}

#products_topmain ul.newitem li ul.box-align {
width: 100%;
margin: 0 auto;
}

#products_topmain ul.newitem li ul.box-align li {
display: inline-block;
vertical-align: top;
width: 49.5%;
margin: 0 1% 0 0;
}

#products_topmain ul.newitem li ul.box-align li p.title {
padding: 1.3% 0;
text-decoration: none;
}

#products_topmain ul.newitem li ul.box-align li a {
text-decoration: none;
}

#products_topmain ul.newitem li ul.box-align li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49.5%;
margin: 0;
}

#products_topmain ul.newitem li ul.box-align li img {
max-width: 100%;
width: 100%;
}

#products_topmain .category {
width: 100%;
}

#products_topmain .category ul.box-align {
width: 100%;
margin: 0 auto;
}

#products_topmain .category ul.box-align li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

#products_topmain .category ul.box-align li p.title {
padding: 1.3% 0;
text-decoration: none;
}

#products_topmain .category ul.box-align li a {
text-decoration: none;
}

#products_topmain .category ul.box-align li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

#products_topmain .category ul.box-align li img {
max-width: 100%;
width: 100%;
}

@media only screen and (max-width: 750px) {
#products_topmain .category ul.box-align li {
width: 48%;
margin: 0 2% 3% 0;
}

#products_topmain .category ul.box-align li:nth-child(3n) {
width: 48%;
margin: 0 2% 3% 0;
}
}

/*---products_cat---*/

#products_catmain {
width: 100%
}

#products_catmain .category ul.box-align {
width: 100%;
margin: 0 auto;
}

#products_catmain .category ul.box-align li {
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 2% 2% 0;
}

#products_catmain .category ul.box-align li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 0 2% 0;
}

#products_catmain .category ul.box-align li p.title {
font-size: 18px;
padding: 1.3% 0;
}

#products_catmain .category ul.box-align li p.detail {
font-size: 13px;
}

#products_catmain .category ul.box-align li img {
max-width: 100%;
width: 100%;
}

@media only screen and (max-width: 750px) {
#products_catmain .category ul.box-align li {
width: 48%;
margin: 0 2% 3% 0;
}

#products_catmain .category ul.box-align li:nth-child(3n) {
width: 48%;
margin: 0 2% 3% 0;
}

#products_catmain .category ul.box-align li p.title {
padding: 3% 0;
font-size: 14px;
}

#products_catmain .category ul.box-align li p.detail {
font-size: 12px;
}
}


/*---products_detailmain---*/

#products_detailmain {
width: 100%
}

#products_detailmain ul.indexbox {
width: 100%;
padding-bottom: 45px;
}

#products_detailmain ul.indexbox .img {
width: 43%;
float: left;
cursor: pointer;
}

#products_detailmain ul.indexbox .img img {
width: 100%;
max-width: 100%;
}

#products_detailmain ul.indexbox .txt {
width: 54%;
float: right;
}

#products_detailmain ul.indexbox .txt p.title {
font-size: 17px;
font-weight: bold;
color: #004da1;
margin-bottom: 10px;
}

#products_detailmain ul.indexbox .txt ul li.price_jan {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 2% 0;
margin: 2% 0;
}

#products_detailmain ul.indexbox .txt ul li.price_jan .price {
font-size: 15px;
}

#products_detailmain ul.indexbox .txt ul li.price_jan .jan {
font-size: 15px;
}

#products_detailmain ul.detailbox {
width: 100%;
padding-bottom: 45px;
}

#products_detailmain ul.detailbox li {
width: 85%;
margin: 0 auto;
}

#products_detailmain ul.detailbox li {
padding-bottom: 10px;
}

#products_detailmain ul.detailbox img {
width: 100%;
max-width: 100%;
}

#products_detailmain ul.deta {
width: 100%;
margin-bottom: 45px;
}

#products_detailmain ul.deta table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#products_detailmain ul.deta table th {
border: 1px solid #ccc;
background: #faf9f8;
width: 25%;
}

#products_detailmain ul.deta table th p {
text-align: left;
padding: 12px;
}

#products_detailmain ul.deta table td	{
border: 1px solid #ccc;
}

#products_detailmain ul.deta table td p {
text-align: left;
padding: 12px;
line-height: 170%;
}

#products_detailmain ul.deta table td p a {
text-decoration: none;
padding: 12px;
}

#products_detailmain ul.ecbt {
width: 100%;
}

#products_detailmain ul.ecbt li {
width: 90%;
max-width: 650px;
margin: 0 auto;
margin-top: 15px;
background: #004da1;
border-radius: 50px;
}

#products_detailmain ul.ecbt li a {
opacity: 1.0;
border-radius: 50px;
display: block;
text-align: center;
letter-spacing: 0.2em;
color: #fff;
text-decoration: none;
padding: 15px 2% 15px 2%;
font-size: 16px;
font-weight: bold;
}

#products_detailmain ul.ecbt li a:hover {
background: #5393d9;
border-radius: 50px;
box-shadow: 4px 8px 15px rgba(0,0,0,0.25);
}

@media screen and (max-width: 750px){
#products_detailmain ul.indexbox .img {
width:100%;
padding-bottom: 10px;
}

#products_detailmain ul.indexbox .txt {
width:100%;
}

#products_detailmain ul.deta table {
width: 99.9%;
}

#products_detailmain ul.deta table th p.title {
font-weight: bold;
}

#products_detailmain ul.deta table th,
#products_detailmain ul.deta table td {
width: 99.9%;
display: block;
border-top: none;
}

#products_detailmain ul.deta table tr:first-child th	{
border-top: 1px solid #ccc;
}

#products_detailmain ul.ecbt li {
width: 70%;
}

#products_detailmain ul.ecbt li a {
font-size: 13px;
}
}


/*---history---*/

#historymain {
width:100%;
}

#historymain ul.greeting {
width:100%;
padding-bottom: 40px;
}

#historymain ul.greeting p.cnt {
line-height: 220%;

}

#historymain ul.greeting p.name {
text-align: right;
letter-spacing: 1.5px;
font-size: 21px;
margin-top: 25px;
font-weight: 600;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain .bg01 {
width: 100%;
background: url(../images/history/historybg01.png);
padding: 3% 0;
}

#historymain .bg02 {
width: 100%;
background: url(../images/history/historybg02.png);
padding: 3% 0;
}

#historymain .bg03 {
width: 100%;
background: url(../images/history/historybg03.png);
padding: 3% 0;
}

#historymain ul.cntgrp_a {
width:100%;
margin-bottom: 50px;
}

#historymain ul.cntgrp_a  li.txtbox {
float: left;
width: 58%;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title1 {
border-bottom: 2px solid #024691;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title1 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:#024691;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title1 .number {
font-size: 40px;
color:#024691;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title2 {
border-bottom: 2px solid #266c2c;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title2 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:#266c2c;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title2 .number {
font-size: 40px;
color:#266c2c;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title3 {
border-bottom: 2px solid #e66802;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title3 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color:#e66802;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title3 .number {
font-size: 40px;
color: #e66802;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_a  li.txtbox ul li.detail p {
font-size: 20px;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_a  li.imgbox {
float: right;
width: 35%;
}

#historymain ul.cntgrp_a  li.imgbox img {
width: 100%;
max-width: 100%;
}

#historymain ul.cntgrp_b {
width:100%;
margin-bottom: 50px;
}

#historymain ul.cntgrp_b li.imgbox {
float: left;
width: 35%;
}

#historymain ul.cntgrp_b li.imgbox img {
width: 100%;
max-width: 100%;
}

#historymain ul.cntgrp_b li.txtbox {
float: right;
width: 58%;
}

#historymain ul.cntgrp_b li.txtbox ul li.title1 {
border-bottom: 2px solid #024691;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_b li.txtbox ul li.title1 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #024691;
}

#historymain ul.cntgrp_b li.txtbox ul li.title1 .number {
font-size: 40px;
color: #024691;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title2 {
border-bottom: 2px solid #266c2c;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title2 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #266c2c;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title2 .number {
font-size: 40px;
color: #266c2c;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title3 {
border-bottom: 2px solid #e66802;
padding-bottom: 5px;
margin-bottom: 15px;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title3 p {
font-size: 22px;
font-weight: 400;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #e66802;
}

#historymain ul.cntgrp_b  li.txtbox ul li.title3 .number {
font-size: 40px;
color: #e66802;
font-weight: 500;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#historymain ul.cntgrp_b  li.txtbox ul li.detail p {
font-size: 20px;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

@media screen and (max-width: 750px){
#historymain ul.cntgrp_a {
margin-bottom: 30px;
}

#historymain ul.cntgrp_a li.txtbox {
width: 100%;
}

#historymain ul.cntgrp_a  li.txtbox ul li.detail p {
font-size: 17px;
}

#historymain ul.cntgrp_a li.imgbox {
width: 100%;
padding-top: 10px;
}

#historymain ul.cntgrp_b {
margin-bottom: 30px;
}

#historymain ul.cntgrp_b li.txtbox {
width: 100%;
}

#historymain ul.cntgrp_b  li.txtbox ul li.detail p {
font-size: 17px;
}

#historymain ul.cntgrp_b li.imgbox {
width: 100%;
padding-top: 10px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title1 .number {
font-size: 30px;
}

#historymain ul.cntgrp_b li.txtbox ul li.title1 .number {
font-size:30px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title2 .number {
font-size: 30px;
}

#historymain ul.cntgrp_b li.txtbox ul li.title2 .number {
font-size:30px;
}

#historymain ul.cntgrp_a  li.txtbox ul li.title3 .number {
font-size: 30px;
}

#historymain ul.cntgrp_b li.txtbox ul li.title3 .number {
font-size:30px;
}
}


/*---catalogue---*/

#cataloguemain {
width: 100%
}

#cataloguemain ul.contactform {
width: 100%;
padding-bottom: 45px;
}

#cataloguemain ul.contactform .addexplanation {
padding: 2%;
margin-top: 15px;
border-radius: 3px;
font-weight: bold;
letter-spacing: 0.08em;
}

#cataloguemain ul.contactform .attentiontxt {
padding: 3%;
margin-top: 15px;
border-radius: 3px;
background: #fceff1;
font-weight: bold;
color: #e8112c;
letter-spacing: 0.08em;
}

#cataloguemain ul.contactform .descriptiontxt {
padding: 8px 0 15px 5px;
}

#cataloguemain ul.contactform li.requiredtxt {
padding: 8px 0 15px 5px;
}

#cataloguemain ul.contactform table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#cataloguemain ul.contactform table th 	{
width: 22%;
}

#cataloguemain ul.contactform table th p.title {
text-align: left;
padding: 5px 12px 15px 12px;
}

#cataloguemain ul.contactform table td p.cnt {
text-align: left;
padding: 12px;
line-height: 170%;
}

#cataloguemain ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 5px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#cataloguemain ul.contactform .input1:focus {
border: solid 2px #fa7f55;
}

#cataloguemain ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 5px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#cataloguemain ul.contactform .input2:focus {
border: solid 2px #fa7f55;
}

#cataloguemain ul.contactform .input3 {
width: 15%;
border-radius: 3px;
padding: 5px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#cataloguemain ul.contactform .input3:focus {
border: solid 2px #fa7f55;
}

#cataloguemain ul.contactform .textarea1 {
width: 100%;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

#cataloguemain ul.contactform .textarea1:focus {
border: solid 2px #fa7f55;
}

#cataloguemain ul.contactform .select {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width: 35%;
}

#cataloguemain ul.contactform .select:focus {
border: solid 2px #fa7f55;
}

#cataloguemain ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 15px;
}

#cataloguemain ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 13px;
}

#cataloguemain ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

#cataloguemain ul.buttonarea {
padding: 3% 0 0 25%;
}

#cataloguemain ul.buttonarea li {
padding: 15px 0 0 0 ;
}

#cataloguemain ul.buttonarea li .submit {
cursor: pointer;
-webkit-appearance: none;
width: 65%;
height: 48px;
padding: 5px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#cataloguemain ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
}

#cataloguemain ul.itemgroup {
width:100%;
margin-bottom: 40px;
}

#cataloguemain ul.itemgroup table {
border-collapse: collapse;
width: 100%;
}

#cataloguemain ul.itemgroup table td.cnt {
border: 1px #d9d9d9 solid;
width: 70%;
}

#cataloguemain ul.itemgroup table td.cnt p {
padding: 1%;
}

#cataloguemain ul.itemgroup table td.input {
border: 1px #d9d9d9 solid;
width: 20%;
}

#cataloguemain ul.itemgroup table td.input .txt {
font-size: 13px;
}

#cataloguemain ul.itemgroup table td.input input {
width: 70%;
margin-left: 5%;
}

#cataloguemain ul.itemgroup table th {
border: 1px #d9d9d9 solid;
background-color: #f2f2f2;
}

#cataloguemain ul.itemgroup table th p {
padding: 10px;
text-align: center;
}

#cataloguemain ul.formcheck {
padding-bottom: 45px;
}

#cataloguemain ul.formcheck .descriptiontxt {
padding: 8px 0 15px 5px;
}

#cataloguemain ul.formcheck table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#cataloguemain ul.formcheck table th {
border: 1px solid #ccc;
background: #faf9f8;
width: 25%;
}

#cataloguemain ul.formcheck table th p.title {
text-align: left;
padding: 12px;
}

#cataloguemain ul.formcheck table td	{
border: 1px solid #ccc;
}

#cataloguemain ul.formcheck table td p {
text-align: left;
padding: 12px;
line-height: 170%;
}

#cataloguemain ul.formcheck table td p a {
text-decoration: none;
padding: 12px;
}

@media screen and (max-width: 750px){
#cataloguemain ul.contactform .attentiontxt {
letter-spacing: 0.08em;
font-size: 13px;
}
	
#cataloguemain ul.contactform table {
width: 99.9%;
}

#cataloguemain ul.contactform table th p.title {
padding: 7px;
font-weight: bold;
}

#cataloguemain ul.contactform table th,
#cataloguemain ul.contactform table td {
width: 99.9%;
display: block;
border-top: none;
}

#cataloguemain ul.contactform .input1 {
margin: 0 0 5px;
}

#cataloguemain ul.contactform .input2 {
margin: 0 0 5px;
}

#cataloguemain ul.contactform .input3 {
width: 40%;
}

#cataloguemain ul.contactform .textarea1 {
width: 90%;
margin:0 0 5px;
}

#cataloguemain ul.buttonarea {
padding-left: 0px;
}

#cataloguemain ul.buttonarea li {
width: 100%;
}

#cataloguemain ul.buttonarea li .submit {
width: 97%;
-webkit-appearance: none;
}

#cataloguemain ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}

#cataloguemain ul.contactform table 	{
width: 99.9%;
}

#cataloguemain ul.contactform table th p.title {
padding: 7px;
font-weight: bold;
}

#cataloguemain ul.contactform table th,
#cataloguemain ul.contactform table td {
width: 99.9%;
display: block;
border-top: none;
}

#cataloguemain ul.contactform .input1 {
margin: 0 0 5px;
}

#cataloguemain ul.contactform .input2 {
margin: 0 0 5px;
}

#cataloguemain ul.contactform .input3 {
width: 40%;
}

#cataloguemain ul.contactform .textarea1 {
width: 90%;
margin: 0 0 5px;
}

#cataloguemain ul.contactform li ul.buttonarea {
padding-left: 0px;
}

#cataloguemain ul.contactform li ul.buttonarea li {
width: 100%;
}

#cataloguemain ul.contactform li ul.buttonarea li .submit {
width: 97%;
-webkit-appearance: none;
}

#cataloguemain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}

#cataloguemain ul.itemgroup table th p {
padding: 2%;
font-size: 13px;
}

#cataloguemain ul.itemgroup table td.cnt p {
font-size: 13px;
padding: 4%;
}

#cataloguemain ul.itemgroup table td.input {
width: 30%;
}

#cataloguemain ul.itemgroup table td.input input {
width: 60%;
}

#cataloguemain ul.formcheck table {
width: 99.9%;
}

#cataloguemain ul.formcheck table th p.title {
font-weight: bold;
}

#cataloguemain ul.formcheck table th,
#cataloguemain ul.formcheck table td {
width: 99.9%;
display: block;
border-top: none;
}

#cataloguemain ul.formcheck table tr:first-child th	{
border-top: 1px solid #ccc;
}
}


/*---monitor---*/

#monitormain {
width: 100%;
}

#monitormain ul.about {
width: 100%;
padding-bottom: 35px;
}

#monitormain ul.about p {
line-height: 180%;
}

#monitormain ul.about p .tit {
font-weight: bold;
color: #f24052;
}

#monitormain ul.contactform {
width: 100%;
padding-bottom: 65px;
}

#monitormain ul.contactform .attentiontxt {
padding: 8px 0 15px 5px;
font-weight: bold;
color: #e8112c;
}

#monitormain ul.contactform .descriptiontxt {
padding: 8px 0 15px 5px;
}

#monitormain ul.contactform li.requiredtxt {
padding: 8px 0 15px 5px;
}

#monitormain ul.contactform table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 30px;
}

#monitormain ul.contactform table th {
width: 22%;
}

#monitormain ul.contactform table th p.title {
text-align: left;
padding: 5px 12px 15px 12px;
}

#monitormain ul.contactform table td p.cnt {
text-align: left;
padding: 12px;
line-height: 170%;
}

#monitormain ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#monitormain ul.contactform .input1:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#monitormain ul.contactform .input2:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .input3 {
width: 15%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#monitormain ul.contactform .input3:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .textarea1 {
width: 80%;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

#monitormain ul.contactform .textarea1:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .textarea2 {
width: 80%;
height: 80px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

#monitormain ul.contactform .textarea2:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .select {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width: 35%;
}

#monitormain ul.contactform .select:focus {
border: solid 2px #fa7f55;
}

#monitormain ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 15px;
}

#monitormain ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 13px;
}

#monitormain ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

#monitormain ul.contactform .checkbox {
margin-bottom: 15px;
}

#monitormain ul.contactform .checkbox-input {
display: none;
}

#monitormain ul.contactform .checkbox-parts {
padding-left: 20px;
position:relative;
margin-right: 20px;
font-size: 14px;
line-height: 200%;
}
#monitormain ul.contactform .checkbox-parts::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 4px;
}

#monitormain ul.contactform .checkbox-input:checked + .checkbox-parts {
color: #f24052;
}

#monitormain ul.contactform .checkbox-input:checked + .checkbox-parts::after {
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #f24052;
border-right: 3px solid #f24052;
}

#monitormain ul.contactform li ul.buttonarea {
padding: 3% 0 0 25%;
}

#monitormain ul.contactform li ul.buttonarea li {
padding: 15px 0 0 0 ;
}

#monitormain ul.contactform li ul.buttonarea li .submit {
cursor: pointer;
-webkit-appearance: none;
width: 65%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#monitormain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
}

#monitormain ul.formcheck {
padding-bottom: 45px;
}

#monitormain ul.formcheck .descriptiontxt {
padding: 8px 0 15px 5px;
}

#monitormain ul.formcheck table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#monitormain ul.formcheck table th {
border: 1px solid #ccc;
background: #faf9f8;
width: 25%;
}

#monitormain ul.formcheck table th p.title {
text-align: left;
padding: 12px;
}

#monitormain ul.formcheck table td	{
border: 1px solid #ccc;
}

#monitormain ul.formcheck table td p {
text-align: left;
padding: 12px;
line-height: 170%;
}

#monitormain ul.formcheck table td p a {
text-decoration: none;
padding: 12px;
}

#monitormain ul.formcheck li ul.buttonarea {
padding: 3% 0 0 25%;
}

#monitormain ul.formcheck li ul.buttonarea li {
padding: 15px 0 0 0 ;
}

#monitormain ul.formcheck li ul.buttonarea li .submit {
cursor: pointer;
-webkit-appearance: none;
width: 65%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#monitormain ul.formcheck li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
}


@media screen and (max-width: 750px){
#monitormain ul.contactform table {
width: 99.9%;
}

#monitormain ul.contactform table th p.title {
padding: 7px;
font-weight: bold;
}

#monitormain ul.contactform table th,
#monitormain ul.contactform table td {
width: 99.9%;
display: block;
border-top: none;
}

#monitormain ul.contactform .input1 {
margin: 0 0 5px;
}

#monitormain ul.contactform .input2 {
margin: 0 0 5px;
}

#monitormain ul.contactform .input3 {
width: 40%;
}

#monitormain ul.contactform .textarea1 {
width: 90%;
margin:0 0 5px;
}

#monitormain ul.contactform li ul.buttonarea {
padding-left: 0px;
}

#monitormain ul.contactform li ul.buttonarea li {
width: 100%;
}

#monitormain ul.contactform li ul.buttonarea li .submit {
width: 97%;
-webkit-appearance: none;
}

#monitormain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
transition: all 0.8s ease 0s;
}

#monitormain ul.formcheck table {
width: 99.9%;
}

#monitormain ul.formcheck table th p.title {
font-weight: bold;
}

#monitormain ul.formcheck table th,
#monitormain ul.formcheck table td {
width: 99.9%;
display: block;
border-top: none;
}

#monitormain ul.formcheck table tr:first-child th	{
border-top: 1px solid #ccc;
}

#monitormain ul.formcheck li ul.buttonarea {
padding-left: 0px;
}

#monitormain ul.formcheck li ul.buttonarea li {
width: 100%;
}

#monitormain ul.formcheck li ul.buttonarea li .submit {
width: 97%;
-webkit-appearance: none;
}

#monitormain ul.formcheck li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
transition: all 0.8s ease 0s;
}
}


/*---contact---*/

#contactmain {
width: 100%;
}

#contactmain ul.about {
width: 100%;
padding-bottom: 35px;
}

#contactmain ul.about p {
line-height: 180%;
font-weight: bold;
}

#contactmain ul.contactform {
width: 100%;
padding-bottom: 65px;
}

#contactmain ul.contactform .attentiontxt {
padding: 8px 0 15px 5px;
font-weight: bold;
color: #e8112c;
}

#contactmain ul.contactform .descriptiontxt {
padding: 8px 0 15px 5px;
}

#contactmain ul.contactform li.requiredtxt {
padding: 8px 0 15px 5px;
}

#contactmain ul.contactform table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#contactmain ul.contactform table th {
width: 22%;
}

#contactmain ul.contactform table th p.title {
text-align: left;
padding: 5px 12px 15px 12px;
}

#contactmain ul.contactform table td p.cnt {
text-align: left;
padding: 12px;
line-height: 170%;
}

#contactmain ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input1:focus {
border: solid 2px #fa7f55;
}

#contactmain ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input2:focus {
border: solid 2px #fa7f55;
}

#contactmain ul.contactform .input3 {
width: 15%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input3:focus {
border: solid 2px #fa7f55;
}

#contactmain ul.contactform .textarea1 {
width: 80%;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

#contactmain ul.contactform .textarea1:focus {
border: solid 2px #fa7f55;
}

#contactmain ul.contactform .select {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width: 35%;
}

#contactmain ul.contactform .select:focus {
border: solid 2px #fa7f55;
}

#contactmain ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 15px;
}

#contactmain ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 13px;
}

#contactmain ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

#contactmain ul.contactform li ul.buttonarea {
padding: 3% 0 0 25%;
}

#contactmain ul.contactform li ul.buttonarea li {
padding: 15px 0 0 0 ;
}

#contactmain ul.contactform li ul.buttonarea li .submit {
cursor: pointer;
-webkit-appearance: none;
width: 65%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#contactmain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
}

#contactmain ul.thanks {
height: 500px;
}

#contactmain ul.thanks p {
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 250%;
}

#contactmain ul.thanks p a {
text-align: center;
padding-top: 55px;
font-size: 18px;
font-weight: bold;
}

#contactmain ul.thanks p a:hover {
text-decoration: none;
}

#contactmain ul.formcheck {
padding-bottom: 45px;
}

#contactmain ul.formcheck .descriptiontxt {
padding: 8px 0 15px 5px;
}

#contactmain ul.formcheck table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#contactmain ul.formcheck table th {
border: 1px solid #ccc;
background: #faf9f8;
width: 25%;
}

#contactmain ul.formcheck table th p.title {
text-align: left;
padding: 12px;
}

#contactmain ul.formcheck table td	{
border: 1px solid #ccc;
}

#contactmain ul.formcheck table td p {
text-align: left;
padding: 12px;
line-height: 170%;
}

#contactmain ul.formcheck table td p a {
text-decoration: none;
padding: 12px;
}

#contactmain ul.formcheck li ul.buttonarea {
padding: 3% 0 0 25%;
}

#contactmain ul.formcheck li ul.buttonarea li {
padding: 15px 0 0 0 ;
}

#contactmain ul.formcheck li ul.buttonarea li .submit {
cursor: pointer;
-webkit-appearance: none;
width: 65%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#contactmain ul.formcheck li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
}


@media screen and (max-width: 750px){
#contactmain ul.contactform table {
width: 99.9%;
}

#contactmain ul.contactform table th p.title {
padding: 7px;
font-weight: bold;
}

#contactmain ul.contactform table th,
#contactmain ul.contactform table td {
width: 99.9%;
display: block;
border-top: none;
}

#contactmain ul.contactform .input1 {
margin: 0 0 5px;
}

#contactmain ul.contactform .input2 {
margin: 0 0 5px;
}

#contactmain ul.contactform .input3 {
width: 40%;
}

#contactmain ul.contactform .textarea1 {
width: 90%;
margin:0 0 5px;
}

#contactmain ul.contactform li ul.buttonarea {
padding-left: 0px;
}

#contactmain ul.contactform li ul.buttonarea li {
width: 100%;
}

#contactmain ul.contactform li ul.buttonarea li .submit {
width: 97%;
-webkit-appearance: none;
}

#contactmain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background: #fafafa;
transition: all 0.8s ease 0s;
}

#contactmain ul.privacycnt li {
padding: 4% 0;
}

#contactmain ul.privacycnt li .pptext02 {
font-size: 14px;
} 

#contactmain ul.formcheck table {
width: 99.9%;
}

#contactmain ul.formcheck table th p.title {
font-weight: bold;
}

#contactmain ul.formcheck table th,
#contactmain ul.formcheck table td {
width: 99.9%;
display: block;
border-top: none;
}

#contactmain ul.formcheck table tr:first-child th	{
border-top: 1px solid #ccc;
}
}


/*---privacy---*/

#privacymain ul.privacycnt {
margin: 0 auto;
}