﻿@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

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

リンク

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

@media screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global li.g04 a{background: url(../img/pc/nav_global01.jpg) no-repeat -410px -220px;}

	/* リスト
	---------------------------------------------- */
	.list_link{
		display:-webkit-flex;/*--safari用--*/
		display:flex;
		-webkit-flex-wrap:wrap;/*--safari用--*/
		flex-wrap:wrap;
	}
	
	.list_link li{
		width: 31.5%;
		line-height: 1.4;
		margin-right: 2.7%;
		border-bottom: 2px solid #DDDDDD;
	}
	
	.list_link li:nth-child(3n){margin-right: 0;}
	
	.list_link li a{
		background: url(../img/ico_arrow03.png) no-repeat 20px 1.4em;
		background-size: 8px;
		color: #333;
		display: block;
		padding: 13px 0 13px 50px;
	}

	.list_link li a:hover{color: #345B84;}

        .kaisetu {
		position: relative;
		padding: 0 80px 0;
		margin-bottom: 40px;
		font-size: 1.6rem;
       }
	
} /*--@media--*/


@media screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,iPod,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* リスト
	---------------------------------------------- */
	.list_link li{
		font-size: 1.5rem;
		line-height: 1.4;
		border-bottom: 2px solid #DDDDDD;
	}
	
	.list_link li a{
		background: url(../img/ico_arrow03.png) no-repeat right 10px center;
		background-size: 8px;
		color: #333;
		display: block;
		padding: 13px 25px 13px 0;
	}

       .kaisetu {
		position: relative;
		font-size: 1.3rem;
		margin-bottom: 30px;
       }

} /*--@media--*/
