@charset "UTF-8";

@media screen and (max-width: 768px) {
    .pc {
        display: none !important;
    }
}
@media screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }
}
section {
    padding: 0;
}
.contents-main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    font-weight: normal;
}
.list-parts-wrap-01 {
  background: #0078de;
}
.list-parts-wrap-01 .box {
  background: #fff;
  padding: 30px;
  display: block;
}
.list-parts-wrap-01 .box .head {
  border-bottom: 1px solid #9d9d9d;
}
.head .ttl-top-01 {
  margin-bottom: 0;
}
.list-parts-wrap-01 .box .body {
  display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
  padding-top: 20px;
}
.body .item_01 {
  width: 30%;
  padding-right: 30px;
}
.body img {
  width: 100%;
}
.body .item_02 {
  width: 70%;
}
.body .text {
  text-align: center;
  padding-top: 15px;
}

/*3つ目boxのタイトル部分*/
.ttl-textArea {
  	display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
 	 align-items: center;
	-ms-flex-align: center; /*IE10*/
 	 justify-content: center;
	-ms-flex-pack: center;
}
.ttl-text_01 {
  text-align: right;
  font-size: 24px;
  padding-right: 10px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .list-parts-wrap-01 .box .head {
    padding-bottom: 10px;
  }
  .body .item_02 {
    width: 100%;
  }
  .body .text {
    margin-bottom: 20px;
  }

  .ttl-textArea {
    display: block;
  }
  .ttl-text_01 {
    text-align: center;
    font-size: 16px;
    padding-right: 0;
  }
}

/*btn*/
.list-parts-wrap-01 .box .btnArea {
  display: flex;
  display:-ms-flexbox;/*--- IE10 ---*/
  flex-wrap: wrap;
  /*align-items: center;
  align-content: center;*/
  justify-content: center;
  margin-top: 30px;
  margin-right: -5px;
  margin-left: -5px;
}

.list-parts-wrap-01 .box .button a {
  display: block;
  padding: 25px 0;
  text-align: center;
}

.list-parts-wrap-01 .box .btnArea .button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.list-parts-wrap-01 .box:first-child .btnArea .button {
  /*width: calc( 100% / 3 - 10px );*/
  width: calc( 100% / 2 - 10px );
  margin: 5px;
}

@media screen and (max-width: 768px) {
  .list-parts-wrap-01 .box .btnArea {
    flex-direction: column;
	  -ms-flex-direction: column; /*IE10*/
  }
  .list-parts-wrap-01 .box:first-child .btnArea .button {
    width: 100%;
    margin: 5px auto;
  }
}

/*thanks*/
.btn-download {
    width: 100%;
    max-width: 340px;
    background-color: #cf0088;
    margin: 30px auto;
}
.btn-download a {
  display: block;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.btn-download a span {
    padding-right: 15px;
    background: url(../../images/common/ico_arrow_right_03.png) right center no-repeat;
    background-size: 6px 12px;
}
.btn-download:hover {
    background-color: #ff00a0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn-download a:hover {
  text-decoration: none;
}

/*----------------------------------------
foot-contact
----------------------------------------*/
.foot-contact {
  background: #ebeddd;
}
.foot-contact .inner {
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  display: flex;
	display:-ms-flexbox;/*--- IE10 ---*/
  justify-content: center;
	-ms-flex-pack: center; /*IE10*/
  padding: 30px 0 0;
  text-align: center;
}
.foot-contact .inner .item_01 {
  width: 15%;
/*  width: 27%;*/
}
.foot-contact .inner .item_01 img {
  width: 100%;
}
.foot-contact .inner .item_02 .ttl {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #444;
}
.foot-contact .telArea .ttl_02 {
  border-bottom: 1px solid #9d9d9d;
  padding-bottom: 10px;
  font-weight: 500;
}
.foot-contact .telArea .ttl_02 img {
  width: 30%;
  vertical-align: bottom;
  margin-right: 10px;
}
.foot-contact .telArea .text_01 {
  padding: 0 0 10px;
  font-size: 34px;
}
.foot-contact .telArea .text_01 img {
  width: 15%;
  vertical-align: middle;
}
.foot-contact .telArea .text_01 a {
  color: #414141;
}

@media screen and (max-width: 768px) {
  .foot-contact .inner {
    flex-direction: column;
	  -ms-flex-direction: column; /*IE10*/
    padding: 10px 0 20px;
  }
  .foot-contact .inner .item_01 {
    display: flex;
	  display:-ms-flexbox;/*--- IE10 ---*/
    width: 100%;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
  }
  .foot-contact .inner .item_01 .ttl {
    width: 60%;
	  font-weight: 500;
  }
  .foot-contact .inner .item_01 .imgArea {
    width: 40%;
  }
  .foot-contact .telArea .text_01 {
    padding: 5px 0 0;
  }
}

.mw_wp_form {
    margin: 0;
    padding: 0;
}

header.form_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin: 0 0 30px 0;
    flex-wrap: wrap;
}
h1.ttl_top {
    text-align: left;
    padding: 0;
    margin: 0;
}
h1.ttl_top img {
    width: 100%;
    height: auto;
}
h2.ttl {
    background: none;
    color: #103882;
    font-weight: 500;
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 160%;
}
header.form_header .contact {
    display: flex;
    flex-wrap: wrap;
}
header.form_header .contact a {
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #103882;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
header.form_header .contact a::before {
    content: "";
    display: block;
    width: 100%;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23FFF%22%20class%3D%22bi%20bi-envelope%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%204a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V4Zm2-1a1%201%200%200%200-1%201v.217l7%204.2%207-4.2V4a1%201%200%200%200-1-1H2Zm13%202.383-4.708%202.825L15%2011.105V5.383Zm-.034%206.876-5.64-3.471L8%209.583l-1.326-.795-5.64%203.47A1%201%200%200%200%202%2013h12a1%201%200%200%200%20.966-.741ZM1%2011.105l4.708-2.897L1%205.383v5.722Z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    background-size: contain;
    margin: 0;
}
header.form_header .contact a:hover {
    text-decoration: none;
    opacity: .7;
}
header.form_header .contact .telnnum {
    background: #EEE;
    padding: 10px;
    border-radius: 5px;
}
header.form_header .contact .telnnum p {
    font-size: 10px;
    line-height: 140%;
    margin: 0;
    text-align: center;
}
header.form_header .contact .telnnum .num {
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    font-family: "Roboto",sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
header.form_header .contact .telnnum .num img {
    width: 25px;
}
@media screen and (max-width: 768px) {
    header.form_header {
        padding: 0;
    }
    h1.ttl_top {
        text-align: left;
        padding: 10px;
        margin: 0 0 10px 0;
        width: 100%;
        border-bottom: 1px solid #DDD;
    }
    h1.ttl_top img {
        width: 30%;
    }
    header.form_header .contact {
        display: flex;
        justify-content: space-between;
        text-align: center;
        width: 100%;
        padding: 0 10px;
    }
    header.form_header .contact h2 {
        width: 100%;
        margin-bottom: 10px;
        color: #103882;
        font-size: 14px;
        line-height: 140%;
    }
    header.form_header .contact a {
        width: 33%;
        margin-bottom: 0;
        padding: 5px;
        font-size: 12px;
        line-height: 140%;
    }
    header.form_header .telnnum {
        width: 66%;
    }
}
@media screen and (min-width: 769px) {
    h1.ttl_top {
        width: 25%;
    }
    header.form_header .contact {
        display: flex;
        justify-content: space-between;
        text-align: left;
        width: 75%;
    }
    header.form_header .contact h2 {
        display: flex;
        align-items: center;
        color: #103882;
        font-weight: 500;
        width: 30%;
    }
    header.form_header .contact a {
        width: 25%;
        margin: 0 10px;
    }
    header.form_header .contact .telnnum {
        width: 40%;
    }
    header.form_header .contact .telnnum p {
    }
}
@media screen and (min-width: 1025px) {
    h1.ttl_top {
        width: auto;
    }
    header.form_header .contact {
        width: auto;
    }
    header.form_header .contact h2 {
        width: auto;
    }
    header.form_header .contact a {
        width: 170px;
        font-size: 14px;
        line-height: 160%;
    }
    header.form_header .contact .telnnum {
        width: 300px;
    }
}

h2.ttl img {
    margin-bottom: 10px;
    width: 40%;
}
.contents-wrap {
    padding: 0;
	margin-top: 30px;
}
@media screen and (min-width: 769px) {
    header.form_header {
        padding: 10px;
        border-bottom: 1px solid #DDD;
        margin: 0 0 20px 0;
    }
    h2.ttl {
        font-size: 24px;
        line-height: 160%;
        margin-bottom: 30px;
    }
    h1.ttl_top img {
        width: 150px;
    }
    h2.ttl img {
        margin-bottom: 10px;
        width: 20%;
    }
    h2.ttl {
        font-size: 24px;
        line-height: 160%;
    }
    .intro {
        text-align: center;
    }
    .form_flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .form_flex #information {
        width: 53%;
        font-size: 14px;
        line-height: 160%;
        padding: 0;
    }
    .form_flex #formArea {
        width: 38%;
        font-size: 14px;
        line-height: 160%;
        padding: 0;
    }
}

.form_flex #information .notice {
    background: #D5DAFF;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 160%;
}
.form_flex #information .image {
    margin: 50px 0;
    text-align: center;
}
.form_flex #information .image img {
        width: 70%;
    height: auto;
}
.form_flex #information .points h3 {
    border-bottom: 3px solid #103882;
    color: #103882;
    margin-bottom: 20px;
    padding-bottom: 3px;
    font-size: 21px;
    font-weight: 500;
    line-height: 160%;
}
.form_flex #information .points ul {
    list-style: disc;
    display: flex;
    flex-wrap: wrap;
}
.form_flex #information .points ul li {
    margin: 0 0 0 30px;
    width: calc(50% - 30px);
    padding: 0;
}
@media screen and (min-width: 769px) {
    .form_flex #information .notice {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        padding: 20px;
        margin-bottom: 20px;
    }
    .form_flex #information .points ul li {
        width: calc(33.333% - 30px);
    }
}

/* contact */
.form_flex #information.contact .points {
    margin-top: 30px;
}
.form_flex #information.contact .points ul {
    display: block;
    margin-bottom: 20px;
}
.form_flex #information.contact .points ul li {
    width: auto;
}

/* dl_form */
#dl_form {
    margin-top: 30px;
}
#dl_form h2 {
    border-bottom: 3px solid #103882;
    color: #103882;
    margin-bottom: 20px;
    padding-bottom: 3px;
    font-size: 21px;
    font-weight: 500;
    line-height: 160%;
    text-align: center;
}
dl.form_box {
    margin: 0;
    background: #EFEFEF;
    padding: 20px;
    font-size: 14px;
    line-height: 160%;
}
@media screen and (max-width: 768px) {
    dl.form_box {
        margin: 30px 0;
    }
}
@media screen and (min-width: 769px) {
    #dl_form {
        margin: 0;
    }
}
dl.form_box dt.item-q {
    margin-bottom: 5px;
}
dl.form_box dt.item-q .required {
    padding: 3px 5px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    font-size: 12px;
    line-height: 120%;
    background: red;
}
dl.form_box dd.item-a {
    margin-bottom: 20px;
}
dl.form_box dd.item-a:last-child {
    margin-bottom: 0;
}
dl.form_box dd.item-a .vertical-item {
    display: block;
}
#dl_form .attention {
    border: 1px solid #CCC;
    padding: 10px;
    font-size: 13px;
    line-height: 160%;
}
#dl_form .attention p {
    margin: 0 0 5px 0;
}
#dl_form .attention p:last-child {
    margin: 0;
}
#dl_form input[type="submit"] {
    background: #ff7e00;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
}
.submitUnderTxt {
    margin-top: 15px;
    text-align: left;
}

a.link-txt {
    color: #ec7aac;
    text-decoration: underline;
}
.submitArea {
    margin: 20px 0 0 0;
}

/*footer*/
.form_footer {
	width: 100%;
	max-width: 1170px;
    display: flex;
    align-items: center;
	justify-content: center;
    text-align: center;
    margin: 50px auto 0;
    border-top: 1px solid #DDD;
    padding: 50px 0;
    background: none;
    box-sizing: border-box;
}
.form_footer .form-link {
    width: 30%;
}
.form_footer h2 {
    color: #103882;
    font-weight: 500;
    font-size: 12px;
    margin: 0 0 10px 0;
}
.form-link a {
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #103882;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
}
.form-link a::before {
    content: "";
    display: block;
    width: 100%;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23FFF%22%20class%3D%22bi%20bi-envelope%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%204a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V4Zm2-1a1%201%200%200%200-1%201v.217l7%204.2%207-4.2V4a1%201%200%200%200-1-1H2Zm13%202.383-4.708%202.825L15%2011.105V5.383Zm-.034%206.876-5.64-3.471L8%209.583l-1.326-.795-5.64%203.47A1%201%200%200%200%202%2013h12a1%201%200%200%200%20.966-.741ZM1%2011.105l4.708-2.897L1%205.383v5.722Z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    background-size: contain;
    margin: 0;
}
.form_footer .telnnum {
    width: 40%;
    font-size: 14px;
    font-weight: normal;
}
.form_footer p.num {
	font-size: 30px;
    margin: 5px 0;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form_footer p.num img {
    width: 25px;
}
@media screen and (min-width: 769px) {
    .form_footer h2 {
        font-size: 18px;
    }
    .form-link a {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
	.form_footer {
		margin: 50px auto;
		padding: 20px 20px 0;
	}
	.form_footer .form-link {
		width: 45%;
		margin-right: 0;
	}
	.form_footer .telnnum {
		width: 55%;
        font-size: 12px;
        font-weight: normal;
	}
	.form_footer p.num {
		font-size: 18px;
	}
	.form_footer p.num img {
	    width: 25px;
	}
}