html {background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, tr, th, td, figure {margin: 0;padding: 0;
}

body.mainarea {animation: none !important;font-family: sans-serif;
}
img {max-width: 100%;height: auto;
}
p, {line-height: 2em;font-size: 15px;font-family: sans-serif;
}
p {margin: 0 0 1.5em;font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;line-height: 1.0;font-family: sans-serif;
}




/* style
--------------------------------------------------------- */

.width_half {width: 50%;
}
.fl {float: left;
}
.fr {float: right;
}
.image_l,.wp_content_style img.image_l {float: left;margin: 0 0px 20px 0;
}

.font-weight-bold {font-weight: bold !important;
}
.bold {font-weight: bold;
}
.text-center {text-align: center;
}
.text-right {text-align: right;
}
.text-left {text-align: left;
}
.c-primary {background: linear-gradient(transparent 65%, #ffe8ae 65%);
}
.red {color: red;
}

.mb-2 {margin-bottom: 2em !important;
}
.mb-6 {margin-bottom: 6em !important;
}

.button {margin: 0 auto;
}
.button button {cursor: pointer;background: #fff;
}
.button button, .button a {flex: 1 1 auto;margin: 0;padding: 10px;border: 1px solid #b72700;text-align: center;position: relative;transition: .3s;border-radius: 4px;display: block;color: #b72700;font-family: sans-serif;font-size: 15px;z-index: 10;text-decoration:none;
}
.button button:before, .button a:before {content: '';display: inline-block;width: 6px;height: 6px;border-top: solid 1.5px #b72700;border-right: solid 1.5px #b72700;position: absolute;top: 50%;right: 25px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin-top: -3.5px;transition: .1s;
}
.button button:hover:before, .button a:hover:before {border-top: solid 1.5px #FFF;border-right: solid 1.5px #FFF;right: 22px;
}


.button2 {margin: 0 auto;
}
.button button, .button2 a {flex: 1 1 auto;margin: 0;padding: 10px;border: 1px solid #b72700;text-align: center;position: relative;transition: .3s;border-radius: 4px;display: block;color: #b72700;font-family: sans-serif;;font-size: 15px;z-index: 10;text-decoration:none;margin-top: 5px;width: 100%;
}
.button button:before, .button2 a:before {content: '';display: inline-block;width: 6px;height: 6px;border-top: solid 1.5px #b72700;border-right: solid 1.5px #b72700;position: absolute;top: 50%;right: 25px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin-top: -3.5px;transition: .1s;
}
.button button:hover:before, .button2 a:hover:before {border-top: solid 1.5px #FFF;border-right: solid 1.5px #FFF;right: 22px;
}





#content {padding: 40px 0 60px;
}
#content.content-lp {padding-top: 0;
}
#wrapper {width: 100%;min-width: 1170px;overflow: hidden;
}
.inner {width: 1170px;margin: 0 auto;
}
* {box-sizing: border-box;
}
.area_title, .contact_heading {font-size: 25px;line-height: 30px;font-family: sans-serif;margin-bottom: 20px;display: flex;flex-direction: column;
}
.mainarea .area_title {text-align: left;flex-direction: column;justify-content: flex-start;align-items: stretch;margin-bottom: 10px;text-align: center;font-weight: 800;
}
.top-down {padding: 5px 0 0 0;
}
.top-up {font-size: 18px;font-weight: 700;color: #b72700;
}
.imgarea {width: 560px;
}
.mainarea .chance .area_title {text-align: left;flex-direction: row;justify-content: flex-start;margin-bottom: 15px;
}
.mainarea .chance .area_title span {margin-right: 14px;padding: 0;
}
.presentationarea {padding: 50px 0 60px;background-color: #F5F5F5;
}
.presentationarea_box {margin-top: 35px;
}
.mainarea .chance {width: 100%;margin: 0 auto;padding: 70px 0 40px;
}
.mainarea .chance2 {width: 570px;float: right;margin-top: 90px;line-height: 31px;
}
.mainarea .chance_ttl {font-size: 20px;line-height: 1.8;color: #b72700;font-weight: bold;
}
.mainarea .chance .button {width: 290px;float: right;
}
.mainarea .service {width: 100%;padding: 262px 0 0;background: url(../images/cover.jpg) no-repeat top center;
}
.mainarea .service .inner {padding: 50px 0 20px;text-align: center;position: relative;z-index: 1;
}
.mainarea .service .inner:before {display: inline-block;position: absolute;width: 100%;height: 120px;background-color: #FFF;top: 0;left: 0;content: '';z-index: -1;border-radius: 4px 4px 0 0;
}
.mainarea .service_text, .double_quotation {text-align: center;padding: 15px 0 0 0;position: relative;display: inline-block;width: auto;margin: 0 auto 30px;line-height: 34px;font-weight: ;
}
.mainarea .service_text:after {background-size: contain;width: 43px;top: 22px;right: -80px;
}
.servicearea {text-align: left;display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;padding-bottom: 70px;
}
.servicearea2 {text-align: left;display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;padding-bottom: 70px;margin-top: -120px;
}
.service_box {width: 270px;
}
.service_img {position: relative;text-align: center;background-color: #e6edf5;margin-bottom: 15px;
}
.service_img img {width: 100%;height: auto;max-width: 100%;
}
.service_img .icon_caption {color: #99b8da;position: absolute;top: 0;left: 0;margin: 0;text-align: left;display: inline-block;height: 100%;padding: 10px 0 0 0;
}
.servicearea.center {width: 870px;margin: 0 auto;
}

.service_box dl {margin-bottom: 20px;
}
.service_box dt {line-height: 30px;font-size: 20px;color: #b72700;letter-spacing: 2px;margin-bottom: 10px;
font-family: sans-serif;font-weight: 800;
}
.service_box dd {font-size: 14px;line-height: 29px;
}
.service_box .button {width: 240px
}
.service_box .button a {padding: 6px;
}
.service_box .button2 {width: 240px
}
.service_box .button2 a {padding: 6px;
}
.mainarea .button1, .sublink {margin: -36px 0 0 0;
}
.more_btn {margin: 0 auto;text-align: center;bottom: 25px;right: 30px;font-family: sans-serif;margin-bottom: 0px !important;margin-left:50px;margin-right: 50px;padding-bottom: 10px;padding-top: 10px;
}
.more_btn a {margin: 0;overflow: hidden;display: block;font-weight: 500;font-size: 12px;padding: 0;color: #1A1A1A;text-decoration: none;
}
.more_btn a:hover {color: rgba(60,60,60,0.8);text-decoration:none;
}
.marketo_form form {margin: 0 auto;
}
.contact {width: 100%;background-color: #b72700;padding: 105px 0;text-align: center;
}
.contact a {text-decoration:none;
}
.contact_heading,.contact_heading .top-up {color: #fff;
}
.contact_text {color: #FFF;margin-bottom: 30px;
}
.contact_contact {display: flex;justify-content: center;
}
.contact_box {width: 420px;height: 80px;margin: 0 15px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;background-color: #FFF;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: .3s;
}
.contact_box:hover {opacity: 0.8;
}
.contact_box img {height: 80px;margin: 10px 0;position: relative;top: 0;transition: all .2s;
}
.contact_box:hover img {top: 2px;
}
.contact_box h4, .under .contact_box h4 {font-size: 20px;color: #b72700;font-family: sans-serif;line-height: 30px;margin-bottom: 0px;
}




.Downloadarea {display: flex;justify-content: flex-start;flex-wrap: wrap;
}
.Download_box {width: 370px;margin: 0 15px 50px 0;position: relative;padding-bottom: 50px;
}
.Download_box:nth-of-type(3n) {margin-right: 0;
}
.Download_box dt {font-family: sans-serif;line-height: 1.8em;font-size: 17px;margin-bottom: 15px;margin-top: 10px;
}
.Download_box dd {font-size: 12px;color: #AAA;
}






.presentationarea .Download_box {margin-bottom: 30px; background: #FFF;border-radius: 4px;
}
.presentationarea .Download_text {padding: 5px 30px 0px;
}
.presentationarea .Download_box .more_btn {right: 30px;
}
.Download_box .more_btn,
.Download_box figure,
.Download_box03 figure {border: 1px solid black;max-height: 185px;overflow: hidden;border-radius: 4px;
}
.mainarea .Download_box figure,
.Download_box figure.shadow {max-height: 300px;
}
.presentationarea .Download_box figure {border: none;border-bottom:  1px solid #EDEDED;
}
.presentationarea .Download_box figure.shadow img {border-radius:0;
}
.presentationarea .Download_box figure.shadow {border-radius: 4px 4px 0 0;
}
.img_bd {border: 1px solid #EDEDED;
}
button {display: inline-block;margin:10px auto;color: #b72700;text-decoration: underline;
}
.box_sp {display: none;
}
.clearfix::after {content: "";display: block;clear: both;
}
.bn_txt {text-align: center;color: #FFF;margin-bottom: 30px;
}
.shadow {padding:40px;background: #DDD;
}
.shadow img {box-shadow: 8px 8px rgba(0,0,0,0.4);
}
.b_t {border-top: 1px solid #ededed;padding-top: 15px;margin-top: 40px;
}
.border {border-bottom: 1px solid #ededed;
}














/* -----------------------------------------------------------
SP 1000px
------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.pc_none {display: block;
}
.sp_none {display: none;
}
.imgarea { width: 70%;text-align: center;margin: 0 auto 0;
}
.passing,.passing .passing-bar {width: 100%;
}
#wrapper, header, main,  .inner, .page_wrapper_large, .page_wrapper_medium, .page_wrapper_small, .page_wrapper_xsmall {width: 100% !important;min-width: inherit !important;
}
.inner,
.inner02 {padding: 0 20px;
}
h3 {font-size: 16px;text-align: center;line-height: 24px;margin-bottom: 25px;
}
h3 span.titlered {font-size: 18px;margin: 0;
}
.mainarea .chance .com_title {font-size: 20px;
}
.badge {right: 85px;top: 10px;
}
.mainarea .chance {padding: 40px 0 50px;
}
.mainarea .chance2 {width: 100%;float: none;margin-top: 0px;
}
.mainarea .chance .area_title {text-align: left;flex-direction: column;justify-content: center;align-items: center;
}
.mainarea .chance_ttl {text-align: center;line-height: 25px;font-size: 18px;line-height: 1.8;position: relative;
}
.mainarea .chance_ttl:after {height: 26px;width: 31px;right: 0;top: inherit;bottom: -5px;background-size: 100%;content: '';display: inline-block;position: absolute;
}
.mainarea .chance .area_title span {margin: 0;
}
.mainarea .chance .area_title span.top-down {padding: 0;margin: 0;
}
.top-down {padding-top: 2px;
}
.mainarea .chance .button {width: 250px;float: none;margin: 0 auto;clear: both;
}
.button a {font-size: 14px;
}
.button2 a {font-size: 14px; margin-top: -10px;
}
.mainarea .service {width: 100%;padding: 262px 0 0;background: url(../images/cover.jpg) no-repeat top center;
}
.mainarea .service .inner {padding: 30px 30px 0;
}
.mainarea .service_text {padding: 10px 0;display: block;text-align: left;
}
.mainarea .service_text:after {display: none;
}
.servicearea {align-content: center;padding-bottom: 40px;flex-wrap: wrap;
}
.servicearea2 {align-content: center;padding-bottom: 40px;flex-wrap: wrap;
}
.service_box {margin-bottom: 20px;
	display: flex;text-align: left;
	flex-direction: column;
	width: 45%;
}
.service_img img {width: 100%;
}
.servicearea.center {width: 100%;
}
.mainarea .service_box dl {order: -1;margin: 0 0 10px;
}
.mainarea .service_box dl dt {text-align: center;font-size: 18px;
}
.mainarea .service_box dl dd.none {display: none;
}
.mainarea .service_box .service_img {order: 1;margin-bottom: 20px;
}
.mainarea .service_box .button {width: 250px;order: 2;
}
.service_box .button a {padding: 6px;margin-bottom: 15px;
}
.mainarea .service_box .button2 {width: 250px;order: 2;
}
.service_box .button2 a {padding: 6px;margin-bottom: 15px;
}
.presentationarea {padding: 40px 0;
}
.presentationarea .Download_box {margin-bottom: 20px;
}
.presentationarea .Download_text {padding: 0 20px;
}
.presentationarea .Download_box .more_btn {right: 20px;
}
.presentationarea_box {margin-top: 25px;
}
.area_title, .contact_heading {font-size: 20px;
}

    
    
    

.contact {padding: 45px 5px 40px;
}
.contact_box {width: 245px;margin: 0 5px;height: inherit;padding: 20px 10px 20px;
}
.under .contact_box h4, .contact_box h4 {font-size: 15px;line-height: 22px;margin-bottom: 0px;
}
.contact_box imgbox {margin-bottom: 0;text-align: center;
}
.contact_box imgbox img {width: 105px;
}
.contact_box p {display: none;
}
.contact_box img {height: 65px;
}
.contact_text {margin-bottom: 30px;text-align: center;
}


    

    

.Downloadarea {flex-wrap: wrap;
}
.Download_box {margin-bottom: 20px;
	display: flex;margin: 0 auto 0;
	flex-direction: column;
	width: 42vw;
}

.Download_box .more_btn,  .more_btn,  .more_btn {bottom: 15px;
padding-left: 10px;padding-right: 10px;}

.Download_box figure.shadow {max-height: 63vw;
}
.sub{margin-left: 26.6vw}
    

}













/* -----------------------------------------------------------
SP 640px
------------------------------------------------------------*/


@media screen and (max-width: 640px) {
.pc_none {display: block;
}
.sp_none {display: none;
}
.imgarea { width: 100%;text-align: center;margin: 0 auto 0;
}
.passing,.passing .passing-bar {width: 100%;
}
#wrapper, header, main,  .inner, .page_wrapper_large, .page_wrapper_medium, .page_wrapper_small, .page_wrapper_xsmall {width: 100% !important;min-width: inherit !important;
}
#wrapper {width: 100%;min-width: 1170px;overflow: hidden;margin-top: 14vw;}
.inner,
.inner02 {padding: 0 20px;
}
h3 {font-size: 16px;text-align: center;line-height: 24px;margin-bottom: 25px;
}
h3 span.titlered {font-size: 18px;margin: 0;
}
.mainarea .chance .com_title {font-size: 20px;
}
.badge {right: 85px;top: 10px;
}
.mainarea .chance {padding: 40px 0 50px;
}
.mainarea .chance2 {width: 100%;float: none;margin-top: 0px;
}
.mainarea .chance .area_title {text-align: left;flex-direction: column;justify-content: center;align-items: center;
}
.mainarea .chance_ttl {text-align: center;line-height: 25px;font-size: 18px;line-height: 1.8;position: relative;
}
.mainarea .chance_ttl:after {height: 26px;width: 31px;right: 0;top: inherit;bottom: -5px;background-size: 100%;content: '';display: inline-block;position: absolute;
}
.mainarea .chance .area_title span {margin: 0;
}
.mainarea .chance .area_title span.top-down {padding: 0;margin: 0;
}
.top-down {padding-top: 2px;
}
.mainarea .chance .button {width: 250px;float: none;margin: 0 auto;clear: both;
}
.button a {font-size: 14px;
}
.button2 a {font-size: 14px; margin-top: -10px;
}
.mainarea .service {background: none;padding: 0 0 25px;
}
.mainarea .service .inner {padding: 30px 30px 0;
}
.mainarea .service_text {padding: 10px 0;display: block;text-align: left;
}
.mainarea .service_text:after {display: none;
}
.servicearea {flex-direction: column;align-items: center;align-content: center;justify-content: center;flex-flow: column;flex-wrap: wrap;padding-bottom: 40px;
}
.servicearea2 {flex-direction: column;align-items: center;align-content: center;justify-content: center;flex-flow: column;flex-wrap: wrap;padding-bottom: 40px;
}
.service_box {margin-bottom: 20px;display: flex;flex-direction: column;width: 85%;
}
.service_img img {width: 100%;
}
.servicearea.center {width: 100%;
}
.mainarea .service_box dl {order: -1;margin: 0 0 10px;
}
.mainarea .service_box dl dt {text-align: center;font-size: 18px;
}
.mainarea .service_box dl dd.none {display: none;
}
.mainarea .service_box .service_img {order: 1;margin-bottom: 20px;
}
.mainarea .service_box .button {width: 250px;order: 2;width: 80%;
}
.mainarea .service_box .button2 {width: 250px;order: 2;width: 80%;
}
.service_box .button a {padding: 6px;margin-bottom: 15px;
}
.service_box .button2 a {padding: 6px;margin-bottom: 15px;
}

.presentationarea {padding: 40px 0;
}
.presentationarea .Download_box {margin-bottom: 20px;
}
.presentationarea .Download_text {padding: 0 20px;
}
.presentationarea .Download_box .more_btn {right: 20px;
}
.presentationarea_box {margin-top: 25px;
}
.area_title, .contact_heading {font-size: 20px;
}

    
    
    

.contact {padding: 45px 5px 40px;
}
.contact_box {width: 145px;margin: 0 5px;height: inherit;padding: 20px 10px 20px;
}
.under .contact_box h4, .contact_box h4 {font-size: 15px;line-height: 20px;margin-bottom: 0px;
}
.contact_box imgbox {margin-bottom: 0;text-align: center;
}
.contact_box imgbox img {width: 105px;
}
.contact_box p {display: none;
}
.contact_box img {height: 65px;
}
.contact_text {margin-bottom: 30px;text-align: center;
}


    

    

.Downloadarea {flex-direction: column;
}
.Download_box {width: 100%;margin: 0 0 30px 0;
}

.Download_box .more_btn,  .more_btn,  .more_btn {bottom: 15px;
padding-left: 10px;padding-right: 10px;}
.Download_box {width: 100%;margin: 0 30px 50px 0;position: relative;padding-bottom: 50px;
}
.Download_box figure.shadow {max-height: 63vw;
}
.box_sp {
	display: block;
}
}