/*
Theme Name:Original Theme ver2
Theme URL:globalcruise.local
Description:Made to be easy to use
Author:kaki
Version:1.1.1
Tags:
License:
Lincense URI:
*/
/*reset_css_start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    color: #666666;
    font: normal normal 300 18px/130% "Source Sans Pro", sans-serif;    
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

.clear {
    clear: both;
}

div, ul, li, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    zoom: 1;
}

div:before, article:before, aside:before, details:before, figcaption:before, figure:before,
footer:before, header:before, hgroup:before, menu:before, nav:before, section:before, div:after, ul:after, article:after, aside:after, details:after, figcaption:after, figure:after,
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after {
    content: "";
    display:table;
}

div:after, article:after, aside:after, details:after, figcaption:after, figure:after,
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after {
    clear: both;
}

fieldset, form,
dl, dir,
menu {
    margin: 1.12em 0;
}

img {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.footer p {
    color: #ffffff;
}

p {
    margin: 0 0 14px 0;
}

p.large_text {
    font-size: 1.11em;
    line-height: 150%;
    margin-bottom: 15px;
    color: #666666;
}

h1 {
    margin: 0 0 54px 0;
    color: #000000;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 600;
    line-height: 115%;
}

h2 {
    margin: 0 0 33px 0;
    color: #3D3D3D;

    font-size: 2.22em;
    font-weight: 300;
    line-height: 110%;
}

h3 {
    margin: 0 0 15px 0;
    color: #333333;

    font-size: 1.44em;
    font-weight: 600;
    line-height: 115%;
}

h4 {
    margin: 0 0 14px 0;
    color: #333333;

    font-size: 1.11em;
    font-weight: 600;
    line-height: 150%;
}

h5 {
    margin: 10px 0 15px 0;
    color: #333333;
    letter-spacing: 2px;

    font-size: 1em;
    font-weight: 600;
    line-height: 150%;
}

h6 {
    margin: 10px 0;
    color: #B5B5B5;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1em;
    font-weight: 400;
    line-height: 100%;
}

a {
    color: #03a9f4;
    text-decoration: none;
    font-weight: 400;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #03a9f4;
}

ol,
ul {
    font: inherit;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 40px;
}

p, a {
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
}

li {
    font: inherit;
}

span {
    font-family: inherit;
}

blockquote {
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 20px 0px;
    border-left: 5px solid #eee;
    font-style: italic;
}

dir,
menu,
dd {
    padding-left: 40px
}

ol ul,
ul ol,
ul ul,
ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

body img {
    max-width: 100%;
    height: auto;
}


/*reset_css_end*/

/*全体設定start*/

body{
    color: #666666;
    font:normal normal 300 18px/130% "Source Sans Pro", sans-serif;
    width:100%;
    line-height: 1;
    background-color: transparent;
    vertical-align: baseline;
}

@media only screen and (min-width: 429px){
    body{
        text-align: left;
    }
}

ul{
    list-style-type: none;
}

li{
    display:list-item;
    text-align: -webkit-match-parent;
    text-align:match-parent;
}

.fancybox-title-inside {
    text-align: left!important;
}
@media screen and (max-width: 480px) {
	.fancybox-title-inside {
    font-size: 80% ;
	}
}

/*全体設定end*/


/*ヘッダーstart*/
.header-home:before{
    background-color:crimson;
    opacity:0.25;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    display: inline-block;

}
.header-home{
    background-image:url("https://www.global-cruise.net/wp-content/uploads/2020/06/IMG_2965-scaled.jpg");
    background-position:center center;
    background-repeat:no-repaet;
    background-size:cover;
    position:relative;
    min-height:100vh;
    display:flex;
    justify-content: center;
    background-attachment: fixed;
 }

@media screen and (max-width:480px) {
  .header-home {
	background-image:none;								
  }
	.header-home:before {
	background-color:transparent;
	background-image:url("https://www.global-cruise.net/wp-content/uploads/2020/07/IMG_2965-821x1024-1.jpg");
	background-size:cover;
	opacity:1;
	}
}
.header-top{
    align-items: center;
    left:0px;
    position: absolute;
    transition:all .3s linear;
    padding-left: 5%;
    padding-right:5%;
    width:100%;
    background-color: transparent;
    z-index:10000;
}


@media only screen and (min-width: 429px){
    .header-top {
        display: flex;
        position: fixed;
        color:black;
        transition: all .3s linear;
    }
}
.navigation-wrapper{
    width: 100%;
    display: flex;
    align-items: center;
}
.text-logo{
    text-align: left;
    width: 30%;
    display:block;
}

a.text-logo{
    font-family: inherit;
    font-weight: 600;
    font-size: 2em;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: none;
    display:inline-block;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    text-decoration:none;
    color: #ffffff;
}

@media screen and (max-width:480px) {
  a.text-logo {
	font-size:1.5em;
	}
}


.language-wrapper{
    margin-left: 2em;
}

a.language{
    color: #ffffff;
    text-transform: none;
    text-decoration: none;
}
span.language{
    color: #ffffff;    
}


@media screen and (max-width:480px) {
  a.language, span.language {
	font-size:80%;
    }
  .language-wrapper{
    margin-left:0.5em;
    }
}


@media only screen and (min-width: 429px){
    .text-logo {
    margin-right: 15px;
    }
}


.main-menue-container{
    display:block;
    flex-grow:1;
    clear: left;
}


.main-menue-container ul{
    text-align: right;
    position: relative;
    display: block;
}



.main-menue-container > ul >li{
    padding:0 0px 0px 0px;
    position: relative;
    line-height: 100%;
    margin-left: 1.7%;
    margin-right: 1.7%;
    display: inline-block;
    height: auto;
    text-align: right;
}

.main-menue-container ul > li > a{
    text-decoration :none;
    text-align :center;
    text-transform:uppercase;
    cursor:pointer;
    transition:all 0.3s;
    background:none left center repeat-x scroll transparent;
    width:auto;
    height:100%;
    margin:0;
    padding:15px 0;
    -webkit-font-smoothing:supixel-antialiased;
    display:block;
    font-weight: 400;
    font-size:0.9em;
    line-height: 115%;
    letter-spacing: 3px;
    color: #ffffff;
    font-size: 0.7;
}

.main-menue-container ul > li > a:hover{
    background-color: transparent; /* メニュー項目にマウスが載ったときの背景色*/
    color:#ffffff ; 
}

.main-menue-container ul > li > ul{
    background:rgb(0,0,0,0.6);
    top:auto;
    border-bottom-width:1px;
    border-bottom-style:solid;
    display:none;
    position:absolute;
    left:0px;
    width:auto;
    height:auto;
    padding:0;
    z-index:10000;/*スマホメニューの際に、サブメニューがメインメニューに被った際に、優先されるようにする。*/
}

.main-menue-container ul > li > ul > li{
    border-top:1px solid pink;
    min-width: 160px;
    padding:0px;
    vertical-align: top;
    position: relative;
}

.main-menue-container ul > li > ul > li > a{
    line-height:120%;
    font-weight:normal;
    background-color:rgba(255,255,255,0.18);
    font-weight:400;
    font-size:0.6em;
    letter-spacing: 0px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    padding:16px 18px;
    height:100%;
    text-transform:capitalize;
}

a.menue{
   
}

.is-fixed {
  position: fixed;
  z-index: 10000;
  width: 100%;
  background-color: white;
}

.change-text-color{
    color:inherit !important;
}
.change-hamburger-color{
    background-color: #666666 !important;
}

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

    .main-menue-container ul > li > a{
        color:#666666 !important;
    }

    .main-menue-container ul > li > ul > li > a{
        color:#ffffff !important;
    }

    .main-menue-container > ul >li{
        line-height: 100%;
        margin-left: 1.7%;
        margin-right: 1.7%;
        display: block;
    }
    
      .main-menue-container {
        position: fixed;
        right: -320px; /* これで隠れる */
        top: 0;
        width: 300px; /* スマホに収まるくらい */
        height: 100vh;
        padding-top: 40px;
        background-color: #fff;
        transition: all .6s;
        z-index: 200;
        overflow-y: auto; /* メニューが多くなったらスクロールできるように */
      }
      .hamburger {
        position: absolute;
        right: 0;
        top: -4px;
        width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
        height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
        cursor: pointer;
        z-index: 300;
      }
      .global-nav__list {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .global-nav__item {
        text-align: center;
        padding: 0 14px;
      }
      .global-nav__item a {
        display: block;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
        text-decoration: none;
        color: #111;
      }
      .global-nav__item a:hover {
        background-color: #eee;
      }
      .hamburger__line {
        position: absolute;
        left: 11px;
        width: 18px;
        height: 1px;
        background-color: #eee;
        transition: all .6s;
      }
      .hamburger__line--1 {
        top: 14px;
      }
      .hamburger__line--2 {
        top: 20px;
      }
      .hamburger__line--3 {
        top: 26px;
      }
      .black-bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        z-index: 100;
        background-color: #000;
        opacity: 0;
        visibility: hidden;
        transition: all .6s;
        cursor: pointer;
      }
      /* 表示された時用のCSS */
      .nav-open .main-menue-container {
        right: 0;
      }
      .nav-open .black-bg {
        opacity: .8;
        visibility: visible;
      }
      .nav-open .hamburger__line{
          background-color:#666666;
      }
      .nav-open .hamburger__line--1 {
        transform: rotate(45deg);
        top: 20px;
        color:#666666 !important;
      }
      .nav-open .hamburger__line--2 {
        width: 0;
        left: 50%;
      }
      .nav-open .hamburger__line--3 {
        transform: rotate(-45deg);
        top: 20px;
      }
}

.main-title{
    align-self: center;
    text-align: center;
    z-index: 1;
}

@media all and (-ms-high-contrast: none){
    .main-title {
        padding: 300px;
  }
}


.main-title h1{
    font-family: 'Allura', "Comic Sans MS", cursive, sans-serif;
    text-transform:capitalize;
    margin-bottom:25px;
    font-weight:600;
    line-height:115%;
    color:#ffffff;
}
.main-title h2{
    font-size:1.4em;
    font-weight:300;
    color:#ffffff;
}


/*ヘッダーend*/



/*コンテンツ全体設定start*/


.grid-container{
    padding-top:75px;
    padding-bottom:75px;
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
    clear: both;
}

@media only screen and (min-width: 429px){
    .grid-container {
        width: 80%;
        max-width: 1232px;
    }
}

@media only screen and (min-width: 1024px){
    .grid-container {
        width: 90%;
    }
}
/*コンテンツ全体設定end*/


/*概要start*/

.overview{
    background-color: #ffffff;
}

.overview-text {
    text-align:left;
}

@media only screen and (min-width: 429px){
    .overview-text {
        text-align: center;
    }
}

.overview-text h3{
    margin-bottom:40px;
}

@media only screen and (min-width: 429px){
    .overview-text p,.Gratitude p{
        line-height:2;
    }
}

    /*概要画像start*/
    .overview-big-images{
        margin-left:auto;
        margin-right:auto;
        margin-top: 3em;
    }

    .overview-big-images-left{
        float: left;
        width: 25%;
    }


    .about-big-images-leftimg{
        box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
        height: auto;
        max-width:100%;
        position:relative;
        z-index: 11;
        display: inline-block;
        margin-left: 40%;
        margin-top: 10%
    }

    @media only screen and (max-width: 780px){
        .about-big-images-leftimg{
            margin-left: 0%;
            max-width:120%;
        }
    }

    .overview-big-images-central{
        float: left;
        width:50%;
    }



    .about-big-images-centerimg{
        display:inline-block;
        max-width: 100%;
        width:100%;
    }

    @media only screen and (max-width: 780px){
        .about-big-images-centerimg{
            max-width: 140%;
            width:140%;
            margin-left:-20%;
            margin-top:-10%;
        }
    }
    .overview-big-images-right{
        float: left;
        width:25%;
    }

    .about-big-images-rightimg{
        height:auto;
        box-shadow: rgba(0, 0, 0, .247059) 0 15px 80px -5px;
        display:inline-block;
        margin-left: -50%;
        margin-top:60%;
        width:auto;
    }

    @media only screen and (max-width: 780px){
        .about-big-images-rightimg{
            margin-left: -20%;
            max-width:120%;
        }
    }

    /*概要画像end*/    

/*概要end*/


/*プロフィールstart*/
.profile{
    line-height:1.5em;
    background-color: #ffffff;
}    

.profile table,.profile p{
    font-size:90%;
}

td.experience{
    padding-left:1em
}

.profile h3,.profile h4 {
    margin-top:2em;
    margin-bottom:1em;
}


@media only screen and (min-width: 429px){
    .profile table{
        margin-left:auto;
        margin-right:auto;
        width: 90%;
        line-height: 2.5em;
     }    
    .profile p{
       margin-left:auto;
       margin-right:auto;
       width:70%;
       line-height: 2em;
    }
    .profile{
        text-align: center;
    }
    .profile p{
        text-align:left;
    }
}

@media only screen and (min-width: 1024px){
    .profile table{
       margin-left:auto;
       margin-right:auto;
       width: 60%;
       line-height: 2.5em;
    }
    td.experience{
        padding-left:3em;
    }
    .profile p{
       width:50%;
    }
}

/*プロフィールend*/

/* ポートフォリオstart */

.portfolio{
    text-align: center;
    background-image: url(https://www.global-cruise.net/wp-content/uploads/2020/06/世界地図（国境線無し）.png);
    background-position:center center;
    background-size:auto;
    background-repeat: repeat;
    background-attachment:scroll;    
}
.portfolio-card{
    padding: 15px;
}
.card-wrapper {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background-color: #ffffff;
    border-radius: 3px;
    clear: both;
    float: left;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.portfolio-card-thumnail{
    background: none center center / cover scroll transparent;
    height: auto;
    min-height: 0;
    width: 100%;
    cursor: pointer;
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.thumnail-image img{
    max-width: 100%;
    width:auto;
    font-variant: top;
    cursor:pointer;
}

.thumnail-overlay{
    display: block;
    transition: opacity 800ms ease 0s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    margin-top: 1px;    
}

.magnification-symbol{
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    cursor: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 40px;
    text-align: center;
    transform-style: preserve-3d;
    width: 100%;
    display: block;
    transition: all 800ms ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    vertical-align: baseline;
}

.magnification-symbol-center{
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    min-height: 69px;
    padding-top: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (min-width: 429px){
    .magnification-symbol-center {
        min-height: 40px;
    }
}
.fa.icon{
    color: #ffffff;
    font-size: 2.22em;
}
.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
}

.fa-search:before{
    content: "\f002";
}


.portfolio-card-description a{
    display:block;
    margin-left:auto;
    margin-right:auto;
}



@media only screen and (max-width: 768px){
    .fancybox-caption__body{
        font-size:0.8em;
    }
    .portfolio-card-description h4{
        font-size: 0.9em;
    }
    .portfolio-card-description p{
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 429px){
    .fancybox-caption__body{
        font-size:0.68em;
    } 
    .portfolio-card-description h4{
        font-size: 1.11em;
    }
    .portfolio-card-description p{
        font-size:100%;
    }
    
}
.portfolio-text{
    float: none;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 429px){
    .portfolio-text {
        min-height: 156px;
    }
}

@media only screen and (min-width: 429px){
    .portfolio-card{
       float: left;
       width:50%
   } 
}

@media only screen and (min-width: 1024px){
    .portfolio-card{
        max-width: 33.33333%;
        flex-basis: 33.33333%;  
    } 
    .portfolio-card:nth-of-type(3n+1) {
        clear: left;
    }
   
}

@media only screen and (min-width: 429px){
    .card-warapper{
        clear: both;
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

/*ポートフォリオ日本版最後の言葉*/
.last-sentence{
    padding-top: 60px;
    clear: left;
}

/*日本*/
.portfolio-1,.portfolio-9{
    background-color: rgba(254, 238, 237, 0.6);
}
/*海,大西洋,太平洋*/
.portfolio-2,.portfolio-4,.portfolio-6,.portfolio-8{
    background-color: rgba(109, 193, 232, 0.6);
}/*アフリカ*/
.portfolio-3{
    background-color: rgba(183, 151, 100, 0.6);
}/*欧州*/
.portfolio-5{
    background-color: rgba(249, 244, 132, 0.54);
}
/*北アメリカ*/
.portfolio-7{
    background-color: rgba(211, 222, 241, 0.6);
}

/*感謝の意start*/
.Gratitude{
    line-height:1.5em;
    background-color: #ffffff;
}    

.Gratitude p{
    font-size:90%;
}

.Gratitude h3 {
    margin-top:2em;
    margin-bottom:1em;
}


@media only screen and (min-width: 429px){ 
    .Gratitude p{
       margin-left:auto;
       margin-right:auto;
       width:70%;
       line-height: 2em;
    }
    .Gratitude{
        text-align: center;
    }
    .Gratitude p{
        text-align:left;
    }
}

@media only screen and (min-width: 1024px){
    .profile p{
       width:50%;
    }
}

.andimusik{
    font-family:serif;
    font-weight: bold;
    font-size: large !important;
}


/*感謝の意end*/

/*コンタクトstart*/
.contact{
    padding-top: 75px;
    position: relative;
    width: 100%;
    height: 100%;
}



@media only screen and (min-width: 429px){
    .contact-txt{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-left:15px;
        padding-right:15px;
        width:80%;
    }
}


.contact-form-wrapper{
    -moz-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
    background-color: #FFFFFF;
    border-radius: 0;
    box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
    float: none;
    padding: 5% 15px;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 429px){
    .contact-form-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
        text-align: center;
    }
}

@media only screen and (min-width: 1024px){
    .contact-form-wrapper {
        padding: 30px 30px 15px 30px;
        width: 50%;
    }
}


.contact-form{
    margin-bottom:24px;
    margin-top: 1.12em;
    margin-bottom: 1.12em;
    margin-left:auto;
    margin-right: auto;
    background:none;

}
.contact-form-label{
    display: block;
    font-weight: 700;
    font-size: 16px;
    float: none;
    line-height: 1.3;
    margin: 10px 0 4px 0;
    text-align: left;
}

.input-form{
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

.input-form-textarea{
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textarea;
    background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
    padding: 2px;
    min-height: 2.4074074074rem;    
    height: 128px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    width: 100%;
    line-height: 1.3;
}

.contact-form-button-container{
    padding: 10px 0 0 0;
    clear: both;
    position: relative;
}

.contact-form-button{
    background-color:rgb(244,244,244);
    border: 1px solid #ddd;
    color: #333;
    font-size: 1em;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin:0;
    box-shadow: none;
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    font: 400 13.3333px Arial;
}

.required-input{
    color: red;
}
.wpforms-field-label{
	text-align:left;
}

/*コンタクトend*/


/*フッターstart*/
footer {
    border-color: #0079AD !important;
    background-color: #222222;
    border-top: 5px solid #03A8F4;
    min-height: 130px;
}

footer > .grid-container{
    padding: 0;
}

.footer-copyright{
    text-align: center;
    margin-top: 37px;
    color: #ffffff;
}

.music{
	position:fixed;
	width:2400px;
	max-width:100%;
	bottom:0px;
	text-align:center;
}

/*フッターend*/

/*404*/
.tmp_404{
	text-align:center;
	padding-top:120px;
	padding-bottom:120px;
}