@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*H2見出し*/
h2 {
    position: relative;/*相対位置*/
    padding-left: 1.4em;/*アイコン分のスペース*/
    line-height: 1.4;/*行高*/
    color: #696766;/*文字色*/
}

h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f578";/*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;/*絶対位置*/
    font-size: 1em;/*サイズ*/
    left: 0;/*アイコンの位置*/
    top: 0;/*アイコンの位置*/
    color:#313131; /*アイコン色*/
}

/* ページタイトル */
.c-pageTitle{
    display: none;
}
/* 船長 */
.box {
    position: relative;
    padding: 2rem;
    border-radius: 10px;
    border: 3px solid #7c7c7c;
    box-shadow: 5px 5px 0 #313131;
}

.border1{
    background: linear-gradient(transparent 60%,#FFFACD 30%);
    display: inline-block;
}

.messege {
    text-align: center;
    position: relative;
    font-weight: bold;
    }
.messege::before {
    content:"MESSEGE";
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%) rotate(-12deg);
    color: #c0c0c0;
    font-size: 40px;
    font-family: ‘Dancing Script’, cursive;
    font-style: italic;
    z-index: -1;
    }