@charset "utf-8";
/* ****************************************************
Title: form_bn.css
***************************************************** */




/* --------------------
資料ダウンロードフォーム
-------------------- */


.headBdr {
 height:35px; 
 background: url("../img/form/head_bg.png") repeat-x center center;
}
.headTitle {
 width: 1200px;
 margin: 0 auto;
 padding: 90px 0 10px;
 overflow: hidden;
 display:flex;
 justify-content: space-between;
 align-items: center;
}
.headTitle h1 {
 font-size: 36px;
 line-height:1.1em;
 font-weight: 700;
 border-left:7px solid #2e61c1;
 padding-left:26px;
 padding-right:20px;
}
.headTitle .logo {
 max-width:360px;
}
.headTitle div.contactLogo01 {
 float: right;
}
.headTitle div.contactLogo01 img {
 width:auto;
 height:38px;
}


.formContetnt {
 padding: 70px 55px;
 overflow: hidden;
 text-align: left;
 background: #fff;
 margin: 30px auto 120px;
 max-width:1200px;
}
.formContetnt div.contetntBlock {
 width: 460px;
 float: left;
}
.formContetnt div.contetntBlock h2 {
 font-size: 23px;
 line-height: 1.7em;
 font-weight: 700;
 margin-bottom: 30px;
}
.formContetnt div.contetntBlock div.mainThun {
 width: 345px;
 text-align: center;
 margin: 0 auto 30px;
}
.formContetnt div.contetntBlock div.mainThun2 {
 width: 100%;
 margin: 0 auto 40px;
}
.formContetnt div.contetntBlock div.mainThun img,
.formContetnt div.contetntBlock div.mainThun2 img {
 border: 1px solid #ccc;
 display: inline-block;
 width: 100%;
 height: auto;
	-webkit-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-moz-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-ms-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
}
.formContetnt div.contetntBlock p.detail {
 font-size: 16px;
 line-height: 1.8em;
padding-bottom: 25px;
}
.formContetnt div.contetntBlock div.publish {
 margin-top: 25px;
 margin-bottom: 35px;
 border:solid 1px #002D76;
}
.formContetnt div.contetntBlock div.publish .in {
 background: #fff;
 text-align: center;
 padding: 0 0 35px;
}
.formContetnt div.contetntBlock div.publish p.head {
 color: #fff;
 font-size: 18px;
 line-height: 1.6em;
 padding: 7px 40px 10px;
 margin: 0 auto;
 display: inline-block;
 font-weight: 700;
 background: #002D76;
}
.formContetnt div.contetntBlock div.publish ul {
 text-align: left;
 padding:15px 60px 0;
}
.formContetnt div.contetntBlock div.publish ul li {
 background: url("../img/form/icon_list01.png") no-repeat left 13px / 20px;
 padding-left: 40px;
 font-size: 18px;
 line-height: 1.4em;
 padding-top: 10px;
}
.formContetnt div.contetntBlock div.publish p.text {
 font-size: 18px;
 line-height: 1.6em;
 padding: 10px 0 0 60px;
 text-align: left;
}
.formContetnt div.contetntBlock div.thums {
}
.formContetnt div.contetntBlock div.thums ul {
 overflow: hidden;
}
.formContetnt div.contetntBlock div.thums ul li {
 width: 146px;
 float: left;
 margin-right: 10px;
}
.formContetnt div.contetntBlock div.thums ul li:last-child {
 margin-right: 0;
}
.formContetnt div.contetntBlock div.thums ul li img {
 border: 1px solid #ababab;
 display: inline-block;
 width: 100%;
 height: auto;
}
.formContetnt div.formBlock {
 width: 475px;
 float: right;
 background: #ebf3ff;
 padding:30px 50px 50px;
}
.formContetnt div.formBlock .text01 {
 font-size:20px;
 font-weight:700;
 text-align:center;
 margin-bottom:10px;
}
.formContetnt div.formBlock .text02 {
 font-size:13px;
line-height:1.8em;
 margin-top:25px;
}


/* --------------------
お問い合わせフォーム
-------------------- */

.formBN div.formContetnt div.contetntBlock.ct div.mainThun {
 width: 100%;
 margin: 0 auto 40px;
}
.formBN div.formContetnt div.contetntBlock.ct div.mainThun img {
 border: none;
}
.formBN div.formContetnt div.contetntBlock.ct div.publish .in {
 background: #fff;
 text-align: center;
 padding: 20px 0 25px;
}
.formBN div.formContetnt div.contetntBlock.ct div.publish p.text {
 font-size:18px;
 text-align:left;
 padding:10px 60px 0;
}



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


.formBN div.headTitle {
 width: auto;
 margin: 0 15px;
}


}

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


.formBN div.headTitle {
 width: auto;
 margin: 0 auto;
 padding: 60px 15px 0;
 overflow: hidden;
 text-align:left;
 display:block;
 position:relative;
}
.formBN div.headTitle h1 {
 font-size: 22px;
 line-height:1.4em;
 font-weight: 700;
}
.headTitle .logo {
 max-width:200px;
 position:absolute;
 top:10px;
 right:15px;
}


.formBN div.formContetnt {
 padding: 30px 15px 50px;
 overflow: hidden;
 border-top: 6px solid #002D76;
 text-align: left;
 background: #fff;
 margin-bottom: 0;
}
.formBN div.formContetnt div.contetntBlock {
 width: 100%;
 float: none;
 padding:0 0 50px;
}
.formBN div.formContetnt div.contetntBlock h2 {
 font-size: 18px;
 line-height: 1.7em;
 font-weight: 700;
 margin-bottom: 30px;
}
.formBN div.formContetnt div.contetntBlock div.mainThun {
 width: 100%;
 max-width: 345px;
 text-align: center;
 margin: 0 auto 30px;
}
.formBN div.formContetnt div.contetntBlock div.mainThun img {
 border: 1px solid #ababab;
 display: inline-block;
 width: 100%;
 height: auto;
}
.formBN div.formContetnt div.contetntBlock p.detail {
 font-size: 16px;
 line-height: 1.8em;
}
.formBN div.formContetnt div.contetntBlock div.publish {
 padding: 1px;
 margin-bottom: 35px;
 background: #002D76;

}
.formBN div.formContetnt div.contetntBlock div.publish .in {
 background: #fff;
 text-align: center;
 padding: 0 0 35px;
}
.formBN div.formContetnt div.contetntBlock div.publish p.head {
 color: #fff;
 font-size: 18px;
 line-height: 1.6em;
 padding: 7px 40px 10px;
 margin: 0 auto 15px;
 display: inline-block;
 font-weight: 700;
}
.formBN div.formContetnt div.contetntBlock div.publish ul {
 text-align: left;
 padding:15px 20px 0;
}
.formBN div.formContetnt div.contetntBlock div.publish ul li {
 background: url("../img/form/icon_list01.png") no-repeat left 13px / 20px;
 padding-left: 40px;
 font-size: 18px;
 line-height: 1.4em;
 padding-top: 10px;
}
.formBN div.formContetnt div.contetntBlock div.publish p.text {
    padding: 10px 0 0 20px;
}
.formBN div.formContetnt div.contetntBlock div.thums {
}
.formBN div.formContetnt div.contetntBlock div.thums ul {
 overflow: hidden;
}
.formBN div.formContetnt div.contetntBlock div.thums ul li {
 width: calc(33.3% - 7px);
 float: left;
 margin-right: 9px;
}
.formBN div.formContetnt div.contetntBlock div.thums ul li:last-child {
 margin-right: 0;
}
.formBN div.formContetnt div.contetntBlock div.thums ul li img {
 border: 1px solid #ababab;
 display: inline-block;
 width: 100%;
 height: auto;
}
.formBN div.formContetnt div.formBlock {
 width: auto;
 float: none;
 background: #fef6f6;
 padding:30px 15px;
}
.formBN div.formContetnt div.formBlock .text01 {
 font-size:20px;
 font-weight:700;
 text-align:center;
 margin-bottom:10px;
}
.formBN div.formContetnt div.formBlock .text02 {
 font-size:13px;
line-height:1.8em;
 margin-top:25px;
}





}


/* --------------------
サンクスページ
-------------------- */


div.formContetnt div.thanksBlock h2 {
 font-size:23px;
 font-weight:700;
 text-align:center;
 line-height:1.7em;
 margin-bottom:45px;
}
div.formContetnt div.thanksBlock div.catch {
 border-top:1px solid #002D76;
 border-bottom:1px solid #002D76;
 padding:20px;
 text-align:center;
 font-size:23px;
 font-weight:700;
 color:#002D76;
}
div.formContetnt div.thanksBlock div.catch span {
 display:inline-block;
 padding:5px 15px 6px;
 font-size:16px;
 border:1px solid #002D76;
 margin-left:10px;
}
div.formContetnt div.thanksBlock div.dl_list {
 padding:40px 2px 0;
 overflow:hidden;
 text-align:center;
}
div.formContetnt div.thanksBlock div.dl_list dl {
 width:320px;
 margin-right:60px;
 display:inline-block;
}
div.formContetnt div.thanksBlock div.dl_list dl:last-child {
 margin-right:0;
}
div.formContetnt div.thanksBlock div.dl_list dl dt {
 font-size:16px;
 font-weight:700;
 line-height:1.8em;
 text-align:center;
 padding-bottom:30px;
 display:table;
 width:100%;
}
div.formContetnt div.thanksBlock div.dl_list dl dt span {
 display:table-cell;
 vertical-align:bottom;
}
div.formContetnt div.thanksBlock div.dl_list dl dd {
 text-align:center;
 padding:0 30px;
}
div.formContetnt div.thanksBlock div.dl_list dl dd.sdw img {
 border: 1px solid #ccc;
 width:auto;
 height:173px;
 margin:0 auto;
	-webkit-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-moz-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-ms-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
 transition: 0.3s;
}
div.formContetnt div.thanksBlock div.dl_list dl dd img {
 width:auto;
 height:173px;
 margin:0 auto;
 transition: 0.3s;
}
div.formContetnt div.thanksBlock div.dl_list dl dd a:hover img {
 opacity: 0.7;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span {
 display:block;
 margin-top:50px;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a {
 display:block;
 height:45px;
 border:1px solid #FAAC1A;
 border-radius:30px;
 background:#FAAC1A;
 color:#fff;
 text-align:center;
 line-height:45px;
 position:relative;
 transition:0.3s;
 font-size:14px;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a:hover {
 background:#FFF;
 color:#FAAC1A;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a:after {
content:"";
 position:absolute;
 top:50%;
 right:11px;
 margin-top:-4px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 7px;
border-color: transparent transparent transparent #ffffff;
 transition:0.3s;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a:hover:after {
border-color: transparent transparent transparent #FAAC1A;
}

.faqBlock02.thanks {
 padding-top:30px;
}
.faqBlock02.thanks li {
 border:solid 1px #ccc;
 width: 346px;
 margin: 0px 20px 20px 0px;
	-webkit-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-moz-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	-ms-box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
	box-shadow: 0 0 8px 0 rgba(51,51,51,0.4);
}
.faqBlock02.thanks li a {
 padding: 20px 13px 0px 26px;
}
.faqBlock02.thanks .faqCell02 p {
    line-height: 1.5em;
}


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

div.formContetnt.thanks {
}
div.formContetnt div.thanksBlock {
}
div.formContetnt div.thanksBlock h2 {
 font-size:18px;
 text-align:left;
 margin-bottom:30px;
}
div.formContetnt div.thanksBlock div.catch {
 padding:20px;
 text-align:center;
 font-size:18px;
 font-weight:700;
}
div.formContetnt div.thanksBlock div.catch span {
 display:block;
 margin-top:10px;
}
div.formContetnt div.thanksBlock div.dl_list {
 padding:40px 0 0;
 overflow:hidden;
}
div.formContetnt div.thanksBlock div.dl_list dl {
 width:100%;
 float:none;
 margin-right:0;
 margin-bottom:30px;
 padding-bottom:30px;
 border-bottom: 1px solid #CCC;
}
div.formContetnt div.thanksBlock div.dl_list dl:last-child {
 margin-bottom:0;
 padding-bottom:0;
 border-bottom: none;
}
div.formContetnt div.thanksBlock div.dl_list dl dt {
 font-size:16px;
 font-weight:700;
 line-height:1.8em;
 text-align:center;
 padding-bottom:20px;
}

div.formContetnt div.thanksBlock div.dl_list dl dd {
 text-align:center;
 padding:0;
}
div.formContetnt div.thanksBlock div.dl_list dl dd img {
 margin:0 auto;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span {
 display:block;
 margin-top:30px;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a {
 display:block;
 height:45px;
 border-radius:30px;
 text-align:center;
 line-height:45px;
 position:relative;
}
div.formContetnt div.thanksBlock div.dl_list dl dd span a:after {
content:"";
 position:absolute;
 top:50%;
 right:11px;
 margin-top:-4px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 7px;
border-color: transparent transparent transparent #ffffff;
}


.faqBlock02.thanks li {
 width: 98%;
 margin: 0px 20px 20px 0px;
}

.faqBlock02.thanks li a {
 padding: 20px 13px 20px 26px;
}





}


/* --------------------
マルケトフォーム
-------------------- */

.mlkt_alart {
    text-align:right;
    font-size:16px;
}
.mlkt_alart span {
    font-family: inherit;
    color: #bf0000;
    font-size:16px;
    font-weight:bold;
}


.mktoForm {
    width:auto !important;
}
.mktoFormRow {
border-bottom: #e2e2e2 1px solid;
}
.mktoForm div.mktoFormRow:nth-last-of-type(3),
.mktoForm div.mktoFormRow:nth-last-of-type(4) {
border-bottom: none;
}
.mktoFormRow .mktoAsterix {
    font-size:30px;
}


.mktoFormRow .mktoLabel {
    line-height: 1.4;
    font-size: 16px;
    width:auto !important;
    padding:20px 0 11px !important;
    font-weight:normal !important;
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.mktoFormRow label {
    font-size: 16px;
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.mktoFormRow input[type="text"],
.mktoFormRow input[type="url"],
.mktoFormRow input[type="email"],
.mktoFormRow input[type="number"],
.mktoFormRow input[type="tel"],
.mktoFormRow input[type="date"],
.mktoFormRow select {
    box-sizing: border-box;
    display: block;
    width: 465px !important;
    height: 38px;
    padding: 8px 12px;
    border: 1px solid #bebebe;
    background: #f5f5f5;
    font-size: 16px;
    line-height: 32px;
    text-indent: 5px;
    transition: all .2s ease;
}
.mktoFormRow textarea {
    box-sizing: border-box;
    width: 465px !important;
    height:138px !important;
    padding: 8px;
    border: 1px solid #bebebe;
    background: #f5f5f5;
}

.mktoFormRow .mktoFormCol {
margin-bottom:15px !important;
}
.mktoFormRow .mktoLogicalField {
    width: auto !important;
}
.mktoFormRow .mktoHtmlText {
    color: #666;
   font-size:14px;
line-height:1.6em;
    width: 465px !important;
}
.mktoFormRow .mktoHtmlText a {
    color: #002D76;
    text-decoration:underline;
}
.mktoButtonRow {
    width: 100% !important;
    text-align:center !important;
    padding-top:40px !important;
}
.mktoButtonRow span {
    margin-left:0 !important;
}
.mktoButtonRow .mktoButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 5px !important;
    padding: 16px 48px !important;
    border: solid 1px #002D76 !important;
    border-radius: 4px;
    background-image: none !important;
    background-color: #002D76 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s ease;
    cursor: pointer !important;
}
.mktoForm .mktoError {
    bottom:-50px !important;
}

.mktoForm div.mktoHtmlText {
  padding:10px;
  border:1px solid #CCC;
  background:#FFF;
  height:100px;
  overflow-y:auto;
}
.mktoForm div.mktoHtmlText strong {
  font-weight:bold;
}


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


.mktoFormRow {
    display:flex;
}
.mktoFormRow .mktoFieldDescriptor.mktoFormCol,
.mktoFormRow .mktoFieldWrap {
    width: 100% !important;
}


.mktoFormRow input[type="text"],
.mktoFormRow input[type="url"],
.mktoFormRow input[type="email"],
.mktoFormRow input[type="number"],
.mktoFormRow input[type="tel"],
.mktoFormRow input[type="date"],
.mktoFormRow select {
    width: 100% !important;
}

.mktoFormRow textarea {
    width: 100% !important;
}
.mktoFormRow #FirstName,
.mktoFormRow #LastName {
}
.mktoFormRow .mktoHtmlText {
    width: calc(100% - 20px) !important;
}
.mktoButtonRow {
    width: 100% !important;
}











}