/* ------------------------------------------------------------

	はじめての方へ

------------------------------------------------------------ */

/* - 共通スタイル
------------------------------------------------------------ */
div.header_line {
    /*background-color: #0b838a;*/
}


/* - はじめての方へ メニュー
-------------------------------- */

div.beginner_menu { margin-bottom: 30px; }

div.beginner_menu div.menu_header {
    display: table;
	width: 100%;
	background-color: #1b521f;
    color: #fff;
    font-weight: bold;
	padding: 6px 0;
}

div.beginner_menu div.menu_header div { display: table-cell; }

div.beginner_menu div.menu_header div.title {
	vertical-align: middle;
	font-size: 1.3rem;
}

div.beginner_menu div.menu_header div.title span.title_top {
	display: inline-block;
	padding-left: 12px;
}

div.beginner_menu div.menu_header div.title span.title_2nd {
	display: inline-block;
    padding: 4px 8px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 3px;
}

div.beginner_menu div.menu_header div.title i {
	margin: 0 0.5em;
	margin-right: 0.7em;
	font-size: 1.4rem;
}

div.beginner_menu div.menu_header div.btn {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}

div.beginner_menuul.link_list { padding: 3px; /*display: none;*/ }
div.beginner_menu ul.link_list > li { padding: 3px; }
div.beginner_menu ul.link_list > li > a { font-size: 1.2rem; }

div.beginner_menu ul.link_list > li a:focus { background-color: #fff8e1; }
div.beginner_menu ul.link_list > li.current a:focus { color: #06a; }
div.beginner_menu ul.link_list > li.current a:focus i { color: #188542; }

div.beginner_menu ul.link_list > li i.fa-chevron-circle-down { display: none; }
div.beginner_menu ul.link_list > li.current i.fa-chevron-circle-right { display: none; }
div.beginner_menu ul.link_list > li.current i.fa-chevron-circle-down { display: inline-block; }

div.beginner_menu .collapse-close-btn {
    text-align: center;
    padding: 10px;
	padding-top: 5px;
	background-color: #ebebeb;
}

.main_vis { text-align: center; }


/* - テキスト＆画像のグリッド
-------------------------------- */

.grid {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.grid > div {
	display: table-cell;
	vertical-align: top;
}

.grid > .img { /*vertical-align: middle;*/ }

.grid > .img > p img { vertical-align: top; }

.grid > .txt { padding-left: 30px; }


/* - YouTube動画
-------------------------------- */

div.mov { 
	width: 640px;
	margin: 0 auto;
	padding: 0;
}

div.if_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

div.if_wrap > iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


/* ------------------------------------------------------------

	979px以下

------------------------------------------------------------ */

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

    
}


/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */

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

	ul.link_list.multi.div4 > li {
		width: 33.33%;
	}
	
	/* - テキスト＆画像のグリッド
	-------------------------------- */
	.grid,
	.grid > div { display: block; }
	
	.grid > .img {
		width: auto;
		text-align: center;
	}
		
	.grid > .txt {
		padding-top: 15px;
		padding-left: 0;
	}
	
	
	/* - YouTube動画
	-------------------------------- */
	div.mov { width: 100%; }
	
}


/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */

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

	ul.link_list.multi.div4 > li {
		width: 50%;
	}
	
	ul.link_list.multi > li {
		float: left;
	}

	
}


/* ------------------------------------------------------------

	480px以下

------------------------------------------------------------ */
@media screen and (max-width: 480px) {
　
 
 
}


/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and (max-width: 479px) {
	
		
 
}


/* ------------------------------------------------------------

	424px以下

------------------------------------------------------------ */
@media screen and (max-width: 424px) {
	
	/* - はじめての方へ メニュー
	-------------------------------- */
	div.beginner_menu div.menu_header div.title span.title_top { padding-left: 10px; }
	
	div.beginner_menu div.menu_header div,
	div.beginner_menu div.menu_header div { display: block; }
	div.beginner_menu div.menu_header div.btn {
		padding: 0 6px;
		padding-top: 6px;
	}
	div.beginner_menu div.menu_header div.btn a.btn-def { display: block; }
	
	ul.link_list.multi.div4 > li { width: 100%; }
	
}



/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */

@media screen and ( max-width : 359px ) {
	
	/* - はじめての方へ メニュー
	-------------------------------- */
    div.beginner_menu div.menu_header div.title span.title_top { padding-left: 8px; }
	
	div.beginner_menu div.menu_header div.btn { padding-right: 6px; }
    
    
}



/* ------------------------------------------------------------

	320px以下

------------------------------------------------------------ */

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