@charset "UTF-8";
/* CSS Document */

@media print, screen and (min-width: 769px) {

#topImage {
background-image: url("images/topImage.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
padding-top: 150px;
}
.baikyaku_menu {
margin-bottom: 50px;
}
.baikyaku_menu h4 {
width: 65%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 20px;
}
.baikyaku_menu ul {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.baikyaku_menu li {
width: 30%;
}
.baikyaku_menu li a {
padding: 20px;
display: block;
background-color: #EFEFEF;
background-image: url("images/baikyaku_menu_arrow.png");
background-position: center bottom 10px;
background-size: 8%;
}
.baikyaku_menu li a:hover {
background-color: #A0C8FF;
}
.baikyaku_menu li dl {
margin: 0;
}
.baikyaku_menu li dt {
font-size: 20px;
margin-bottom: 10px;
}
.baikyaku_menu li dd {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
}
#b1,#b2,#b3{
	margin-top: -160px!important;
	padding-top: 160px!important;
}
#b1 h5 {
height: 80px;
background-image: url("images/b1_mark.png");
background-position: left 10px center;
background-size: 8%;
margin-bottom: 30px;
}
#b1 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b1 h6.p1 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan1.png");
background-position: left center;
background-size: 8%;
padding-left: 100px;
color: #1050A7;
margin-bottom: 20px;
}
#baikyaku p {
text-align: left;
}
#b1 .sample {
margin-top: 40px;
margin-bottom: 40px;
position: relative;
padding: 30px;
  border: solid 1px #005292;
  border-radius: 5px;
}
#b1 .sample .cap {
 position: absolute;
  top: 0;
  left: 0;
		padding: 0 1em;
		background-color:#fff;
		transform: translateY(-50%) translateX(50%);
		font-size: 18px;
}
#b1 .sample .cap2 {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
#b1 .sample img {
margin-bottom: 20px;
}
#b1 .sample .cap3 {
font-size: 16px;
text-align: center;
}
#b1 .sample .cap4 {
font-size: 20px;
text-align: center;
}
#b1 .sample .cap4 span {
border-bottom: 2px solid #F39800;
}
#b1 .p1merit {
margin-bottom: 20px;
}
#b1 .p1merit dt {
margin-bottom: 30px;
width: 442px;
margin-left: auto;
margin-right: auto;
}
#b1 .p1merit dd li {
width: 28%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
border-radius: 4px;
}
#b1 .p1merit2 {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
#b1 .p1merit2 dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 20px;
margin-bottom: 10px;
}
#b1 .p1merit2 dd li {
width: 44%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
#b1 .p2merit dd li {
width: 32%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
.conditions {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 20px;
overflow: hidden;
font-size: 12px;
}
.conditions dl {
margin: 0;
text-align: left;
}
.conditions dl.left {
width: 60%;
padding-right: 10px;
margin-right: 10px;
border-right: solid 1px #999;
}
.conditions dl.right {
width: 36%;
}
#b1 h6.p2 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan2.png");
background-position: left center;
background-size: 8%;
padding-left: 100px;
color: #1050A7;
margin-bottom: 20px;
}
#b1 .p2top dt {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
#b1 .p2top dd {
padding: 20px;
background-color: #DDECF5;
font-size: 18px;
text-align: left;
background-image: url("images/b1p2_img.png");
background-position: right 10px center;
background-size: 12%;
margin-bottom: 10px;
}
#b1 .arrow,
#b3 .arrow {
width: 10%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
#b1 .p2txt,
#b3 .p2txt{
font-size: 20px;
text-align: center;
margin-bottom: 40px;
}
#b1 .p2txt span,
#b3 .p2txt span {
border-bottom: solid 2px #EC9D1B;
}

#b1 .tatekae {
margin-bottom: 40px;
}
#b1 .tatekae dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 20px;
margin-bottom: 10px;
}
#b1 .tatekae dd li {
width: 23%;
font-size: 16px;
text-align: center;
line-height: 2em;
}
#b1 .tatekae dd li img {
}
#b1 .p2merit {
margin-bottom: 50px;
}
#b1 .p2merit dt {
margin-bottom: 20px;
width: 37%;
margin-left: auto;
margin-right: auto;
}
#b1 .p2merit dd li {
width: 45%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
#baikyaku ul.bt {
width: 70%;
margin-left: auto;
margin-right: auto;
}
#baikyaku ul.bt li {
width: 46%;
}
#baikyaku .link_btn {
margin-bottom: 40px;
}
#b2 h5 {
height: 80px;
background-image: url("images/b2_mark.png");
background-position: left 10px center;
background-size: 8%;
margin-bottom: 30px;
}
#b2 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b2 li {
width: 48%;
margin-bottom: 30px;
overflow: hidden;
}
#b2 li .icon {
width: 20%;
float: left;
}
#b2 li dl {
float: right;
width: 78%;
text-align: left;
}
#b2 li dl dt {
font-size: 22px;
margin-bottom: 16px;
}
#b2 .com {
padding-top: 30px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
#b2 .com .title {
position: relative;
top: 16px;
width: 38%;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
#b2 .com .in {
background-color: #DDECF5;
padding: 20px;
overflow: hidden;
}
#b2 .com .in .left {
margin: 0;
padding-top: 50px;
text-align: center;
font-size: 18px;
width: 55%;
}
#b2 .com .in .right {
width: 43%;
}
.conditions2 {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 20px;
overflow: hidden;
font-size: 12px;
}
.conditions2 dl {
border-bottom: solid 1px #999;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
overflow: hidden;
}
.conditions2 dl dt {
float: left;
width: 25%;
font-size: 18px;
vertical-align: middle;
line-height: 1.8em;
}
.conditions2 dl dd {
display: table-cell;
font-size: 12px;
width: 72%;
}
.conditions2 dl:nth-child(2)  {
border-bottom: none;
margin-bottom: 0px;
}
#b3 h5 {
height: 80px;
background-image: url("images/b3_mark.png");
background-position: left 10px center;
background-size: 8%;
margin-bottom: 30px;
}
#b3 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b3 p.top {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
#b3 .p2top dt {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
#b3 .p2top dd {
padding: 20px;
background-color: #DDECF5;
font-size: 18px;
text-align: left;
background-image: url("images/b1p2_img.png");
background-position: right 10px center;
background-size: 12%;
margin-bottom: 40px;
}
#b3 .reason {
margin-bottom: 50px;
}
#b3 .reason dt {
margin-bottom: 20px;
width: 455px;;
margin-left: auto;
margin-right: auto;
}
#b3 .reason dd {
margin-bottom: 20px;
position: relative;
}
#b3 .reason dd .box {
padding-top: 16px;
padding-left: 16px;
position: relative;
}
#b3 .reason dd .box .icon {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 32px;
}
#b3 .reason dd .box p {
display: block;
border: solid 1px #005192;
padding: 16px;
font-size: 18px;
text-align: left;
}
#b3 .reason dd .box p span {
color: #CC3333;
}

}


@media screen and (min-width: 521px) and (max-width: 768px) {

#topImage {
background-image: url("images/topImage.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 120px;
padding-top: 100px;
padding-left: 16px;
padding-right: 16px;
}
.baikyaku_menu {
margin-bottom: 50px;
}
.baikyaku_menu h4 {
width: 65%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 20px;
}
.baikyaku_menu ul {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.baikyaku_menu li {
width: 30%;
}
.baikyaku_menu li a {
padding: 20px;
display: block;
background-color: #EFEFEF;
background-image: url("images/baikyaku_menu_arrow.png");
background-position: center bottom 10px;
background-size: 8%;
}
.baikyaku_menu li a:hover {
background-color: #A0C8FF;
}
.baikyaku_menu li dl {
margin: 0;
}
.baikyaku_menu li dt {
font-size: 20px;
margin-bottom: 10px;
}
.baikyaku_menu li dd {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
}
#b1 h5 {
height: 80px;
background-image: url("images/b1_mark.png");
background-position: left 10px center;
background-size: 12%;
margin-bottom: 30px;
width: 94%;
}
#b1 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b1 h6.p1 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan1.png");
background-position: left center;
background-size: 12%;
padding-left: 100px;
color: #1050A7;
margin-bottom: 20px;
width: 94%;
}
#baikyaku p {
text-align: left;
}
#b1 .sample {
margin-top: 40px;
margin-bottom: 40px;
position: relative;
padding: 30px;
  border: solid 1px #005292;
  border-radius: 5px;
}
#b1 .sample .cap {
 position: absolute;
  top: 0;
  left: 0;
		padding: 0 1em;
		background-color:#fff;
		transform: translateY(-50%) translateX(20%);
		font-size: 18px;
}
#b1 .sample .cap2 {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
#b1 .sample img {
margin-bottom: 20px;
}
#b1 .sample .cap3 {
font-size: 16px;
text-align: center;
}
#b1 .sample .cap4 {
font-size: 20px;
text-align: center;
}
#b1 .sample .cap4 span {
border-bottom: 2px solid #F39800;
}
#b1 .p1merit {
margin-bottom: 20px;
}
#b1 .p1merit dt {
margin-bottom: 30px;
width: 442px;
margin-left: auto;
margin-right: auto;
}
#b1 .p1merit dd li {
width: 24%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
border-radius: 4px;
}
#b1 .p1merit2 {
margin-bottom: 20px;
}
#b1 .p1merit2 dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 20px;
margin-bottom: 10px;
}
#b1 .p1merit2 dd li {
width: 42%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}

.conditions {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 20px;
overflow: hidden;
font-size: 12px;
}
.conditions dl {
margin: 0;
text-align: left;
}
.conditions dl.left {
width: 60%;
padding-right: 10px;
margin-right: 10px;
border-right: solid 1px #999;
}
.conditions dl.right {
width: 36%;
}
#b1 h6.p2 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan2.png");
background-position: left center;
background-size: 8%;
padding-left: 100px;
color: #1050A7;
margin-bottom: 20px;
}
#b1 .p2top dt {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
#b1 .p2top dd {
padding: 20px;
background-color: #DDECF5;
font-size: 18px;
text-align: left;
background-image: url("images/b1p2_img.png");
background-position: right 10px center;
background-size: 12%;
margin-bottom: 10px;
}
#b1 .arrow,
#b3 .arrow {
width: 10%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
#b1 .p2txt,
#b3 .p2txt{
font-size: 20px;
text-align: center;
margin-bottom: 40px;
}
#b1 .p2txt span,
#b3 .p2txt span {
border-bottom: solid 2px #EC9D1B;
}

#b1 .tatekae {
margin-bottom: 40px;
}
#b1 .tatekae dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 20px;
margin-bottom: 10px;
}
#b1 .tatekae dd li {
width: 23%;
font-size: 16px;
text-align: center;
line-height: 2em;
}
#b1 .tatekae dd li img {
}
#b1 .p2merit {
margin-bottom: 50px;
}
#b1 .p2merit dt {
margin-bottom: 20px;
width: 440px;;
margin-left: auto;
margin-right: auto;
}
#b1 .p2merit dd li {
width: 42%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
#baikyaku ul.bt {
width: 70%;
margin-left: auto;
margin-right: auto;
}
#baikyaku ul.bt li {
width: 46%;
}
#baikyaku .link_btn {
margin-bottom: 40px;
}
#b2 h5 {
height: 80px;
background-image: url("images/b2_mark.png");
background-position: left 10px center;
background-size: 8%;
margin-bottom: 30px;
}
#b2 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b2 li {
width: 48%;
margin-bottom: 30px;
overflow: hidden;
}
#b2 li .icon {
width: 20%;
float: left;
}
#b2 li dl {
float: right;
width: 78%;
text-align: left;
}
#b2 li dl dt {
font-size: 22px;
margin-bottom: 16px;
}
#b2 .com {
padding-top: 30px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
#b2 .com .title {
position: relative;
top: 16px;
width: 70%;
margin-left: auto;
margin-right: auto;
z-index: 10;
}
#b2 .com .in {
background-color: #DDECF5;
padding: 20px;
overflow: hidden;
}
#b2 .com .in .left {
margin: 0;
padding-top: 50px;
text-align: left;
font-size: 16px;
width: 55%;
}
#b2 .com .in .right {
width: 43%;
}
.conditions2 {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 20px;
overflow: hidden;
font-size: 12px;
}
.conditions2 dl {
border-bottom: solid 1px #999;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
overflow: hidden;
}
.conditions2 dl dt {
font-size: 18px;
line-height: 1.8em;
margin-bottom: 10px;
}
.conditions2 dl dd {
display: table-cell;
font-size: 12px;
width: 72%;
}
.conditions2 dl:nth-child(2)  {
border-bottom: none;
margin-bottom: 0px;
}
#b3 h5 {
height: 80px;
background-image: url("images/b3_mark.png");
background-position: left 10px center;
background-size: 8%;
margin-bottom: 30px;
}
#b3 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 90%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 20px;
font-style: normal;
}
#b3 p.top {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
#b3 .p2top dt {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
#b3 .p2top dd {
padding: 20px;
background-color: #DDECF5;
font-size: 18px;
text-align: left;
background-image: url("images/b1p2_img.png");
background-position: right 10px center;
background-size: 12%;
margin-bottom: 40px;
}
#b3 .reason {
margin-bottom: 50px;
}
#b3 .reason dt {
margin-bottom: 20px;
width: 455px;;
margin-left: auto;
margin-right: auto;
}
#b3 .reason dd {
margin-bottom: 20px;
position: relative;
}
#b3 .reason dd .box {
padding-top: 16px;
padding-left: 16px;
position: relative;
}
#b3 .reason dd .box .icon {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 32px;
}
#b3 .reason dd .box p {
display: block;
border: solid 1px #005192;
padding: 16px;
font-size: 18px;
text-align: left;
}
#b3 .reason dd .box p span {
color: #CC3333;
}

}

@media screen and (max-width: 520px) {

#topImage {
background-image: url("images/topImage.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100px;
padding-top: 70px;
}
.baikyaku_menu {
margin-bottom: 50px;
}
.baikyaku_menu h4 {
margin-bottom: 40px;
margin-top: 20px;
width: 100%;
}
.baikyaku_menu ul {
width: 100%;
}
.baikyaku_menu li {
width: 32%;
}
.baikyaku_menu li a {
padding: 8px;
display: block;
background-color: #EFEFEF;
background-image: url("images/baikyaku_menu_arrow.png");
background-position: center bottom 10px;
background-size: 8%;
}
.baikyaku_menu li a:hover {
background-color: #A0C8FF;
}
.baikyaku_menu li dl {
margin: 0;
}
.baikyaku_menu li dt {
font-size: 16px;
margin-bottom: 10px;
line-height: 1.5em;
}
.baikyaku_menu li dd {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
}
#b1 h5 {
height: 80px;
background-image: url("images/b1_mark.png");
background-position: left 10px center;
background-size: 20%;
margin-bottom: 20px;
text-align: left;
}
#b1 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 72%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 18px;
font-style: normal;
}
#b1 h6.p1 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan1.png");
background-position: left center;
background-size: 20%;
padding-left: 80px;
color: #1050A7;
margin-bottom: 20px;
}
#baikyaku p {
text-align: left;
}
#b1 .sample {
margin-top: 40px;
margin-bottom: 40px;
position: relative;
padding: 16px;
  border: solid 1px #005292;
  border-radius: 5px;
}
#b1 .sample .cap {
  top: 0;
  left: 0;
		padding: 0 1em;
		font-size: 18px;
		margin-bottom: 20px;
}
#b1 .sample .cap2 {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
#b1 .sample img {
margin-bottom: 20px;
}
#b1 .sample .cap3 {
font-size: 16px;
text-align: center;
}
#b1 .sample .cap4 {
font-size: 20px;
text-align: center;
}
#b1 .sample .cap4 span {
border-bottom: 2px solid #F39800;
}
#b1 .p1merit {
margin-bottom: 20px;
}
#b1 .p1merit dt {
margin-bottom: 20px;

}
#b1 .p1merit dd li {
width: 100%;
padding: 12px;
color: #fff;
font-size: 16px;
text-align: center;
background-color: #005292;
border-radius: 4px;
margin-bottom: 10px;
}
#b1 .p1merit2 {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
#b1 .p1merit2 dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 19px;
margin-bottom: 10px;
}
#b1 .p1merit2 dd li {
width: 100%;
padding: 12px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
#b1 .p2merit dd li {
width: 32%;
padding: 20px;
color: #fff;
font-size: 18px;
text-align: center;
background-color: #005292;
margin-bottom: 20px;
border-radius: 4px;
}
.conditions {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 20px;
overflow: hidden;
font-size: 12px;
}
.conditions dl {
margin: 0;
text-align: left;
}
.conditions dl.left {
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #999;
}
.conditions dl.right {
width: 100%;
}
#b1,#b2,#b3{
	margin-top: -80px!important;
	padding-top: 80px!important;
}
#b1 h6.p2 {
height: 26px;
text-align: left;
font-size: 18px;
font-style: normal;
background-image: url("images/plan2.png");
background-position: left center;
background-size: 20%;
padding-left: 80px;
color: #1050A7;
margin-bottom: 20px;
}
#b1 .p2top dt {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
#b1 .p2top dd {
padding: 12px;
background-color: #DDECF5;
font-size: 16px;
text-align: left;
margin-bottom: 10px;
}
#b1 .arrow,
#b3 .arrow {
width: 20%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
#b1 .p2txt,
#b3 .p2txt{
font-size: 20px;
text-align: center;
margin-bottom: 40px;
}
#b1 .p2txt span,
#b3 .p2txt span {
border-bottom: solid 2px #EC9D1B;
}

#b1 .tatekae {
margin-bottom: 40px;
}
#b1 .tatekae dt {
background-image: url("images/b1p2_tatekae_back.png");
background-position: bottom center;
height: 50px;
font-size: 20px;
margin-bottom: 10px;
}
#b1 .tatekae dd li {
width: 46%;
font-size: 16px;
text-align: center;
line-height: 2em;
margin-bottom: 20px;
}
#b1 .tatekae dd li img {
}
#b1 .p2merit {
margin-bottom: 50px;
}
#b1 .p2merit dt {
margin-bottom: 20px;
width: 100%;
}
#b1 .p2merit dd li {
width: 100%;
padding: 12px;
color: #fff;
font-size: 16px;
text-align: center;
background-color: #005292;
margin-bottom: 10px;
border-radius: 4px;
}
#baikyaku ul.bt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#baikyaku ul.bt li {
width: 48%;
}
#baikyaku .link_btn {
margin-bottom: 40px;
}

#b2 h5 {
height: 80px;
background-image: url("images/b2_mark.png");
background-position: left 10px center;
background-size: 20%;
margin-bottom: 30px;
}
#b2 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 72%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 18px;
font-style: normal;
}
#b2 li {
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
#b2 li .icon {
width: 20%;
float: left;
}
#b2 li dl {
float: right;
width: 75%;
text-align: left;
margin-bottom: 20px;
}
#b2 li dl dt {
font-size: 20px;
margin-bottom: 16px;
}
#b2 .com {
padding-top: 30px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
#b2 .com .title {
position: relative;
top: 16px;
width: 90%;
margin-left: auto;
margin-right: auto;
z-index: 10;
}
#b2 .com .in {
background-color: #DDECF5;
padding: 12px;
overflow: hidden;
}
#b2 .com .in .left {
margin: 0;
padding-top: 20px;
text-align: left;

width: 100%;
float: none;
}
#b2 .com .in .right {
width: 100%;
float: none;
padding-top: 20px;
}
.conditions2 {
background-color: #DFE0E0;
margin-bottom: 50px;
padding: 12px;
overflow: hidden;
font-size: 12px;
}
.conditions2 dl {
border-bottom: solid 1px #999;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
overflow: hidden;
}
.conditions2 dl dt {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
.conditions2 dl dd {
font-size: 12px;
}
.conditions2 dl:nth-child(2)  {
border-bottom: none;
margin-bottom: 0px;
}
#b3 h5 {
height: 80px;
background-image: url("images/b3_mark.png");
background-position: left 10px center;
background-size: 18%;
margin-bottom: 30px;
}
#b3 h5 span {
display: inline-block;
background-color: #1050A7;
color: #fff;
margin-top: 16px;
width: 72%;
height: 50px;
line-height: 50px;
padding-left: 100px;
text-align: left;
position: relative;
z-index: -10;
font-size: 18px;
font-style: normal;
}
#b3 p.top {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
#b3 .p2top dt {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
#b3 .p2top dd {
padding: 20px;
background-color: #DDECF5;
font-size: 16px;
text-align: left;
background-image: url("images/b1p2_img.png");
background-position: right 5px bottom;
background-size: 12%;
margin-bottom: 40px;
}
#b3 .reason {
margin-bottom: 50px;
}
#b3 .reason dt {
margin-bottom: 20px;
}
#b3 .reason dd {
margin-bottom: 20px;
position: relative;
}
#b3 .reason dd .box {
padding-top: 16px;
padding-left: 16px;
position: relative;
}
#b3 .reason dd .box .icon {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 32px;
}
#b3 .reason dd .box p {
display: block;
border: solid 1px #005192;
padding: 16px;
font-size: 16px;
text-align: left;
}
#b3 .reason dd .box p span {
color: #CC3333;
}

}