@charset "UTF-8";
/* -------------------------------------
	case 1078px (PCサイト/コンテンツ幅より小さい時) */
@media screen and (max-width: 1098px){
	/*----------------------------------------*/
	body{
		min-height:4px;
	}

	.header,
	.footer,
	.content{
		min-width:1px;
	}

	.header .header_inner,
	.footer .footer_inner,
	.content .content_inner{
		width:100%;
		padding-right:10px;
		padding-left:10px;
	}

.header .navi .g_navi ul li{
	font-size:1.2rem;
	white-space:nowrap;
}

	.content{
		width:100%;
	}

	.list_area a dl{
		padding:0.7em 1.4em 0.7em 1.4em;
	}
	.list_area a dl dd{
		width:100%;
	}
	.list_area a dl dd .ttl{
		padding:0.5em 0 0;
		width:100%;
	}

	.column02_area{
		background:#f6f5f2;
		letter-spacing:-.40em;
		padding:30px 30px;
	}
	.column02_area a{
		display:block;
	}
	.column02_area .column .col dl dd img{
		max-width:100%;
	}

	.pagetop_area{
		width:100%;
	}
	.pagetop_area .pagetop .link{
		margin-left:0;
		right:10px;
		padding-bottom:2em;
	}
	.pagetop_area .pagetop .link a:last-child{
		margin-top:10px;
	}

	/*----------------------------------------*/
}
/*	end case 960px (PCサイト/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/






/* -------------------------------------
	case 960px  */
@media screen and (max-width: 960px){
/*----------------------------------------*/
.header .mypage_area{
	width: 59%;
}

/*----------------------------------------*/
}
/*	end case 960px
----------------------------------------*/











/* -------------------------------------
	case 768px (iPadの縦想定) */
@media screen and (max-width: 768px){
	/*----------------------------------------*/
	body{
		min-height:3px;
	}


	/*----------------------------------------*/
}
/*	end case 768px (iPadの縦想定 ここまで)
----------------------------------------*/
/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px){
	/*----------------------------------------*/
	body{
		min-height:2px;
		font-size:28px;
		font-size:2.8rem;
	}

	.pc{
		display:none !important;
	}
	.pc.col{
		display:none !important;
	}

	br.pc{
		display:none !important;
	}

	.pc_inline{
		display:none !important;
	}

	.sp{
		display:block !important;
	}

	.sp_inline{
		display:inline !important;
	}

	img{
		max-width:100%;
	}

	.header{
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		border-top:3px solid #eae4d2;
		width:100%;
		z-index:49;
		padding:3% 0;
	}
	.header .header_inner{
		padding:0 0 3%;
	}
	.header .logo{
		float:none;
		width:65%;
		margin:0 auto;
	}
	.header .mypage_area{
		width: 100%;
		text-align: center;
	}
	.header .sub_navi{
		display:none;
	}
	.header .navi{
		width:100%;
		float:none;
	}
	.header .search_area{
		display:block;
		text-align:center;
		width:100%;
		margin:2em 0 0;
	}
	.search_area .text{
		line-height:1.5rem;
		width:12em;
	}
	.search_area .btn{
		line-height:2.5rem;
		width:auto;
	}

	.header .navi .g_navi{
		width:100%;
		position:static;
	}
	.header .navi .g_navi .g_navi_inner{
		background:#eae4d2;
		position:absolute;
		width:100%;
		z-index:50;
	}
	.header .navi .g_navi .g_navi_inner ul{
		width:100%;
	}
	.header .navi .g_navi .g_navi_inner ul li{
		font-size:32px;
		font-size:3.2rem;
		line-height:3em;
		border-right:none;
		border-bottom:1px solid #fff;
		text-align:left;
		width:100%;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi01 a:before{
		font-size:36px;
		font-size:3.6rem;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi02 a:before{
		font-size:30px;
		font-size:3rem;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi03 a:before{
		font-size:34px;
		font-size:3.4rem;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi04 a:before{
		font-size:32px;
		font-size:3.2rem;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi05 a:before{
		font-size:32px;
		font-size:3.2rem;
	}
	.header .navi .g_navi .g_navi_inner ul li.navi06 a:before{
		font-size:32px;
		font-size:3.2rem;
	}
	.header .navi .g_navi .g_navi_inner ul li a{
		text-align:left;
		padding:0 2em;
	}
	.header .navi .g_navi .g_navi_inner ul li a:hover{
		text-decoration:underline;
	}

	.menu_trigger,
	.menu_trigger span{
		display:inline-block;
		-webkit-transition:all .4s;
		        transition:all .4s;
		box-sizing:border-box;
	}

	.menu_trigger{
		position:absolute;
		right:10px;
		top:50%;
		width:35px;
		height:44px;
		margin-top:-22px;
	}

	.menu_trigger span{
		position:absolute;
		left:0;
		width:100%;
		height:5px;
		background-color:#000;
		border-radius:10px;
	}

	.menu_trigger span:nth-of-type(1){
		top:7px;
	}

	.menu_trigger span:nth-of-type(2){
		top:19px;
	}

	.menu_trigger span:nth-of-type(3){
		bottom:7px;
	}

	.menu_open .menu_trigger span:nth-of-type(1){
		top:0;
		-webkit-transform:translateY(20px) rotate(-45deg);
		-ms-transform:translateY(20px) rotate(-45deg);
		    transform:translateY(20px) rotate(-45deg);
	}

	.menu_open .menu_trigger span:nth-of-type(2){
		top:20px;
		opacity:0;
	}

	.menu_open .menu_trigger span:nth-of-type(3){
		bottom:-1px;
		-webkit-transform:translateY(-20px) rotate(45deg);
		-ms-transform:translateY(-20px) rotate(45deg);
		    transform:translateY(-20px) rotate(45deg);
	}

	.g_navi_inner{
		display:none;
	}

	.footer .logo{
		float:none;
		text-align:center;
	}
	.footer .nav{
		font-size:20px;
		font-size:2rem;
		float:none;
		text-align:center;
		padding:2em 0 1em;
		width:100%;
	}
	.footer .nav ul{
		letter-spacing:-.40em;
	}
	.footer .nav ul li{
		border-left:1px solid #0e6eb8;
		letter-spacing:normal;
		display:inline-block;
	}
	.footer .nav ul li a{
		display:block;
		padding:0 1em;
	}
	.footer .nav ul li:first-child{
		border-left:none;
	}
	.footer .copyright{
		font-size:20px;
		font-size:2rem;
		border-top:1px solid #eaeaea;
		text-align:center;
		padding:1em 0;
	}

	.two_column .main{
		float:none;
		width:100%;
		margin-left:0;
		margin-bottom:3em;
	}
	.two_column .main .main_content{
		margin-left:0;
	}
	.two_column .main .normal_area{
		margin-bottom:1em;
	}

	.two_column .side{
		float:none;
		width:100%;
	}

	.ttl_a{
		font-size:32px;
		font-size:3.2rem;
		padding:0 10px 10px;
		margin-bottom:0.7em;
	}

	.ttl_b{
		font-size:32px;
		font-size:3.2rem;
		border-radius:5px 5px 0 0;
		margin:0;
		padding:15px 20px 12px;
	}
	.ttl_c{
		font-size:28px;
		font-size:2.8rem;
		padding:0.5em 1.2em;
	}
	.ttl_e{
		font-size:28px;
		font-size:2.8rem;
	}

.normal > li,
.number > li,
.notes_list > li,
.square > li,
.list_icon01 > li,
.list_icon02 > li,
.textlist > li,
.textlist_a > li,
.textlist_b > li,
.textlist_c > li{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.4;
}

	.column_a{
		margin-bottom:1em;
	}
	.column_a .col_left{
		float:none;
		width:100%;
	}
	.column_a .col_right{
		float:none;
		width:100%;
	}

	.list_area a dl{
		padding:0.7em 1em;
	}
	.list_area a dl dt{
		margin-bottom:1.5%;
	}
	.category{
		font-size:24px;
		font-size:2.4rem;
		border-radius:0;
		margin-right:3%;
		padding-right:1em;
		padding-left:1em;
		width:auto;
	}
	.list_area a dl dd .ttl{
		width:100%;
		display:block;
		padding-top:0.2em;
	}

	.inner_sns_area{
		background:none;
		border:none;
		margin-bottom:1em;
	}

	.arrow{
		background-position:left center;
	}
	.first_letter{
		font-size:25px;
		font-size:2.5rem;
	}

	.column02_area{
		padding:1em;
	}
	.column02_area a{
		display:block;
	}
	.column02_area .column{
		border:none;
		padding:0;
	}
	.column02_area .column .col{
		padding-bottom:1em;
		width:100%;
		margin-left:0;
	}
	.column02_area .column .col dl dt{
		font-size:32px;
		font-size:3.2rem;
	}
	.column02_area .column .col p{
		font-size:28px;
		font-size:2.8rem;
	}
	.column02_area .column:last-child .col{
		padding-bottom:1em;
	}

	.columnblock_area{
		margin:0 0 0 0;
	}
	.columnblock_area article{
		width:100%;
		margin:0 0 1.5em 0;
	}
	.columnblock_area .sub_ttl{
		padding:0.8em;
	}
	.columnblock_area .text{
		font-size:28px;
		font-size:2.8rem;
		padding:0.8em 0.8em;
		margin:0;
	}

	.columnlink01_area{
	}
	.columnlink01_area .col{
		margin:0 0 0.5em 0;
	}
	.columnlink01_area .col a .col_img{
		width:28.43%;
	}
	.columnlink01_area .col a .col_img img{
		max-width:auto;
		width:100%;
	}
	.columnlink01_area .col a .col_text{
		width:61.44%;
		margin-left:6.5%;
	}
	.columnlink01_area .col a .col_text .text{
		font-size:28px;
		font-size:2.8rem;
	}

	.columnlink02_area{
		margin-left:0;
	}
	.columnlink02_area .col{
		width:100%;
		margin:0 0 0.5em 0;
	}
	.columnlink02_area .col a .col_img{
		width:28.43%;
	}
	.columnlink02_area .col a .col_img img{
		max-width:auto;
		width:100%;
	}
	.columnlink02_area .col a .col_text .text{
		font-size:28px;
		font-size:2.8rem;
	}

	.columnlink03_area{
		margin:0 0 0 0;
	}
	.columnlink03_area .col{
		width:100%;
		margin:0 0 1.5em 0;
	}
	.columnlink03_area .col a .img span{
		display:block;
	}
	.columnlink03_area .col a .img .color01{
		background:#f3f9ff;
	}
	.columnlink03_area .col a .img .color02{
		background:#fbf5fc;
	}
	.columnlink03_area .col a .img .color03{
		background:#fff7f7;
	}
	.columnlink03_area .col a .text{
		font-size:28px;
		font-size:2.8rem;
		margin:0 1.2em 1em;
	}
	.columnlink03_area .col a .arrow{
		margin:0 1.5em 0;
	}

	.columnlink05_area{
		margin:0 0 0 0;
	}
	.columnlink05_area .col{
		width:47%;
		margin:0 1.5% 1.5em 1.5%;
	}
	.columnlink05_area .col a .img span{
		display:block;
	}
	.columnlink05_area .col a .img .color01{
		background:#f3f9ff;
	}
	.columnlink05_area .col a .img .color02{
		background:#fbf5fc;
	}
	.columnlink05_area .col a .img .color03{
		background:#fff7f7;
	}
	.columnlink05_area .col a .text{
		font-size:28px;
		font-size:2.8rem;
		margin:0 1.2em 1em;
	}
	.columnlink05_area .col a .arrow{
		margin:0 1.5em 0;
	}
	
	.news_list .category{
		font-size:2.2rem;
	}
	.news_list .txt .ttl{
		font-size:2.3rem;
	}
	.news_list .txt .txt{
		font-size:2rem;
	}
	.news_list .some{
		font-size:1.8rem;
	}
	.news_list .col a{
		padding:0.8em;
	}
.pagelink_list{
}
.pagelink_list li{
	border-bottom:1px solid #e4e7eb;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:0;
}
.pagelink_list li a{
	padding:0.5em;
}
.pagelink_list li a:before{
}

	.ad_area .ad{
		margin-bottom:1em;
		text-align:center;
	}

	.ad_area02{
		margin-bottom:1em;
		padding:2em 0;
	}
	.ad_area02 .column{
		letter-spacing:-.40em;
		text-align:center;
	}
	.ad_area02 .column .col{
		width:100%;
		margin:0 0 3%;
	}
	.ad_area02 .column .col:last-child{
		margin-bottom:0;
	}

	.side .inner{
		padding:0;
	}
	.side .link_list li{
		background-image:-webkit-gradient(linear, center top, center bottom, from(#fcf8ee), to(#f1ecdb));
		background-image:-webkit-linear-gradient(top, #fcf8ee, #f1ecdb);
		background-image:linear-gradient(to bottom, #fcf8ee, #f1ecdb);
		font-size:28px;
		font-size:2.8rem;
		margin:0 0 0 0;
	}
	.side .link_list li a{
		background:url(../../images/top/ico_arrow_right02.png) no-repeat 1em 0.8em;
		background-size:5% auto;
		display:block;
		line-height:1.35;
		padding:0.8em 10px 0.8em 2.8em;
	}
	.side .link_list li:last-child{
		margin-bottom:0;
	}

	.breadcrumb {
		display: none;
	}
	.breadcrumb.sp {
		display: block;
	}
	.link_archivelist {
		display: block;
		font-size: 2.4rem;
		letter-spacing: normal;
		margin: 0 0 1rem 0;
		text-align: right;
	}
	.link_archivelist a {
		color: #0e6eb8;
		text-decoration: none;
	}


/*----------------------------------------------------
	.テーブル装飾
----------------------------------------------------*/
	.table_type01 th,
	.table_type01 td,
	.table_type02 th,
	.table_type02 td,
	.table_type03 th,
	.table_type03 td{
		font-size:24px;
		font-size:2.4rem;
	}

/*.table_type01
----------------------------------------------------*/
    .table_type01 th,
    .table_type01 td{
		width: 100%;
        display: block;
		border-top: none;
    }
	.table_type01 tr:first-child th{ border-top: 1px solid #ddd; }

/*.table_type02
----------------------------------------------------*/
	.table_type02 { 
		display: block; 
		width: 100%; 
	}
	.table_type02 thead{ 
		display: block; 
		float: left;
		overflow-x:scroll;
	}
	.table_type02 tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	.table_type02 th{ 
		display: block;
		width:auto;
	}
	.table_type02 tbody tr{ 
		display: inline-block; 
		margin: 0 -4px;
	}
	.table_type02 td{ 
		display: block;
	}

/*.table_type03
----------------------------------------------------*/
	.table_type03 tr {
		display:block;
		margin-bottom: 10px;
	}
	.table_type03 th {
		display:block;
		width: 100%;
	}
	.table_type03 td {
		display: list-item;
		width: 90%;
		margin-left: 10%;
		border:none;
	}

/*----------------------------------------------------
	画像テキスト横並び
----------------------------------------------------*/
	.image_left .image_box,
	.image_right .image_box{
		float:none;
		margin:0 0 1.5em 0;
		text-align:center;
	}

/*----------------------------------------------------
	画像横並び
----------------------------------------------------*/
	.image_column02 .col,
	.image_column03 .col {
		float: none;
		margin: 0 0 1.5em 0;
		width: 100%;
	}
	.image_column04 .col {
		margin: 0 0 1.5em 1.99%;
		width: 49%;
	}
	.image_column04 div.col:nth-child(odd) {
		margin-left: 0;
	}





	.mypage_btn:before,
	.mypage_btn{
		font-size: 2.5rem;
	}
	.mypage_btn{
		margin:3.12% 0 4.68%;
	}
	a.mypage_link{
		font-size:2.4rem;
		width: 90%;
		min-width: 90%;
		max-width: 90%;
	}

	/*----------------------------------------*/
	/*----------------------------------------*/
}
/*	end case 736px (スマホサイズ ここまで)
----------------------------------------*/
/* -------------------------------------
	case 640px (スマホの小さめのサイズ)   */
@media screen and (max-width: 640px){
	/*----------------------------------------*/
	body{
		min-height:1px;
	}

	.container{
		max-width:640px;
		width:100%;
		margin:0 auto;
	}

	/*----------------------------------------*/
}
/*	end case 640px (スマホの小さめのサイズ ここまで)
----------------------------------------*/