@charset "utf-8";

/* -----------------------------------------------------
 Base
----------------------------------------------------- */

img {
max-width: 100%;
}

/* -----------------------------------------------------
 Header
----------------------------------------------------- */
#navi-global-wrapper {
display: block;
max-width: 984px;
margin: 0 auto;
position: relative;
}
div#cts-header-01 {
max-width: 920px;
width: auto;
padding: 0 32px 14px;
}
ul#navi-global-01 {
padding: 95px 24px 24px;
}

#wrapper-top div#str-header-01{
position: relative;
max-width: 984px;
background: none;
}
#logo-site-01 {
z-index: 1;
}
div#str-header-01{
max-width: 984px;
width: 100%;
}
div#str-footer-01 {
max-width: 1193px;
margin: auto;
position: relative;
min-width: auto;
}
div#cts-footer-01{
padding: 163px 19px 10px 29px;
box-sizing: border-box;
max-width: 1000px;
width: auto;
}
p.ico{
background: #fff;
color: #003374;
margin-bottom: 0;
position: absolute;
right: 20px;
top: 20px;
padding: 5px 2.5px 2px;
font-size: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
p.ico:before{
content:"";
height:3px;
width:20px;
background:#003374;
display:block;
margin: 0 auto 15px;
text-align: center;
box-shadow:0 7px 0 #003374, 0 14px #003374;
-webkit-box-shadow:0 7px #003374, 0 14px #003374;
}
p.ico a{
color: #003374;
text-decoration: none;
letter-spacing: -1.1px;
}
.pc {
max-width: auto;
}
.sp {
display: none;
}
/* -----------------------------------------------------
structure
----------------------------------------------------- */
div#wrap-contents-01{
padding-top: 25px;
width: auto;
max-width: 980px;
background: #fff;
}
a, a:link, a:visited {
/*color: #3e57c5;*/
color: #0378df;
}
#wrap-contents-01 .txt-link-01 a, #wrap-contents-01 .txt-link-01 a:link, #wrap-contents-01 .txt-link-01 a:visited {
text-decoration: underline;
}
#wrap-contents-01 .txt-link-01 a:hover {
text-decoration: none;
}
#wrap-contents-01 .txt-link-01 {
margin-bottom: 28px;
font-size: 13px;
}
div#cts-contents-02 {
max-width: 916px;
width: 100%;
margin: 0 auto;
background: url(/common/images/bg-cts-contents-02.png) 0 100% repeat-y;
margin-left: -4px;
padding: 0 36px 52px;
}

@media only screen and (max-width: 1002px) {
	div#cts-contents-02 {
		width: auto;
		background: none;
		margin-left: 0;
	}
}

p#copyright img{
max-width:100%;
height:auto;
}
#navi-global-01 li span{
display: none;
}

.hdg-l1-01 {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-bottom: -9px;
}
ol#navi-bread {
margin-bottom: 9px;
}

ol.list-special-05{
display: table;
width: 100%;
margin-bottom:20px;
}
ol.list-special-05 li{
display:table-cell;
float:none;
padding-left:66px;
margin-left:0;
background:none;
position: relative;
}
ol.list-special-05 li:after{
background: url(/access/images/regulation-arrow-01.gif) 0 50% no-repeat;
position: absolute;
content: "";
display: block;
width: 58px;
height: 38px;
top: -30px;
bottom: 0;
margin: auto;
left: 8px;
}
ol.list-special-05 li:first-child{
display:table-cell;
float:none;
padding-left:0;
margin-left:0;
background:none;
}
ol.list-special-05 li:first-child:after{
background:none;
}
@media only screen and (max-width: 750px) {
ol.list-special-05{
display: block;
margin: 0 auto 20px;
max-width: 262px;
}
ol.list-special-05 li{
display:block;
padding-left:0;
margin-left:0;
margin-bottom: 70px;
background:none;
position: relative;
}
ol.list-special-05 li:after{
background: url(/access/images/regulation-arrow-02.gif) 0 50% no-repeat;
position: absolute;
content: "";
display: block;
width: 38px;
height: 58px;
top: -65px;
bottom: auto;
margin: auto;
left: 0;
right: 0;
}
ol.list-special-05 li:first-child{
display:block;
float:none;
padding-left:0;
margin-left:0;
background:none;
}
ol.list-special-05 li:first-child:after{
background:none;
}
ol.list-special-05 li:last-child{
margin-bottom: 20px;
}
}

/* -----------------------------------------------------
mediaquery
----------------------------------------------------- */

@media only screen and (max-width: 976px) {
body,
div#str-header-01,
div#cts-header-02,
div#wrap-contents-01,
p.pagetop,
div#cts-footer-01,
div#cts-footer-01 ul,
div#aside-01,
ul#navi-utility-01,
div#str-contents-01{
background:none;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
float: none;
}
div#str-header-01 {
background: none #003374!important;
}
#navi-global-wrapper {
display: none;
}
#navi-global-wrapper:before{
display: none;
background-color: none;
}
ul#navi-utility-01,
ul#navi-utility-03,
#logo-site-01,
ul#navi-global-01{
position: static;
padding: 0;
margin: 0;
font-size: 92.6%;
}
ul#navi-utility-01 li.qa{
background: none;
padding: 0;
}
ul#navi-utility-03 {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 16px;
}
#logo-site-01 {
left: 12px;
text-align: left;
padding: 20px 20px 0 14px;
}

#cts-header-02:after{
content:"";
display: block;
width: 100%;
height: 30px;
background: #003374; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Mjk3Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #003374 0%, #7297cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003374), color-stop(100%,#7297cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003374 0%,#7297cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003374 0%,#7297cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003374 0%,#7297cb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003374 0%,#7297cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003374', endColorstr='#7297cb',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 0 0 50% 50%;
border-radius: 0 0 50% 50%;
}
div#cts-header-02{
padding: 0 0 14px;
}
div#cts-header-02{
background: #93b6e3;
}
#top div#cts-header-02 {
background: #e0e5f2;
}
ul#navi-global-01{
display: block;
border-top: 1px solid #92B7E3;
margin:10px 0 20px;
}
#navi-global-01 li{
display: table-cell;
width: 50%;
border-bottom: 1px solid #92B7E3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul#navi-global-01 li:nth-child(2n+1){
border-right: 1px solid #92b7e3;
}
#navi-global-01 li a{
color: #FFF;
text-decoration: none;
display: table;
width: 100%;
}
#navi-global-01 li span{
text-align: left;
height: 3em;
display: table-cell;
margin-bottom: 0;
padding: 10px 10px 10px 62px;
vertical-align: middle;
background-position: 20px center;
background-repeat: no-repeat;
}
#navi-global-01 li:first-child span{
background-image: url(/blog/images/gnavi-ico-01.png);
-webkit-background-size: 34px 32px;
-o-background-size: 34px 32px;
background-size: 34px 32px;
}
#navi-global-01 li:nth-child(2) span{
background-image: url(/blog/images/gnavi-ico-02.png);
-webkit-background-size: 37px 24px;
-o-background-size: 37px 24px;
background-size: 37px 24px;
}
#navi-global-01 li:nth-child(3) span{
background-image: url(/blog/images/gnavi-ico-03.png);
-webkit-background-size: 31px 43px;
-o-background-size: 31px 43px;
background-size: 31px 43px;
}
#navi-global-01 li:nth-child(4) span{
background-image: url(/blog/images/gnavi-ico-04.png);
-webkit-background-size: 34px 31px;
-o-background-size: 34px 31px;
background-size: 34px 31px;
}
#navi-global-01 li:nth-child(5) span{
background-image: url(/blog/images/gnavi-ico-05.png);
-webkit-background-size: 30px 48px;
-o-background-size: 30px 48px;
background-size: 30px 48px;
}
#navi-global-01 li:nth-child(6) span{
background-image: url(/blog/images/gnavi-ico-06.png);
-webkit-background-size: 29px;
-o-background-size: 29px;
background-size: 29px;
}
div#str-footer-01{
width: auto;
height: auto;
min-width: 0;
min-height: 0;
background-position: right;
}
div#cts-footer-01{
padding: 111px 19px 10px 29px;
}
div#wrap-contents-01{
width: auto;
}
.pagetop{
padding: 10px 20px 0;
}
p#copyright{
padding-top: 10px;
text-align:right;
}
p#copyright{
float:none;
}
.pc {
display: none;
}
.sp {
display: block;
}
}

@media only screen and (max-width: 750px) {
#wrap-contents-01 .txt-link-01 {
margin-bottom: 38px;
}
ul#navi-utility-01 li a{
line-height: 1.5;
}
div#cts-header-01 {
	padding: 0 10px 14px;
}
div#str-footer-01{
background-position: 80% 25px;
}

p.txt-link-01 a {
font-size: 13px;
}
div#wrap-contents-01{
padding-top: 20px;
}
div#cts-contents-02 {
padding: 0 10px 52px;
}
p#copyright {
text-align: center;
}
p#copyright img {
width: 275px;
}
div#str-footer-01 {
background-position: 80% 7px;
}
div#cts-footer-01{
padding: 148px 5px 10px;
}
div#cts-footer-01 ul {
text-align: center;
}
div#cts-footer-01 ul li {
padding: 0 7px;
}
div#cts-footer-01 ul li a{
font-size: 11px;
}
p.pagetop{
right: 0;
padding: 0;
bottom: 162px;
}
.hdg-l1-01 {
font-size: 26px;
line-height: 1.4;
}
h3.hdg-l3-01{
background: none;
padding-left: 0;
}
h4.hdg-l4-01{
padding-left: 0;
background: none;
}
div.hdg-l2-01 {
	background: #becfe4;
	position: relative;
}
div.hdg-l2-01:after {
	position: absolute;
	width: 60px;
	height: 3px;
	bottom: 0;
	left: 0;
	background: #004093;
	content: "";
	display: block;
}

}
@media only screen and (max-width: 750px) {

ul.list-link-03 li{
display: block;
width: 100%;
}
}