@charset "utf-8";

/*

●●ページ構成●●
スライドショー【g_p】
メイン【main】
・ギフトタイトル【g_t】
・ヤマキンプレシャス・ギフトの特長とは【g_g】
・プレシャス・ギフト制作の流れ【g_f】
・お問い合わせ【g_c】

*/

/* ===================================================================
　スライドショー
=================================================================== */
article.g_p{
	position: relative;
}
#g_p_pic{
	width:100%;
	height: auto;
	position:relative;
} 
#g_p_pic img{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	min-width: 1200px;
	height: auto;
 	image-rendering: -webkit-optimize-contrast;
}
.g_p_pic_text img{
	width:100%;
	min-width: 1200px;
	height:auto;
 	image-rendering: -webkit-optimize-contrast;
}





/* ===================================================================
　メイン：基本
===================================================================*/ 
main{
    margin-right: auto;
    margin-left: auto;
}

/*背景グラデーション
----------------------------------------------------------- */
main article.gift{
    width: 100%;
	background-color: #39507a;
    background: -webkit-linear-gradient(#39507a, #1e293d);
	margin-top: -3px;
}





/* ===================================================================
　ギフトタイトル：g_t
=================================================================== */
section.g_t{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
}
section.g_t img{
    width: 100%;
	height: auto;
}





/* ===================================================================
　ギフト説明：g_i
=================================================================== */
section.g_i{
    /*width: 1000px;*/
    width: 100%;
	max-width: 1360px;
	margin-right: auto;
    margin-left: auto;
	margin-bottom: 150px;
}



/*タイトル：見出し
----------------------------------------------------------- */
section.g_i h1{
    text-align: left;
    color: #ffd7b3;
    margin-top: 70px;
    font-weight: bold;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
section.g_i h1 span{
	font-size: 1.6rem;
	font-weight: normal;
	display: block;
	margin-top: 12px;
}
section.g_i h1 strong{
	font-size: 4.2rem;
	font-weight: bold;
	color: #dbaf4f;
}
section.g_i h1.gallery{
    text-align: center;
    color: #ffffff;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 0px;
	border-bottom: #ffffff dotted 1px;
    font-weight: normal;
}

/*文字
----------------------------------------------------------- */
section.g_i p{
    text-align: left;
    margin-top: 40px;
    line-height: 2.5;
    color: #FFFFFF;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}


/*ノベルティ写真一覧　：ギャラリーページ写真一覧
----------------------------------------------------------- */
section.g_i div.novelty_list{
	/*width: 1000px;*/
    width: 100%;
	max-width: 1360px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
    margin-top: 80px;
}
section.g_i div.novelty_list a{
	cursor: pointer;
}
section.g_i div.novelty_list img{
	/*width: calc((100% - 60px) / 3 );*/
	width: 310px;
	height: 340px;
	margin-bottom: 35px;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
}
section.g_i div.novelty_list::after{
	content:"";
	display: block;
	width: 310px;
}
/*画像の数によって最後の段の位置ズレ調整*/
section.g_i div.novelty_list picture.pic_none{
	/*width: calc((100% - 60px) / 3 );*/
	width: 310px;
	height: 340px;
	margin-bottom: 35px;
}
@media screen and (max-width: 1254px) {
section.g_i div.novelty_list picture.three{
display: none;
}
section.g_i div.novelty_list picture.two{
display: none;
}
}

/*電気鋳造
----------------------------------------------------------- */
/*説明*/
div.statue{
	margin-top: 50px;
	margin-bottom: 50px;
}
div.statue div{
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #243655;
	padding: 25px;
}
div.statue div h3{
	font-size: 1.8rem;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #dbaf4f;
	border-bottom: #dbaf4f dotted 1px;
	font-weight: bold;
}
div.statue div p{
	font-size: 1.4rem;
	margin: 0;
}

/*吉田仏師*/
div.statue_yoshida{
	margin-top: 120px;
	background-color: #000000;
}
div.statue_yoshida img{
	width: 100%;
	height: auto;
}
div.statue_yoshida div{
	display: flex;
	flex-wrap: wrap;	
}
div.statue_yoshida div div{
	width: 50%;
	box-sizing: border-box;
	padding: 6% 3% 6% 8%;
}
div.statue_yoshida div div:nth-child(2){
	width: 50%;
	box-sizing: border-box;
	padding: 6% 8% 6% 3%;
}
div.statue_yoshida div div dl{
	width: 100%;
	color: #e1e1e1;
	display: flex;
	flex-wrap: wrap;
	border-bottom: #3c3c3c solid 1px;
	font-size: 1.2rem;
	line-height: 1.6;	
}
div.statue_yoshida div div dl:last-child{
	border-bottom: none;
}
div.statue_yoshida div div dt{
	width: 15%;
	box-sizing: border-box;
	padding: 2% 1% 2% 1%;
}

div.statue_yoshida div div dd{
	width: 85%;
	box-sizing: border-box;
	padding: 2% 1% 2% 1%;
}





/*ギャラリーページリンク
----------------------------------------------------------- */
section.g_i a.page{
	text-align: center;
	color: #FFFFFF;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 2.0rem;
	display: block;
	text-decoration: none;
	border: #ffffff dotted 1px;
	padding: 20px;
    margin-bottom: 25px;
}
section.g_i a.page:hover{
	background-color: #3a4f73;
}


/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}


/*下向き三角
----------------------------------------------------------- */
section.g_i div.triangle{
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    width: 0px;  
    height:0px;
    border-top: 20px solid #b19067;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}




/* ===================================================================
　ヤマキンプレシャス・ギフトの特長とは：g_g
=================================================================== */
section.g_g{
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}


/*タイトル
----------------------------------------------------------- */
section.g_g div.title {
    position: relative;
    width: 1000px;
	height: 360px;
	background-image:url("../img/title_bg.jpg");
	/*ボックスの中を中央に表示するため*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 70px;
}

/*画像の上にのる文字*/
section.g_g div.title h2 {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 3.5rem;
	color: #FFFFFF;  
    font-weight: bold;
}


/*特徴
----------------------------------------------------------- */
section.g_g div.box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    text-align: left;
}

/*見出し文字*/
section.g_g div.box h3{
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 2.4rem;
	line-height: 1.6;
    font-weight: bold;
	color: #ffd7b3;
	margin-bottom: 10px;
    border-left: solid 20px #ffd7b3;/*左線*/
    border-bottom: solid 2px #ffd7b3;
    padding: 6px 0px 6px 16px;
}

/*文字*/
section.g_g div.box p{
    width: 690px;
	font-size: 1.4rem;
    line-height: 2.3;
	color: #FFFFFF;
}

/*写真*/
section.g_g div.box img{
    width: 270px;
    height: 180px;
    align-self: flex-start;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
}





/* ===================================================================
　プレシャス・ギフト制作の流れ：g_f
=================================================================== */
section.g_f{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 150px;
}


/*タイトル
----------------------------------------------------------- */
section.g_f div.title {
    position: relative;
    width: 1000px;
	height: 360px;
    margin-right: auto;
    margin-left: auto;
	background-image:url("../img/title_bg.jpg");
	/*ボックスの中を中央に表示するため*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 70px;
}

/*画像の上にのる文字*/
section.g_f div.title h2 {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 3.5rem;
	color: #FFFFFF;  
    font-weight: bold;
}


/*流れ
----------------------------------------------------------- */
section.g_f div.box{
	box-sizing: border-box;
    width: 1200px;
	padding: 0px 0px 0px 40px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
	justify-content: space-between;
    background-color: #f4f4f4;
    border-radius: 100px 0px 0px 100px /100px 0px 0px 100px;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
}
section.g_f div.box div:nth-child(1){
    display:flex;
	width: 360px;
}
section.g_f div.box div:nth-child(2){
    display:flex;
	justify-content: space-between;
	width: 840px;
}

/*01 丸数字*/
section.g_f div.box div:nth-child(1) img{
    width: 80px;
    height: 160px;
	margin-right: 15px;
	flex-shrink: 0;
}

/*02 見出し文字*/
section.g_f div.box h3{
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	color: #b19067;
    align-self: center;
    font-weight: bold;
}

/*03　文字*/
section.g_f div.box p{
	font-size: 1.4rem;
    line-height: 2.0;
    color: #000000;
    align-self: center;
}

/*04　画像*/
section.g_f div.box div:nth-child(2) img{
    width: 240px;
    height: 160px;
	margin-left: 50px;
    align-self: flex-start;
	vertical-align: bottom;
}

/*下向き三角*/
main article div.triangle_02{
	position: relative;
	width: 1200px;
	height: 20px;
	padding: 10px;/*表示させたい三角サイズの半分*/
	margin: 20px 20px 20px 50px;
}
main article div.triangle_02::before{
    content: "";
    position: absolute;
    border: 20px solid transparent;/*横サイズ*/
    border-top: 20px solid #b19067; /*縦サイズ　色*/  
}




/* ===================================================================
　お問合わせ：g_c
=================================================================== */
section.g_c{
    width: 100%;
    background-color: #f4f4f4;
	border-bottom: #676767 solid 1px;
	padding-top: 65px;
	padding-bottom: 65px;
}


/*タイトル
----------------------------------------------------------- */
section.g_c h2{
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 3.0rem;
	width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    padding: 0px 30px 20px 30px;
    text-align: center;
    border-bottom: solid 1px #0A0000;
    font-weight: bold;
    color: #000000;
}


/*フォーム・フリーダイヤル　配置
----------------------------------------------------------- */
section.g_c div.g_c_box{
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-around;
}
section.g_c div.g_c_box div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.0em;
	box-sizing: border-box;
    width: 47%; 
    border: 2px solid #0A0000;
}
section.g_c div.g_c_box a{
    width: 47%;
	text-decoration: none;
	color: #000000;
    background-color: #fff;
}
section.g_c div.g_c_box a:hover{
	background-color: #dfe7f4;
}
/*フォームがaタグの中にあるので横幅を100％する*/
section.g_c div.g_c_box div:nth-child(1){
	width: 100%;
}

/*アイコン*/
section.g_c div.g_c_box div img{
    width: auto;
    height: 40px;
	margin-right: 10px;
}

/*文字*/
section.g_c div.g_c_box div p{
    font-size: 3.0rem;
    font-weight: bold;
}


/* ===================================================================
　制作の流れ
=================================================================== */
.modalArea {
	display: none;
	position: fixed;
	z-index: 10; /*サイトによってここの数値は調整 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modalArea ::-webkit-scrollbar {
  width: 10px;
  height: 0;
}
.modalArea ::-webkit-scrollbar-track {
  background: #5a5a5a;
}
.modalArea ::-webkit-scrollbar-thumb {
  background: #0a325a;
}
.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 80%;
	box-sizing: border-box;
	padding: 60px;
	max-width: 1200px;
	/*background-color: transparent;*/
	background-color: #000000;
  	height : 80%;
  	overflow : auto;
}
.flow_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flow_box img.statue{
	width: 100%;
	height: auto;0
}

.flow_box h2{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	width: 100%;
	font-size: 2.2rem;
    line-height: 1.6;
	text-align: center;
	border-bottom: #d7d7d7 solid 1px;
	padding-bottom: 25px;
	margin-bottom: 45px;
	color: #FFFFFF;
}
.flow_box h2 span{
	color:#59c2fe;
}
.flow_box div{
	width : calc(92% / 3) ;
	margin-bottom: 60px;
	max-width: 320px;
}
.flow_box div h3{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 1.6rem;
	color: #FFFFFF;
	line-height: 1.5;
}
.flow_box div img{
	max-width: 320px;
	width: 100%;
	height: auto;
}
.flow_box div p{
	font-family: initial;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	display: none;
}
.flow_box div.material{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	width: 80%;
	margin-top: 30px;
	margin-left: 10%;
	border-top: #454545 solid 1px;
	border-bottom: #454545 solid 1px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: center;
	color: #FFFFFF;
	max-width: initial;
}
.flow_box div.material div{
	width : 180px;
	margin: 0;
	padding: 25px;
	text-align: center;
	font-size: 1.6rem;
	color: #d7d7d7;
}
.flow_box div.material div img{
	max-width: initial;
	width: 180px;
	height: auto;
	margin-bottom: 6px;
}
.flow_box div.material div p{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

.closeModal {
	font-size: 3.0rem;
	position: absolute;
	top: 2rem;
	right: 2rem;
	cursor: pointer;
	color: #FFFFFF;
}
.sp{
	display: none;
}


/*金銀　箸置き
----------------------------------------------------------- */
.flow_box img.csr{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.flow_box div.csr{
    margin-bottom: 20px;
}

section.g_i p.csr{
    font-size: 1.6rem;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 80px;
    line-height: 1.8;
    color: #FFFFFF;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}



/* ===================================================================
	スマートフォン用記述（600px以下）
=================================================================== */
/*****************************************/
@media only screen and (min-width: 0px) and (max-width: 600px){



/* ===================================================================
　スライドショー
=================================================================== */
article.g_p{
	width:100%;
	height: auto;
}
#g_p_pic{} 
#g_p_pic img{
	height: 420px;
	width: 100%;
	min-width: 100%;
	object-fit: cover;
}
.g_p_pic_text img{
	height: 420px;
	width: 100%;
	min-width: 100%;
	object-fit: cover;
}





/* ===================================================================
　ギフトタイトル：g_t
=================================================================== */
section.g_t{
    width: 100%;
    padding-top: 40px;
}
section.g_t img{
    width: 100%;
	height: 120px;
	object-fit: cover;
}





/* ===================================================================
　ギフト説明：g_i
=================================================================== */
section.g_i{
	box-sizing: border-box;
    width: 100%;
	padding: 2%;
	margin-bottom: 150px;
}


/*タイトル：見出し
----------------------------------------------------------- */
section.g_i h1{
    text-align: center;
    margin-top: 30px;
	margin-bottom: 30px;
    font-weight: bold;
	font-size: 2.0rem;
}
section.g_i h1 span{
	font-size: 1.4rem;
	margin-top: 8px;
}
section.g_i h1 strong{
	font-size: 3.2rem;
	line-height: 2.0;
	display: block;
	color: #dbaf4f;
}

	
/*文字
----------------------------------------------------------- */
section.g_i p{
    text-align: center;
    margin-top: 0;
	font-size: 1.2rem;
    line-height: 2.0;
}
section.g_i p span{
	display: block;
}

/*ノベルティ写真一覧
----------------------------------------------------------- */
section.g_i div.novelty_list{
	width: 100%;
	justify-content: flex-start;
    margin-top: 40px;
	margin-bottom: 40px;
}
section.g_i div.novelty_list a{
	width: 50%;
	cursor: pointer;
}
section.g_i div.novelty_list picture{
	width: 50%;
}
section.g_i div.novelty_list img{
	box-sizing: border-box;
	width: 100%;
	padding: 3%;
	margin: 0;
	height: auto;
	box-shadow: none;
}
section.g_i div.novelty_list::after{
}

/*画像の数によって最後の段の位置ズレ調整*/
section.g_i div.novelty_list picture.pic_none{
display: none;}
	
	
/*下向き三角
----------------------------------------------------------- */
section.g_i div.triangle{
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    width: 0px;  
    height:0px;
    border-top: 20px solid #b19067;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}




/* ===================================================================
　ヤマキンプレシャス・ギフトの特長とは：g_g
=================================================================== */
section.g_g{
	box-sizing: border-box;
	width: 100%;
	margin-top: 50px;
}


/*タイトル
----------------------------------------------------------- */
section.g_g div.title {
    width: 100%;
	height: 160px;
	background-size:cover;
	margin-bottom: 30px;
}

/*画像の上にのる文字*/
	section.g_g div.title h2 {
    font-size: 2.0rem;
}


/*特徴
----------------------------------------------------------- */
section.g_g div.box{
	box-sizing: border-box;
	width: 100%;
	padding: 4%;
	display: block;
	margin-bottom: 80px;
}

/*見出し文字*/
section.g_g div.box h3{
box-sizing: border-box;
	width: 100%;
	font-size: 2.4rem;
	line-height: 1.6;
	margin-bottom: 10px;
    padding: 6px 0px 6px 16px;
}

/*文字*/
section.g_g div.box p{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	width: 100%;
	font-size: 1.4rem;
    line-height: 2.0;
	margin-bottom: 10px;
}

/*写真*/
section.g_g div.box img{
    width: 100%;
    height: auto;
}





/* ===================================================================
　プレシャス・ギフト制作の流れ：g_f
=================================================================== */
section.g_f{
	box-sizing: border-box;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 100px;
}


/*タイトル
----------------------------------------------------------- */
section.g_f div.title {
    width: 100%;
	height: 160px;
	background-size:cover;
	margin-bottom: 30px;
}

/*画像の上にのる文字*/
	section.g_f div.title h2 {
    font-size: 2.0rem;
}


/*流れ
----------------------------------------------------------- */
section.g_f div.box{
	box-sizing: border-box;
	margin-left: 3%;
    width: 97%;
	padding: 3% 3% 3% 2%;
	justify-content: space-between;
	align-items: center;
    border-radius: 100px 0px 0px 100px /100px 0px 0px 100px;
}
section.g_f div.box div:nth-child(1){
    display: block;
	width: 30%;
	text-align: center;
}
section.g_f div.box div:nth-child(2){
    display:block;
	width: 65%;
}

/*01 丸数字*/
section.g_f div.box div:nth-child(1) img{
    width: 60px;
    height: auto;
	margin-right: 0px;
}

/*02 見出し文字*/
section.g_f div.box h3{
	font-size: 2.0rem;
	line-height: 1.4;
}

/*03　文字*/
section.g_f div.box p{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.4rem;
    line-height: 1.6;
	margin-bottom: 10px;
    align-self: center;

}

/*04　画像*/
section.g_f div.box div:nth-child(2) img{
    width: 100%;
	height: auto;
	margin-left: 0px;
}

/*下向き三角*/
main article div.triangle_02{
	width: 50%;
	box-sizing: border-box;
	height: 20px;
	margin: 0;
	margin-left: 50%;
	margin-top: 20px;
	margin-bottom: 40px;
}

main article div.triangle_02::before{
    border: 20px solid transparent;/*横サイズ*/
    border-top: 20px solid #b19067; /*縦サイズ　色*/  
}




/* ===================================================================
　お問合わせ：g_c
=================================================================== */
section.g_c{
	box-sizing: border-box;
	padding: 5%;
	padding-top: 65px;
	padding-bottom: 65px;
}


/*タイトル
----------------------------------------------------------- */
section.g_c h2{
	font-size: 2.4rem;
	width: 80%;
    margin-bottom: 30px;
}


/*フォーム・フリーダイヤル　配置
----------------------------------------------------------- */
section.g_c div.g_c_box{
	width: 100%;
	display: block;
}
section.g_c div.g_c_box div {
    padding: 1.0em;
    width: 100%;
	margin-bottom: 15px;
    border: 1px solid #0A0000;
}
section.g_c div.g_c_box a{
    width: 100%;
}
section.g_c div.g_c_box a:hover{}
/*フォームがaタグの中にあるので横幅を100％する*/
section.g_c div.g_c_box div:nth-child(1){}

/*アイコン*/
section.g_c div.g_c_box div img{
    height: 30px;
}

/*文字*/
section.g_c div.g_c_box div p{
    font-size: 2.6rem;
}




/* ===================================================================
　制作の流れ
=================================================================== */
.modalArea {
	display: none;
	position: fixed;
	z-index: 10; /*サイトによってここの数値は調整 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modalArea ::-webkit-scrollbar {
  width: 10px;
  height: 0;
}
.modalArea ::-webkit-scrollbar-track {
  background: #5a5a5a;
}
.modalArea ::-webkit-scrollbar-thumb {
  background: #0a325a;
}
.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
}
.modalWrapper {
	width: 86%;
	padding: 8%;
  	height : 86%;
	box-shadow: 0px 0px 16px #7d7d7d;
}
.flow_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flow_box h2{
	font-size: 1.8rem;
	line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.flow_box h2 span{
	display: block;
	color:#59c2fe;
}
.flow_box div{
	width : calc(100% / 1) ;
	margin-bottom: 20px;
}
.flow_box div h3{
	font-size: 1.4rem;
}
.flow_box div img{
	max-width: initial;
	width: 100%;
	height: auto;
}
.flow_box div p{
	font-family: initial;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	display: none;
}
.flow_box div.material{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	width: 80%;
	margin-top: 30px;
	margin-left: 10%;
	border-top: #454545 solid 1px;
	border-bottom: #454545 solid 1px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: center;
	color: #FFFFFF;
	max-width: initial;
}
.flow_box div.material div{
	width : 180px;
	margin: 0;
	padding: 25px;
	text-align: center;
	font-size: 1.6rem;
	color: #d7d7d7;
}
.flow_box div.material div img{
	max-width: initial;
	width: 180px;
	height: auto;
	margin-bottom: 6px;
}
.flow_box div.material div p{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

.closeModal {
	font-size: 5.0rem;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	cursor: pointer;
	color: #FFFFFF;
}
.sp{
	display: initial;
}
.pc{
	display: none;
}

	

/*電気鋳造
----------------------------------------------------------- */
/*説明*/
div.statue{
margin-top: 0px;
margin-bottom: 80px;
}
section.g_i div.statue p{
font-size: 1.4rem;
text-align: left;
}
	
div.statue div{
padding: 4%;
}
div.statue div h3{
font-size: 1.6rem;
}
section.g_i div.statue div p{
font-size: 1.4rem;
text-align: left;
}
	

/*吉田仏師*/
div.statue_yoshida{}
div.statue_yoshida img{
width: 100%;
height: auto;
}
div.statue_yoshida div{
display: block;
}
div.statue_yoshida div div{
width: 100%;
padding: 5% 5% 0% 5%;
}
div.statue_yoshida div div:nth-child(2){
width: 100%;
padding: 0% 5% 5% 5%;
}
div.statue_yoshida div div dl{
width: 100%;
	box-sizing: border-box;
display: block;
padding: 3%;
	font-size: 1.2rem;
	line-height: 1.6;	
}
div.statue_yoshida div div dl:last-child{
border-bottom: #3c3c3c solid 1px;
}
div.statue_yoshida div div:nth-child(2) dl:last-child{
border-bottom: none;
}	
	
div.statue_yoshida div div dt{
width: 100%;
padding: 0;
	margin-bottom: 6px;
font-weight: bold;
}

div.statue_yoshida div div dd{
width: 100%;
padding: 0;
}	
	
	

/*▼削除しない▼*/
}