/***********************************************/
/* AIA.													*/
/* data:2019/5/20									*/
/***********************************************/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');
@import url(https://use.fontawesome.com/releases/v5.15.2/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');
/*font-family: 'Shippori Mincho B1', serif; 400*/


/* RESET
----------------------------------------------------------------------------------------------------*/
a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}article,footer,header,nav,section,wrapper{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}




/*---------------------------------------------*/
/* フォーム
/*---------------------------------------------*/
.form-field{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:5px;
	width:95%;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}

.form-field2{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:5px;
	margin:0px 0px 5px 0px;
	width:auto;
	font-size: 14pt;

}

.form-field3{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:5px;
	width:95%;
	height:300px;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}


/* フォーム　送信・修正ボタン
--------------------------------------------- */
.submit-button {
	position: relative;
	display:block;
	font-weight: 400;
	padding: 8px 24px;
	text-decoration: none;
	color: #4C519A;
	background: #FFD026;
	transition: .4s;
	margin:16px 0 80px 0;
	border:3px solid #FFC926;
	font-size:18px;
	width:300px;
	text-align:center;
	letter-spacing:1.5px;
	z-index: 1;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

.submit-button:hover {
	border:3px solid #4C519A;
	color:#4C519A;
	text-decoration: none;
	background: #fff;
}

.back-button {
	position: relative;
	display:block;
	font-weight: 400;
	padding: 8px 24px;
	text-decoration: none;
	color: #fff;
	background: #0683e2;
	transition: .4s;
	margin:16px 0 80px 0;
	border:3px solid #0683e2;
	font-size:18px;
	width:300px;
	text-align:center;
	letter-spacing:1.5px;
	z-index: 1;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}


/* --------------------------
		パソコン表示
-------------------------- */
@media screen and (min-width: 768px) {

/* スマートフォン専用コンテンツを非表示 */
.sm {display: none;}
/* -------------------------- */

html[xmlns] body{
margin:0;
padding:0;
text-align:center;
}


a:link, a:visited, a:active{text-decoration:none;}


a {
	outline:none;
	color: #0368C2;
}


a,a:hover,a:hover img {
	text-decoration: none;
}

img{border:none;}

#smbt,.drawer{
	display: none;
}



/* body **********************************************/
body{
	font-family: 'Shippori Mincho B1', serif;
	color:#000;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	letter-spacing: 0.1em;
	/*line-height: 100%;*/
	font-size:18px;
}

/*テキスト*/
p {
	letter-spacing: 0.15em;
	line-height: 130%;
}


/* ---------------------------------------------------------------------------------------------
　	CONTENTS
--------------------------------------------------------------------------------------------- */
#wrapper p {
	word-break: break-all;
}

section {
	text-align: center;
	padding: 60px 0;
}

#sec01 {
	background: #fff;
	padding:0px;
	border-bottom: solid 1px #888;
	text-align:right;
}

	.contents-pan{
	width: 930px;
	padding-left:170px;
	padding-bottom:8px;
	margin:0 auto;
}
	
#sec02 {
	background: #ffffcc;
	margin-bottom:16px;
	margin-top:20px;
	padding-bottom:-20px;
}
#sec03 {
	background: #fff;
	padding-top:0px;
	padding-bottom:100px;
}

#sec03 p{
	margin:16px 0px	0px 0px;
	letter-spacing: 1px;
	line-height: 1.5em;
	word-break: break-all;
}

#sec04 {
	background:#fff;
	padding-top:40px;
	padding-bottom:40px;
}

#sec05 {
	background:#F8F8F8;
	background-repeat: no-repeat;
	background-position:bottom right;
/*border-bottom: solid 1px #888;*/
}

#sec05 a{
	font-size:14px;
	color: #4C519A;
}

#sec06 {
	background:#fff;
	/*padding-top:124px;*/
	padding-bottom:200px;
}


table {
	margin : 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container,.container-t,.contents{margin:0 auto}.clr:after,.col:after,.container,.container-t,.contents:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}

img {
	vertical-align: middle;
	border: none;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
}

/* header /***********************************************/
.header {
	position: relative;
	height: 95px;
	background:#fff;
	margin: auto;
	width:1205px;
	background: url(../images/hedder.png) center top 40px no-repeat;
	z-index: 1;
}


.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

.is-hide {
	transform: translateY(-100%);
}



/* ロゴ
---------------------------------------------*/
#logo img{
	position:absolute;
	top:20px;
	left:180px;
	width:260px;
}

/* サブナビちゃん
---------------------------------------------*/
/*住所*/
#snavigation1 a{
	position:absolute;
	top:24px;
	left:670px;
	font-size:15px;
	letter-spacing:2px;
	color:#0368C2;
	font-weight:200;
	width:150px;
	height:55px;
	font-weight:400;
	background: url(../images/hedder-kumo01.png) center top no-repeat;
	padding-top:12px;
	padding-left:30px;
}

/*電話*/
#snavigation2 a{
	position:absolute;
	top:35px;
	left:830px;
	font-size:15px;
	letter-spacing:2px;
	color:#0368C2;
	font-weight:400;
	width:150px;
	height:55px;
	background: url(../images/hedder-kumo02.png) center top no-repeat;
	padding-top:10px;
	padding-left:30px;
}




/*案内*/
#snavigation3{
	position:absolute;
	top:8px;
	left:480px;
	height:25px;
	font-size:10px;
	letter-spacing:1px;
	color:#0368C2;
	font-weight:400;
	width:600px;
	height:10px;
}


/* ナビゲーション
---------------------------------------------*/
#menu{
	background-image: linear-gradient(#188ffc, #0368C2);
}

#navigation{
	height:38px;
	text-align: center;
	margin: auto;
	background-image: linear-gradient(#188ffc, #0368C2);
}
	
#navigation ul{
	position: absolute;
	text-align: center;
}

#navigation li {
	display:inline;
	display: inline-block;
}

#navigation li:last-child {
	margin-right:0px;
}

#navigation li a {
	display: block;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	color:#fff;
	letter-spacing: 0.1em;
	padding:6px 0px 6px 0px;
	width:130px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:16px;
}

#navigation li a:hover{
	background: #FFC926;
	transition: .4s;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	z-index: 20;
}


/* メイン画像--------------------- */
#main-foto{
	position: relative;
	z-index: 100;
	width: 100%;
	height:600px;
	background: url(../images/index/01.jpg) no-repeat center center;
	background-size: cover;
	margin: 0;
	color: #FFFFFF;
}

/*indexの見出し文字*/
.s-title{
	font-size:40px;
	text-align:center;
	clear:both;
}

.s-com{
	font-size:24px;
	text-align:center;
	clear:both;
}
.under{
	border-bottom: solid 3px #87CEFA;
}

.s-mes{
	text-align:center;
	margin:8px 0px 32px	0px;
	clear:both;
}

.blue{
	color:#0368C2;
}

#sec-title2{
	font-size:40px;
	padding-bottom:30px;
}


.btn,a.btn,button.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 5px;
}

/* hanbun
************************************************/
.hanbun{
	width:1080px;
	clear:both;
	padding:0 0px 0 0px;
}

.hanbun p{
	padding:0 30px 0 30px;
}

.hanbun-rf{
	width:530px;
	margin-right:8px;
	float:left;

}

.hanbun-rf img,.hanbun-rm img{
	width:540px;
		margin-bottom:120px;
}

.hanbun-rm{
	width:530px;
	margin-left:8px;
	float:left;

}

/* index contents01
************************************************/
.rlinfo {
	width:100%;
	height:700px;
}

/*左右の大きさ*/
.rlinfo-item {
	width:50%;
	float:left;
	overflow:hidden;
}

.rlinfo-ccom {
	height:600px;
	display:block;
	position:relative;
}

.rlinfo-ccom .inner {
	width:600px;
	position:absolute;
	box-sizing:border-box;
	content:"";
	display:block;
	top:0px;
	bottom:0;
	margin:auto;
	background-color:#fff;
}

.rlinfo-ccom .inner-left {
	right:40px;
}

.rlinfo-ccom .inner-right {
	left:40px;
}

.rlinfo-ccom .title {
	font-size:28px;
	line-height:1.1;
	text-align:center;
	margin-top:16px;
	padding: 1rem 2rem;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}


.rlinfo-ccom .text {
	line-height:1.3;
	margin-top:20px;
	text-align:left;
	height:88px;
}


/* footer メール/採用
************************************************/
.rlinfo2 {
	width:100%;
	height:380px;
}

/*左右の大きさ*/
.rlinfo2-item {
	width:50%;
	float:left;
	overflow:hidden;
}

.rlinfo2-ccom {
	height:400px;
	display:block;
	position:relative;
}

.rlinfo2-ccom .inner {
	width:450px;
	position:absolute;
	box-sizing:border-box;
	content:"";
	display:block;
	top:0px;
	bottom:0;
	margin:auto;
}

.rlinfo2-ccom .inner-left {
	right:80px;

}

.rlinfo2-ccom .inner-right {
	left:80px;
}

.rlinfo2-ccom .title {
	font-size:28px;
	line-height:1.1;
	text-align:center;
	margin-top:80px;
	color:#fff;
}


.rlinfo2-ccom .text {
	font-size:16px;
	line-height:1.3;
	margin-top:20px;
	text-align:center;
	color:#fff;
}


.rlinfo2-ccom.left::after {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	content:"";
	webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	background:#188ffc;
	z-index:-1;
}


.rlinfo2-ccom.right::after {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	content:"";
	webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	background:#0368C2;
	z-index:-1;
}

/*ボタン*/
.rlinfo2-ccom .btn {
	font-size:18px;
	width:270px;
	height:63px;
	border:3px solid #FFF;

	margin-top:24px;
	color:#FFF;
	background:rgba(255, 255, 255, 0.2);
	display:block;
	margin-left: auto;
	margin-right: auto;
}


.rlinfo2-ccom:hover .btn {
	background:rgba(255, 255, 255, 0.4);
}

/*通常ボタン オレンジ
---------------------------------------------*/
.btni {
	position: relative;
	display:block;
	font-weight:bold;
	padding: 8px 24px;
	text-decoration: none;
	color: #4C519A;
	background: #FFD026;
	transition: .4s;
	/*margin:30px 0	30px 0;*/
	border:3px solid #FFC926;
	font-size:18px;
	width:360px;
	text-align:center;
	letter-spacing:1.5px;
	z-index: 1;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}



.btni:hover {
	border:3px solid #4C519A;
	color:#4C519A;
	text-decoration: none;
	background: #fff;
}




/*　三角 lightbox
--------------------------------------------- */
.arrow {
	position: relative;
	display: inline-block;
	padding-left:50px;
}

/*丸*/
.arrow:before {
	content: '';
	width: 24px;
	height: 24px;
	background: #ffffff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	position: absolute;
	top: 50%;
	left:16px;
	margin-top: -12px;
	/*border: solid 5px	#ff3690;*/
}

/*三角*/
.arrow:after {
	content: '';
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-left: solid 12px #FFA64D;
	position: absolute;
	top: 50%;
	left: 24px;
	margin-top:-8px;
}


.first{
	margin:10px 0px 0px 0px;
}



/*通常ボタン オレンジ
---------------------------------------------*/
.btnr {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size:20px;
	padding: 20px 30px;
	text-decoration: none;
	color: #FFF;
	background: #FFC926;
	transition: .4s;
	margin:80px 0 30px 0;
	margin-left: auto;
	margin-right: auto;
	border:3px solid #FFC926;
}

.btnr:hover {
	border:3px solid #FFC926;
	background-color: rgba(147,162,0,.0);
	color:#513328;
	text-decoration: none;
}



/*通常ボタン オレンジ+ギャラリー
---------------------------------------------*/
.btnrg {
	position: relative;
	display: block;
	font-weight:700;
	padding: 8px 30px;
	text-decoration: none;
	color: #FFF;
	background: #FFD026;
	border:3px solid #FFC926;
	width:380px;
	text-align:center;
	margin-top:16px;
	margin-bottom:80px;
	color:#002268;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}

.btnrg:hover {
	border:3px solid #00329E;
	background-color: rgba(147,162,0,.0);
	color:#00329E;
	text-decoration: none;
	color:#00329E;
}


/* 線でクリア
---------------------------------------------*/
hr{
	clear:both;
}


/* 仕事の流れ
---------------------------------------------*/
#nagare{
	margin-left:-40px;
	width:1100px;
}

#nagare ul {
	padding: 0;
	list-style-type: none;
	width:100%;
}

#nagare ul li{
	list-style-type: none;
}

#nagare dd {
	margin-left: 0;
	width:78%;
}

#nagare .flow > li {
	position: relative;
}
#nagare .flow > li:not(:last-child) {
	margin-bottom: 40px;
}

#nagare .flow > li:not(:first-child)::before,
#nagare .flow > li:not(:last-child)::before {
	content: "";
	height: 60px;
	display: block;
	position: absolute;
	top: -40px;
	left: -webkit-calc(10% + 30px - 2px);
	left: calc(10% + 30px - 2px);
	z-index: 10;
}

#nagare .flow > li dl {
	width: 100%;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid rgb(107,144,219);
	border-radius: 10px;
	position: relative;
}

#nagare .flow > li:not(:last-child) dl::before,
#nagare .flow > li:not(:last-child) dl::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#nagare .flow > li:not(:last-child) dl::before {
	border-width: 22px;
	border-top-color: rgb(107,144,219);
}

#nagare .flow > li:not(:last-child) dl::after {
	border-width: 20px;
	border-top-color: #fff;
}

#nagare .flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(107,144,219);
	-ms-flex-preferred-size: 20%;
	flex-basis: 30%;
	margin-right: 2vw;
	text-align: center;
}

#nagare .flow > li dl dt .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
	text-align: center;
}

.space {
	clear: both;
	padding: 80px 0px 50px;
}




/* ------------------------------------------------------------------------------
		4分割 採用情報　募集の声
------------------------------------------------------------------------------ */
#rowBox4 {
	position: relative;
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: space-between;
}

#rowBox4 .boxInner{
	width:20%;
}

#rowBox4 .boxInner2{
	width:15%;
}

#rowBox4 .boxInner3{
	width:40%;
}




#rowBox4 .boxInner .ball img{
	width:100px;
	margin-left:100px;
	margin-top:-20px;
	z-index:20;
	position: relative;
}

#rowBox4 .boxInner2 .ball2 img{
	width:100px;
	margin-left:60px;
	margin-top:-20px;
	z-index:20;
	position: relative;
}

#rowBox4 .boxInner3 .ball3 img{
	width:100px;
	margin-left:300px;
	margin-top:-20px;
	z-index:20;
	position: relative;
}


/* ------------------------------------------------------------------------------
		3分割　イベント
------------------------------------------------------------------------------ */
#rowBox3 {
	position: relative;
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-top:16px;
	margin-bottom:48px;
}

#rowBox3 .boxInner p{
	/*color:#513328;*/
}


#rowBox3 .boxInner img{
	width:346px;
	margin-right:5px;
	margin-left:5px;
	margin-top:0px;
	/*filter: grayscale(100%) contrast(0.9);*/

}


#rowBox3 .title {
	/*font-size: 16px;*/
	font-weight:700;
	display: block;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:5px;
	text-align: center;
	width:345px;
}

#rowBox3 .com {
	font-size: 16px;
	line-height: 180%;
	display: block;

	margin-left:5px;
	width:340px;
}


#rowBox3 .balloon-c{
	font-family: 'Yomogi', cursive;
	font-size:14px;
	background: #FFF1B8;
	border-radius: 18px;
	width:340px;
	margin-left:8px;
	padding:10px;
	font-weight:bold;
}


.balloon {
	position: relative;
	padding:16px 16px 16px 16px;
	width: 100%;
	background: #FFF1B8;
	border-radius: 18px;
	font-family: 'Yomogi', cursive;
	font-weight:bold;
}




/* ------------------------------------------------------------------------------
		2分割
------------------------------------------------------------------------------ */
#rowBox2 {
	position: relative;
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-top:32px;
}

#rowBox2 .boxInner p{
	color:#513328;
}

#rowBox2 .boxInner2 p{
	color:#513328;
	width:350px;
}

#rowBox2 .boxInner img{
	width: calc(100% - 16px);
	position: relative;
	margin-right:5px;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:8px;


}






/* ----------------------------------------------
 * 要素を左右中央寄せ
---------------------------------------------- */

.taC {
	text-align: center !important;
}

.taR {
	text-align: right !important;
}

.taL {
	text-align: left !important;
}

.sp{
padding-left:30px;
	}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
*behavior:url(/scripts/boxsizing.htc)
}.container,
.container-t,.contents{margin:0 auto}.clr:after,.col:after,.container,.container-t,
.contents:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}




/* ------------------------------------------------------------------------------
		トップへ
------------------------------------------------------------------------------ */
#top { /* 外枠を角丸の四角にする */
	position: fixed; /* 表示場所を固定する */
	bottom: 100px; /* 下から10px */
	right: 100px; /* 右から10px */
	width: 60px; /* 横幅を40px */
	height: 60px; /* 高さを40px */
	border-radius: 60px; /* 角丸にする */
	background:#00C2EC; /* 背景色を半透明の黒にする */
	overflow: hidden; /* textを非表示にする */
	text-indent: 100%; /* textを横幅と同じだけindent */
	white-space: nowrap; /* textを改行しない */
	z-index:1000;
}

#top a {
	display: block; /* クリック可能な領域を広げる */
	padding: 10px 5px;
}
#top:hover {
	background:#00C2EC; /* マウスオーバーしたら少し濃ゆくする */
}
#top a:after { /* 白い三角をプラスする */
	content: " ";
	position: absolute;
	top: 20px; /* 三角形を10px下にずらす */
	right: 0; /* 三角形を四角の中の中央に表示するために左右を0に指定 */
	left: 0;
	width: 0; /* 横幅と高さを０に指定 */
	height: 0;
	margin: 0 auto; /* 中央寄せ */
	border-right: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から右側のサイズを指定 */
	border-bottom:18px solid #fff; /* 三角形の高さ */
	border-left: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から左側のサイズを指定 */
	opacity: 0.5; /* 半透明化 */
}
#top a:hover:after {
	opacity: 0.9; /* マウスオーバーで一割透過 */
}



/* ページインフォメ
---------------------------------------------*/	
h1 {
	font-size:8pt;
	text-align:right;
	padding-top:8px;
	color:#888;
}

/* パンくずなび
************************************************/
.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:14px;
}

.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-weight: nomal;/*太字*/
}

.breadcrumb li:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: ' \f054 ';/* ?を表示*/
	padding: 0 0.2em;
	color:#888;
}

.breadcrumb li:last-child:after {
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	color: #888;
}

.breadcrumb li:first-child a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f015';/*家アイコン*/
	font-size: 1.1em;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

h2{
	text-align:center;
	clear:both;
	font-size: 32pt;
	font-weight: bold;
	color: #0368C2;
	margin:8px 0px	16px	0px;
	padding-bottom: 10px;
	background-image: repeating-linear-gradient(90deg, #0368C2 0, #188ffc 1px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 3px 3px;
	background-repeat: repeat-x;
	background-position: center bottom;
}

h3{
	font-size: 18pt;
	font-weight: bold;
	clear:both;
}

h3{
	background-color: #0368C2; /* 背景色 */
	color: #fff; /* 文字色 */
	overflow: hidden;
	padding: 10px;	/* 余白 */
	position: relative;
}

h3:before{
	background-color: #fff; /* 切り替わる色1 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-50deg);
	position: absolute;
	bottom: -10px;
	right: -380px;
	width: 800px;
	height: 800px;
}

h3:after{
	background-color: #fff; /* 切り替わる色2 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-70deg);
	position: absolute;
	bottom: -100px;
	right: -500px;
	width: 750px;
	height: 700px;
}


h3{
	margin:80px 0px	16px	0px;
}
	
h3.tp {
	margin:32px 0px	16px	0px;
}


h4 {
	border-bottom: solid 2px #888;
	position: relative;
	font-size: 16pt;
	font-weight: bold;
	clear:both;
}

h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0368C2;
	bottom: -2px;
	width: 16%;
}

h4.tp{
	margin:8px 0px	8px	0px;
}

h4{
	margin:56px 0px	8px	0px;
}


h5 {
	width:100%;
	padding: 0.2em;
	padding-left: 0;
	border-bottom: 2px dotted #888;
	font-size: 16pt;
	clear:both;
}


h5.tp{
	margin:8px 0px	0px	0px;
}

h5{
	margin:32px 0px	0px	0px;
}

h6 {
	margin:8px 0px	0px	30px;
	padding:3px;
	width:240px; /*幅の調節*/
	color: #000; /*文字色*/
	background-color: #f7f7f7; /*背景色*/
	border-radius:60px; /*角の丸み*/
	text-align:center;
}

h6.tp{
	margin:8px 0px	0px	30px;
}

h6{
	margin:32px 0px	0px	30px;
}



#sec03 ul {
	padding: 0 0 0 1em;
	margin-left:20px;
}

#sec03 ul li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
} 

#sec03 ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	content: "\f14a";
	position: absolute;
	top: .3em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
}

#sec03 ul li:before {
	color: #0368C2;	/* 奇数のアイコンの色 */
}


#sec03 .wide ul{
	counter-reset:list;
	list-style-type:none;
	padding:0;
	margin-left:16px;
}


#sec03 ol{
	counter-reset:list;
	list-style-type:none;
	padding:0;
	margin-left:32px;
}
#sec03 ol li{
	position:relative;
	padding: 0 0 0 16px;
	margin: 7px 0 7px 0px;
	line-height: 29px;
	border: dashed 1px transparent;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#sec03 ol li:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	line-height:20px;
	background: #0368C2;
	border-radius: 50%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#sec03 ol li:hover{
	border-bottom-color: #0368C2;
}


#sec05 ul {
	text-align: center;
	margin-left: -10px;
	font-size: 0; /* タグ改行時の空白防止 */
}

#sec05 ul li{
	display: inline-block;
	margin-left: 33px;
	font-size: 16px; /* ulでサイズ0にしたのを戻す */
	color :#fff;
}



/* 100%テーブル
--------------------------------------------- */
.wide{
	margin-top:8px;
	margin-left:0px;
	border-collapse: collapse;
	width:100%;
	
}

.wide td,
.wide th{
	padding:16px;
	border-bottom: 1px solid #888;
	text-align:left;
	vertical-align:middle;
}

.wide th{
	font-weight:bold;
	background:#FBFBFB;
	width:18%;

}

.wide ul{
	margin-bottom:0px;
}



/* 100%テーブル
--------------------------------------------- */
.wide2{
	margin-top:8px;
	margin-left:0px;
	border-collapse: collapse;
	width:100%;
	border-top: 1px solid #888;	
}

.wide2 td,
.wide2 th{
	padding:16px;
	border-bottom: 1px solid #888;
	vertical-align:middle;
}

.wide2 th{
	font-weight:bold;
	background:#FBFBFB;
	width:18%;
	text-align:center;
}



/* 前、次へボタン
---------------------------------------------*/
.prev-next-link{
	-js-display: flex;/*IE9・8　flexibility.js*/
	display: inline-flex;
	flex-direction: row;/*子要素を左から右に配置*/
	flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
	justify-content: flex-start;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
	align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
	align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/
	float:left;
	top:80px;
	left:0px;
	margin-bottom:30px;
	position:relative;
	padding:0px auto;
	clear:both;
	width:100%;
}

.prev-next-link a {
	display: block;
	text-decoration: none;
	padding: 32px 32px;
	color: #4C519A;
}

.prev-next-link a:hover {
	background-color:#FFD026;
	color:#4C519A;
}

.prev:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f053　';
	font-size: 1.1em;
}

.next:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '　\f054';
	font-size: 1.1em;
}

.prev,
.next {
	background-size: 16px 28px;
	flex-basis: 50%;/*子要素のベースとなる幅の指定 flex: 1 1 auto;*/
}

.next{
	text-align:right;
}


/* コピーライト
---------------------------------------------*/
#sec06 a{
	letter-spacing: 0.2em;
	line-height:20px;
	clear:both;
	color:#00329E;
}

#sec06 img{
	margin-bottom:16px;
}
	
#sec06 a:hover{
	/*background-color:#00C2EC;*/
	color:#00329E;
}



.copy {
	text-align: center;
	font-size: 12px;
	color:#00329E;
	margin-top:8px;
}

.contents{
	width: 1080px;
}

.large{
	letter-spacing: 0.1em;
	font-size:24px;
	margin:0px 0px 0px 0px;
	font-weight:700;
}

.small{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:10px;
	margin:0px 0px 0px 0px;
	font-weight:nomal;
}



/* -------------------------- */
}
/* PC端末▲-------------------------- */











/* ----------------------------------------------------------------------------------------------------------------------------------
		スマホ端末
---------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {


a:link, a:visited, a:active{text-decoration:none;}
a:hover{}
img{border:none;}

/* PC専用コンテンツを非表示****/
.pc {
	display: none;
}

#header-tel,#snavigation1,#snavigation2,#snavigation3,#snavigation4,#snavigation5,#navigation,#footnavi,.breadcrumb{
	display: none;
}

.body{
	font-family: 'Shippori Mincho B1', serif;
	color:#000;
	margin:0;
	padding:0;
	bottom-margin:0;

}

.header{
	background:#fff;
	position:fixed;
	width:100%;
	border-bottom:1px solid #888;
	padding:0px 0 8px; 0;
	margin-top:-8px;
	z-index: 1000;
}


/*テキスト*/
p {
	font-family: 'Shippori Mincho B1', serif;
	letter-spacing: 0.1em;
	line-height: 140%;
	margin-bottom:40px;
}

/*indexの見出し文字*/
.s-title{
	font-size:170%;
	text-align:center;
	clear:both;
	margin-bottom:16px;
}

.s-com{
	font-size:125%;
	text-align:left;
	margin:8px 8px 32px 8px;
	clear:both;
}
.under{
	border-bottom: solid 3px #87CEFA;
}

.s-mes{
	margin:8px 8px 32px 8px;
	clear:both;
}

.blue{
	color:#0368C2;
}

#sec-title2{
	font-size:150%;
	padding-bottom:30px;
}


/*通常ボタン オレンジ
---------------------------------------------*/
.btni {
	position: relative;
	display:block;
	font-weight: 400;
	padding: 8px 24px;
	text-decoration: none;
	color: #4C519A;
	background: #FFD026;
	transition: .4s;
	margin:16px 0 80px 0;
	border:3px solid #FFC926;
	font-size:18px;
	width:80%;
	text-align:center;
	letter-spacing:1.5px;
	z-index: 1;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}



.btni:hover {
	border:3px solid #4C519A;
	color:#4C519A;
	text-decoration: none;
	background: #fff;
}


/* ロゴ
---------------------------------------------*/
#logo{
	width:86%; 
	margin-top:16px;
	margin-left:22%;
	padding-left:3%;
	text-align:left;
	display: block;
	z-index: 200;
	float:left;
	margin-bottom:0px;
	border-left:1px solid #888;
}

#logo img{
	max-width:80%;
}






/* ****************************************************** */
/* スマホメニュー
*********************************************** */
.drawer{
	z-index:30000;
	width:300px;
	background:#fff;
	-webkit-transform:translateX(-300px);
	transform:translateX(-300px);
	-webkit-transition:ease 0.5s;transition:ease 0.5s;
	
	position:absolute;
	
	position:fixed;
	top:-10px;
	left:0px;

	height:100%;
	overflow-y: scloll;
	-webkit-overflow-scrolling: touch;


	}


/*ドロワーメニューの開閉ボタン*/
.d-button{
	position: fixed;
	top:10px;
	right: -76px;
	width: 70px;
	height: 70px;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	cursor:pointer;
	align-items: flex-end;
	display: flex;
	justify-content: center;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top:0px;
	z-index: 40000;
}

/*ハンバーガーボタンを作るスタイルシート*/
.d-line {

position: absolute;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
height:7px; /*横棒3本*/
width:52px;/*横棒3本*/
background: #0368C2;
-webkit-transition: ease .5s;
transition: ease .5s;
}
.d-line:nth-child(1) {
top: 20%;
left: 50%;
	z-index: 40000;
}
.d-line:nth-child(2) {
top: 40%;
left: 50%;
	z-index: 40000;
}
.d-line:nth-child(3) {
top: 60%;
left: 50%;
	z-index: 40000;
}



/*ドロワーメニューをOPENにするスタイルシート*/
.drawer.action{
position: fixed;

	width:100%;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}



/*ボタンをドロワーメニュー内に表示*/
.d-button.action{
background:#fff;
width:100%;
left:0px;
height:75px;
padding-top:0px;
padding-bottom:0px;
}

/*ハンバーガーボタンを「✖」に変える*/
.d-button.action .d-line:nth-child(1){
top:50%;
-webkit-transform:translate(-50%, -50%) rotate(45deg);
transform:translate(-50%, -50%) rotate(45deg)
}

.d-button.action .d-line:nth-child(2){
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);opacity:0
}
.d-button.action .d-line:nth-child(3){
top:50%;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg)
}


/*アコーディオンUL*/
.accordion-menu {
/*	width: 95%;
	max-width:95%;
	margin: 0px auto 0px;*/


list-style:none;
	width: 100%;
	height: 100%;
	overflow-y: scroll;

}

.accordion-menu li a{
	font-size:20px;
	text-decoration:none;
	border-top:1px solid #888;
	display:block;
	padding:24px 8px 24px 8px;
	position:relative;
	color:#0368C2;
}



.accordion-menu li:first-child {
	margin-top:100px;
}

.accordion-menu li:last-child {
	margin-bottom:80px;
}


/*アコーディオンの項目*/
.dropdownlink {
	cursor: pointer;
	display: block;
	padding:24px 8px 24px 8px;
	font-size: 20px;
	border-top: 1px solid #888;
	color:#0368C2;
	position: relative;
	transition: all 0.4s ease-out;
}



/*アコーディオンの項目のUL*/
.submenuItems {
	display: none;
	background:#FFC926;
}

.submenuItems li a {
	border-top: 1px solid #fff;
 display: block;
	padding:30px 8px 30px 8px;
	transition: all 0.4s ease-out;
	color: #ffffff;
}
.submenuItems li:first-child {
margin-top:0px;
}

.submenuItems li:last-child {
	margin-bottom:0px;
	border-bottom:none;
	}










/* ------------------------------------------------------------------------------
		トップへ
------------------------------------------------------------------------------ */
#top { /* 外枠を角丸の四角にする */
	position: fixed; /* 表示場所を固定する */
	bottom: 50px; /* 下から10px */
	right: 10px; /* 右から10px */
	width: 60px; /* 横幅を40px */
	height: 60px; /* 高さを40px */


	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background:rgba(255,201,38,1); /* 背景色を半透明の黒にする */
	overflow: hidden; /* textを非表示にする */
	text-indent: 100%; /* textを横幅と同じだけindent */
	white-space: nowrap; /* textを改行しない */
		z-index:40;
}
#top a {
	display: block; /* クリック可能な領域を広げる */
	padding: 10px 5px;
}
#top:hover {
	background:#FFC926; /* マウスオーバーしたら少し濃ゆくする */
}
#top a:after { /* 白い三角をプラスする */
	content: " ";
	position: absolute;
	top: 20px; /* 三角形を10px下にずらす */
	right: 0; /* 三角形を四角の中の中央に表示するために左右を0に指定 */
	left: 0;
	width: 0; /* 横幅と高さを0に指定 */
	height: 0;
	margin: 0 auto; /* 中央寄せ */
	border-right: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から右側のサイズを指定 */
	border-bottom:18px solid #fff; /* 三角形の高さ */
	border-left: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から左側のサイズを指定 */
	opacity: 0.8; /* 半透明化 */
}
#top a:hover:after {
	opacity: 0.8; /* マウスオーバーで一割透過 */
}


/* メイン画像--------------------- */
#main-foto{
	position: relative;
	z-index: 100;
	width: 100%;
	height:600px;
	background: url(../images/index/s01.jpg) no-repeat center center;
	background-size: cover;
	margin: 0;
	color: #FFFFFF;
}



/* 吹き出し1--------------------------

.balloon{
	font-family: 'Yomogi', cursive;
	background: #FFF1B8;
	border-radius:32px;
}





/*通常ボタン オレンジ
---------------------------------------------*/
.btnr {
	position: relative;
	display: inline-block;
	font-weight: 400;
	width:95%;
	padding: 20px 0px;
	text-decoration: none;
	color: #FFF;
	background: #FFC926;
	transition: .4s;
	margin:40px 0	8px 0;
	margin-left: auto;
	margin-right: auto;
	border:3px solid #FFC926;
	text-align:center;
	color: #4C519A;
	}



.btnr:hover {
	border:3px solid #FFC926;
	background-color: rgba(147,162,0,.0);
	color:#513328;
	text-decoration: none;
}



/*通常ボタン オレンジ+ギャラリー
---------------------------------------------*/
.btnrg {
	margin-left: auto;
	margin-right: auto;
	border:3px solid #FFC926;
	position: relative;
	display: block;
	padding: 16px 8px;
	color: #FFF;
	text-decoration: none;
	background: #FFC926;
	font-weight:700;
	margin-bottom:80px;
	text-align:center;
	font-size:125%;
 }



.btnrg:hover {
	border:3px solid #FFC926;
	background-color: rgba(147,162,0,.0);
	color:#513328;
	text-decoration: none;
	color:#513328;
}





/* 線でクリア
---------------------------------------------*/
hr{
clear:both;
}


/* ------------------------------------------------------------------------------
		3分割
------------------------------------------------------------------------------ */
#rowBox3 {
position: relative;
}

#rowBox3 .boxInner p{

}

#rowBox3 .boxInner img{
width:100%;
margin-right:0px;
margin-left:0px;
margin-top:0px;

}


#rowBox3 .title{
	font-size:18px;
	font-weight:700;
	margin-top:8px;
	margin-bottom:16px;
	letter-spacing: 3px;
	text-align: center;
}

#rowBox3 .com {
	line-height: 150%;
	margin-bottom:40px;
	text-align: center;
}

#rowBox3 .balloon-c{
	font-family: 'Yomogi', cursive;
	background: #FFF1B8;
	border-radius: 18px;
	width:100%;
	padding:3px;
}

#rowBox3 .com {
	line-height: 180%;
	display: block;
	margin-bottom:48px;
	margin-left:5px;
	width:100%;
	text-align:left;
}

#rowBox3 .boxInner .ball3 img{
	width:130px;
	margin-left:170px;
	margin-top:-50px;
	z-index:20;
	position: relative;
}

#rowBox3 .boxInner .ball4 img{
	width:140px;
	margin-left:170px;
	margin-top:-60px;
	margin-bottom:60px;
	z-index:20;
	position: relative;
}


.balloon {
	padding:16px 16px 16px 16px;
	width: 92%;
	background: #FFF1B8;
	border-radius: 18px;
	font-family: 'Yomogi', cursive;
}

.space {
	clear: both;
	padding: 0px 0px 50px;
}



/* ----------------------------------------------
 * 要素を左右中央寄せ
---------------------------------------------- */

.taC {
	text-align: center !important;
}

.taR {
	text-align: right !important;
}

.taL {
	text-align: left !important;
}

a {
	outline:none;
	color: #00AACE;
}


table {
	margin : 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}








/* ----------------------------------------------
 * アンカータグの設定
---------------------------------------------- */
a {
	outline:none;
	color: #444;
}

a:hover {
	text-decoration: none;
}


a,a:hover,a:hover img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}

a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


.pc{display:none;}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
		border: none;
}


.contents {
	/*padding: 0 16px 0 16px;*/
	}

.large{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

.small{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:10px;
	margin:0px 0px 0px 0px;
	font-weight:nomal;
		}

/* ------------------------------------------------------------------------------
		トップへ
------------------------------------------------------------------------------ */
#top { /* 外枠を角丸の四角にする */
	position: fixed; /* 表示場所を固定する */
	bottom: 100px; /* 下から10px */
	right: 10px; /* 右から10px */
	width: 60px; /* 横幅を40px */
	height: 60px; /* 高さを40px */
	border-radius: 60px; /* 角丸にする */
	background:#00C2EC; /* 背景色を半透明の黒にする */
	overflow: hidden; /* textを非表示にする */
	text-indent: 100%; /* textを横幅と同じだけindent */
	white-space: nowrap; /* textを改行しない */
	z-index:1000;
}
#top a {
	display: block; /* クリック可能な領域を広げる */
	padding: 10px 5px;
}
#top:hover {
	background:#00C2EC; /* マウスオーバーしたら少し濃ゆくする */
}
#top a:after { /* 白い三角をプラスする */
	content: " ";
	position: absolute;
	top: 20px; /* 三角形を10px下にずらす */
	right: 0; /* 三角形を四角の中の中央に表示するために左右を0に指定 */
	left: 0;
	width: 0; /* 横幅と高さを０に指定 */
	height: 0;
	margin: 0 auto; /* 中央寄せ */
	border-right: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から右側のサイズを指定 */
	border-bottom:18px solid #fff; /* 三角形の高さ */
	border-left: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から左側のサイズを指定 */
	opacity: 0.5; /* 半透明化 */
}
#top a:hover:after {
	opacity: 0.9; /* マウスオーバーで一割透過 */
}
/* ---------------------------------------------------------------------------------------------
　	HEADER
--------------------------------------------------------------------------------------------- */

#header {
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	z-index:60;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #fff 60%, #fff 60%, #fff 100%);
}

#header {
	padding: 0px 0;
	height:60px;
}





/* パンくずなび
************************************************/
.breadcrumb {
	margin-top:8px;
	margin-bottom:32px;
	padding: 0;
	list-style: none;
	font-size:14px;
}

.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-weight: nomal;/*太字*/
}

.breadcrumb li:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: ' \f054 ';/* ?を表示*/
	padding: 0 0.2em;
	color:#888;
}

.breadcrumb li:last-child:after {
	content: '';
}

.breadcrumb li a {
	text-decoration: none;
	color: #888;
}

.breadcrumb li:first-child a:before {
font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f015';/*家アイコン*/
	font-size: 1.1em;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

/* タイトル設定
---------------------------------------------*/
h2{
	font-weight:bold;
	text-align:left;
	clear:both;
	font-size:16pt;
	color: #0368C2;
	margin:0px 0px	16px	0px;
	padding: 1rem 0.5rem;
	border: 2px solid #0368C2;
}

h3{
	font-size: 14pt;
	font-weight: bold;
	clear:both;
}

h3{
	background-color: #0368C2; /* 背景色 */
	color: #fff; /* 文字色 */
	overflow: hidden;
	padding: 10px;	/* 余白 */
	position: relative;
}

h3:before{
	background-color: #fff; /* 切り替わる色1 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-50deg);
	position: absolute;
	bottom: 0px;
	right: -100px;
	width: 230px;
	height: 180px;
}

h3:after{
	background-color: #fff; /* 切り替わる色2 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-70deg);
	position: absolute;
	bottom: -50px;
	right: -180px;
	width: 250px;
	height: 250px;
}

h3{
	margin:100px 0px	0px	0px;
	}
h3.tp {
	margin:10px 0px	0px	0px;
	}


h4 {
	border-bottom: solid 2px #888;
	position: relative;
		font-size: 14pt;
	font-weight: bold;
	clear:both;

}

h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0368C2;
	bottom: -2px;
	width: 24%;
}

h4.tp{
	margin:8px 0px	0px	0px;
}

h4{
	margin:56px 0px	0px	0px;
}




h5 {
	width:97%;
	padding: 0.2em;
	padding-left: 0;
	border-bottom: 2px dotted #888;
	font-size: 16pt;
	clear:both;
}

h5.tp{
	margin:8px 0px	0px	0px;
}

h5{
	margin:32px 0px	0px	0px;
}


h6 {
	margin:8px 0px	8px	0px;
	padding:5px;
	width:100%; /*幅の調節*/
	color: #000; /*文字色*/
	background-color: #f7f7f7; /*背景色*/
	border-radius:60px; /*角の丸み*/
	text-align:center;
}

h6.tp{
	margin:8px 0px	8px	0px;
}

h6{
	margin:32px 0px	8px	0px;
}

#sec03 p{
	margin:8px 0px	8px	0px;
	word-break: break-all;
}

#sec03 ul {
	padding: 0 0 0 1em;
		margin-left:0px;
}
#sec03 ul li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
} 
#sec03 ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	content: "\f14a";
	position: absolute;
	top: .3em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
}
#sec03 ul li:before {
	color: #0368C2;	/* 奇数のアイコンの色 */
}




#sec03 ol{
	counter-reset:list;
	list-style-type:none;
	padding:0;
			margin-left:16px;
}
#sec03 ol li{
	position:relative;
	padding: 0 0 0 16px;
	margin: 7px 0 7px 0px;
	line-height: 29px;
	border: dashed 1px transparent;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#sec03 ol li:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	line-height:20px;
	background: #0368C2;
	border-radius: 50%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sec03 ol li:hover{
	border-bottom-color: #0368C2;
}




/* 前、次へボタン
---------------------------------------------*/
.prev-next-link{
	margin-top:60px;
}
.prev-next-link a {
	border-bottom: 1px #ddd solid;
	display: block;
	text-decoration: none;
	padding: 24px 8px;
	color: #444;
}
.prev-next-link a:hover {
	background-color: #00C2EC;
}
.prev-next-link a:first-child {
	border-top: 1px #ddd solid;
}


.prev:before {
font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f053　';
	font-size: 1.1em;

}
.next:after {
font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '　\f054';
	font-size: 1.1em;
}


.next{
	text-align:right;
}

/*リンクボタン*/
.btn{
	font-size:16px;
	font-weight:bold;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius: 0.5rem;
}



/* ---------------------------------------------------------------------------------------------
　	FOOTER
--------------------------------------------------------------------------------------------- */
.copy {
	text-align: center;
	font-size: 10px;
	color:#fff;
}



/* ---------------------------------------------------------------------------------------------
　	CONTENTS
--------------------------------------------------------------------------------------------- */
#wrapper p {
	word-break: break-all;
}

#wrapper {
	padding-top: 75px;
	font-family: 'Shippori Mincho B1'
}


section {
	text-align: center;
}

#sec01 {
	background: #fff;
	padding:0px;
	/*border-bottom: solid 1px #888;*/
}

#sec02 {
	background: #ffffcc;
	margin-bottom:16px;
	margin-top:16px;
}

#sec02 h5{
	margin:-40px 0px 0px 0px;
}

#sec03 {
	background: #fff;
	padding-top:0px;
	/*padding-bottom:100px;*/
		margin:0px 16px 0px 16px;
}
#sec03 p{
	word-break: break-all;
}


#sec04 {
	padding-top:40px;
	padding-bottom:40px;
}

#sec05 {
	background:#C2E1FE;　/*#ffe0e5*/
	background-repeat: no-repeat;
	background-position:bottom right;
}

#sec06 {
	background:#0368C2;
	padding-top:24px;
	padding-bottom:24px;
}




.btn {
	/*display: block;
	background: #fff;
	color: #618bbe;
	padding: 0.8em 1em;
	text-align: center;
	margin: 0 auto;
	border-radius: 100px;*/
}
.btn:before {
	/*content: "\f104";
	font-family: "FontAwesome";
	margin-right: 5px;*/
}







.btn-social-square {
	display: inline-block;
	text-decoration: none;
	width: 60px;
	margin:16px;
	height: 60px;
	line-height:20px;
	font-size:40px;
	color:white;
	border-radius: 60px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	transition: .3s;
		background:#fff;
	margin-bottom:10px;
}
.btn-social-square i {
	line-height:60px;

}
.btn-social-square:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.btn-social-square {
	background: #fff;
	color:#0368C2;
}



/*会社概要テーブル
--------------------------------------------- */
.wide{
	width:97%;
}


.wide th{

	margin-bottom:25px;
}

.wide th,
.wide td{
display: block;
	border: none;
	list-style-type: none;
}

.wide th{
	margin-bottom: 8px;
	list-style-type: none;
	background:#F3F3F3;
	text-align:left;
	font-weight:bold;
	padding:6px;
	width:100%;
}

.wide td{
	margin-left: 25px;
	padding: 0;
	margin-bottom:25px;
	width:100%;
}



/*会社概要テーブル
--------------------------------------------- */
.wide2{
	width:97%;
	margin-top:24px;
}


.wide2 th{
	margin-bottom:25px;
}

.wide2 th,
.wide2 td{
	display: block;
	border: none;
	list-style-type: none;
}

.wide2 th{
	margin-bottom: 8px;
	list-style-type: none;
	background:#F3F3F3;
	text-align:left;
	font-weight:bold;
	padding:6px;
	width:100%;
}

.wide2 td{
	padding: 0;
	margin-bottom:25px;
	width:100%;
}

/*---------------------------------------------*/
/* フォーム
/*---------------------------------------------*/


.form-field{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:8px;
	width:85%;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}

.form-field2{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:8px;
	width:85%;
	margin:0px 0px 5px 0px;
	width:auto
	font-size: 14pt;

}

.form-field3{
	border: 1px solid #888;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:8px;
	width:85%;
	height:200px;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}





.mini{
	color:#fff;
	font-size:11px;
	margin-bottom:8px;
}

/* 仕事の流れ
---------------------------------------------*/
#nagare{
		width:97%;
}
#nagare ul {
	padding: 0;
	list-style-type: none;
		width:100%;
}
#nagare ul li{
	list-style-type: none;
}

#nagare dl{
flex-flow: column;
}

#nagare dd {
	margin-left: 0;
		width:100%;
}

#nagare .flow > li {
	position: relative;
}
#nagare .flow > li:not(:last-child) {
	margin-bottom: 40px;
}
#nagare .flow > li:not(:first-child)::before,
#nagare .flow > li:not(:last-child)::before {
	content: "";
	height: 60px;
	display: block;
	position: absolute;
	top: -40px;
	left: -webkit-calc(10% + 30px - 2px);
	left: calc(10% + 30px - 2px);
	z-index: 10;
}
#nagare .flow > li dl {
	width: 100%;
	padding: 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid rgb(107,144,219);
	border-radius: 10px;
	position: relative;
}

#nagare .flow > li:not(:last-child) dl::before,
#nagare .flow > li:not(:last-child) dl::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#nagare .flow > li:not(:last-child) dl::before {
	border-width: 22px;
	border-top-color: rgb(107,144,219);
}
#nagare .flow > li:not(:last-child) dl::after {
	border-width: 20px;
	border-top-color: #fff;
}
#nagare .flow > li dl dt {
	/*font-size: 16px;*/
	font-weight: 600;
	color: rgb(107,144,219);
	text-align: center;
		width:100%;
}
#nagare .flow > li dl dt .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
	text-align: center;
}





/* ------------------------------------------------------------------------------
		4分割 採用情報　募集の声
------------------------------------------------------------------------------ */
#rowBox4 {
position: relative;
width:100%;
}

#rowBox4 .balloon {
color:#513328;
background:#FFF1B8;
border:;
}


#rowBox4 .boxInner .ball img{
width:70px;
	margin-left:100px;
	margin-top:-10px;
	z-index:20;
	position: relative;
}

#rowBox4 .boxInner2 .ball2 img{
width:80px;
	margin-left:150px;
	margin-top:-20px;
	z-index:20;
	position: relative;
}

#rowBox4 .boxInner3 .ball3 img{
width:70px;
	margin-left:200px;
	margin-top:-20px;
z-index:20;
position: relative;
}


/* index contents01
************************************************/
.rlinfo {

	/*height:700px;*/
		margin:0px 16px 0px 16px;
}
.rlinfo-ccom .title {
	font-size:130%;
	line-height:1.1;
	text-align:center;
	margin-top:16px;
	padding: 1rem 2rem;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}


.rlinfo-ccom .text {
	line-height:1.3;
	margin-top:20px;
	text-align:left;
	/*height:88px;*/
}



/* footer メール/採用
************************************************/
.rlinfo2 {
}



.rlinfo2-ccom {
	height:300px;
	display:block;
	position:relative;
}

.rlinfo2-ccom .inner {
padding:30px 16px 0px 16px;
	width:70%
	position:absolute;
	box-sizing:border-box;
	content:"";
	display:block;
	top:0px;
	bottom:0;
	margin:auto;
}



.rlinfo2-ccom .title {
	font-size:28px;
	line-height:1.1;
	text-align:center;
	color:#fff;
}


.rlinfo2-ccom .text {
	font-size:16px;
	line-height:1.3;
	margin-top:20px;
	text-align:center;
	color:#fff;
}


.rlinfo2-ccom.right::after {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	content:"";
	webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	background:#188ffc;
	z-index:-1;
}

/*ボタン*/
.rlinfo2-ccom .btn {
	font-size:18px;
	width:50%;
	height:31px;
	border:3px solid #FFF;
	margin-top:24px;
	color:#FFF;
	background:rgba(255, 255, 255, 0.2);
	display:block;
	margin-left: auto;
	margin-right: auto;
}


.rlinfo2-ccom:hover .btn {
	background:rgba(255, 255, 255, 0.4);
}
/* -------------------------- */
}
/* スマホ端末▲-------------------------- */