@charset "UTF-8";
/*=================
Heading
=================*/
.h3_3co .h3TxtWrap{
    line-height: 1.5;
    padding:5px 20px 7px;
}
.h4_offLink, .h4_onLink{
    padding-bottom: 9px;
    line-height: 1.5;
}
/*=================
Img
=================*/
img{
    vertical-align:middle;
    max-width:100%;
}
/*=================
Br
=================*/
.br_sp{display:none;}
/*=================
Indent
=================*/
.indnt01{
    text-indent:-1em;
    padding-left:1em;
}
.indnt015{
    text-indent:-1.5em!important;
    padding-left:1.5em!important;
}
/*=================
Button
=================*/
.btn_container{
    margin-bottom:30px;
    text-align:center;
}
a.btn_doc,
a.btn_link{
    background-color:#fff;
    border:#cccccc solid 1px;
    color:#333;
    box-shadow:0 3px 0 #ebebeb;
    display:inline-block;
    padding:1em 2.5em 1em 0.5em;
    text-align:left;
}
a.btn_doc:hover,
a.btn_link:hover{
    background-color:#ebebeb;
    text-decoration:none;
}
a.btn_doc[href$=".pdf"],
a[href$=".xls"],
a[href$=".xlsx"]{
    background-position:95% center;
}
a.btn_doc:first-of-type{
    margin-right:1em;
}
.btn_doc i,
.btn_link i{
    color:#06a177;
    vertical-align:middle;
}
a.btn_link{
    display:block;
    margin:0 auto;
    text-align: center;
    width:50%;
}
/*=================
Table
=================*/
.table_keage_type01 table,
.table_keage_type02 table{
    margin:0;
    width:100%;
}
.table_keage_type01 th,
.table_keage_type01 td{
        text-align:left;
}
.table_keage_type02 th{
    width:25%;
}
/*=================
Box
=================*/
.box_bg{
    background-color:#f1f1f1;
    padding:1.5em;
    width: 70%;
}
/*=================
見学会の内容
=================*/
.tour_content_container{
    display:flex;
    justify-content: space-between;
}
.tour_content_container > li{
    background-color:#f1f1f1;
    box-sizing:border-box;
    flex:0 1 auto;
    flex-basis:calc((100% / 3) - 20px);
}
.tour_content{
    align-items: center;
    background-color: #006a77;
    color:#fff;
    display:flex;
}
.ttl_content{
    background-color:#06a177;
    flex:2 1 auto;
    font-size:105%;
    font-weight:bold;
    padding:0.5em 1em;
}
.ttl_content > span{
    border-right:#fff solid 1px;
    display:inline-block;
    font-family:"Futura","Century Gothic";
    margin-right:0.7em;
    padding:0.2em 0.7em 0.2em 0;}
.time_content{
    background-color:#006a77;
    flex:1 1 auto;
    padding:0.5em 1em;
    text-align:center;
}
.text_content{
    padding:1em;
}
/*=================
List
=================*/
.list_attention > li{
    padding-left:1em;
    text-indent:-1em;
    margin-bottom:1em;
}
.list_attention02 > li{
    padding-left:1.5em;
    text-indent:-1.5em;
    margin-bottom:0.5em;
}

.list_attention02 > li:last-of-type{
    margin-bottom:0;
}
/*=================
申込みの流れ
=================*/
.apply_flow{
    display:flex;
    flex-wrap:wrap;
}
.apply_flow li{
    border:#cccccc solid 1px;
    box-sizing: border-box;
    flex:0 1 auto;
    flex-basis:calc((100% / 3) - 60px);
    margin:0 60px 30px 0;
    max-width:calc((100% / 3) - 61px);
    min-height: 100px;
    padding: 1em;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.apply_flow li:not(:last-child)::before,
.apply_flow li:not(:last-child)::after{
    content:'';
    display:inline-block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.apply_flow li::before{
    background-color:#06a177;
    height:10px;
    right:-50px;
    width:50px;
}
.apply_flow li::after{
    border-width:12px 0 12px 15px;
    border-color:transparent transparent transparent #06a177;
    border-style:solid;
    height:0;
    right:-60px;
    width:0;
}
.apply_howto > li{
    background-color:#f5f5f5;
    margin-bottom:55px;
    padding:2em 1.5em;
    position:relative;
}
.apply_howto > li:not(:last-child)::after{
    border-width:30px 50px 0 50px;
    border-color:#d5d6d7 transparent transparent transparent;
    border-style:solid;
    bottom:-45px;
    content:'';
    display:inline-block;
    height:0;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:0;
    -webkit-transform:translateX(-50%);
}
.num_step{
    color:#06a177;
    font-family:"Futura","Century Gothic";
    font-size:130%;
    font-weight:bold;
    position:absolute;
    left:1em;
    top:-1.25em;
}
.num_step span{
    font-size:150%;
    padding-left:0.2em;
}
/*=================
お問い合わせ
=================*/
.contact_tool{
    font-weight:bold;
}
.contact_tool span{
    background-color:#d5d6d7;
    display:inline-block;
    font-size:90%;
    font-weight:normal;
    margin-right:1em;
    padding:0.2em 0.5em;
    text-align:center;
    width:70px;
}
#googleMapArea {
    width: 100%;
    height: 390px;
}
#googleMapArea iframe{
    width: 100%;
    height: 390px;
}
/*=================
よくあるご質問
=================*/
.list-faq{
    margin-bottom:40px;
}
.list-faq dt,
.list-faq dd{
    padding-left:40px;
}
.list-faq dd{
    margin: 0.5em 0 1.5em;
}
.list-faq .question{
    color:#868686;
    font-family:"Futura","Century Gothic";
    font-size:120%;
    font-weight:bold;
    display: inline-block;
    text-indent: -40px;
}
.list-faq .answer{
    color:#06a177;
    font-weight:bold;
    font-family:"Futura","Century Gothic";
    font-size:120%;
    display: inline-block;
    text-indent: -40px;
}

/*=================
パンフレット
=================*/
.pageLink .no_border {
	background: none;
}
.pageLink dd {
	margin-bottom: 0.5em;
}

#keage_panf li {
	text-align: center;
}
#keage_panf p img {
	border: 1px solid #ccc;
}


@media screen and (max-width: 800px) {
    #inner-content-area{
        padding-top:0;
        width:100%;
    }
    #leftNav2,
    .br_pc{
        display:none;
    }
    #breadcrumb div{
        padding: 1.5% 3%;
        width:100%;
    }
    #rightContent{
        float:none;
        width:100%;
    }

    .content_container{
        padding:0 3%;
    }

    h1 * {
        background: none !important;
        padding: 0 !important;
    }

    .h3_1co, .h3_3co {
        background: #EE1122;
        color: #FFF;
        text-align: center;
        padding: 10px 0 8px 0;
        font-weight: bold;
        margin: 0 0 10px 0;
        font-size: 18px;
        line-height: 1.3;
        text-indent: 0;
        border: none;
    }
    .h4_offLink {
        padding: 11px 0 11px 10px;
        font-weight: bold;
        margin: 0 10px 15px 0px;
        font-size: 18px;
        border-left: 5px solid #E12;
        text-align: left;
        line-height: 1.3;
        background: none;
    }
    .h4_offLink h1, .h4_onLink h1, .h4_offLink h2, .h4_onLink h2, .h4_offLink h3, .h4_onLink h3 {
        font-size: 100%;
    }
    .h4_offLink * {
        background: none !important;
        padding: 0 !important;
    }
    .lineH4 {
        display: none;
    }
    .tour_content_container > li{
        flex-basis: calc((100% / 3) - 10px);
    }
}
@media screen and (max-width: 480px) {
    .br_sp{display:inline;}
    .content_container *{
        box-sizing:border-box;
    }
    a.btn_doc:first-of-type{
        margin:0 0 1.5em 0;
    }
    a.btn_doc{
        width:100%;
    }
    a.btn_link{
        margin:30px auto;
        width:100%;
    }
   .table_keage_type01 table, .table_keage_type01 th, .table_keage_type01 td{
        border:none;
    }
    .table_keage_type01 th,
    .table_keage_type01  td{
        border:none;
        display:block;
        width:100%;
    }
    .table_keage_type01 th{
        background: #f1f1f1!important;
        font-weight:bold;
    }
    .table_keage_type01  td{
        margin-bottom:1em;
    }
    .table_keage_type02 th:nth-of-type(1){
        width:5%;
    }
    .box_bg{
        width:100%;
    }
    .tour_content_container{
        flex-direction: column;
    }
    .tour_content_container > li{
        flex-basis:auto;
    }
    .tour_content_container > li:not(:last-child){
        margin-bottom:2em;
    }

    .apply_flow{
        flex-direction: column;
    }
    .apply_flow > li{
        margin:0 0 55px 0;
        min-height: auto;
        max-width:100%;
    }

    .apply_flow li:not(:last-child)::before{
        display:none;
    }
    .apply_flow li:not(:last-child)::after{
        border-width:20px 40px 0 40px;
        border-color:#06a177 transparent transparent transparent;
        bottom:-40px;
        left:50%;
        transform:translateX(-50%);
        top: auto;
        -webkit-transform:translateX(-50%);
    }
    .contact_tool span{
        display:block;
        margin-bottom:1em;
    }
    #googleMapArea{
        margin-bottom:40px;
    }

	#keage_panf .left, #keage_panf .right {
		float: none;
		width: 100%;
	}
}