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

.text_i {
  padding-left: 1em;
  text-indent: -1em;
}

/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
	body {
		padding-top: 90px;
	}

	#what{
		display: block;
		padding: 70px 0;
		background-color: #F5FBDB;
		margin: 0;
	}
	#what .wrapper > dl{
		display: flex;
		width: 950px;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
	}
	#what .wrapper > dl > dt{
		width: 450px;
		height: 450px;
		background-image: url("../images/what_img.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	#what .wrapper > dl > dd{
		width: 450px;
		line-height: 1.9;
		font-size: 17px;
		padding-top: 30px;
	}
	#what .wrapper > dl > dd h2{
		display: block;
		height: 42px;
		background-image: url("../images/what_txt.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		margin-bottom: 25px;
	}
	#what .wrapper > dl > dd h2::after{
		display: none;
	}
	
	#what ul{
		display: flex;
		justify-content: space-between;
		margin-top: 35px;
	}
	#what ul li{
		width: 330px;
		border-radius: 40px;
		padding: 40px;
		background-color: #FFFFFF;
	}
	
	#what ul li > dl{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#what ul li > dl dt{}
	#what ul li > dl dt img{
		display: block;
		width: 100%;
		height: auto;
	}
	#what ul li > dl dd{}
	#what ul li > dl dd p:first-of-type{
		display: block;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	#what ul li > dl dd .linkButton{
		margin-top: 20px;
	}
	#what ul li > dl dd .linkButton a{
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		padding: 17px 15px 17px 5px;
		color: #00913A;
		font-weight: bold;
		font-size: 15px;
		border-radius: 30px;
		background-color: #D8EE70;
		background-image: url("../images/what_arrow.png");
		background-repeat: no-repeat;
		background-position: right 14px center;
		background-size: auto 13px;
		box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
		transition: 0.1s linear;
	}
	#what ul li > dl dd .linkButton a:hover{
		opacity: 0.7;
		top: 4px;
		box-shadow: none;
	}
	
	#footer_inquiry {
		margin: 0;
	}
 
/*  機能  */
 #renewal img {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

#renewal #title {
  padding-top: 40px;
  background: #fff;
}

#renewal #service {
  background: #fff7c4;
  padding: 70px 0 40px;
}
#otoku_service {
  margin-bottom: 80px;
}
#campaign {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}
#campaign .cp_btn {
    display: block;
    width: 347px;
    height: 44px;
    background-color: #fff;
    position: absolute;
    bottom: 535px;
    left: 327px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50;
}
#campaign .cp_btn:hover{
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#campaign a#traffic_btn {
    display: block;
    width: 137px;
    height: 16px;
    background-color: #EBEBEB;
    position: absolute;
    bottom: 317px;
    right: 312px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
#campaign a#traffic_btn:hover{
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#nakajima {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}
#nakajima a#nakajima_btn {
    display: block;
    width: 383px;
    height: 44px;
    background-color: #bee2f6;
    position: absolute;
    bottom: 306px;
    left: 359px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50;
}
#nakajima a#nakajima_btn:hover{
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/*mnc本人確認*/
#mnc img {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

#mnc #title {
  padding-top: 40px;
  background: #fff;
}

#mnc #service {
  padding-bottom: 10px;
}

#mnc {
  background: #fff7c4;
}

#mnc .mnc_box {
  width: 1000px;
  padding: 0 80px 20px;
  margin: 0 auto 40px;
  background-color: #fff;
  border-radius: 10px;
}

#service .service_title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 50px 0 30px;
  /*padding-bottom: 30px;*/
  line-height: 1;
}
#service .service_subtitle {
  font-size: 20px;
}
#service p {
  padding-bottom: 30px;
  width: 600px;
  margin: 0 auto;
}
#service .service_img img {
  width: 600px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#mnc_note {
  font-size: 14px;
  margin-bottom: 30px;
}
#mnc_note ul li {
  padding-left: 1em;
  text-indent: -1em;
}

/*mnc操作マニュアル*/
	#mnc_video #mnc_video_inner{
		display: block;
		width: 569px;
		margin: 30px auto 0px;
	}
	#mnc_video #mnc_video_inner li{
		width: 100%;
		height: 320px;
		margin-bottom: 45px;
	}
	#mnc_video #mnc_video_inner li iframe{
		display: block;
		width: 100%;
		height: 100%;
	}
 
 
 
}

/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {

	body {
		padding-top: 55px;
	}

	#what{
		display: block;
		margin: 0;
		padding: 50px 0;
		background-color: #F5FBDB;
	}
	#what .wrapper > dl{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
	}
	#what .wrapper > dl > dt{
		width: 80vw;
		height: 80vw;
		max-width: 400px;
		max-height: 400px;
		background-image: url("../images/what_img.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	#what .wrapper > dl > dd{
		width: 80vw;
		line-height: 1.9;
		font-size: 17px;
		padding-top: 30px;
	}
	#what .wrapper > dl > dd h2{
		display: block;
		height: calc(18px + 3vw);
		background-image: url("../images/what_txt.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		margin-bottom: 25px;
	}
	#what .wrapper > dl > dd h2::after{
		display: none;
	}

	
	#what ul{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		margin-top: 25px;
	}
	#what ul li{
		border-radius: 30px;
		width: 100%;
		padding: 20px 0 20px 10px;
		background-color: #FFFFFF;
		margin-bottom: 25px;
	}
	
	#what ul li > dl{
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
		margin-left: -15px;
	}
	#what ul li > dl dt{
		width: 30%;
		min-width: 150px;
		margin: 5px 8px auto 0;
		
	}
	#what ul li > dl dt img{
		display: block;
		margin: 0 auto;
		width: 150px;
		height: auto;
	}
	#what ul li > dl dd{
		width: 70%;
		text-align: center;
	}
	#what ul li > dl dd p:first-of-type{
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	#what ul li > dl dd p:nth-of-type(2){
		display: inline-block;
		text-align: left;
	}
	#what ul li > dl dd .linkButton{
		display: block;
		margin: 10px auto 0;
		max-width: 350px;
	}
	#what ul li > dl dd .linkButton a{
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		padding: 17px 20px 17px 10px;
		color: #00913A;
		font-weight: bold;
		font-size: 15px;
		line-height: 1.3;
		border-radius: 30px;
		background-color: #D8EE70;
		background-image: url("../images/what_arrow.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: auto 13px;
		box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
		transition: 0.1s linear;
	}
	#what ul li > dl dd .linkButton a span{
		display: inline-block;
	}
	
 
 #otoku_service {
  background-color: #fff7c4;
  padding-top: 60px;
 }
 #renewal img {
  width: 100%;
  display: block;
}

#campaign {
  position: relative;
}
#campaign .cp_btn {
    display: block;
    width: 76%;
    height: 3%;
    /*background-color: #000;*/
    position: absolute;
    bottom: 48%;
    left: 12.3%;
    /*filter: alpha(opacity=0);
    -moz-opacity: 0;*/
    /*opacity: 0.5;*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50;
}

#campaign a#traffic_btn {
    display: block;
    width: 42%;
    height: 1.5%;
    /*background-color: #bee2f6;*/
    position: absolute;
    bottom: 17.3%;
    left: 20.3%;
    opacity: 0;
}

#nakajima {
  position: relative;
}
#nakajima a#nakajima_btn_sp {
    display: block;
    width: 81%;
    height: 5%;
    /*background-color: #bee2f6;*/
    position: absolute;
    bottom: 42.6%;
    left: 9.3%;
    /*filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0.5;*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50;
}

#other_service {
  background-color: #fff7c4;
  padding: 40px 0 0;
  
}
	.no_margin{
		margin-top: 0 !important;
	}
 
 
/*mnc本人確認*/
#mnc img {
  width: 80%;
  display: block;
  margin: 0 auto;
}

#mnc #title {
  padding-top: 40px;
  background: #fff;
}

#mnc #service {
  padding-bottom: 10px;
}

#mnc {
  background: #fff7c4;
  padding: 0 0 60px;
}

#service .mnc_box {
  width: 92%;
  padding: 0 20px 20px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
}
#service .mnc_box p {
  margin-bottom: 30px;
}
#service .service_title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 50px 0 20px;
  line-height: 1.4;
}
#service .service_subtitle {
  font-size: 18px;
}
#mnc_note {
  font-size: 14px;
  margin-bottom: 30px;
}
#mnc_note ul li {
  padding-left: 1em;
  text-indent: -1em;
}
/*mnc操作マニュアル*/
	#mnc_video #mnc_video_inner{
		display: block;
		width: 100%;
		margin: 20px auto 0;
	}
	#mnc_video #mnc_video_inner li{
		width: 100%;
		aspect-ratio: 16 / 9;
		margin-bottom: 45px;
	}
	#mnc_video #mnc_video_inner li iframe{
		display: block;
		width: 100%;
		height: 100%;
	}
 
 
 
 
}