@charset "UTF-8";



/*

html5doctor.com Reset Stylesheet

v1.6.1

Last Updated: 2010-09-17

Author: Richard Clark - http://richclarkdesign.com

Twitter: @rich_clark

*/



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



body {

    line-height:1;

}



article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

    display:block;

}



nav ul {

    list-style:none;

}



blockquote, q {

    quotes:none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none;

}



a {

    margin:0;

    padding:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



/* change colours to suit your needs */

ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none;

}



/* change colours to suit your needs */

mark {

    background-color:#ff9;

    color:#000;

    font-style:italic;

    font-weight:bold;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

}



/* change border colour to suit your needs */

hr {

    display:block;

    height:1px;

    border:0;

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}



input, select {

    vertical-align:middle;

}



header::after {

    content: "";

    display: block;

    width: 100%;

    height: 30px;

    background: url('../img/header_bar.png') repeat-x bottom left;

}

.header-inner {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: flex-end;

    align-items: flex-end;

    justify-content: space-between;

    width: 900px;

    margin: auto;

    padding: 20px 0 10px;

}

header h1 {

    margin-bottom: 20px;

}

header nav {

    font-size: 14px;

}

header ul {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}

header li {

    padding: 3px 14px;

    border-left: 1px solid #000;

}

header li:last-child {

    border-right: 1px solid #000;

}

header li a {

    text-decoration: none;

    line-height: 1;

}



.contact-content {

    padding-top: 30px;

}



.page-ttl {

    font-size: 24px;

    text-align: center;

    line-height: 1;

    letter-spacing: .18em;

}



.form-wrap {

    margin: 20px auto 30px;

    width: 960px;

    border-top: 1px solid #2654ef;

}

.form-inner {

    margin: auto;

    padding: 20px 0 50px;

    width: 660px;

}



form#mailformpro {

    padding: 0;

}



/*フォーム箇所*/

form#mailformpro dl {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: flex-start;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-top: 30px;

    line-height: 1;

}



form#mailformpro dl dt {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: center;

    -ms-align-items: center;

    align-items: center;

    float: none;

    margin-right: 30px;

    padding: 0;

    padding-top: 10px;

    width: 170px;

    font-size: 16px;

    border: none;

}



form#mailformpro dl dd {

    padding: 0;

    margin: 0;

    margin-bottom: 30px;

    width: 460px;

    font-size: 16px;

    line-height: 1;

    border: none;

}



form#mailformpro label {

    margin: 0;

    margin-top: 10px;

    margin-left: 6px;

    padding: 0 !important;

    border: none !important;

    background-color: transparent !important;

    box-shadow: none !important;

}



form#mailformpro label:first-child {

    margin-left: 0;

    margin-bottom: 25px;

}



form#mailformpro label:nth-child(4) {

    margin-left: 0;

}



form#mailformpro input[type="radio"] {

    margin: 0;

    margin-right: 2px;

}



form#mailformpro input[type="text"],form#mailformpro input[type="email"],form#mailformpro input[type="tel"],form#mailformpro textarea {

    box-shadow: border-box:

    min-width: 100%;

    width: 100%;

    padding: 8px 4px;

    font-size: 16px;

    line-height: 1;

}



form#mailformpro textarea {

    line-height: 1.25;

}



.mfp_colored {

    background-color: transparent;

}



.mailform .must {

    margin-left: 5px;

}



.must {

    display: inline-block;

    float: none;

    margin: 0;

    padding: 0;

    background-color: transparent;

    border: none;

    box-shadow: none;

    text-shadow: none;

    font-size: 14px;

    color: #ed1c24;

}



.notes {

    font-size: 12px;

}



form#mailformpro .notes {

    margin-top: 5px;

}



form#mailformpro .notes +.notes  {

    margin-top: 20px;

    margin-bottom: 5px;

}



div.mfp_buttons {

    padding-top: 30px;

    padding-bottom: 15px;

    border-top: 1px solid #2654ef;

}



div.mfp_buttons button {

    width: 158px;

    height: 52px;

    font-size: 18px;

    color: #fff;

    text-shadow: none;

    border: none;

    background: #999999;

    cursor: pointer;

    transition: .4s;

}



div.mfp_buttons button:hover {

    background: #999999;

}



#mfp_button_send {

    background: #127eea;

}



div.mfp_err {

    padding-left: 0;

}



table#mfp_confirm_table tr.mfp_colored {

     background: #9bc4ed;

}



.privacy {

    display: inline-flex;

    -ms-align-items: center;

    align-items: center;

    font-size: 14px;

    color: #4d4d4d;

    text-align: center;

}



.privacy-wrap {

    text-align: center;

}



.privacy::before {

    content: '';

    display: block;

    margin-right: 5px;

    width: 17px;

    height: 17px;

    background: url('../img/arrow.png') no-repeat center center / contain;

}



footer {

    border-top: 1px solid #2654ef;

}



.bnr_area {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    margin-top: 35px;

    list-style-type: none;

}



.bnr_area li:nth-child(2){

    margin-left: 75px;

}



.copy {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    justify-content: center;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    margin-top: 40px;

    height: 100px;

    background: #0e76f4;

}



.copy p {

    color: #fff;

    font-size: 13px;

    line-height: 1.75;

}



.copy a {

    color: #fff;

    text-decoration: none;

}



.contact-sent-inner {

    margin: auto;

    padding-top: 60px;

    margin-bottom: 80px;

    width: 750px;

    color: #4d4d4d;

}

.contact-sent-inner p {

    font-size: 18px;

    line-height: 2;

    font-weight: bold;

}

.contact-sent-inner p br {

}

.contact-sent-inner .info {

    margin-top: 50px;

    padding: 20px;

    font-size: 18px;

    line-height: 1.8;

    border: 3px solid #0000ff;

}

.contact-sent-inner address {

    font-style: normal;

}

.contact-sent-inner address br {

}

.contact-sent-inner a {

    color: #4d4d4d;

    text-decoration: none;

}



@media screen and (max-width:640px) {
	    .page-contact-sent footer {

        position: relative;

        bottom: 0;

        left: 0;

        width: 100%;

    }
	body{
		width: 100%;
		min-width: initial;
	}
	.header-inner{
		width:auto;
	}
	.header-inner img{
		width:100%;
	}
	header nav{
		display:none;
	}
	.logo-area h1 img{width:100%;}
	
	.form-inner{
		width:100%;
		padding:0;
	}
	
	form#mailformpro dl dt {
	flex-direction: column;		
    margin-right: 0;
	margin-top:0;
    padding: 0;
    padding-top:0;
    width: 100%;
    font-size: 1.6em;
	-ms-align-items: left;
    align-items: left;
    justify-content: left;
	
}
	.form-wrap{
		width:100%;
	}
	form#mailformpro label:first-child{margin-bottom: 0px;}
	
	.contact-sent-inner {

	width: 100%;

}
}