@charset "utf-8";


/*■■■■■■■
　　PC版設定
■■■■■■■■*/
body {
font-family: "メイリオ","Yu Gothic","Lucida Grande","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;color:#000; text-align:center; }
/*
■ ブラウザのマージンとパディング初期化
*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*
■ イメージ初期化
*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*
■ 境界線
*/
hr { display:none;}
/*
■ リンク設定
*/
a img{border: none;}
a:hover img { opacity:0.7;}

a {color: #00B8EE;text-decoration:none;}
a:hover {color:#00B8EE;text-decoration:underline;}
a:visited {color:#00B8EE;text-decoration:underline;}
/*
■ float
*/
.fleft { float:left;}
.fright { float:right;}
.fcl:after,.row:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
■ テキスト
*/
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}

.txt_s {font-size:0.86em; }

.txt_blue {color:#308fe3; font-weight:bold;}

/*
■ リスト
*/
ul{list-style:none;margin:0;padding:0;}
/*

/*
■ 非表示
------------------------------------------*/
.hd { display:none; }


/*■■■■■■■■■■■
　　共通コンテンツ設定
■■■■■■■■■■■■*/

/* body */

body {text-align:center; background:#FAFAFA;) repeat-x;}
#sec01 .box_title,#sec02 .box_title,#sec03 .box_title,#sec04 .box_title  {background:#005aaa; color:#FFF;}
#sec05 .box_title {background:#005aaa; color:#FFF;}
#sec5 .box_title .linner {background:url(company_title_bg_left.png) no-repeat top left; background-size:auto 100%; }
#sec05 .box_title .linner {background:url(company_title_bg_left.png) no-repeat top left; background-size:auto 100%; }
/* header */
#header {background:#FFF; border-bottom: solid 5px #005aaa;}

/* mainimg */
.all #mainimg {background:url(../asset/header_mainbg_all.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.kanban #mainimg {background:url(../kanban/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.homepage #mainimg {background:url(../homepage/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.system #mainimg {background:url(../system/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.tochi #mainimg {background:url(../tochi/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.jihanki #mainimg {background:url(../jihanki/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.butsuryu #mainimg {background:url(../butsuryu/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.ashiba #mainimg {background:url(../ashiba/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.ec #mainimg {background:url(../ec/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.dm #mainimg {background:url(../dm/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.expo #mainimg {background:url(../expo/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.gaiheki #mainimg {background:url(../gaiheki/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }
.bousui #mainimg {background:url(../bousui/asset/header_mainbg.jpg); background-size:cover;border-bottom:solid 5px #005aaa; }

/* 吹き出し本体 */
#mainimg .balloon_wrap {float:left; }
h1.balloon  {color:#005aaa;}
#mainimg .balloon{ position: relative; padding: 5px 20px 0 20px; background-color: #ffe000; border-radius: 10px; box-shadow: 6px 6px 0px 0px #005aaa;/* 吹き出し本体の影 */}
/* 三角アイコンの影 */
#mainimg .balloon::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 125px; bottom: -20px; border-top: 20px solid #005aaa; border-right: 20px solid transparent; border-left: 20px solid transparent; }
/* 三角アイコン */
#mainimg .balloon::after{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 115px; bottom: -18px; border-top: 20px solid #ffe000; border-right: 20px solid transparent; border-left: 20px solid transparent;}

/* entry */
.entry {background:#FFF; border-bottom:solid 2px #005aaa;}
.entry_category h2 span  {color:#000; display: inline; background:  linear-gradient(transparent 60%, #ffe000 60%);}
.entry_category ul li { text-decoration: none; border:solid 1px #005aaa; border-radius: 5px; text-align: left; float:left;}
.entry_category ul li a {color:#005aaa;}
.entry_category ul li a:hover { text-decoration: none; color:#308fe3;}

/* flow */
.flow {background:#003b83;}
#mainimg .balloon_wrap {float:left; }

/* section 01 */
#sec01 { background:url(bg_dot.jpg) repeat;}
#sec01 .box_x1 {background:#FFF; text-align: left; border-bottom: solid 2px #898989; margin-bottom: 10px;}
#sec01 h3 {display: inline; background:  linear-gradient(transparent 60%, #ffe000 60%);}

/* section 02 */
#sec02 { background:#dbedfc;}
#sec02 h2 {background:url(title_underline.jpg) no-repeat center bottom;}
#sec02 .point01 span {background:  linear-gradient(transparent 60%, #ffcad9 60%);}
#sec02 .point02 span { background:  linear-gradient(transparent 60%, #b6d8f6 60%);}
#sec02 .point03 span { background:  linear-gradient(transparent 60%, #bfe0b4 60%);}
.txt_x3 .box_x3 {background:#FFF; }
.txt_x3 .box_x3 p {text-align: left;}

/* section 03 */
#sec03 { background:url(bg_dot.jpg) repeat;}
.txt_x2 .box_x2 div.fright,.txt_x2 .box_x2 div.fleft { background: #FFF; }
#sec03 .box_sub_title h3  {color:#005aaa;}
#sec03 .box_sub_title { text-align: left; margin-bottom:20px; background-color: #ffe000; box-shadow: 6px 6px 0px 0px #005aaa;         /* 吹き出し本体の影 */ }
#sec03 .box_body {background: #FFF; text-align: left; border-bottom: solid 2px #898989;}

/* section 04 */
#sec04 { background:url(bg_dot_blue.jpg) repeat;}
#sec04 .box_x1 {background:#FFF; text-align: left; border-bottom: solid 2px #005aaa;}
#sec04 .box_x1 h3 {display: inline; background:  linear-gradient(transparent 60%, #dbedfc 60%);}

/* section 05 */
#sec05 h2 span {color:#005aaa; display: inline; background:  linear-gradient(transparent 60%, #ffe000 60%);}
#sec05 table { border-top :solid 1px #c9c9c9; border-collapse: collapse; text-align: left;}
#sec05 table th,#sec05 table td { border-bottom: solid 1px #c9c9c9;}
#sec05 table th {background:#e8f7fd;}

/* footer */
#footer {background:#005aaa; font-size:0.8em; color:#FFF;}
#footer img {background:#FFF; padding: 0 20px;}
#footer ul {text-align: center;}
#footer .link a {color:#FFF;}
#footer li a:hover,#footer .link a:hover {text-decoration:underline;}

/* Pageup button */
#page-top { position:fixed; bottom:10px; right: 10px; }
#page-top a { width:60px; height:60px; padding: 8px; border: solid 1px #308fe3; background:url(icon_top.png) #FFF no-repeat center ; border-radius:6px; display:block; text-indent: -9999px; }
#page-top a:hover { border: solid 1px #FFF; background:url(icon_top_ov.png) #308fe3 no-repeat center;	opacity:0.7; }




@media screen and (max-width: 999px) {
	 /*　画面サイズ 999pxまで適用　*/

body { font-size: 28px !important;}
.box_wrap {width:100%; max-height:100%; }
#header .box_wrap { display: flex; align-items: center; }
#header img.logo { width:35%; margin: 0 2%;}
#header .contact {width: 60%; text-align: right; margin: 0 4%; font-size: 0.9em;}
#sec01 span.kai:before {  content: "\A"; white-space: pre; }

.all #mainimg,.kanban #mainimg,.homepage #mainimg,.system #mainimg,.tochi #mainimg,.jihanki #mainimg,.butsuryu #mainimg,.ashiba #mainimg,.ec #mainimg,.dm #mainimg,.expo #mainimg,.gaiheki #mainimg,.bousui #mainimg {width:100%; max-height: 100%; background-size:150% auto; }
#mainimg .box_wrap {width:100%; max-height: 100%; padding: 3em 0 0; background:url(header_person_sp.png) no-repeat top right; background-size:auto 100%; }
#mainimg .balloon_wrap {width:46%; max-height:3em; margin: 0 2% 1em 5%;}
#mainimg  h1.balloon  {font-size: 2em; padding: 0.4em 0.1em;}
#mainimg img.medal {width:5em; margin-bottom: 1em; float:left;}
#mainimg .fleft,#mainimg .fright {float:none;}
#mainimg img.name {width:90%; height:auto; margin: 0 5% 0.5em;}
#mainimg img.merit {width:68%; height:auto; margin: 0 27% 0.5em 5%;}
#mainimg .txt01 img {width:90%; margin: 0 5%;}
#mainimg .txt02 img {width:68%; margin: 0 27% 0.5em 5%;}
#mainimg .header_step {width:90%; max-height: 100%; padding:0.5em 5% ; background:#ffe000; color:#003b83; font-weight:bold;}
#mainimg .header_step img {width:100%;}
#mainimg .step_txt {text-align: center; font-size: 0.8em;}

/* headline */
#sec01 .box_title, #sec02 .box_title, #sec03 .box_title, #sec04 .box_title  {width:90%; padding:2.4em 5% 1.4em; font-size: 0.8em;}
#sec01 h2 img,#sec02 h2 img,#sec03 h2 img,#sec04 h2 img {width:100%; margin-bottom:0.8em}
#sec05 .box_title span.kai:before {  content: "\A"; white-space: pre; }
#sec05 .box_title .Rinner  {width:90%; padding:2em 5% 1.4em; font-size: 0.8em;}
#sec05 h1 img {width:100%;}

/* entry */
.entry { width:100%; padding: 1.4em 0; font-size: 0.7em;}
.entry .box_title,.entry .entry_btn {width:100%;}
.entry .box_title img {width:90%; margin-bottom:0.5em;}
.entry .entry_btn img {width:80%; margin: 1.4em 10%;}

.entry_category h2  {font-size: 1.2em; letter-spacing: 0.05em; margin: 1.4em auto;}
.entry_category ul {width: 96%; margin: 0 2% 1.4em;}
.entry_category ul li a { display: block;  max-height:100%; font-size: 0.8em; font-weight: bold; padding: 10px 20px 7px 10px ; }
.entry_category li { width:47%; margin:0 4% 0.8em 0;}
.entry_category li:nth-child(2n)  { margin:0 0 1em 0;}
.entry_category .icon_arr { width:1em; margin:4px 4px 4px 0;}

/* flow */
.flow .box_wrap {width:96%; max-height: 100%; padding: 0.5em 2%;}
.flow .fleft {float:none;}
.flow .balloon {font-size:0.8em; color:#FFF;}
.flow .txt_blue{color:#ffe000;}
.flow img {width:100%;}

/* section 01 */
#sec01 { padding:0 0 0.5em;}
.txt_x1 .box_x1 {width:88%; max-height: 100%; padding:0.2em 1%; margin: 0 5% 0.5em 5%; }
.txt_x1 .box_x1 img {width:20%; margin-right:2%;}
.txt_x1 .box_x1 .bg_white {width: 78%; max-height: 100%; padding: 0.5em 0;font-size: 0.8em}
.txt_x1 .box_x1 .bg_white p {line-height: 1.4; margin-top: 0.5em;}

/* section 02 */
#sec02 {background:#FFF; padding-bottom: 1.4em;}
#sec02 .sub_title img {width:100%; margin-bottom: 1em;}
#sec02 .box_title span.kai:before {  content: "\A"; white-space: pre; }
.txt_x3 .box_x3 {width:80%; max-height: 100%; padding:0.5em 10%; margin: 0 0 0.5em; font-size: 0.8em; }
.txt_x3 .box_x3 h3 {font-size: 1.4em; margin-bottom: 0.5em;}
.txt_x3 .box_x3 img { width:100%; margin: 0 0 0.5em; display:block;}

/* sec 03 */
#sec03 { padding:0 0 0.5em; font-size: 0.9em;}
#sec03 .box_sub_title { width:86%; margin:0 2% 0.5em; padding: 0.5em 5%;}
#sec03 .box_body img {width:100%; margin:1em 0 0; float:none;}
#sec03 .box_body {width:86%; padding:1em 5%; margin: 0 2% 1.4em; line-height: 1.8;}
.txt_x2 .box_x2 div.fright,.txt_x2 .box_x2 div.fleft {width: 90％; max-height: 100%; padding:0.5em 5%; margin-bottom: 1em; text-align: center; float:none;}

/* section 04 */
#sec04 { padding:0 0 0.5em;}
#sec04 h3 {font-size: 1.3em; letter-spacing: 0.02em;}

/* section 05 */

/* section 05 */
#sec05 table { width:96%; margin: 2em 2% 3em;}
#sec05 table th {width:30%; padding:0.8em 2%;}
#sec05 table td {padding:0.8em 2%;}

/* footer */
#footer {width:100%; }
#footer .box_wrap  {width:90%; padding: 1.4em 5%;}
#footer img.logo {width:40%; margin: 0 auto 1.4em;}
#footer p {margin-bottom:1.4em;}

/* display */
.sp_hd {display:none;}

 }

@media screen and (min-width: 480px) and (max-width: 582px) {
  #header .contact { font-size: 0.8em;}
}

@media screen and (min-width: 520px) and (max-width: 680px) {
#mainimg  h1.balloon  {font-size: 1.6em;}
#mainimg .balloon_wrap {width:50%; margin-bottom: 2.4em; }
#mainimg .balloon  {padding: 0.5em 0.2em;}
#mainimg img.medal {width:5em; margin-bottom: 10px; float:left;}
#mainimg .txt01 img {width:90%; margin: 0 5%;}
#mainimg .txt02 img {width:60%; margin: 0 20% 0.5em;}

.entry_category ul li a { font-size: 0.7em; }
.entry_category ul li.txt_s a { font-size: 0.6em; }

}

@media screen and (max-width: 519px) {
#mainimg  h1.balloon  {font-size: 1.6em;}
#mainimg .balloon_wrap {width:50%;margin-bottom: 2.4em; }
#mainimg .balloon  {padding: 0.2em 0.1em; }
#mainimg .balloon::before{ left: 80px;}
#mainimg img.medal {width:5em; margin-bottom: 10px; float:left;}
/* 三角アイコン */
#mainimg .balloon::after{ left: 70px;}

.entry_category ul li a { font-size: 0.6em; }
.entry_category ul li.txt_s a { font-size: 0.5em; }

}

 @media screen and (max-width: 479px) {
 	 /*　画面サイズ 479pxまで適用　*/
 body {font-size: 16px !important;}

 .entry_category ul li a { display: block;  max-height:100%; font-size: 0.7em; font-weight: bold; padding: 10px 15px 7px 5px ; }
 .entry_category li { width:47%; margin:0 4% 0.8em 0;}
  .entry_category ul li.txt_s a { font-size: 0.6em; }

}


 @media screen and (min-width:1000px) {
	 /*　画面サイズ 1000px以上から適用　*/
body {text-align:center; font-size:20px;background:#FAFAFA;}
.box_wrap {width:1000px; max-height:100%; margin:0 auto;}
#header img.logo {width: 152px; margin: 10px 20px 10px 0;}
#header p.subtitle {margin-top:24px; font-size: 0.8em;}
#header .contact p { color:#308fe3; font-weight: bold; border: solid 1px #308fe3; border-radius: 5px; padding:10px; margin-top:10px; font-size: 0.8em;}
#sec01 .box_title, #sec02 .box_title, #sec03 .box_title, #sec04 .box_title  {padding:50px 0 40px;}
#sec05 .box_title .Rinner {background:url(form_title_bg_right.png) no-repeat top right; background-size:auto 100%; padding:50px 0 40px;}
img.arr {margin-bottom:20px;}
#mainimg .box_wrap {width:1000px; max-height: 100%; padding: 10px 0 20px 0; background:url(header_person.png) no-repeat top right;background-size:auto 100%; }
#mainimg .balloon_wrap {width:320px; margin: 5px 20px 10px 0; }
h1.balloon  {font-size: 2.6em;}
#mainimg img.medal {width:110px; margin-bottom: 10px; float:left;}

.kanban #mainimg img.name, .tochi #mainimg img.name, .butsuryu #mainimg img.name, .gaiheki #mainimg img.name, .bousui #mainimg img.name {width:460px;}
.kanban #mainimg img.merit, .tochi #mainimg img.merit, .butsuryu #mainimg img.merit, .gaiheki #mainimg img.merit, .bousui #mainimg img.merit {width:520px;}

.all #mainimg img.name, .system #mainimg img.name, .ec #mainimg img.name, .dm #mainimg img.name {width:550px;}
.all #mainimg img.merit, .system #mainimg img.merit, .ec #mainimg img.merit, .dm #mainimg img.merit {width:430px;}

.homepage #mainimg img.name , .jihanki #mainimg img.name, .ashiba #mainimg img.name, .expo #mainimg img.name {width:540px;}
.homepage #mainimg img.merit , .jihanki #mainimg img.merit, .ashiba #mainimg img.merit, .expo #mainimg img.merit {width:440px;}

#mainimg .header_step {width:750px; max-height: 100%; background:#ffe000; color:#003b83; font-weight:bold;}
#mainimg .step_txt {margin: 15px 0 0 20px;}
#mainimg .header_step span {background:  linear-gradient(transparent 60%, #fff9cc 60%);}
#mainimg .header_step span.kai:before  {  content: "\A"; white-space: pre; }
#mainimg .header_step img {width: 570px;}

/* headline */
#sec01 h2,#sec02 h2,#sec03 h2,#sec04 h2,#sec05 h2,#sec06 h2,#sec07 h2,#sec08 h2 {margin-bottom:20px;}

/* entry */
#sec01 {padding:0 0 50px 0;}
.entry {padding: 20px 0;}
.entry h2 {font-size: 1em; margin:10px 0;}
.entry .box_title img { width: 481px;}
.entry .entry_btn img {width:459px; height:114px;}

.entry_category h2  {font-size: 1.2em; letter-spacing: 0.05em; margin: 30px auto;}
.entry_category ul {width: 960px; margin: 0 20px 30px;}
.entry_category ul li a { display: block; width:198px; min-height:5px; font-size: 0.9em; font-weight: bold; padding: 5px 10px 2px 10px ; }
.entry_category li { margin:0 20px 20px 0;}
.entry_category .icon_arr { margin:4px 4px 4px 0;}


/* flow */
.flow .balloon_wrap {width:320px; margin: 30px 20px 20px 80px; }
.flow .balloon {font-size: 1.2em; line-height: 1.2; letter-spacing: -0.05em;}
.flow .balloon{ position: relative; padding:12px 20px 8px; background-color: #ffe000; border-radius: 10px; box-shadow: 6px 6px 0px 0px #1875c7;         /* 吹き出し本体の影 */ color:#003b83; font-weight: bold; }
.flow img {width:535px;}
/* 三角アイコンの影 */
.flow .balloon::before{ content: ''; position: absolute; display: block; width: 0; height: 0; right: -20px; top: 30px; border-left: 20px solid #1875c7; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }
/* 三角アイコン */
.flow .balloon::after{ content: ''; position: absolute; display: block; width: 0; height: 0; right: -13px; top: 30px; border-left: 20px solid #ffe000; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }

/* section 01 */
#sec01 .txt_x1 .box_x1 img {margin-right:20px;}
#sec01 .box_x1 .fright {width: 860px; padding: 15px;}
#sec01 .box_x1 p {font-size: 0.9em; margin-top:0.5em;}

/* section 02 */
#sec02 {padding:0 0 50px 0;}
#sec02 .sub_title {margin-bottom: 30px;}
#sec02 .sub_title img {width:375px;}
#sec02 .box_wrap {width:1000px; padding:0px;}
.txt_x3 .box_x3 {width:320px; min-height: 470px; padding:20px 0; margin-right:20px; font-size: 0.8em; }
.txt_x3 .box_x3:last-child {margin-right: 0;}
.txt_x3 .box_x3 h3 {font-size:1.6em; margin-bottom: 20px;}
.txt_x3 .box_x3 span.kai:before  {  content: "\A"; white-space: pre; }
.txt_x3 .box_x3 img {width:295px; margin-bottom: 1.4em;}
.txt_x3 .box_x3 p {padding: 0 20px; }

/* section 03 */
#sec03 { padding:0 0 50px 0;}
#sec03 .box_sub_title { width:470px; padding: 5px 20px 0 20px;}
.box_voice .box_title { width: 960px; max-height: 100%; }
.box_voice h3 {padding: 10px ;}
.box_voice p {margin-bottom: 1em ;}
.box_voice .box_body {width: 910px; max-height: 100%; padding: 20px; margin-bottom: 30px; font-size: 0.8em;}
.box_voice  img {width:442px;}
.box_voice  img.first {margin-right:20px;}

/* section 04 */
#sec04 { padding:0 0 30px 0;}
#sec04 .box_x1 {width:460px; max-height: 100%; padding:10px; margin-right:20px; margin-bottom: 20px;}
#sec04 h3 {font-size: 1em;}
#sec04 img {margin-right:20px;}
#sec04 p {font-size: 0.8em; margin-top:10px;}
#sec04 .box_x1 .bg_white {width:340px; max-height:100%; }

/* section 05 */
#sec05 table { width:960px; margin: 50px 0 60px;}
#sec05 table th,#sec05 table td { border-bottom: solid 1px #c9c9c9;}
#sec05 table th {width:200px; padding:30px;}
#sec05 table td {padding:30px;}


/* footer */
#footer {padding:20px 0 50px 0; }
#footer .box_wrap  {width:1000px; margin:0 auto;}
#footer img.logo {width:152px; margin: 30px auto;}
#footer .link  {margin-bottom:30px;}

 }