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

#campaign {
	width: 767px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#campaign_text {
	font-size: 14px;
	position: absolute;
	top: 25px;
	right: 10px;
}
#campaign_bt a {
	width: 141px;
	position: absolute;
	right: 12px;
	background-image: url(../img/top/campaign_bt.jpg);
	height: 33px;
	top: 80px;
}

#campaign_bt a:hover {
	width: 141px;
	position: absolute;
	right: 12px;
	background-image: url(../img/top/campaign_bt_on.jpg);
	height: 33px;
	top: 80px;
}
#campaign p {
	color: #000;
	text-align: right;
	margin-right: 5px;
}
#campaign p a {
	color: #09C;
	text-decoration: none;
}
.textBg .pointText a {
	color: #09C;
	text-decoration: none;
}

#campaign_bt a span {
	display: none;
}
#hosho {
	margin-left:0px;
}

#hosho #point01,
#hosho #point02,
#hosho #point03 {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
		border-radius: 5px;
		padding:10px;
		width:280px;
		display: block;float: left;}
		
		#hosho .p_top {
		border-bottom: 2px dotted #cccccc;
    margin-bottom: 20px;
			font-weight:bold;
			color:#3a79c2;
			font-size:1.2em;text-align:center;
	
}
#hosho .p_top span {
			display:block;
			background-color:#fff;
			color:#eb6e6e;
			text-align:center;
			margin-bottom:10px;
	
}
#hosho .p_sub {
		min-height: 150px;
			color:#2b2b2b;
			font-size:0.9em;
	
}
/*#hosho #point01 {
	
}*/
#hosho #point02 {
	margin-left: 5px;
    

}
#hosho #point03 {

	margin-left: 5px;

}
.pointText  {
	
	font-size: 0.8em;
	padding: 10px;

	
}
.hokenreiArea .other {
	position: absolute;
	top: 230px;
	right: 0px;
}
.textBg {	min-height: 204px;	border-radius: 5px;
border:1px dotted #666;
			background-color:#fff;
	
}

#hikiukeText p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#hokenryo {
	clear: left;
	margin-left: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
}
#hokenryo .hokenreiArea {    
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
}

#hokenryo .hokenreiArea h4{   
	font-size:30px;
	font-weight:bold;
	color:#1267a8;border-bottom: 2px dotted #81a7be;
	padding-bottom:20px;
}

#hokenryo .hokenreiArea h4 span{   
	font-size:20px;
	font-weight:bold;
	color:#404040;
	display:block;
}


#mitumori {    text-align: center;
	margin-left: 0px;
	clear: both;
	padding-top: 20px;
}
#mitumori p img {
	margin: 20px auto;
	
}
#dairiten {
	margin-left: 0px;
	margin-top: 20px;
}
#dairitenText  {
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 20px;
}
#hikiuke {
	margin-left: 0px;
	margin-top: 10px;
}
#hikiukeText  {
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 30px;
}
#hokenryo h4  {
	padding-top: 5px;
	padding-left: 20px;
}
#hokenryo .men  {

	    width: 262px;
    margin-bottom: 30px;
    border: 3px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    overflow: hidden;
}
#hokenryo .kakaku  {
	width: 466px;
	float: left;
	margin-left: 20px;
	margin-left: 0px;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;overflow:hidden;

}
#hokenryo .men p  {
    background-color: #ededed;
    border-radius: 10px;
    padding: 7px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.hokenreiArea .kakaku p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.kakaku_bt a span {
	
}
.kakaku_bt a {
	display: block;
width:50%;
background-color:#f07662;
text-align:center;
font-weight:bold;
font-size:20px;
text-decoration:none;
color:#fff;
margin:20px auto 60px;
padding:10px;	border-radius:4px;
    border-color: #f07662;
    border-bottom:1px solid #c05e4e;

}
.kakaku_bt i {
padding-left:20px;

}

.kakaku_bt a:hover {
background-color:#c05e4e;
}

.kakaku_bt {
clear:both;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#campaign p a:hover {
	color: #09C;
	text-decoration: underline;
}
.textBg .pointText a:hover {
	color: #09C;
	text-decoration: underline;
}

#topicPath .sitemaplink {
	color:#085f9d;
	text-decoration:underline;
	font-size:1.1em;
}

header{
    background-color:#fff;
    height: 100%;
    border-bottom-width:5px;
    border-bottom-style: solid;
    border-bottom-color: #103184;
}

#menubut {
    display: none;
}
.box1 img{
    display: none;
}
    .menu {
        display: none;
    }
        #tela1 img {
            display: none;
    }

    #footer {
        width: 100%;
        height: auto;
    }
@media(max-width:359px)
{
    .box1 h1 a img {
       width: 50%;
       height: 50%;
       margin-top: -20px;
    }
    img {
        width: 100%;
        height: auto;
    }
    #mainbox {
        margin-top: -90px;
    }

}

@media screen and (max-width:480px )
{
    /*nav*/
    #menubut {
      display: block;
        padding: 6px 12px;
        border: solid 1px #aaa;
        border-radius: 5px;
        background-color: #fff;
        position: absolute;
        top: 6px;
        right: 6px;
        cursor: pointer;
    }

    #menubtn:hover {
        background-color: #ddd;
    }

    #menubtn:focus {
        outline: none;
    }

    #menubtn i {
        color: #888;
        font-size: 18px;
    }

    #menubtn span {
        display: inline-block;
        float: right;
    }
    .menu {
        display: none;
    }

    .menu ul {
        margin: 0;
        padding: 0;
        margin-top: 40px;
        list-style: none;
        background: rgba(0, 101, 152, 0.37);
    }

    .menu li a {
        display: block;
        text-align: center;
        padding: 5px;
        color: #000;
        font-size: 14px;
        text-decoration: none;
    }

    .menu li a:hover {
        background-color: #eee;
    }
    #boxA{
        width: 100%
    }
   .box1  img {
       display: block;
       width: 50%;
       height: 50%;
       margin-top: -25px;
    margin-bottom: -30px;
    margin-left: 8px;
    }

    #header_info img {
        display: none;
    }
    #header {
        width: 100%;
    }
    #header_info {
        width: 100%;
    }
    #tela1{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    #tela1 img {
        display: block;
        width: 100%;
        height: 100%;
    }
    html {
        width:100%;
    }
    #home {
        width: 100%;
    }
    #wrap {
        width: 100%;
    }
    #contents {
    text-align: center;
        width: 100%;
    }
    
    #main_visual {
         width: 100%;
    }
    #main_visual a img {
        width: 100%;
        margin-top: 20px;
    }
    #mainbox {
        width: 100%;
        margin-top: -90px;
    }
    directArea{
        width: 100%;
    }
    topicPath {
        width: 100%;
    }

    #topicPath p {
        display: none;
    }
          #gNavi {
          display: none;
      }
    #hosho #point01{
        width:94%;
    }
    #hosho #point02{
        	margin-left: 0;
                width:94%;
    }
        #hosho #point03{
        	margin-left: 0;
            width:94%;
    }
    #hokenryo h4 {
        padding-left:0;

    }
    
    #hokenryo .hokenreiArea h4 {
                font-size:29px;
    }
  #hokenryo .kakaku{
        width: 100%;
    }
  #hokenryo .kakaku img{
        width: 100%;
    }
#hokenryo .men {
    float: none;
    margin: auto;
    padding-top: 0;
    margin-top: 20px;
}
.kakaku_bt a {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 50px;
    padding: 20px 0;
}
    header{
    height: none;
    border-bottom-width:none;
    border-bottom-style: none;
    border-bottom-color: none;
}
/*    img {
        width: 100%;
        height: 100%;
    }*/
    .ad1 {
        text-align:justify;
    }

    #mitumori p img{
        width: 100%;
        height: 100%;
    }
    #footer {
        width: 100%;
        height: auto;
    }
#hosho .p_sub {
		min-height: inherit;
		margin-bottom: 20px;
	
}
	.textBg {
    min-height: inherit;
    
}
	#directArea {
    margin: 30px auto 0;
}
#hikiukeText {
	padding: 0 2%;
}
	.men img {
		width: 80%;
	}
	#header_info {
		height: inherit;
	}
 #point03,#point02,#point01 {
    margin-bottom: 20px;
}
}


.grid{
display:flex;
}


.hokenreiArea .grid {
    display: flex;
    justify-content: space-between;
	margin: 40px;
}
.hokenreiArea .grid-item:nth-child(1)) {
    margin-left: 30px;
	font-size:1em;
}

.ta-center {
    text-align: center !important;
	margin-top:10px;
}

.arrow_box{
    position:relative;
    background:#FFFFFF;
    padding:30px;
    border:1px solid #CBCBCB;
    color:#FFFFFF;
    font-size:1em;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin-left:30px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:50%;
}
.arrow_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#FFFFFF;
}
.arrow_box:before{
    border-color: rgba(203, 203, 203, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:11px;
    border-right-width:11px;
    margin-top: -11px;
    margin-right: 1px;
    border-right-color:#CBCBCB;
}



.boxBg-gray {
    background-color: #f5f5f5;
    padding: 22px;
}.boxBg-gray h3 {
    background-color: #f5f5f5;
    padding: 0 0 22px;
	font-size:2em;
	text-align:center;
	font-weight:bold;
	color:#666;
}
.boxBg-gray p{
  text-align:center;
  padding:0;
}
.boxBg-gray li,.boxBg-gray ul{

list-style:none;
}
.priceList {
    display: flex;
    justify-content: space-between;
}.priceList-item {
    background: #fff;
    padding-bottom: 30px;
    position: relative;
	width:400px;
}
.priceList-item-head {
    margin-bottom: 10px;
    text-align: center;
    min-height: 55px;
    transform: translateY(-40%);
}
.priceList-item-head>.tag {
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
     padding: 5px 10px;
    width: 60%;
}

.tag-pink {
    background-color: #fad6de;
    color: #333;
	    border-radius: 55px;
	font-weight:bold;

}
.tag-lightblue {
    background-color: #00adc6;
    color: #fff;
	border-radius: 55px;
	font-weight:bold;
}
.tag-gray {
    background-color: #5f5f5f;
    color: #333;
    color: #fff;
	 border-radius: 55px;
	font-weight:bold;
}
.priceList-table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 44px);
    margin: 0 auto;
}
.priceList-table-head>span {
    display: inline-block;

    font-size:0.8em;
    line-height: 1.45;
    color: #5f5f5f;
    color: #999;
}
 .priceList .textPrice {
    font-weight:bold;
    font-size: 2em;
	
}
.color-red {
    color: #ff1721 !important;
}

.priceList-item:first-child::after {
z-index: 10;
    content: "";
    display: block;
    width: 100%;
    height: 35px;
    background-image: url("../img/icon_arrowbold_right_long.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
   left: 60%;
    bottom: 50%;
    transform: translateY(60%);
}

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

.hokenreiArea .grid {
    flex-direction: column;
}
.priceList {
    flex-direction: column;
}
.priceList-item {
    width: 100%;
    margin-bottom: 60px;
}
.priceList-item-head>.tag {
    width: 80%;
}
.priceList-table {
    flex-direction: column;
}
.priceList-item:first-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 35px;
    background-image: url("../img/icon_arrowbold_down.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(60%);
}


.arrow_box {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #ccc;
  box-sizing: border-box;
}

.arrow_box:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;margin-top: 0;
}

.arrow_box:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #ccc;
  z-index: 1;margin-top: 0;
}
.kakaku_bt {
    clear: both;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 50px;
    margin-left: 15px;
}
}