@charset "utf-8";

/*基本設定
-------------------------------------------------------------- */

a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.clearfix {
    zoom: 1; /* for IE7- */
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
strong {
	font-weight:bold;
}
em {
color:#0087e6;
}

/* リンク設定
------------------------------------------------------------*/

.cl {
	clear:both;
}
.ct {
text-align: center;
}
.yu {
font-family:"游明朝",YuMincho;
font-weight: bold;
}
.yu2 {
font-family:"游明朝",YuMincho;
font-weight: normal;
}
.red {
color:#fd0000;
}
.op:hover {
opacity: 0.7;
}
.up20 {
	margin-top:20px;
}
.up30 {
	margin-top:30px;
}
.up40 {
	margin-top:40px;
}
.up50 {
	margin-top:50px;
}
.up60 {
	margin-bottom:60px;
}
.d20 {
	margin-bottom:20px;
}
.d30 {
	margin-bottom:30px;
}
.d40 {
	margin-bottom:40px;
}
.d50 {
	margin-bottom:50px;
}
.ud20 {
	margin:20px 0;
}
.ud30 {
	margin:30px 0;
}
.ud40 {
	margin:40px 0;
}
.ud50 {
	margin:50px 0;
}


/* リンク設定
------------------------------------------------------------*/
a:link {
	color:#009cff;
	text-decoration:none;
}
a:visited {
	color:#009cff;
	text-decoration:none;
}
a:hover {
	color:#3eb4ff;
	text-decoration:underline;
}
a:active {
	color:#009cff;
	text-decoration:none;
}

a.ftr:link {
	color:#fff;
	text-decoration:none;
}
a.ftr:visited {
	color:#fff;
	text-decoration:none;
}
a.ftr:hover {
	color:#b6d1f4;
	text-decoration:none;
}
a.ftr:active {
	color:#fff;
	text-decoration:none;
}



/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 980px) {

.tx14 {
font-size: 14px;
}
.spbr {
display: none !important;
}
.pc_none {
display: none;
}
.ctcnt {
width:980px;
margin: 0 auto;
}

body{
	font-family:"游ゴシック",YuGothic,"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	line-height:28px;
	color:#464646;
-webkit-text-size-adjust: none;
font-weight:500;
}
#bar {
position: relative;
width:100%;
background: #044395; /* Old browsers */
background: -moz-linear-gradient(top, #044395 0%, #0955b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #044395 0%,#0955b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #044395 0%,#0955b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044395', endColorstr='#0955b6',GradientType=0 ); /* IE6-9 */
color:#fff;
}
#bar article {
position: relative;
width:980px;
margin: 0 auto;
padding:4px 0;
min-height: 37px
}
#bar h1 {
font-size: 14px;
float: left;
}
#bar p {
font-size: 16px;
float: right;
margin-right: 180px;
}
.tel {
font-size: 18px;
}
#mailbtn {
position: absolute;
top:0px;
right: 0px;
}
.slicknav_menu, #menu {
display: none;
}
header {
clear: both;
padding:60px 0 22px 0;
}
header article {
width:980px;
margin: 0 auto;
}
nav {
font-family:"游明朝",YuMincho;
font-size: 14px;
float: right;
overflow: hidden;
}
nav div {
float: left;
padding: 4px 46px;
border-left: 1px solid #b9b9b9;
}
nav div.last {
border-right: 1px solid #b9b9b9;
}
nav div:hover {
opacity: 0.7;
}
nav a div {
color:#000;
}
.toi {
width:720px;
border: 1px solid #a9a9a9;
margin: 60px auto;
overflow: hidden;
clear: both;
padding:10px 6px 0px 30px;
}
.toi p {
font-size: 20px;
margin-bottom: 18px;
color:#000;
font-weight: bold;
}
.toi div {
float: left;
margin-right: 24px;
}
footer {
background: #034191; /* Old browsers */
background: -moz-linear-gradient(top, #034191 0%, #074ea9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #034191 0%,#074ea9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #034191 0%,#074ea9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034191', endColorstr='#074ea9',GradientType=0 ); /* IE6-9 */
padding:36px 0 14px 0;
}
footer div {
width:980px;
margin: 0 auto;
}
footer p {
float: right;
font-size: 14px;
}
small {
clear: both;
text-align: center;
font-size: 12px;
display: block;
color:#fff;
margin-top: 46px;
}
#hdr {
width:100%;
background: url(../img/back_hdr.png) no-repeat center top;
background-size: cover;
padding:36px 0;
}
#hdr h2 {
font-family:"游明朝",YuMincho;
width:980px;
margin: 0 auto;
background: url(../img/back_hdr_txt.png) no-repeat;
background-position: 0 7px;
color:#fff;
font-size: 30px;
padding-left: 30px;
}
.read {
width:980px;
font-size: 20px;
color:#000;
background: #efefef url(../img/back_read.png) no-repeat;
border-radius: 2px;
border: 1px solid #dadada;
padding:11px 0 11px 40px;
font-weight: bold;
margin: 50px 0;
clear: both;
}

}


/* タブレトット用
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 979px) {

.spbr {
display: none !important;
}
.pc_none {
display: none;
}
.ctcnt {
width:100%;
margin: 0 auto;
padding: 0 1rem;
}
.sp100 {
width:100%;
height:auto;
}

html {
	font-size:62.5%;
}
body{
	font-family:"游ゴシック",YuGothic,"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 1.6rem;
	line-height:2.8rem;
	color:#464646;
-webkit-text-size-adjust: none;
font-weight:500;
}
#bar {
display: none;
}
#menu {
display: none;
}
header {
clear: both;
padding:5rem 0 2.2rem 0;
}
header article {
width:100%;
text-align: center;
}
nav {
display: none;
}
.toi {
width:720px;
border: 1px solid #a9a9a9;
margin: 60px auto;
overflow: hidden;
clear: both;
padding:10px 6px 0px 30px;
}
.toi p {
font-size: 20px;
margin-bottom: 18px;
color:#000;
font-weight: bold;
}
.toi div {
float: left;
margin-right: 24px;
}
footer {
background: #034191; /* Old browsers */
background: -moz-linear-gradient(top, #034191 0%, #074ea9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #034191 0%,#074ea9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #034191 0%,#074ea9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034191', endColorstr='#074ea9',GradientType=0 ); /* IE6-9 */
padding:36px 0 14px 0;
}
footer div {
width:100%;
margin: 0 auto;
text-align: center;
}
footer p {
display: none;
}
small {
clear: both;
text-align: center;
font-size: 1.2rem;
display: block;
color:#fff;
margin-top: 4.6rem;
}
#hdr {
width:100%;
background: url(../img/back_hdr.png) no-repeat center top;
background-size: cover;
padding:3.6rem 0;
}
#hdr h2 {
font-family:"游明朝",YuMincho;
width:100%;
margin: 0 auto;
background: url(../img/back_hdr_txt.png) no-repeat;
background-position: 0 0.7rem;
color:#fff;
font-size: 3rem;
margin-left: 3rem;
padding-left: 3rem;
}
.read {
width:100%;
font-size: 2rem;
color:#000;
background: #efefef url(../img/back_read.png) no-repeat;
border-radius: 0.2rem;
border: 0.1rem solid #dadada;
padding:1.1rem 0 1.1rem 4rem;
font-weight: bold;
margin: 5rem 0;
clear: both;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

.pcbr {
display: none !important;
}
.ctcnt {
width:100%;
margin: 0 auto;
padding: 0 1rem;
}
.sp_none {
display: none;
}
.sp70 {
width:70%;
height:auto;
}
.sp80 {
width:80%;
height:auto;
}
.sp90 {
width:90%;
height:auto;
}
.sp100 {
width:100%;
height:auto;
}
.spt12 {
font-size: 1.2rem !important;
}

html {
	font-size:62.5%;
}
body{
	font-family:"游ゴシック",YuGothic,"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 1.4rem;
	line-height:2.0rem;
	color:#464646;
-webkit-text-size-adjust: none;
font-weight:500;
}
#bar {
display: none;
}
#menu {
display: none;
}
header {
padding:5rem 0;
}
header article {
width:100%;
text-align: center;
}
nav {
display: none;
}
nav div {
float: left;
padding: 4px 46px;
border-left: 1px solid #b9b9b9;
}
nav div.last {
border-right: 1px solid #b9b9b9;
}
nav div:hover {
opacity: 0.7;
}
nav a div {
color:#000;
}
.toi {
width:99%;
border: 0.1rem solid #a9a9a9;
margin: 6rem auto;
clear: both;
padding:2rem 1rem 1rem 1rem;
text-align: center;
}
.toi p {
font-size: 20px;
margin-bottom: 18px;
color:#000;
font-weight: bold;
}
.toi div {
margin-bottom: 2rem;
}
footer {
background: #034191; /* Old browsers */
background: -moz-linear-gradient(top, #034191 0%, #074ea9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #034191 0%,#074ea9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #034191 0%,#074ea9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034191', endColorstr='#074ea9',GradientType=0 ); /* IE6-9 */
padding:3.6rem 0 2rem 0;
}
footer div {
width:100%;
text-align: center;
}
footer p {
display: none;
}
footer img {
width:50%;
}
small {
clear: both;
font-size: 1.2rem;
color:#fff;
margin-top: 3rem;
display: block;
}
#hdr {
width:100%;
background: url(../img/back_hdr.png) no-repeat center top;
background-size: cover;
padding:2rem 0;
text-align: center;
}
#hdr h2 {
font-family:"游明朝",YuMincho;
width:100%;
margin: 0 auto;
background: url(../img/back_hdr_txt.png) no-repeat center top;
color:#fff;
font-size: 3rem;
padding-top: 3rem;
}
.read {
width:100%;
font-size: 20px;
color:#000;
background: #efefef url(../img/back_read.png) no-repeat;
border-radius: 0.2rem;
border: 0.1rem solid #dadada;
padding:1.1rem 0 1.1rem 4rem;
font-weight: bold;
margin: 3rem auto;
clear: both;
}


}