@charset "utf-8";
/* デザイン(PC) */
@media screen and (min-width:768px) {
    img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    /* 1400px以上の設定 */
    img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    /* ファーストビュー */
    #fv-pc {
        display: block;
    }
    #fv-tablet {
        display: none;
    }
    #fv-sp {
        display: none;
    }
.fv-pc-catch{
	width : 100%;
	background : #081751;
	color : #fff;
	padding : 5px;
	padding-bottom : 30px;
	margin-top : -20px;
	padding-top : 40px;
	margin-bottom : 0px;
	}
.fv-pc-catch_in{
	width : 960px;
	background : #081751;
	color : #fff;
	padding : 20px;
    margin : 0 auto;
	}
.catch-main {
  font-size: 4.8em;
	line-height : 1.0em;
  font-weight: bold;
  margin: 10px 0px 20px 150px;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.catch-sub{
font-family: 'Zen Kaku Gothic New', sans-serif;
	text-align : left;
	font-size : 1.7em;
	line-height : 1.4em;
	margin-top : 35px;
	font-weight : 600;
  margin-left: 150px;
	}

.catch-sub-1 {
font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 1.0em;
  margin-top : 30px;
  margin-left: 150px;
	width : 640px;
}

.fv-btn {
  text-align: center;
  margin: 60px auto 0px;
	width : 420px;
}
.fv-btn-2 {
  text-align: center;
  margin: 20px auto 0px;
	width : 420px;
}
	

/*見出し関連*/
	h2.section_ttl{
		font-family: 'Zen Kaku Gothic New', sans-serif;
		font-size : 2.4em;
		line-height : 1.5em;
		text-align : center;
		margin : 20px 0px 60px 0px;
	}
	h2.section_ttl span {
  position: relative;
}
h2.section_ttl span::before {
  content: "・"; 
  position: absolute; 
  top: -0.7em; 
  left: 0; 
}
	
/*コンテンツ*/
	#wrapper{
		width : 100%;
		margin : 0;
	}
	.main-text{
		width : 880px;
		margin : 20px auto;
	}
	
/*悩みエリア*/
	.nayami_area{
		width : 100%;
		padding : 60px 0px;
	}
	.ballon_box{
		width : 920px;
		margin : 20px auto;
	}
	
/*GPTエリア*/
	.gpt_area{
		width : 100%;
		padding : 50px 0px;
		background : #fdfaf0;
	}
	.gpt_box{
		width : 920px;
		margin : 20px auto;
	}
	
/* 得意エリア */
	.tokui_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background-image : url(../image/tokui_area_bg.jpg);background-repeat : repeat;
	}
	.tokui_in{
		width : 1080px;
		margin : 20px auto;
	}
.tokui_box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
}

.text {
  width : 50%;
}

h3 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 1.8em;
  margin: 0 0 20px 0;
	font-weight : 600;
}

.pict {
  width: 50%;
  margin-left: 3%;
}

.pict img {
  width: 100%;
  height:auto;
}

.tokui_box:nth-child(even) {
  flex-direction: row-reverse;
}
.tokui_box:nth-child(even) .text {
  text-align: left;
}
.tokui_box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}
.tokui-ttl {
    font-size: 1.6em;
    line-height: 1em;
	font-weight : 600;
	margin-bottom : 20px;
	border-bottom : 1px dotted #333;
	padding-bottom : 10px;
}

.tokui-ttl::first-line {
    font-size: 16px;
	line-height : 30px;
	color : #cc0000;
}

/*制作料金エリア*/
	.price_area{
		width : 100%;
		padding : 60px 0px;
		background-image : url();background-repeat : repeat;
	}
	.cource_box{
		width : 880px;
		margin : 40px auto 20px;
		padding : 40px 30px;
		border : 8px solid #f1f1f1;
	}

	.price_in{
		width : 880px;
		margin : 20px auto;		
	}
	.price_in_left{
		float : left;
		width : 45%;
	}
	.price_in_right{
		float : left;
		width : 55%;
	}
.c-price {
    font-size: 3.8em;
    line-height: 1.2;
	font-weight : 600;
	margin-bottom : 40px;
	margin-top : 40px;
}
	.c-price span{
		font-size : 40%;
		font-weight : 600;
	}
	.mini-ttl{
		width : 150px;
		margin : 10px 0 15px 0;
		background : #1d2380;
		color : #fff;
		padding : 0px 20px;
		text-align : center;
		border-radius : 10px;
		font-size : 14px;
	}
	.c-youto-text{
		text-align : left;
		margin-bottom : 20px;
	}
	.c-about-text{
		text-align : left;
	}
	.c-hani li{
		float : left;
		width : 19.5%;
		list-style : none;
		border : 1px solid #076ea9;
		margin : 2px;
		padding : 2px 8px;
		font-size : 14px;
	}
	.option{
		background : #d8eefb
	}
	.c-about-text ul{
		margin-left : 20px;
		margin-top : 20px;
	}

		
	
/* 特典エリア */
	.tokuten_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #fcedef;
	}
	.tokuten_in{
		width : 880px;
		margin : 20px auto;
	}
	.tokuten{
		width : 960px;
		margin : 30px auto;
	}
	.tokuten li{
		float : left;
		width : 33%;
		padding : 10px;
		text-align : center;
		list-style : none;
	}
	.tokuten_bunner{
		width : 300px;
		height : 300px;
		background : #cc0000;
		border-radius : 50%;
		padding : 20px;
	}
	.tokuten-no{
		font-size : 1.8em;
		color : #fff;
		font-weight : 600;
		padding : 15px 0px;
	}
	.tokuten-name{
		font-size : 1.4em;
		color : #fff;
		color : #ffff00;
	}
	.tokuten-text{
		font-size : 15px;
		line-height : 20px;
		padding : 15px;
		color : #fff;
	}
	.t-price{
		padding : 0px;
		color : #fff;
	}
	
/* ご利用者の声 */
	.voice_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #fff;
	}
.slider-container {
  position: relative;
  width: 760px;
  margin: 20px auto;
  overflow: hidden;
}

/* ご相談からお申し込みの流れ */
	.flow_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #fff;
		background-image : url(../image/tokui_area_bg.jpg);background-repeat : repeat;
	}
	.flow_in{
		width : 880px;
		margin : 20px auto;
	}

/* よくある質問と回答 */
	.faq_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #dff1fc;
	}
	.faq_in{
		width : 880px;
		margin : 20px auto;
	}
/*ラストエリア*/
	.last-area{
		width : 100%;
		padding : 60px 0px;
		background-image : url(../image/last-area-bg.jpg);background-repeat : no-repeat;background-position : right bottom;
	}
	.profile_box{
		width : 840px;
		margin : 20px auto;
		border : 5px solid #f0cdca;
		padding : 25px;
	}
	.katagaki{
		font-size : 1.4em;
		color : #333;
		margin-bottom : 10px;
	}
	.office{
		font-size : 1.5em;
		padding : 10px 0px 3px 0px;
		color : #333;
		font-weight : 600;
	}
	.miura_name{
		font-size : 2.6em;
		font-weight : 600;
		color : #df7c66;
		  font-family: 'Zen Kaku Gothic New', sans-serif;
		margin-bottom : 20px;
	}
	.profile_text{
		padding : 20px 0px;
	}
	
/*フッター固定ナビ設定*/
#footer{
	width : 100%;
	background : #333;
	font-size : 13px;
	color : #f4f4f4;
	text-align : center;
	padding : 15px 0px;
	margin-bottom : 98px;
}
.nav-footer-in{
	width : 990px;
	margin : 0 auto;
	}
	.side-tel{
		font-size : 1.7em;
		border : 1px solid #fff;
		padding : 10px 0px;
	}
	.side-tel-s{
		font-size : 0.5em;
	}
	.f-contact{
		font-size : 1.2em;
		border : 1px solid #fff;
		padding : 10px 0px;		
}
	.side-tel-m{
		font-size : 0.7em;		
}
	
#fv-sub{
	width : 100%;
	height : 120px;
	line-height : 120px;
	text-align : center;
	font-size : 2.2em;
	color : #fff;
	background : #333;
	}
.contact-box{
	width : 820px;
	margin : 60px auto;
}
.form-come{
	font-size : 13px;
	margin-top : 15px!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1399px) {

    /* ファーストビュー */
    #fv-pc {
        display: none;
    }
    #fv-tablet {
        display: block;
    }
    #fv-sp {
        display: none;
    }
}
@media screen and (max-width:1400px) {
.catch-sub-1 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
	width : 80%;
  font-size: 1.0em;
  margin: 5px 10px 5px 20px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.65);
  text-align: left; /* テキストを中央揃えにする */
}
	.nayami_area{
		width : 100%;
		padding : 0px 0px 30px 0px;
	}
	.main-text{
		width : auto;
		margin : 20px;
	}
	.ballon_box{
		width : auto;
		margin : 20px;
	}
	.cource_box{
		width : auto;
		margin : 20px;
		padding : 40px 30px;
		border : 8px solid #f1f1f1;
	}
	.price_in{
		width : auto;
		margin : 20px;		
	}
	.tokuten_in{
		width : auto;
		margin : 20px;	
	}
	.tokuten{
		width : auto;
		margin : 20px;
	}
	.flow_in{
		width : auto;
		margin : 20px;
	}
/*GPTエリア*/
	.gpt_area{
		width : 100%;
		padding : 50px 0px;
		background : #fdfaf0;
	}
	.gpt_box{
		width : auto;
		margin : 20px 15px;
	}
/* 得意エリア */
	.tokui_area{
		width : 100%;
		padding : 30px 0px;
		background-image : url(../image/tokui_area_bg.jpg);background-repeat : repeat;
	}
	.tokui_in{
		width : auto;
		margin : 20px 15px;
	}
.tokui_box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
}
  .tokui_box {
    flex-direction: column;
	  padding : 0 20px;
  }
  .tokui_box:nth-child(even) {
    flex-direction: column;
  }
  .text {
    text-align: center;
    width: 100%;
  }
  .text p{
    text-align : left;
	  margin-bottom : 20px;
  }
  .tokui_box:nth-child(even) .text {
    text-align: center;
  }
  .pict {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .tokui_box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:50%;
    height:auto;
  }
.tokui-ttl {
    font-size: 1.6em;
    line-height: 1em;
	font-weight : 600;
	margin-bottom : 20px;
	border-bottom : 1px dotted #333;
	padding-bottom : 10px;
}

.tokui-ttl::first-line {
    font-size: 18px;
	line-height : 38px;
	color : #cc0000;
}
/*制作料金エリア*/
	.price_area{
		width : 100%;
		padding : 30px 0px;
		background-image : url();background-repeat : repeat;
	}
	.cource_box{
		width : auto;
		margin : 40px 15px;
		padding : 0px 25px 30px 25px;
		border : 8px solid #f1f1f1;
	}

	.price_in{
		width : auto;
		margin : 20px;		
	}
	.price_in_left{
		float : none;
		width : auto;
	}
	.price_in_right{
		float : none;
		width : 70%;
		margin : 0 auto 20px;
	}
.c-price {
    font-size: 3.4em;
    line-height: 2.4;
    font-weight : 600;
    margin-bottom : 0px;
    margin-top : 40px;
    text-align : center;
	margin-left : 25px;
}
	.c-price span{
		font-size : 50%;
		font-weight : 600;
	}
	.mini-ttl{
		width : 150px;
		margin : 10px auto;
		background : #1d2380;
		color : #fff;
		padding : 0px 20px;
		text-align : center;
		border-radius : 10px;
		font-size : 14px;
	}
	.c-youto-text{
		text-align : left;
		margin-bottom : 20px;
	}
	.c-about-text{
		text-align : left;
	}
	.c-hani li{
		float : left;
		width :32.6%;
		list-style : none;
		border : 1px solid #076ea9;
		margin : 2px;
		padding : 2px 8px;
		font-size : 14px;
	}
	.option{
		background : #d8eefb;
	}
	.c-about-text ul{
		margin-left : 20px;
		margin-top : 20px;
	}
/* 特典エリア */
	.tokuten_area{
		width : 100%;
		padding : 30px 0px 30px 0px;
		background : #fcedef;
	}
	.tokuten_in{
		width : auto;
		margin : 20px;
	}
	.tokuten{
		width : auto;
		margin : 30px 15px;
	}
.tokuten_bunner {
    min-height: 300px; /* 適切な高さに調整してください */
}
.tokuten li {
    float: left;
    width: 33%;
    padding: 3px;
    text-align: center;
    list-style: none;
    height: 100%; /* 高さを100%に設定 */
}
	.tokuten_bunner{
		width : 100%;
		height : auto;
		background : #cc0000;
		border-radius : 10px;
		padding : 20px 8px;
	}
	.tokuten-no{
		font-size : 1.8em;
		color : #fff;
		font-weight : 600;
		padding : 15px 0px;
	}
	.tokuten-name{
		font-size : 1.2em;
		color : #fff;
		color : #ffff00;
	}
	.tokuten-text{
		font-size : 16px;
		line-height : 24px;
		padding : 15px;
		text-align : left;
		color : #fff;
	}
	.t-price{
		padding : 0px;
		color : #fff;
	}
	
/* ご利用者の声 */
	.voice_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #fff;
	}
.slider-container {
  position: relative;
  width: auto;
  margin: 20px;
  overflow: hidden;
}
/* よくある質問と回答 */
	.faq_area{
		width : 100%;
		padding : 60px 0px 30px 0px;
		background : #dff1fc;
	}
	.faq_in{
		width : auto;
		margin : 20px;
	}

/*フッター固定ナビ設定*/
#footer{
	width : 100%;
	background : #333;
	font-size : 13px;
	color : #f4f4f4;
	text-align : center;
	padding : 15px 0px;
	margin-bottom : 98px;
}
.nav-footer-in{
	width : auto;
	margin : 0 15px;
	}
	.side-tel{
		font-size : 1.2em;
		border : 1px solid #fff;
		padding : 10px 0px;
	}
	.side-tel-s{
		font-size : 0.8em;
	}
	.f-contact{
		font-size : 1.0em;
		border : 1px solid #fff;
		padding : 10px 0px;		
}
	.side-tel-m{
		font-size : 0.9em;		
}

@media screen and (max-width:880px) {
/*ラストエリア*/
	.last-area{
		width : 100%;
		padding : 60px 0px;
	}
	.profile_box{
		width : 90%;
		margin : 20px auto;
		border : 5px solid #f0cdca;
		padding : 25px;
	}
.contact-box{
	width : auto;
	margin : 10px 15px;
}
.catch-sub{
font-family: 'Zen Kaku Gothic New', sans-serif;
	text-align : left;
	font-size : 1.4em;
	line-height : 1.4em;
	margin-top : 35px;
	font-weight : 600;
  margin-left: 30px;
	}
}
@media screen and (min-width:769px) and ( max-width:1399px) {
#fv-pc{
	display : none;
	}
#fv-tablet{
	width : 100%;;
	}
.fv-tablet-catch{
	width : 100%;
	background : #081751;
	color : #fff;
	padding : 5px;
	margin-top : -20px;
	padding-top : 40px;
	margin-bottom : 60px;
	}
.fv-tablet-catch_in{
	width : 92%;
	background : #081751;
	color : #fff;
	padding : 20px;
    margin : 0 auto;
	}
	
	}