/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2026 | 15:46:14 */
/****************************/
/****     共通設定       ***/
/****************************/

a {
    color: inherit;
    text-decoration: none;
	}


.c-gnav{
	font-weight:bold!important;
}

#top_title_area{
display:none!important;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

@media (max-width: 767px) {
.pc	{
	display:none;
	}
.sp{
	display:block;
	}
}
@media (min-width: 600px) {
.sp600{
	display:none;
	}
}
@media (min-width: 480px) {
.sp480{
	display:none;
	}
}
@media (min-width: 420px) {
.sp420{
	display:none;
	}
}
/****************************/
/****     TOPページ       ***/
/****************************/
.top-contents{
margin: 120px auto;
color:#6c6c6c;
font-size: clamp(16px, 4.8vw, 18px);
font-weight:bold;
}

/***　font指定　	***/
.fc_ff7a7a{
color:#ff7a7a;
}

.fc_fff{
color:#fff;
}

.fs_27{
font-size: clamp(22px, 7.2vw, 27px);
}

.fs_22{
font-size: clamp(18px, 5.2vw, 22px);
}
.fs_16{
font-size: clamp(14px, 4.27vw, 16px);
}
.fw_b{
font-weight:bold;
}

/***　青ボーダー　	***/
.border_btm {
    position: relative;
    display: inline-block;
    margin-bottom: 1.0em;
}

.border_btm::after {
  content: "";
  display: block;
  width: 300px; 
  height: 3px; 
  background-color: #39b4b0; 
  margin-top: 1.0em;  
}
@media (max-width: 480px) {

.border_btm::after {
  width: 54vw;
}
    }
	
/****    TOP  contents01　使うだけで社会貢献・地域貢献ができる新しい格安SIMの携帯サービス    ***/

.sec_1_01{
	position: relative;
    max-width: 1000px;
    width: 90%;
    height: 360px;
    border-radius: 15px;
    box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.15),
        0 2px 10px rgba(0, 0, 0, 0.05);
    margin: 20px auto;
    display: grid;
    place-items: center;
}

.sec_1_01 p {
    font-size: 32px;
    color: #6b5754;
}

.sec_1_01 .bottom-right-img {
    position: absolute;
    width: 158px;
    height: 117.5px;
    bottom: -40px;
    right: -40px;
}

@media (min-width: 768px) and (max-width: 999px){
	.sec_1_01{
		height: 35vw;
	}
.sec_1_01 p {
    font-size: 3.0vw;
}
.sec_1_01 .bottom-right-img {
width: 126.5px;
height: 94px;
bottom: -30px;
right: -25px;
}
}
@media (min-width: 481px) and (max-width: 767px){
	.sec_1_01{
		width: 80%;
	}
.sec_1_01 p {
    font-size: 3.6vw;
}
.sec_1_01 .bottom-right-img {
width: 118px;
height: 88px;
bottom: -30px;
right: -25px;
}
}
@media (max-width: 480px) {
	.sec_1_01{
	    width: 92%;
		height: 90vw;
		}
.sec_1_01 p {
    font-size:4.5vw;
}
.sec_1_01 .bottom-right-img {
width: 118px;
height: 88px;
bottom: -30px;
right: -10px;
}
}
@media (max-width: 420px) {
.sec_1_01 p {
    font-size:4.8vw;
}
.sec_1_01 .bottom-right-img {
width: 118px;
height: 88px;
bottom: -30px;
right: -0px;
}
}
.sec_1_02{
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr;
    width: 90%;
    max-width: 1000px;
    margin: 100px auto;
}
@media (min-width: 768px) and (max-width: 999px) {
   .sec_1_02{
    gap: 30px;
    }
}
@media (max-width: 767px) {
   .sec_1_02{
    width: 80%;
    }
}
@media (max-width: 480px) {
   .sec_1_02{
    width: 92%;
    }
}
@media (min-width: 768px) {
   .sec_1_02{
        grid-template-columns: 1fr 1fr;
    }
}

.sec_1_02_box {
    padding: 20px;
    border: 3px solid #ff7a7a;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.15),
        0 2px 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 480px) {
.sec_1_02_box {
	padding: 20px 0  20px 0;
	}
.narrow-space {
  letter-spacing: -0.1em; /* 0.05文字分詰める */
}
}
/****    TOP  contents02  Linkモバイル奈良ってどんなもの？   ***/

.sec_2_01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 20px;
    width: 90%;
    max-width: 1000px;
    margin: 0px auto;
    place-items: center;
}

.sec_2_01_box {
    width: 80%;
    max-width: 310px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #ff7a7a;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    margin: 60px auto  0px auto;
}

.sec_2_01_box p {
    display: grid;
    place-items: center;
}


@media (max-width: 767px) {
    .sec_2_01 {
    grid-template-columns: 1fr;
    }
}

.link_btn {
    text-align: center;
	margin-top:60px;
}

.link_btn .btn {
    background: #ff9999;
    color: #fff;
    padding: 12px 110px;
    text-decoration: none;
    border-radius: 30px;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.link_btn .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .link_btn .btn {
    padding: 12px 10.0vw;
    }
}

@media (max-width: 480px) {
    .link_btn .btn {  
  line-height: 1.4;         
  min-height: 50px; 
  box-sizing: border-box; 
    border-radius: 45px;
}
}
.link_btn .btn:hover {
    opacity: .7;
}


/****    TOP  contents03  サービスメニュー   ***/

#top-contents03 {
    background-color: #ffcccc;
    padding-top: 60px;
    padding-bottom: 120px;
}

.sec_3_txt  {
    margin-top:32px;
    margin-bottom:48px;
}

.sec_3_01 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 90%;
    max-width: 1000px;
}


.sec3_01_box{
    display: grid;
    place-items: center;
}
.sec3_01_box a:hover {
  opacity:0.8;
}

.sec3_01_circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.circle-icon {
    width: 90px;
    height: 81px;
    margin-bottom:12px;
}

.box_txt  {
    margin-top:20px;
}

@media (max-width: 999px) {
#top-contents03 {
    padding-bottom: 30px;
}
	
  .sec_3_01{
        grid-template-columns: 1fr 1fr;
    }
.sec3_01_box{
margin-bottom:60px;
}
}

@media (max-width: 599px) {
   .sec_3_01{
    grid-template-columns: 1fr;
    }
}



/********************************/
/****     利用申込ボタン      ***/
/********************************/

@media (min-width: 1600px) {
.fix_btn {
	    z-index: calc(infinity);
  width:180px;
  position:fixed;
  top:28px;
	right:10px;
  padding:5px 0 5px 0;
	z-index: calc(infinity);

/*  background:rgba(255,153,153,0.6);*/
  font-size:18px;
	font-weight:bold;
}

.fix_btn a {
  width:100%;
    border-radius: 100px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: #ff9999;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px auto;
}

.fix_btn a:hover {
  opacity:0.8;
}
	}

@media screen and (min-width:1000px) and ( max-width:1599px){
.fix_btn {
	    z-index: calc(infinity);
  width:180px;
  position:fixed;
  top:88px;
	right:10px;
  padding:5px 0 5px 0;
	z-index: calc(infinity);
  font-size:18px;
	font-weight:bold;
}
	.fix_btn a {
  width:100%;
    border-radius: 100px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: #ff9999;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px auto;
}

.fix_btn a:hover {
  opacity:0.8;
}
	}


@media screen and (min-width:768px) and ( max-width:999px){
.fix_btn {
  width:180px;
  position:fixed;
  top:100px;
	right:10px;
  padding:5px 0 5px 0;

/*  background:rgba(248,248,248,0.6);*/
  font-size:17px;
	font-weight:bold;
}

.fix_btn a {
  width:100%;
    border-radius: 100px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: #ff9999;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px auto;
}
		
.fix_btn a:hover {
  opacity:0.8;
}
	}

	@media (max-width: 767px) {
.fix_btn {
	    z-index: 0;
  width:100%;
  position:fixed;
  bottom:0;
  padding:5px 0 5px 0;
  text-align:center;
  background:rgba(255,153,153,0.6);
  font-size:20px;
	font-weight:bold;
}

.fix_btn a {
  width:85%;
    border-radius: 100px;
    display: block;
    padding: 15px;
    box-sizing: border-box;
    background: #ff9999;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px auto;

}		
.fix_btn a:hover {
  opacity:0.8;
}
	}

/***********************************/
/****     SUBページ　　　　　    ***/
/***********************************/

/*********    共通    ********/

#sub_common p{
	font-weight:bold;
	margin-bottom:80px;
}

.sub_bg-common{
	text-align:center;
	max-width:1200px;
}

.sub_bg-common .midashi{
	font-weight:bold;
	margin-bottom:60px;
	
}

.bg_ffcccc{
	background-color:#ffcccc;
}

	@media (max-width: 1280px) {
.sub_bg-common{
	text-align:center;
	width:92%;
}
}	

/*********    利用規約    ********/

#sub_kiyaku{
	width:90%;
	max-width:1000px;
}
#sub_kiyaku p{
	font-weight:bold;
	margin-bottom:80px;
}


#sub_kiyaku .link_btn{
	margin-top:60px;
	margin-bottom:120px;
}

/*********    料金プラン    ********/
.sub_plan{
	text-align:center;
	max-width:1200px;
}

.sub_plan .midashi{
	font-weight:bold;
	margin-bottom:60px;
	
}

.bg_ffcccc{
	background-color:#ffcccc;
}

	@media (max-width: 1280px) {
.sub_plan{
	text-align:center;
	width:92%;
}
}		

/*********    契約の流れ    ********/

.box-white-pc{
width:90%;	
max-width:1150px;
background-color:#fff!important;}