@charset "utf-8";
/* CSS Document */

/******************************************
基本設定
*******************************************/
html{
font-size:14px;
}


/******************************************
ヘッダ
*******************************************/
header {
    width: 100%;
}
header .headerTitle {
    width: 35%; 
    max-width: 169px;
}
header .headerMenu {
    width: 65%;
}
header .headerMenu img.compLogo {
    width: 100%;
    max-width: 230px;
}
header .headerMenu img.homeBtn {
    width: 60%;
    max-width: 120px;
}


/******************************************
フッタ
*******************************************/
footer {
    width: 100%;
}
p.copy {
	width: 100%;
}


/******************************************
パンくずリスト
*******************************************/
nav {
    width: 100%;
}


/******************************************
メイン
*******************************************/
article {
    width: 100%;
}


/******************************************
タイトル
*******************************************/
.mainTitle {
    margin-bottom: 20px;
}
.mainTitle h3 {
    padding: 10px 10px;
}
.mainTitle h1 {
	padding: 8px 10px 4px;
    font-size: 1.6rem;
}
.mainTitle h2 {
	padding: 0 10px 7px;
    font-size: 1.3rem;
}
.mainTitle p {
	padding: 20px 3% 10px;
}


/* セミナー概要
*******************************************/
.overview h2 {
    margin-right: auto;
    margin-left: auto;
    width: 96%;
}


/* 日程
*******************************************/
.schedule h2 {
    margin-right: auto;
    margin-left: auto;
    width: 96%;
}
.schedule p.midashi {
    width: 96%;

}
.dataArea {
    width: 96%;
}
.data {
    margin: 0 auto 10px;
    width: 90%;
    max-width: 380px;
    display: block;
}


/* オンライン（動画配信）
*******************************************/
.applyOnline {
}
.applyOnline p {
    margin-bottom: 5px;
    width: 100%;
    float: none;
}
.applyOnline div {
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 20px;
    width: 100%;
    float: none;
}


/* 受講のおすすめ
*******************************************/
.recommend {
    margin: 10px 0;
    padding: 20px 15px;
}
.recommend h2 {
	margin: 0 0 0.5em;
}
.recommend img.photo {
    width: 50%;
    height: auto;
}
.recommend .img_box {

}
.recommend .img_box img.photo {
    width: 100%;
    height: auto;
}


/* ガイダンスプログラム
*******************************************/
.resume {
    width: 96%;
    column-count: 1;
}
.singleCol {column-count: 1;}
.doubleCol {column-count: 1;}








/* 装飾系 **************/
.w100par {width: 100% !important;}
.w90par  {width: 100% !important;}
.w80par  {width: 100% !important;}
.w75par  {width: 100% !important;}
.w70par  {width: 100% !important;}
.w60par  {width: 100% !important;}
.w50par  {width: 100% !important;}
.w40par  {width: 80% !important;}
.w30par  {width: 60% !important;}
.w25par  {width: 50% !important;}
.w20par  {width: 40% !important;}
.w10par  {width: 20% !important;}


.pcOnly {display: none;}
.spOnly {display: inline;}