/*===========================================================
HEADER MAIN-NAV　--ヘッダー・ナビ
lead-contents　--ヘッダー下のリードエリア
SECTION　--セクションの共通設定
それ以降は各セクションごとの設定
===========================================================*/

/* GENERAL STYLES
================================================== */t
html {
    height:100%
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-size:15px;
    font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 300;
    color: #404040;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    word-break: break-word;
    word-wrap: break-word;
}

p {
    margin: 0;
    padding: 0;
}

ul li {
    list-style:none;
}

.wrapper {
    z-index:600;
    position:relative
}

a{text-decoration:none;}

a:link,a:visited {
    color: #396bff;
}

a:hover img{opacity:0.6;}

.pc-none{display:none;}
.sp-none{display:block;}

/*テキストスタイル*/
.center{text-align:center!important;}
.fw-b{font-weight: bold;}
.red{color:#FF0000;}
.small {font-size: 12px;}

.mb20 {margin-bottom: 20px;}


/*HEADER
================================================== */

/* header */
#top-head {
    width: 100%;
    padding: 36px 40px;
    z-index: 500;
    background: #fff;
}

#top-head .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.top_logo {

}
.top_logo a{
    display: block;
    width: 81px;
    line-height: 0;
}
.top_logo a img{
    width: 100%;height: auto;
}

/*ナビメニュー*/
#global-nav ul {
    display: flex;
    font-size: 16px;
    margin-right: auto;
}
#global-nav ul li {
    margin-left: 36px;
}
#global-nav ul li a {
    display: block;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #404040;
}

#global-nav ul li a:hover{opacity: 0.8;}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    background: #fff;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
	z-index:999;
}

/*google翻訳*/
#google_translate_element {
	z-index: 500;
	position: absolute;
	top: 15px;
	right: 30px;
}

/*MAINV
================================================== */
.mainvArea-pc{
    width: 100%;
    display: block;
}
.mainvArea-sp{
    display: none;
}
.mainv{
    width: 100%;
}
.mainv img{
    width: 100%;
    height: auto;
}

/* SECTION
================================================== */
section{
    width: 90%;
    max-width: 1000px;
    margin: 105px auto;
}

h2{
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 31px;
    text-align: center;
    margin-bottom: 50px;
}

/*INFORMATION
================================================== */
.info-list a:link,#topics-list a:visited {
    color: #396bff;
}

.info-list a:hover {
    color: #396bff;
}

.info-list {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
}

.info-list li{
    display: block;
    border-bottom:1px solid #cccccc;
    text-align:left;
    padding: 20px 0;
    color: #404040;
    position: relative;
}
.info-list li:first-child{border-top:1px solid #cccccc;}
.info-list li a{color: #404040 !important;}
.info-day{
    display: inline-block;
    margin-right: 30px;
}
.info-title{
    display: inline-block;
}
.info-more{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}
.info-more a{
    display: inline-block;
    padding: 4px 16px;
    border-radius: 5px;
    border: 1px solid #404040;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1rem;
}
.info-more a:after{
    content: "";
    display: inline-block;
    width: 8px;height: 8px;
    border-top: 1px solid #404040;
    border-left: 1px solid #404040;
    transform: rotate(135deg);
    position: relative;
    margin-left: 10px;
    right: 0;
}

#topics-list a:link,#topics-list a:visited, #topics-list a:hover {
    color: #303a9a;
}

/* COMPANY
================================================== */
.company-infolist{
    width: 90%;
    max-width:857px;
    margin: 40px auto;
    font-size: 16px;
}

.company-infolist-item{
    display: flex;
    width: 100%;
}
.company-infolist dt{
    width: 220px;
    padding: 22px 0;
    border-bottom: 1px solid #c6c6c6;
}

.company-infolist dd{
    display: inline-block;
    width: calc(100% - 220px);
    padding: 22px 0;
    border-bottom: 1px solid #c6c6c6;
}

/* 赤枠
================================================== */
.redframe {
    border: 2px solid #f50045;
    padding: 25px;
    text-align: left;
    background: #000000;
    color: #ffffff;
}

.redframe p {
    line-height: 190%;
}


/*btn01*/
.btn01{
    width: 300px;
    margin: 10px auto;
    position: relative;
    transition: .2s ease-in;
}

.btn01 a{
        display: block;
        padding: 15px;
        color: #fff;
        background: #008234;
        border:2px solid  #055845; 
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        position: relative;
        transition: .2s;
        overflow: hidden;
        box-sizing: border-box;
    }

.btn01 a:before{/*アロー*/        
    content: "";
    display: block;
    width: 0;height: 0;
    border: 4px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    top: 50%; right: 12px;
    margin-top: -4px;
    /*animation: arrow 1s infinite;*/
}
.btn01 a:after{/*横から出てくる背景*/
    content: "";
    display: block;
    width: 70px; height: 100%;
    position: absolute;
    top: 0; left: -40%;
    background: rgba(255, 255, 192, 0.2);
    transform:skewX(40deg);
    z-index: 2;
}
.btn01:hover{
    /*transform: scale(1.008);*/
    transition: .2s ease-in-out;
}
.btn01:hover a{
    transition: .2s;
    color: #fff;
    border-top-color: rgba(255, 255, 200, 0.3);
    border-left-color: rgba(255, 255, 200, 0.3);
    border-bottom-color: #055845;
    border-right-color: #055845; 
}

.btn01:hover a:after{
    content: "";
    display: block;
    left: 140%;
    transform:skewX(40deg);
    transition: .5s ease-in-out;
} 

@keyframes arrow{
    0%{right: 12px;}
    50%{right: 5px;}
    60%{right: 5px;}
    90%{right: 12px;}
    100%{right: 12px;}
}

/* SINGLE-SECTION
================================================== */
.single-section{
    width: 90%;
    max-width: 1000px;
    margin: 105px auto;
}
.single-section-title{
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

/* information single
================================================== */

.info-cont{
    padding: 20px 0;
    position: relative;
}
.info-cont .info-more{
    position: relative;
    top: auto;
    transform: translateY(0px);
    margin-top: 10px;
}

/*single*/
.info-detail dt{
    padding-bottom: 20px;
    border-bottom: 1px solid #404040;
}
.info-detail-title{
    font-size: 18px;
}
.info-detail dd{
    padding: 20px 0;
}

/* contactform
================================================== */
.contactForm-wrap{
    width: 90%;
    max-width: 540px;
    margin: 0 auto;
}
.contactForm-wrap p{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.hissu{
    color: #f50045;
    font-size: 13px;
}

.wpcf7-form-control-wrap{
    display: block;
    margin-top: 4px;
}

.wpcf7-submit{
    display: block;
    background: #404040;
    color: #fff;
    padding: 10px 20px;
    width: 280px;
    margin: 40px auto;
}

input[type="text"], input[type="tel"], input[type="email"], textarea{
    width: 100%;
    padding: 6px;
}

.wpcf7-response-output{text-align: center;}

span[data-name="checkbox-agree"]{
    text-align: center;
}
input[type="checkbox"]{margin-right: 10px;}

.contactForm-wrap iframe{
    width: 100%;
    border: 1px solid #767676;
    padding: 10px;
}

.wpcf7-not-valid-tip{
    font-size: 14px;
    color: #ff0000;
    display: block;
}

/*footer
================================================== */

#footer{
	background-color:#404040;
	color:#FFF;
	text-align:center;
	font-size:80%;
	padding:68px 0 32px;
}

#footer a:link{
	color:#FFF!important;
}
#footer a:visited{
	color:#FFF!important;
}

.footerLogo{
    width: 81px;
    margin: 0 auto 50px;
}
.footerLogo img{
    width: 100%;height: auto;
}

.footerMenu{
    display: flex;
    justify-content: center;
    
}
.footerMenu li{
    margin: 20px;
}
.footerMenu li a{
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.copy{
    margin-top: 67px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 12px;
}

/*クレジット
================================================== */
.organizer-cont{
    text-align: left;
    width: 270px;
    margin-left: auto; margin-right: auto;
}