@charset "UTF-8";


/* common /////////////////////////////////////////////////////////////////////////////////////////// */


.pcNone {
    display: none;
}

.cmn_maxbox {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#wrapper {
    width: 100%;
}

header {
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
}

header #sub_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.header_mainimg .slide01 {
    background-size: auto;
    background-image: url(../img/cmn_logo.svg);
}

.header_mainimg .slide02 {
    background-image: url(../img/dd_mainimg01.jpg);
}

.header_mainimg .slide03 {
    background-image: url(../img/ca_mainimg01.jpg);
}

.header_mainimg .slide04 {
    background-image: url(../img/bs_mainimg01.jpg);
}

.header_mainimg li.slick-slide {
    display: flex;
    align-items: center;
}

.header_mainimg > div li p {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    color: #FFF;
    font-size: 2.2rem;
	text-shadow: 0px 0px 5px #000000;
}



#home_image {
    width: 100%;
    height: 100vh;
    text-align: center;
    background-color: #DDDDDD;
}

#cmn_gnavi {
    position: relative;
    width: 100%;
    height: 80px;
    margin: -80px 0 0 0;
    padding: 20px 0 0 0;
    background-color: #3c3c3c;
    background:  url("../img/cmn_bgimg_pt7.svg") repeat, #3c3c3c ;
}

#cmn_gnavi ul{
    display: table;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#cmn_gnavi ul li {
    display: table-cell;
    padding: 0 10px 0 10px;
    color: #ffffff;
    text-align: center;
}

#cmn_gnavi ul li strong {
    font-size: 1.6rem;
    letter-spacing: 0.3rem;
}

#cmn_gnavi ul li h2 {
    font-size: 1.0rem;
    letter-spacing: 0.4rem;
}

#cmn_pop {
    width: 100%;
    height: 80px;
    margin: -80px 0 0 0;
    padding: 20px 0 0 0;
    background-color: #3c3c3c;
    background:  url("../img/cmn_bgimg_pt7.svg") repeat, #3c3c3c ;
    background-size: 70px;
}


/* sub /////////////////////////////////////////////////////////////////////////////////////////// */

.sub_header_menu {
	display: flex;
	padding: 30px 0 0 0;
	align-items: center;
	justify-content: space-between;
}

.sub_header_menu > ul {
	display: flex;
	min-width: 560px;
	justify-content: space-between;
}

.sub_header_menu > ul li {
	text-align: center;
	font-size: 1rem;
	letter-spacing: 2px;
}

.sub_header_menu > ul li strong {
	display: block;
	font-size: 1.6rem;
}

.sub_header_menu > ul li a {
	color: #FFFFFF;
}

.sub_main {
	background: none;
	padding: 120px 0 0 0;
}

#sub_modal,
#sub_modal_checkbox,
#sub_modal_open,
#sub_modal_conts {
    display: none;
}


main {
    background: url("../img/cmn_home_left.svg") no-repeat left top,
                url("../img/cmn_home_right.svg") no-repeat right top,
                url("../img/cmn_home_left2.svg") no-repeat right bottom,
                url("../img/cmn_home_right2.svg") no-repeat left bottom;
    padding: 140px 0 0 0;
}

#home_shop {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 120px auto;
	justify-content: center;
}

#home_shop div {
    width: calc(50% - 20px);
    margin: 0 10px;
    text-align: center;
}

#home_shop div:last-of-type {
	margin: 50px 10px auto 10px;
}

#home_shop div a {
    display: block;
}

#home_shop div a > h2 {
    padding: 0 0 30px 0;
}

#home_sns {
    padding: 120px 0;
    background: url("../img/cmn_bgimg_pt20.svg") repeat center / 150px,
                #B5D7F1;
}

#home_sns h2 {
    display: block;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
    text-align: center;
    line-height: 120%;
    background: url("../img/cmn_titlearrow.svg") no-repeat center bottom;
}

#home_sns h2 > strong {
    display: block;
    font-size: 2.4rem;
}

#home_sns h2 > span {
    font-size: 1.2rem;
    padding: 0;
}


#home_sns ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1100px;
    margin: 0 auto;
}

#home_sns li {
    width: 30%;
}

.home_sns_name  {
    padding: 34px 0 30px;
    text-align: center;
    background: #FFF;
}

.home_sns_name h3 {
    margin: 0 0 -6px 0;
    font-size: 2.4rem;
}

.home_sns_name span {
    font-size: 1.2rem;
}


#home_cast {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: 120px auto 120px auto;
}

#home_cast_title {
    width: 50%;
    margin: 0;
    background: url(../img/home_cast_bg_ice.png) no-repeat right top / auto 100% #b5d7f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#home_cast_title h2 {
    line-height: 120%;
    text-align: center;
}

#home_cast_title h2 > strong {
    display: block;
    font-size: 2.4rem;
}

#home_cast_title h2 > span {
    font-size: 1.2rem;
}

#home_cast_conts {
    width: 50%;
}

#home_campany {
    width: 100%;
    margin: 0 auto 120px auto;
    padding: 50px 0 120px 0;
    background: url("../img/cmn_bgimg_pt1.svg") repeat center / 150px,
                rgba(181, 215, 241, 0.2);
}

#home_campany h2 {
    display: block;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
    text-align: center;
    line-height: 120%;
    background: url("../img/cmn_titlearrow.svg") no-repeat center bottom;
}

#home_campany h2 > strong {
    display: block;
    font-size: 2.4rem;
}

#home_campany h2 > span {
    font-size: 1.2rem;
    padding: 0;
}

#home_campany table {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#home_campany th {
    width: 220px;
    padding: 23px 0;
    border: 1px solid #73bce0;
    background: #b5d7f1;
    font-size: 1.5rem;
    text-align: center;
}

#home_campany td {
    width: clac(100% - 220px);
    padding: 23px 0 23px 46px;
    border: 1px solid #dddddd;
    font-size: 1.5rem;
    background: transparent;
}

#home_recruit {
    text-align: center;
}

#home_recruit p {
    padding: 0 0 30px 0;
}

#home_recruit a {
	display: inline-block;
    padding: 25px 35px 15px 35px;
	min-width: 280px;
}

#home_recruit h2 {
    display: inline-block;
    margin: 0 0 100px 0;
    text-align: center;
    line-height: 110%;
    background: #3c3c3c;
    color: #ffffff;
}

#home_recruit h2 strong {
    display: block;
    font-size: 1.6rem;
    line-height: 0px;
}

#home_recruit h2 span {
    font-size: 1.0rem;
    line-height: 0px;
}




#cmn_fnavi {
    width: 100%;
    height: 80px;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    background-color: #3c3c3c;
    background:  url("../img/cmn_bgimg_pt7.svg") repeat, #3c3c3c ;
}

#cmn_fnavi ul{
    display: table;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#cmn_fnavi ul li {
    display: table-cell;
    padding: 0 10px 0 10px;
    color: #ffffff;
    text-align: center;
}

#cmn_fnavi ul li strong {
    font-size: 1.6rem;
    letter-spacing: 0.3rem;
}

#cmn_fnavi ul li h2 {
    font-size: 1.0rem;
    letter-spacing: 0.4rem;
}

#cmn_fbox {
    padding: 50px 0 25px 0;
    background: #231815;
    text-align: center;
}

#cmn_fbox a > img {
    margin: 0 0 50px 0;
}

#cmn_fbox > address {
    color: #ffffff;
    font-size: 1.2rem;
    font-style: normal;
}







/* home /////////////////////////////////////////////////////////////////////////////////////////// */




/* dd /////////////////////////////////////////////////////////////////////////////////////////// */

.dd_shop {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: 120px auto 120px auto;
}

.dd_shop div {
    width: calc(50% - 20px);
    margin: 0 10px;
    text-align: center;
}

.dd_shop  h2 {
    padding: 0 0 30px 0;
}


.dd_news {
    padding: 120px 0;
    background: url(../img/dd_news_bg_ice.svg) repeat center, rgba(90, 150, 170,0.2);
}

.ca_news {
    background: url(../img/ca_pattern_small.svg) repeat center, rgba(165, 135, 95,0.3);
}

.dd_news h2,
.dd_info h2,
.dd_sns h2,
.dd_system h2 {
    display: block;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
    text-align: center;
    line-height: 120%;
    background: url("../img/cmn_titlearrow.svg") no-repeat center bottom;
}

.dd_news h2 > strong,
.dd_info h2 > strong,
.dd_sns h2 > strong,
.dd_system h2 > strong {
    display: block;
    font-size: 2.4rem;
}

.dd_news h2 > span,
.dd_info h2 > span,
.dd_sns h2 > span,
.dd_system h2 > span {
    font-size: 1.2rem;
    padding: 0;
}

.dd_news ul {
    max-width: 1000px;
    border-bottom: 1px solid #3C3C3C;
    margin: 0 auto 120px;
}

.dd_news li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 30px 12px 0;
    border-top: 1px solid #3C3C3C;
}

.dd_news li span,
.dd_news li p {
    font-size: 1.6rem;
}

.dd_news li span {
    flex-shrink: 0;
    display: inline-block;
    margin: 0 50px 0 0;
}

.dd_news li p {
    width: 100%;
}





.dd_cast {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: 120px auto 120px auto;
}

.dd_cast_title {
    width: 50%;
    margin: 0;
    background: url(../img/dd_cast_ice.png) no-repeat right top / auto 100% #5A96AA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ca_cast_title {
    background: url(../img/ca_castbtn_bg.svg) no-repeat right top / auto 100% #a5875f;
}

.dd_cast_title h2 {
    line-height: 120%;
    text-align: center;
    color: #FFF;
}

.dd_cast_title h2 > strong {
    display: block;
    font-size: 2.4rem;
}

.dd_cast_title h2 > span {
    font-size: 1.2rem;
}

.dd_cast_conts {
    width: 50%;
}





.dd_recruit {
    text-align: center;
}

.dd_recruit p {
    padding: 0 0 30px 0;
}

.dd_recruit h2 {
    display: inline-block;
    margin: 0 0 100px 0;
    padding: 25px 35px 15px 35px;
    text-align: center;
    line-height: 110%;
    background: #3c3c3c;
    color: #ffffff;
}

.dd_recruit h2 > strong {
    display: block;
    font-size: 1.6rem;
    line-height: 0px;
}

.dd_recruit h2 > span {
    font-size: 1.0rem;
    line-height: 0px;
}



.dd_main {
    background: url("../img/dd_system_ice_left.png") no-repeat left top / 32% auto,
                url("../img/dd_system_ice_right.png") no-repeat right top / 32% auto,
                url("../img/dd_contact_ice_right.png") no-repeat right bottom / 20% auto,
                url("../img/dd_contact_ice_left.png") no-repeat left bottom / 20% auto;
    padding: 140px 0 0 0;
}


.dd_info {
    padding: 120px 0;
}

.dd_info > dl {
    max-width: 460px;
    margin: 0 auto 50px;
}

.dd_info > dl div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dd_info > dl div + div {
    margin: 12px 0 0 0;
}

.dd_info > dl dt,
.dd_info > dl dd {
    font-size: 1.8rem;
}

.dd_info > dl dt {
    flex-shrink: 0;
    width: 80px;
    margin: 0 50px 0 0;
    text-align-last: justify;
}

.dd_info > dl dd {
    width: 100%;
}

.dd_info > dl address {
    font-style: normal;
}

.dd_info > dl a {
    pointer-events: none;
}

.dd_info > div {
    position: relative;
    height: 500px;
    overflow: hidden;
}


.dd_info > div > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.dd_header, .ca_header {
    position: relative;
    overflow: hidden;
}

.dd_header_nav, .ca_header_nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.dd_header .sub_header_menu, .ca_header .sub_header_menu {
    max-width: 1100px;
}

.header_mainimg .slick-dots,
.dd_header_mainimg .slick-dots {
    /* bottom: 15px; */
}

.header_mainimg.slick-dotted.slick-slider,
.dd_header_mainimg.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.header_mainimg > div li,
.dd_header_mainimg > div li {
    height: 100vh;
    background-image: url(../img/dd_mainimg01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.dd_header_mainimg .slide01 {
    background-image: url(../img/dd_mainimg01.jpg);
}

.dd_header_mainimg .slide02 {
    background-image: url(../img/dd_mainimg02.jpg);
}

.dd_header_mainimg .slide03 {
    background-image: url(../img/dd_mainimg03.jpg);
}

.dd_header_msg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
}

.dd_header_msg p {
    max-width: 1100px;
    margin: 0 auto;
    color: #FFF;
    font-size: 2.2rem;
}


.dd_sns {
    padding: 120px 0;
    background: url(../img/dd_sns_bg_ice.svg) repeat center, rgba(90, 150, 170,0.5);

}

.ca_sns {
    padding: 120px 0;
    background: url(../img/ca_pattern_large.svg) repeat center, rgba(165, 135, 95,0.7);
}


.dd_sns ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1000px;
    margin: 0 auto;
}

.dd_sns li {
    width: 33%;
	min-height: 450px;
    margin: 0 40px;
	text-align: center;
	background: #FFFFFF;
}

.fb-container {
	width: 100% !important;
}

.dd_sns_name  {
    padding: 34px 0 30px;
    text-align: center;
    background: #FFF;
}

.dd_sns_name h3 {
    margin: 0 0 -6px 0;
    font-size: 2.4rem;
}

.dd_sns_name span {
    font-size: 1.2rem;
}

.dd_sns_conts {
	min-height: 330px;
}


.dd_system h1 {
    margin: 0 0 120px 0;
    text-align: center;
}


.dd_system dl {
    max-width: 1100px;
    margin: 0 auto 120px;
}

.dd_system dt {
    display: flex;
    align-items: center;
    padding: 0 0 6px 0;
    border-bottom: 1px solid #C9CACA;
    margin: 0 0 20px 0;
}


.dd_system dd:not(:last-of-type) {
    margin: 0 0 30px 0;
}

.dd_system dt::before {
    flex-shrink: 0;
    content: '';
    display: block;
    width: 8px;
    height: 20px;
    margin: 0 10px 0 0;
    background: #5A96AA;
}


.ca_system dt::before {
    background: #a5875f;
}

.dd_system dt h3 {
    width: 100%;
    font-size: 2.0rem;
}

.dd_system table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.dd_system th,
.dd_system td {
    border: 1px solid #C9CACA;
}

.dd_system th {
    width: 40%;
    padding: 14px 4px;
    text-align: center;
    background: #5A96AA;
    color: #FFF;
    font-size: 1.8rem;
}

.ca_system th {
    background: #a5875f;
}

.dd_system td {
    padding: 14px 30px;
    font-size: 1.8rem;
    background: #FFF;
}

.dd_system .other th {
    background: #3C3C3C;
}

.dd_system .other td span {
    display: block;
    font-size: 1.5rem;
}



/* ca /////////////////////////////////////////////////////////////////////////////////////////// */

.ca_header_mainimg .slide01 {
    background-image: url(../img/ca_mainimg01.jpg);
}

.ca_header_mainimg .slide02 {
    background-image: url(../img/ca_mainimg02.jpg);
}

.ca_header_mainimg .slide03 {
    background-image: url(../img/ca_mainimg03.jpg);
}

#ca_main {
    background: url("../img/ca_bg_topleft.svg") no-repeat left -5px top -5px / 32% auto,
                url("../img/ca_bg_topright.svg") no-repeat right -5px top -5px / 32% auto,
                url("../img/ca_bg_topcenter.svg") no-repeat center top -5px / 50% auto,
                url("../img/ca_bg_topbottomright.svg") no-repeat right -5px bottom -5px / 30% auto,
                url("../img/ca_bg_bottomleft.svg") no-repeat left -5px bottom -5px / 30% auto;
    padding: 140px 0 0 0;
}




/* sub /////////////////////////////////////////////////////////////////////////////////////////// */

.sub_header_menu {
	display: flex;
	padding: 30px 0 0 0;
	align-items: center;
	justify-content: space-between;
}

.sub_header_menu > div {
	;
}

.sub_header_menu > ul {
	display: flex;
	min-width: 560px;
	justify-content: space-between;
}

.sub_header_menu > ul li {
	text-align: center;
	font-size: 1rem;
	letter-spacing: 2px;
}

.sub_header_menu > ul li strong {
	display: block;
	font-size: 1.6rem;
}

.sub_header_menu > ul li a {
	color: #FFFFFF;
}

.sub_main {
	background: none;
	padding: 120px 0 0 0;
}


.sub_page_title {
	position: absolute;
	left:0; right: 0;
	bottom: 20px;
	text-align: right;
	color: #FFFFFF;
	font-size: 5rem;
	letter-spacing: 6px;
}

/* 下に柄のある見出し（h2） */
.sub_h2_type1, .sub_h2_type2 {
    display: block;
    margin: 0 0 40px 0;
    padding: 0 0 15px 0;
    text-align: center;
    line-height: 120%;
}

.sub_h2_type1 {
    background: url("../img/cmn_titlearrow.svg") no-repeat center bottom;
}

.sub_h2_type2 {
    background: url("../img/cmn_titlearrow_brown.svg") no-repeat center bottom !important;
}

.sub_h2_type1 > strong, .sub_h2_type2 > strong {
    display: block;
    font-size: 2.4rem;
}

.sub_h2_type1 > span, .sub_h2_type2 > span {
    font-size: 1.2rem;
    padding: 0;
}

.sub_header_img {
	width: 100%;
	height: 400px;
	position: relative;
	background-position: center center;
	background-size: cover;
}



/* cast /////////////////////////////////////////////////////////////////////////////////////////// */

.cast_header_img {
	background-image: url("../img/sub_mainimg_cast.jpg?16591404072022");
}

.contact_header_img {
	background-image: url("../img/sub_mainimg_contact.jpg");
}

.cast_dd_container, .cast_ca_container {
	max-width: 1110px; margin: 10px auto 50px;
	padding: 50px 0 50px 0;

	background-position: center;
	background-repeat: repeat;
}

.cast_dd_container {
    background-color:  #deeaee;
	background-image:  url("../img/dd_pattern_small.svg");
	border: 1px solid #5a96aa;
}

.cast_ca_container {
    background-color:  #e4dbcf;
	background-image:  url("../img/ca_pattern_small_w.svg");
	border: 1px solid #a5875f;
}

.cast_logo {
	margin: auto auto 40px auto;
	text-align: center;
}

.cast_cms_box {
	padding: 0 90px;
}

.cast_cms_box article {
	display: flex;
	margin: auto auto 50px auto;
}

.cast_item_info {
	width: 70%;
}

.cast_item_img {
	width: 30%;
}

.cast_item_info h3 {
	position: relative;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	font-size: 2.4rem;
}

.cast_dd_container .cast_item_info h3 {
	border-bottom: 1px solid #5a96aa;
}

.cast_ca_container .cast_item_info h3 {
	border-bottom: 1px solid #a5875f;
}

.cast_item_info h3 span {
	position: absolute;
	height: 40px;
	right: 0;
	padding: 8px 30px 0 40px;
	color: #FFFFFF;
	font-size: 1.6rem;
	display: inline-block;
}

.cast_dd_container .cast_item_info h3 span {
	background: url("../img/cast_dd_position_bg.svg") no-repeat left;
}

.cast_ca_container .cast_item_info h3 span {
	background: url("../img/cast_ca_position_bg.svg") no-repeat left;
}

.cast_item_info dl {
	;
}

.cast_item_info dl div {
	display: flex;
	flex-wrap: wrap;
	margin: auto auto 10px auto;
}


.cast_item_info dt {
	width: 120px;
	font-size: 1.6rem;
}

.cast_item_info dd {
	width: calc(100% - 120px);
	padding: 0 30px 0 0;
	font-size: 1.8rem;
}

.cast_item_img {
	position: relative;
}

.cast_name {
	position: absolute;
	min-width: 800px;
	bottom: -40px;
	right: -10px;
	font-size: 7rem;
	text-align: right;
	font-family: 'Italianno';
	letter-spacing: 8px;
}

.cast_dd_container .cast_name {
	color: #5a96aa;
}

.cast_ca_container .cast_name {
	color: #a5875f;
}

.cast_hosoku {
	margin: 0 auto 50px auto;
	text-align: center;
}


/* contact /////////////////////////////////////////////////////////////////////////////////////////// */

.contact_header_img {
	background-image: url("../img/sub_mainimg_contact.jpg");
}


.contact_shopinfo > div {
	width: 150px;
}



.contact_info p {
	text-align: center;
	margin: 30px auto;
}

.contact_shopinfo {
	display: flex;
	max-width: 800px; margin: auto auto 40px auto;
	align-items: center;
}

.contact_shopinfo dl {
	margin: auto auto auto 30px;
}

.contact_shopinfo dl > div {
	display: flex;
	margin: 15px auto;
}

.contact_shopinfo dl dt {
	width: 100px;
	font-size: 1.8rem;
}

.contact_shopinfo dl dd {
	width: calc( 100% - 100px);
	font-size: 2.4rem;
}


.contact_form_container {
	margin: 80px auto auto auto;
	padding: 80px 0;
	background-color: #daebf8;
	background-image: url("../img/cmn_bgimg_pt20.svg");
	background-position: center;
}


/*
.contact_form {
  padding: 160px 0;
  margin: 0 0 160px 0;
  background: #005532;
}

*/
.contact_form_inr {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  /*color: #fff;*/
}

.contact_form_inr h3 {
  margin: 0 0 50px 0;
  font-size: 3rem;
  letter-spacing: 0.2rem;
  text-align: center;
}

.contact_form_inr > p {
  margin: 0 0 42px 0;
}

/* mfp */
#mailformpro {
  width: 100%;
  margin: 0;
}

#tableContact {
  width: 100%;
  margin: 0 0 40px 0;
  border-collapse: collapse;
}

#tableContact th {
  display: block;
  width: 100%;
  text-align: left;
}

#tableContact th span {
  font-size: 1.6rem;
  color: #BC0000;
}

#tableContact td {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}

#tableContact #toiawase,
#tableContact #username,
#tableContact #namekana,
#tableContact #tel,
#tableContact #fax,
#tableContact #addr,
#tableContact #mail0,
#tableContact #mail1,
#tableContact #addr {
  width: 100%;
  height: 30px;
}

#tableContact #message {
  display: block;
  width: 100% !important; /* mfp上書き */
  height: 260px !important; /* mfp上書き */
}

#contactButton {
  position: relative;
  display: flex;
  justify-content: center;
}

#contactButton button {
  width: 200px;
  height: 40px;
  line-height: 40px;
  outline: none;
}

#contactButton button:hover {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#contactButton button[type="submit"] {
  margin: 0 40px 0 0;
  border: 0;
  background: #3c3c3c; /* mfp上書き */
  color: #FFFFFF;
}

#contactButton button[type="reset"] {
  border: 0; /* mfp上書き */
  background: #FFFFFF; /* mfp上書き */
}

#contactButton button[type="submit"]:hover,
#contactButton button[type="reset"]:hover {
  border: 0;
  color: #3c3c3c;
  background: #fff;
}

div#mfp_overlay {
  color: #4d4d4d; /* mfp上書き */
}