@charset "UTF-8";

/* --------------------------------------
リセット
--------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;margin:0;padding:0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
	
a {text-decoration:none;overflow:hidden;}
img {border:none;vertical-align:middle;}
hr {display:none;clear:both;}
br.clear {clear:both;}
.c_b {clear:both;}
.w_n {font-weight:normal !important;}

ul {margin:0;padding:0;}
li {margin:0;padding:0;list-style:none;}
dl {margin:0;padding:0;}
dt {margin:0;padding:0;}
dd {margin:0;padding:0;}

p {margin:0;padding:0;}

/* --------------------------------------
IE8以下対応
--------------------------------------- */

article, aside, figure, figcaption, footer, header, nav, section {
display: block;}




/*	共通
-----------------------------------------------------------	*/

body {
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
color:#000000;
margin:0;}

a img {border-style: none;}
img {border-style:none;}

.clearfix:after {
content: "";
clear: both;
display: block;}

a:link { color:#000000;text-decoration : none; }
a:visited { color:#000000;text-decoration : none; }
a:active { color:#000000;text-decoration : none; }
a:hover { color:#3B5690;text-decoration:underline; }

.lo_alpha_70 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.lo_alpha_80 a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.lo_alpha_90 a:hover img {
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}



.pc {display:block;}
.sp {display:none;}


.wrap_all {
width:1000px;
margin:0 auto 20px;}

.ank {
padding-top:90px;
margin-top:-90px;}

.gotop {
width:100px;
height:100px;
padding:0 10px 25px 0;
position:fixed;
right:0;
bottom:0;
z-index:1000;}

.gotop img {
width:100px;
height:auto;}



.pre-01 {
text-align:center;
padding-top:100px;
font-size:200%;
line-height:200%;}




/*	アニメーション
-----------------------------------------------------------	*/


.fade-up1 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

.fade-up2 {
  transition: opacity 1.0s;
  -moz-transition: opacity 1.0s;
  -webkit-transition: opacity 1.0s;
  -o-transition: opacity 1.0s;
  transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -webkit-transition: transform 1.0s;
  -o-transition: transform 1.0s;
}

.fade-side1 {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

.fade-side2 {
  transition: opacity 1.0s;
  -moz-transition: opacity 1.0s;
  -webkit-transition: opacity 1.0s;
  -o-transition: opacity 1.0s;
  transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -webkit-transition: transform 1.0s;
  -o-transition: transform 1.0s;
}


.fuwafuwa {

-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;

}



@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}

}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}

}





/*	youtube用
-----------------------------------------------------------	*/

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



/*	ヘッダー
-----------------------------------------------------------	*/

.header {
width:100%;}

.nav_sp {
display:none;}

.h_innr {
width:100%;
background-color:#FFFFFF;}

.h_innr .logo {
padding:70px 0 46px 0;
text-align:center;}

.h_innr .logo img { 
width:145px;
height:auto;}

.nav li {
text-align:center;
float:left;
letter-spacing:2px;
font-size:18px;
line-height:32px;
border-top: 1px solid #3B5690;
border-bottom: 1px solid #3B5690;}

.nav a {
color:#3B5690;
display: block;
height: 32px;
text-indent: -9999px;
outline: 0;
border-bottom: 1px solid #ffffff;}



.nav .current-menu-item a{
border-bottom: 1px solid #3B5690;}

.nav .current_page_parent a{
border-bottom: 1px solid #3B5690;}


.nav00 {
width:20%;}

.nav .nav00 a {
background-image: url(../../img/header/menu_00.png);
background-position:center top;
background-repeat:no-repeat;}

.nav .nav00 a:hover{
border-bottom: 1px solid #3B5690;}

.nav01 {
width:20%;}

.nav .nav01 a {
background-image: url(../../img/header/menu_01.png);
background-position:center top;
background-repeat:no-repeat;}

.nav .nav01 a:hover{
border-bottom: 1px solid #3B5690;}


.nav02 {
width:20%;}

.nav .nav02 a {
background-image: url(../../img/header/menu_02.png);
background-position:center top;
background-repeat:no-repeat;}

.nav .nav02 a:hover{
border-bottom: 1px solid #3B5690;}


.nav03 {
width:20%;}

.nav .nav03 a {
background-image: url(../../img/header/menu_03.png);
background-position:center top;
background-repeat:no-repeat;}

.nav .nav03 a:hover{
border-bottom: 1px solid #3B5690;}


.nav04 {
width:20%;}

.nav .nav04 a {
background-image: url(../../img/header/menu_04.png);
background-position:center top;
background-repeat:no-repeat;}

.nav .nav04 a:hover{
border-bottom: 1px solid #3B5690;}



.nav .on a{
border-bottom: 1px solid #3B5690;}


.works_item_navi .nav01 a {
border-bottom: 1px solid #3B5690;}





/*	footer
-----------------------------------------------------------	*/

.f_nav_wrap {
width:100%;
margin:0 auto;}

.ff_n {
width:100%;
text-align:center;
font-size:14px;
line-height:30px;
border-top: 1px solid #3B5690;
border-bottom: 1px solid #3B5690;
overflow: hidden;
position: relative;}

.ff_n a:link { color:#3B5690;text-decoration : none; }
.ff_n a:visited { color:#3B5690;text-decoration : none; }
.ff_n a:active { color:#3B5690;text-decoration : none; }
.ff_n a:hover { color:#3B5690;text-decoration:underline; }
.ff_n .on { color:#3B5690;text-decoration:underline; }

.ff_n ul {
float: left;
margin: 0;
padding: 0;
position: relative;
left: 50%;}

.ff_n li {
float:left;
position: relative;
left: -50%;}

.ff_n .current-menu-item a { color:#3B5690;text-decoration:underline; }
.ff_n .current_page_parent a { color:#3B5690;text-decoration:underline; }

.works_item_footer .nav_f01 a { color:#3B5690;text-decoration:underline; }

.ft-top-i span {display:none;}

.ff_old {
width:100%;
height:52px;
position:relative;}

.ff_old a{
display:block;
padding:0 10px ;
position:absolute;
font-size:12px;
line-height:18px;
color:#FFFFFF;
background-color:#3B5690;
right:0;
top:12px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;}

.ff_old a:link { color:#FFFFFF;text-decoration : none; }
.ff_old a:visited { color:#FFFFFF;text-decoration : none; }
.ff_old a:active { color:#FFFFFF;text-decoration : none; }
.ff_old a:hover { color:#FFFFFF;text-decoration:none;background-color:#27395F; }

.f_logo {
float:left;
width:117px;}

.f_logo img{
height:100px;
width:100px;}

.f_com_wrap {
float:left;
width:50%;
height:100px;
position:relative;}

.f_com_inner {
position:absolute;
font-size:12px;
line-height:18px;
left:0;
bottom:0;}

.f_com_inner h5 {
color:#3B5690;
font-size:14px;
line-height:16px;
padding-bottom:15px;}


.copy {
height:100px;
width:30%;
float:right;
position:relative;}

.copy .children {
position:absolute;
font-size:10px;
line-height:12px;
right:0;
bottom:0;}







/*	site_link
-----------------------------------------------------------	*/

.site_link {
padding:15px 0 10px;
text-align:left;
font-size:12px;
line-height:18px;
color:#3B5690;}

.site_link a:link { color:#3B5690;text-decoration : none; }
.site_link a:visited { color:#3B5690;text-decoration : none; }
.site_link a:active { color:#3B5690;text-decoration : none; }
.site_link a:hover { color:#3B5690;text-decoration:underline; }



.page_num {
text-align:center;
padding:20px 0 100px;
font-size:14px;}

.page_num a{
color:#3B5690;}


.page_num h2 {
display:none;}

.page_num .current{color:#3B5690;text-decoration:underline;}

.page_num .page-numbers {padding:0 2px;}

.page_ctl {
padding:40px 0 100px;
font-size:14px;}

.page_ctl_l {
width:45%;
text-align:right;
float:left;}

.page_ctl_r {
width:45%;
text-align:left;
float:right;}

.page_ctl .nav-previous {
width:45%;
text-align:right;
float:left;}

.page_ctl .nav-next {
width:45%;
text-align:left;
float:right;}

.page_ctl a{
color:#3B5690;}


.page_ctl h2 {
display:none;}




/*	contents共通
-----------------------------------------------------------	*/

.contents {
min-height:1000px;}



/*	mv
-----------------------------------------------------------	*/

.mv{
width:100%;}

.mv img{
width:100%;
height:auto;}


/*	contents_各ページ
-----------------------------------------------------------	*/

.contents_wrap{}


.top_contents_a{
width:1400px;
margin:15px auto 0;}





/*	top用
-----------------------------------------------------------	*/

/*	  news用
-----------------------------------------------------------	*/

.news {
text-align: left;
padding: 25px 226px 60px;
border-bottom: 1px solid #3B5690;
}

.news li {
padding:3px 0;}

.news_01_day {
width:100px;
float:left;}

.news_01_text {
text-align:justify;
width:448px;
float:left;}


/*	  works_top用
-----------------------------------------------------------	*/

.works_top_wrap {
padding: 37px 0 20px;
width:100%;
overflow:hidden;}

.works_top-a_wrap {
padding: 32px 0 20px;
width:100%;
overflow:hidden;}

.works_top_wrap ul {
margin-left:-44px;}

.works_top-a_wrap ul {
margin-left:-44px;}

.works_top_wrap .works_top_inner {
padding:10px 0 10px 44px;
border-bottom: 1px solid #ffffff;
float:left;}

.works_top-a_wrap .works_top_inner {
padding:15px 0 15px 44px;
border-bottom: 1px solid #3B5690;
float:left;}

.works_top_wrap .works_top_inner a{
display:block;
width:217px;
height:355px;
background-color:#FFFFFF;}

.works_top-a_wrap .works_top_inner a{
display:block;
width:217px;
height:360px;
background-color:#FFFFFF;}

.works_top_inner a:hover {
background-color:#E2E6EE;
text-decoration:none;
color:#000000;}

.works_top_item img{
-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.works_top_photo {
margin:24px 0 0 30px;
height:208px;
width:156px;}



.works_top_item_title {
font-weight:bold;
padding:12px 20px 8px 30px;
font-size:12px;
line-height:20px;
height:40px;
overflow:hidden;}

.works_top_item_com {
font-weight:bold;
padding:0 0 0 30px;
width:115px;
font-size:10px;
line-height:15px;
float:left;}

.works_top_item_syousai {
font-weight:bold;
padding:0;
width:36px;
font-size:10px;
line-height:15px;
background-color:#3B5690;
color:#FFFFFF;
text-align:center;
float:left;
margin-left:5px;}

.works_top_item_name {
padding:10px 20px 0 30px;
font-weight:bold;
font-size:10px;
line-height:15px;}



.works_top_all_list {
text-align:right;
padding:0 0 40px;
font-size:14px;}

.works_top_all_list a{
color:#3B5690;}





/*	  works_item用
-----------------------------------------------------------	*/


.bk_item {
margin-top:50px;
background-color:#E2E6EE;}


.works_item_wrap {
padding:54px 86px;}

.works_item_inner_l {
float:left;
width:338px;}

.works_item_inner_r {
float:right;
width:423px;}

.works_page_back {
text-align:center;
padding:40px 0 100px;
font-size:14px;}

.works_page_back a{
display:block;
text-align:center;
margin:0 auto;
padding:0;
width:150px;
color:#ffffff;
background-color:#3B5690;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;}

.works_page_back a:link { color:#FFFFFF;text-decoration : none; }
.works_page_back a:visited { color:#FFFFFF;text-decoration : none; }
.works_page_back a:active { color:#FFFFFF;text-decoration : none; }
.works_page_back a:hover { color:#FFFFFF;text-decoration:none;background-color:#27395F; }


.works_item_inner_l h2{
text-align:left;
font-size:20px;
line-height:28px;
padding:0 0 5px;}

.works_item_inner_com{
text-align:left;
font-size:13px;
line-height:28px;
padding:0 0 15px;}

.works_item_inner_info{
text-align:left;
font-size:14px;
line-height:29px;
padding:14px 0;
margin-bottom:10px;
border-top: 1px solid #3B5690;
border-bottom: 1px solid #3B5690;}

.works_item_inner_text{
text-align:justify;
font-size:15px;
line-height:24px;}


.works_item_inner_r img{
width:425px;
height:auto;
-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.works_item_inner_main {
padding:30px 0 0;}

.works_item_inner_main img{
max-width:100%;
height:auto;
-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.works_item_inner_main_text{
padding:10px 0;
font-size:14px;
line-height:29px;}





/*	  blog用
-----------------------------------------------------------	*/

.blog_wrap {
padding: 90px 0 0;
width:100%;
overflow:hidden;}

.blog_inner_l {
float:left;
width:820px;
padding: 0;}

.blog_inner_r {
float:right;
width:125px;
padding: 0;}


.blog_inner {
width:725px;
padding: 0 0 30px;
margin-bottom:30px;
border-bottom: 1px solid #3B5690;}


.blog_item_img {
float:left;
width:164px;
padding: 0 32px 0 0;}

.blog_item_main {
float:left;
width:529px;
padding: 0;}

.blog_item_title {
padding-top:5px;
font-weight:bold;
font-size:18px;
line-height:30px;}

.blog_item_text {
text-align:justify;
padding-top:5px;
font-size:14px;
line-height:24px;}

.blog_item_name {
font-size:14px;
line-height:24px;
padding-top:5px;
text-align:right;}


.achive_title,
.widget-title {
padding-top:5px;
font-weight:bold;
font-size:16px;
line-height:28px;
color:#3B5690;}


.blog_navi ul {
padding-bottom:25px;}

.blog_navi li {
padding-top:4px;
font-size:13px;
line-height:18px;}


.blog_inner_l .link-more {
display:none;}






/*	  blog_main用
-----------------------------------------------------------	*/


.blog_sgl {
padding:35px 80px;
background-color:#E2E6EE;}

.blog_sgl_title {
font-weight:bold;
font-size:18px;
line-height:30px;}

.blog_sgl_name {
font-size:14px;
line-height:24px;
padding:8px 0 12px;}

.blog_sgl_text {
text-align:left;
padding-top:5px;
font-size:14px;
line-height:24px;}

.blog_sgl_text img{
margin:10px 0;
max-width:100%;
height:auto;}




.blog_inner_ach {
text-align:left;
float:none;
width:100%;
padding: 0 0;}








/*	  about_wrap用
-----------------------------------------------------------	*/

.about_wrap {
padding: 90px 0 0;
width:100%;
overflow:hidden;}

.about_top_wrap {
padding:0 0 90px;
width:100%;
overflow:hidden;
text-align:center;}

.about_top_wrap h2 {
font-size:24px;
line-height:52px;
color:#3B5690;}

.about_top_wrap p {
font-size:18px;
line-height:26px;
padding:8px 0;}

.about_com_wrap {
padding:30px 0;
width:100%;
overflow:hidden;
text-align:left;
border-top: 1px solid #3B5690;}

.about_com_wrap h3 {
text-align:left;
display:block;
float:left;
width:158px;
font-weight:normal;
font-size:20px;
line-height:32px;
color:#3B5690;}

.about_com_main {
float:left;
width:842px;}

.about_com_main .t_l {
text-align:left;
padding:2px 0;
width:110px;
font-weight:normal;
font-size:14px;
line-height:23px;}

.about_com_main .t_r {
text-align:left;
padding:2px 0;
width:732px;
font-weight:normal;
font-size:14px;
line-height:23px;}

.about_com_main .t_l span {
font-size:12px;}


.about_access_wrap {
padding:30px 0;
width:100%;
overflow:hidden;
text-align:left;
border-top: 1px solid #3B5690;}

.about_access_wrap h3 {
text-align:left;
font-weight:normal;
font-size:20px;
line-height:32px;
color:#3B5690;
padding-bottom:8px;}



.about_access_l {
text-align:left;
float:left;
width:70%;
font-size:14px;
line-height:25px;
padding:10px 0 80px;}


.about_access_r {
text-align:right;
float:right;
width:30%;
font-size:14px;
line-height:25px;
padding:10px 0 80px;}

.about_access_r a {
color:#3B5690;}










/*	  privacy用
-----------------------------------------------------------	*/


.privacy_wrap {
padding: 90px 0 100px;
margin:0 auto;
width:80%;
overflow:hidden;}

.privacy_wrap ol li {
list-style: decimal;
padding: 0 0 7px 0px;}

.privacy_wrap ol {
margin:20px 0 0;}

.privacy_wrap .stm {
display:block;
padding:20px 0;}













/*	サンプル-背景用の動画
-----------------------------------------------------------	*/

#bg-video{
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -100;
 background-color:#E8F3FF;
 background-size: cover;
}



/*	サンプル-01-po(SOLUTION) 動き
-----------------------------------------------------------	*/



.po00 {
    animation: fadeOut 5s ease 0s 1 forwards;
    -webkit-animation: fadeOut 5s ease 0s 1 forwards;
}

.po01 {
    animation: fadeIn 5s ease 0s 1 forwards;
    -webkit-animation: fadeIn 5s ease 0s 1 forwards;
}

.po02 {opacity: 0;
    animation: fadeIn 4s ease 2s 1 forwards;
    -webkit-animation: fadeIn 4s ease 2s 1 forwards;
}

.po03 {opacity: 0;
    animation: fadeIn 4s ease 4s 1 forwards;
    -webkit-animation: fadeIn 4s ease 4s 1 forwards;
}

.po04 {opacity: 0;
    animation: fadeIn 4s ease 6s 1 forwards;
    -webkit-animation: fadeIn 4s ease 6s 1 forwards;
}



@keyframes fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
}



@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}





/*	contact
-----------------------------------------------------------	*/



.contact_wrap {
padding: 90px 0 100px;
margin:0 auto;
width:80%;}

.contact_wrap h2{
color:#0055AB;}

.contact_wrap input[type=text],
.contact_wrap input[type=email],
.contact_wrap textarea {
    background-color: #F3F2F1;
    border: none;
    padding: 1%;
    font-size: 1.2em;
    line-height: 1.3em;
    width: 98%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !Important;}

.contact_wrap label {
    line-height: 30px;}

.submit-btn {
text-align:center;
padding: 20px 0px;}

.contact_wrap input[type=submit] {
width: 180px;
height: 52px;
padding: 15px 40px;
font-size: 1.2em;
line-height: 1.4em;
cursor:pointer;}





/*	404
-----------------------------------------------------------	*/


.error-404 .page-title {
text-align:center;
padding-top:100px;}










/*	1400px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 1400px){





}


/*	1000px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 1000px){



}




/*	768px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 768px){



/*	共通
-----------------------------------------------------------	*/

body {
font-size:20px;
line-height:30px;}

.pc {display:none;}
.sp {display:block;}

.wrap_all {
width:740px;}

.ank {
padding-top:300px;
margin-top:-300px;}

.gotop {
width:150px;
height:150px;
padding:0 10px 30px 0;
position:fixed;
right:0;
bottom:0;
z-index:1000;}

.gotop img {
width:150px;
height:auto;}

.contents_head_note {
position:absolute;
right:1%;
top:-20px;}

.contents_head_note img {
width:250px !important;
height:auto !important;}





/*	ヘッダー01
-----------------------------------------------------------	*/

.header {
min-width:768px;}

.h_innr {
position:fixed;
top:0;
left:0;
width:100%;
height:280px;
z-index:1500;}

.h_innr .logo {
width:100%;
height:200px;
padding:50px 0 30px 0;
text-align:center;
position:relative;}

.h_innr .logo img { 
width:200px;
height:auto;}



.menu_sp {
position:absolute;
top:150px;
right:10px;
cursor:pointer;
width:153px;
height:120px;
background-image:url(../../img/sp/header/menu.png);
background-repeat:no-repeat;
z-index:2000;}

.menu_sp_cls {
display:none;
width:153px;
height:120px;
z-index:2000;}



/*	スマホ用ナビ
-----------------------------------------------------------	*/

.nav_sp {
position:fixed;
width:100%;
top: 280px;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
z-index:500;
background-color:rgba(255,255,255,0.9);}

.nav_sp_wrap {
padding-top:0px;}


.nav_sp_inner {
width:640px;
margin:0 auto;
padding-bottom:40px;}

.nav_sp_inner a:link { color:#3B5690;text-decoration : none; }
.nav_sp_inner a:visited { color:#3B5690;text-decoration : none; }
.nav_sp_inner a:active { color:#3B5690;text-decoration : none; }
.nav_sp_inner a:hover { color:#3B5690;text-decoration:underline; }



.nav_sp_inner ul {
padding-bottom:140px;}

.nav_sp_inner li {
font-size:30px;
line-height:36px;
width:100%;
border-bottom:2px #3B5690 solid;
background-image:url(../../img/sp/top/ya_menu.png);
background-position:bottom right;
background-repeat:no-repeat;}

.nav_sp_inner li a{
text-align:left;
display:block;
padding:70px 0 25px;
}









/*	footer
-----------------------------------------------------------	*/

.f_nav_wrap {
width:100%;
margin:0 auto;}

.ff_n {
width:100%;
text-align:center;
font-size:14px;
line-height:30px;
border-top: 1px solid #3B5690;
border-bottom: 1px solid #3B5690;}

.ff_n a:link { color:#3B5690;text-decoration : none; }
.ff_n a:visited { color:#3B5690;text-decoration : none; }
.ff_n a:active { color:#3B5690;text-decoration : none; }
.ff_n a:hover { color:#3B5690;text-decoration:underline; }
.ff_n .on { color:#3B5690;text-decoration:underline; }


.ff_old {
width:100%;
height:100px;
position:relative;
display:none;}

.ff_old a{
display:block;
padding:10px 30px ;
position:absolute;
font-size:24px;
line-height:30px;
color:#FFFFFF;
background-color:#3B5690;
right:0;
top:24px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;}

.ff_old a:link { color:#FFFFFF;text-decoration : none; }
.ff_old a:visited { color:#FFFFFF;text-decoration : none; }
.ff_old a:active { color:#FFFFFF;text-decoration : none; }
.ff_old a:hover { color:#FFFFFF;text-decoration:none;background-color:#27395F; }

.f_logo {
float:left;
width:175px;
padding-left:20px;}

.f_logo img{
height:150px;
width:150px;}

.f_com_wrap {
float:left;
width:545px;
height:150px;
position:relative;}

.f_com_inner {
position:absolute;
font-size:18px;
line-height:26px;
left:0;
bottom:10px;}

.f_com_inner h5 {
color:#3B5690;
font-size:24px;
line-height:30px;
padding-bottom:20px;}


.copy {
height:auto;
width:100%;
float:none;
position:relative;}

.copy .children {
padding:50px 0 20px;
position:relative;
width:100%;
font-size:20px;
line-height:26px;
text-align:center;}





/*	site_link
-----------------------------------------------------------	*/

.site_link {
padding:20px 0 10px;
text-align:left;
font-size:16px;
line-height:25px;
color:#3B5690;
width:90%;
margin:0 auto;}

.site_link a:link { color:#3B5690;text-decoration : none; }
.site_link a:visited { color:#3B5690;text-decoration : none; }
.site_link a:active { color:#3B5690;text-decoration : none; }
.site_link a:hover { color:#3B5690;text-decoration:underline; }


.page_num {
text-align:center;
padding:40px 0 50px;
font-size:28px;}

.page_num a{
color:#3B5690;}

.page_num .page-numbers {padding:0 5px;}



.page_ctl {
padding:40px 0 50px;
font-size:28px;}

.page_ctl_l {
width:45%;
text-align:right;
float:left;}

.page_ctl_r {
width:45%;
text-align:left;
float:right;}

.page_ctl a{
color:#3B5690;}






/*	contents共通
-----------------------------------------------------------	*/

.contents {
padding-top:280px;
min-height:2000px;}


/*	contents_各ページ
-----------------------------------------------------------	*/

.contents_wrap{}


.top_contents_a{
width:768px;
margin:30px auto 0;}


/*	top用
-----------------------------------------------------------	*/

/*	  news用
-----------------------------------------------------------	*/

.news {
text-align: left;
padding: 40px 0px 20px;
border-bottom: 1px solid #3B5690;
width:90%;
margin:0 auto;
}

.news li {
padding:10px 0;}

.news_01_day {
width:100%;
font-size:20px;
line-height:30px;
float:none;}

.news_01_text {
width:100%;
font-size:20px;
line-height:30px;
float:none;}



/*	  works_top用
-----------------------------------------------------------	*/

.works_top_wrap {
padding: 37px 0 20px;
width:100%;
overflow:hidden;}

.works_top-a_wrap {
padding: 32px 0 20px;
width:100%;
overflow:hidden;}

.works_top_wrap ul {
margin-left:-44px;}

.works_top-a_wrap ul {
margin-left:-44px;}

.works_top_wrap .works_top_inner {
padding:10px 0 10px 44px;
border-bottom: 1px solid #ffffff;
float:left;}

.works_top-a_wrap .works_top_inner {
padding:15px 0 15px 44px;
border-bottom: 1px solid #3B5690;
float:left;}

.works_top_wrap .works_top_inner a{
display:block;
width:217px;
height:380px;
background-color:#FFFFFF;}

.works_top-a_wrap .works_top_inner a{
display:block;
width:217px;
height:400px;
background-color:#FFFFFF;}

.works_top_inner a:hover {
background-color:#E2E6EE;
text-decoration:none;
color:#000000;}

.works_top_item img{
-webkit-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));
filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));}

.works_top_item_title {
font-weight:bold;
padding:12px 20px 8px 30px;
font-size:16px;
line-height:24px;}

.works_top_item_com {
font-weight:bold;
padding:0 0 0 30px;
width:120px;
font-size:14px;
line-height:20px;
float:left;}

.works_top_item_syousai {
font-weight:bold;
padding:0;
width:36px;
font-size:14px;
line-height:20px;
background-color:#3B5690;
color:#FFFFFF;
text-align:center;
float:left;}

.works_top_item_name {
padding:0 20px 0 30px;
font-size:14px;
line-height:20px}

.works_top_all_list {
text-align:right;
padding:20px 0 60px;
font-size:18px;
width: 94%;
margin: 0 auto;}

.works_top_all_list a{
color:#3B5690;}












/*	  works_item用
-----------------------------------------------------------	*/


.bk_item {
margin-top:20px;
background-color:#E2E6EE;}


.works_item_wrap {
padding:40px 70px;}

.works_item_inner_l {
float:none;
width:100%;
padding-bottom:40px;}

.works_item_inner_r {
float:none;
width:100%;}

.works_page_back {
text-align:center;
padding:80px 0 150px;
font-size:24px;}

.works_page_back a{
display:block;
text-align:center;
margin:0 auto;
padding:20px 0;
width:300px;
color:#ffffff;
background-color:#3B5690;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;}

.works_page_back a:link { color:#FFFFFF;text-decoration : none; }
.works_page_back a:visited { color:#FFFFFF;text-decoration : none; }
.works_page_back a:active { color:#FFFFFF;text-decoration : none; }
.works_page_back a:hover { color:#FFFFFF;text-decoration:none;background-color:#27395F; }


.works_item_inner_l h2{
text-align:left;
font-size:30px;
line-height:45px;
padding:0 0 15px;}

.works_item_inner_com{
text-align:left;
font-size:18px;
line-height:32px;
padding:0 0 25px;}

.works_item_inner_info{
text-align:left;
font-size:18px;
line-height:40px;
padding:20px 0;
margin-bottom:20px;
border-top: 1px solid #3B5690;
border-bottom: 1px solid #3B5690;}

.works_item_inner_text{
text-align:left;
font-size:22px;
line-height:36px;}


.works_item_inner_r img{
width:100%;
height:auto;
-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.works_item_inner_main {
padding:60px 0 0;}

.works_item_inner_main img{
width:100%;
height:auto;
-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.works_item_inner_main_text{
padding:20px 0;
font-size:18px;
line-height:33px;}






/*	  blog用
-----------------------------------------------------------	*/

.blog_wrap {
padding: 20px 0 20px;
width:90%;
margin:0 auto;
overflow:hidden;}

.blog_inner_l {
float:none;
width:100%;
padding: 0;}

.blog_inner_r {
float:none;
width:100%;
padding: 0;}


.blog_inner {
width:100%;
padding: 0 0 30px;
margin-bottom:30px;
border-bottom: 1px solid #3B5690;}


.blog_item_img {
float:left;
width:164px;
padding: 0 32px 0 0;}

.blog_item_main {
float:left;
width:470px;
padding: 0;}

.blog_item_title {
padding-top:5px;
font-weight:bold;
font-size:18px;
line-height:30px;}

.blog_item_text {
text-align:justify;
padding-top:5px;
font-size:14px;
line-height:24px;}

.blog_item_name {
font-size:14px;
line-height:24px;
padding-top:5px;
text-align:right;}


.achive_title,
.widget-title {
padding-top:5px;
font-weight:bold;
font-size:30px;
line-height:45px;
color:#3B5690;}


.blog_navi ul {
padding-bottom:25px;}

.blog_navi li {
padding-top:4px;
font-size:26px;
line-height:40px;}







/*	  blog_main用
-----------------------------------------------------------	*/


.blog_sgl {
padding:72px 70px;
background-color:#E2E6EE;}

.blog_sgl_title {
font-weight:bold;
font-size:30px;
line-height:45px;}

.blog_sgl_name {
font-size:14px;
line-height:24px;
padding:8px 0 12px;}

.blog_sgl_text {
text-align:left;
padding-top:5px;
font-size:14px;
line-height:24px;}

.blog_sgl_text img{
width:100%;
height:auto;
margin:25px 0;}



.blog_inner_ach,
.widget {
float:left;
width:40%;
padding: 0 5% 80px;
text-align:center;}









/*	  about_wrap用
-----------------------------------------------------------	*/

.about_wrap {
padding: 20px 0 ;
width:90%;
margin:0 auto;
overflow:hidden;}

.about_top_wrap {
padding:0 0 90px;
width:100%;
overflow:hidden;
text-align:center;}

.about_top_wrap h2 {
font-size:32px;
line-height:65px;
color:#3B5690;}

.about_top_wrap p {
font-size:18px;
line-height:26px;
padding:20px 0;}

.about_com_wrap {
padding:30px 0;
width:100%;
overflow:hidden;
text-align:left;
border-top: 1px solid #3B5690;}

.about_com_wrap h3 {
text-align:left;
display:block;
float:none;
width:100%;
font-weight:normal;
font-size:32px;
line-height:65px;
color:#3B5690;
padding-bottom:8px;}

.about_com_main {
float:none;
width:100%;}

.about_com_main .t_l {
text-align:left;
padding:8px 0 0;
width:166px;
font-weight:normal;
font-size:22px;
line-height:25px;}

.about_com_main .t_r {
text-align:left;
padding:4px 0;
width:500px;
font-weight:normal;
font-size:15px;
line-height:24px;}

.about_com_main .t_l span {
font-size:15px;}


.about_access_wrap {
padding:30px 0;
width:100%;
overflow:hidden;
text-align:left;
border-top: 1px solid #3B5690;}

.about_access_wrap h3 {
text-align:left;
font-weight:normal;
font-size:32px;
line-height:65px;
color:#3B5690;
padding-bottom:8px;}



.about_access img{
width:100%;
height:auto;}

.about_access_l {
text-align:left;
float:none;
width:100%;
font-size:14px;
line-height:26px;
padding:10px 0 80px;}

.about_access_r {
text-align:left;
float:none;
width:100%;
font-size:28px;
line-height:32px;
padding:10px 0 20px;}

.about_access_r a {
color:#3B5690;}







/*	  privacy用
-----------------------------------------------------------	*/


.privacy_wrap {
padding: 20px 0 140px;
margin:0 auto;
width:90%;
overflow:hidden;}

.privacy_wrap ol li {
list-style: decimal;
padding: 0 0 7px 0px;}

.privacy_wrap ol {
margin:20px 0 0;}

.privacy_wrap .stm {
display:block;
padding:20px 0;}










/*	contact
-----------------------------------------------------------	*/



.contact_wrap {
padding: 20px 0 140px;
margin:0 auto;
width:90%;}

.contact_wrap h2{
color:#0055AB;}

.contact_wrap input[type=text],
.contact_wrap input[type=email],
.contact_wrap textarea {
    background-color: #F3F2F1;
    border: none;
    padding: 2%;
    font-size: 1.2em;
    line-height: 1.5em;
    width: 94%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !Important;}

.contact_wrap label {
    line-height: 40px;}

.submit-btn {
text-align:center;
padding: 20px 0px;}

.contact_wrap input[type=submit] {
width: 250px;
height: 80px;
padding: 15px 40px;
font-size: 1.3em;
line-height: 1.6em;
cursor:pointer;}


}



/*	370px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 370px){



}











/*	印刷時
-----------------------------------------------------------	*/
@media print {



#test {
page-break-after: always;
}



#backtotop_a {
display:none;
}


}