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

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

	PC

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

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

	法人向け取扱業務

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl_inner{
		background: url("../corporation/img/pc/bg_pagettl01.jpg") no-repeat center center;
		background-size: cover;
	}
	
	/* コンテンツ
	---------------------------------------------- */
	.explain{
		background: rgba(255,255,255,0.8);
		line-height: 2.2;
		padding: 90px 60px;
		margin-bottom: 100px;
	}
	
	.explain:last-of-type{margin-bottom: 0;}
	
	.explain p{margin-bottom: 20px;}
	
	.explain p:last-of-type{margin-bottom: 0;}

	/* ボタン
	---------------------------------------------- */
	.btn_work{
		display:-webkit-flex;
		display:flex;
	}
	
	.btn_work p{
		width: 50%;
		font-size: 2.4rem;
		font-weight: bold;
		letter-spacing: 0.3em;
		text-align: center;
	}
	
	.btn_work p.on{background: #759575;}
	
	.btn_work p.off{background: #C3CCC3;}
	
	.btn_work p a{
		display: block;
		padding: 38px 0;
	}
	
	.btn_work p.on a{color: #FFF;}
	
	.btn_work p.off a{color: #B1BAB1;}


	/* ナビ
	---------------------------------------------- */
	.nav_work{
		background: rgba(255,255,255,0.8);
		padding: 60px 60px 30px;
		margin-bottom: 100px;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	.work{
		width: 340px;
		margin: 0 30px 30px 0;
	}

	.work:nth-child(3n){margin-right: 0;}
	
	.work a{display: block;}
	
	.work a:hover{opacity: 0.7;}
	
	.work a .image{
		width: 340px;
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.work:nth-child(1) a .image{background-image: url("../corporation/img/nav_corp01.jpg");}
	.work:nth-child(2) a .image{background-image: url("../corporation/img/nav_corp02.jpg");}
	.work:nth-child(3) a .image{background-image: url("../corporation/img/nav_corp03.jpg");}
	.work:nth-child(4) a .image{background-image: url("../corporation/img/nav_corp04.jpg");}
	.work:nth-child(5) a .image{background-image: url("../corporation/img/nav_corp05.jpg");}
	.work:nth-child(6) a .image{background-image: url("../corporation/img/nav_corp06.jpg");}
	.work:nth-child(7) a .image{background-image: url("../corporation/img/nav_corp07.jpg");}
	.work:nth-child(8) a .image{background-image: url("../corporation/img/nav_corp08.jpg");}
	.work:nth-child(9) a .image{background-image: url("../corporation/img/nav_corp09.jpg");}
	
	.work a p{
		background: #759575;
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 0.2em;
		padding: 9px 0;
	}

	/* 定義
	---------------------------------------------- */
	.dl_work01{margin-top: 30px;}
	
	.dl_work01 dt{
		color: #749474;
		font-weight: bold;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding-left: 40px;
		margin-bottom: 10px;
	}
	
	.dl_work01 dt:nth-of-type(1){background-image: url("../img/ico_number01_01.gif");}
	.dl_work01 dt:nth-of-type(2){background-image: url("../img/ico_number01_02.gif");}
	.dl_work01 dt:nth-of-type(3){background-image: url("../img/ico_number01_03.gif");}
	.dl_work01 dt:nth-of-type(4){background-image: url("../img/ico_number01_04.gif");}
	
	.dl_work01 dd{margin-bottom: 25px;}
	
	.dl_work01 dd:last-of-type{margin-bottom: 0;}

	/* リスト
	---------------------------------------------- */
	.list_work01{margin-top: 30px;}
	
	.list_work01 li{
		color: #749474;
		font-weight: bold;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.list_work01 li:nth-child(1){background-image: url("../img/ico_number01_01.gif");}
	.list_work01 li:nth-child(2){background-image: url("../img/ico_number01_02.gif");}
	.list_work01 li:nth-child(3){background-image: url("../img/ico_number01_03.gif");}
	.list_work01 li:nth-child(4){background-image: url("../img/ico_number01_04.gif");}
	
	.list_work01 li:last-of-type{margin-bottom: 0;}


}/*--@media--*/


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

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

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

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

	法人向け取扱業務

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl_inner{
		background: url("../corporation/img/sp/bg_pagettl01.jpg") no-repeat center center;
		background-size: cover;
	}
	
	/* コンテンツ
	---------------------------------------------- */
	.explain{
		background: rgba(255,255,255,0.8);
		line-height: 1.8;
		padding: 40px 15px;
		margin-bottom: 50px;
	}
	
	.explain:last-of-type{margin-bottom: 0;}
	
	.explain p{margin-bottom: 20px;}
	
	.explain p:last-of-type{margin-bottom: 0;}

	/* ボタン
	---------------------------------------------- */
	.btn_work{margin-bottom: 20px;}
	
	.btn_work p{
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0.3em;
		text-align: center;
	}
	
	.btn_work p:nth-child(1){margin-bottom: 20px;}
	
	.btn_work p.on{background: #759575;}
	
	.btn_work p.off{background: #C3CCC3;}
	
	.btn_work p a{
		display: block;
		padding: 20px 0;
	}
	
	.btn_work p.on a{color: #FFF;}
	
	.btn_work p.off a{color: #B1BAB1;}

	/* ナビ
	---------------------------------------------- */
	.nav_work{
		background: rgba(255,255,255,0.8);
		padding: 40px 20px 15px;
		margin-bottom: 50px;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	
	.work{
		width: 48.46%;
		margin: 0 10px 25px 0;
	}

	.work:nth-child(2n){margin-right: 0;}
	
	.work a{display: block;}
	
	.work a .image{
		width: 100%;
		padding-top: 63.49%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.work:nth-child(1) a .image{background-image: url("../corporation/img/nav_corp01.jpg");}
	.work:nth-child(2) a .image{background-image: url("../corporation/img/nav_corp02.jpg");}
	.work:nth-child(3) a .image{background-image: url("../corporation/img/nav_corp03.jpg");}
	.work:nth-child(4) a .image{background-image: url("../corporation/img/nav_corp04.jpg");}
	.work:nth-child(5) a .image{background-image: url("../corporation/img/nav_corp05.jpg");}
	.work:nth-child(6) a .image{background-image: url("../corporation/img/nav_corp06.jpg");}
	.work:nth-child(7) a .image{background-image: url("../corporation/img/nav_corp07.jpg");}
	.work:nth-child(8) a .image{background-image: url("../corporation/img/nav_corp08.jpg");}
	.work:nth-child(9) a .image{background-image: url("../corporation/img/nav_corp09.jpg");}
	
	.work a p{
		background: #759575;
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 0.3em;
		padding: 6px 0 5px;
	}

	/* 定義
	---------------------------------------------- */
	.dl_work01{margin-top: 30px;}
	
	.dl_work01 dt{
		color: #749474;
		font-weight: bold;
		min-height: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 5px 0 0 40px;
		margin-bottom: 10px;
	}
	
	.dl_work01 dt:nth-of-type(1){background-image: url("../img/ico_number01_01.gif");}
	.dl_work01 dt:nth-of-type(2){background-image: url("../img/ico_number01_02.gif");}
	.dl_work01 dt:nth-of-type(3){background-image: url("../img/ico_number01_03.gif");}
	.dl_work01 dt:nth-of-type(4){background-image: url("../img/ico_number01_04.gif");}
	
	.dl_work01 dd{margin-bottom: 25px;}
	
	.dl_work01 dd:last-of-type{margin-bottom: 0;}

	/* リスト
	---------------------------------------------- */
	.list_work01{margin-top: 30px;}
	
	.list_work01 li{
		color: #749474;
		font-weight: bold;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.list_work01 li:nth-child(1){background-image: url("../img/ico_number01_01.gif");}
	.list_work01 li:nth-child(2){background-image: url("../img/ico_number01_02.gif");}
	.list_work01 li:nth-child(3){background-image: url("../img/ico_number01_03.gif");}
	.list_work01 li:nth-child(4){background-image: url("../img/ico_number01_04.gif");}
	
	.list_work01 li:last-of-type{margin-bottom: 0;}


}/*--@media--*/