/*==========================================================================
【g_if.css】もし・・・？
============================================================================*/
/*******************************
■headContent(PC)
********************************/
.brank_top{
	margin-top: 60px;
}
.nav_question .first_message{
	margin-bottom: -40px;
}
.word_large:before{
	color: #ed6c00;
	content: "私たちのお届け先であるセブン‐イレブンの取り組みです。";
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align:center;
	text-decoration: underline;
}

/*------------------------------
【.ul_faq】
ハイくんソウちゃん
-------------------------------*/
.ul_faq {
	font-size: 0;
	margin: 40px 0;
	text-align: center;
}
.ul_faq li {
	display: inline-block;
	margin: 10px;
}
.ul_faq img {
	max-width: 300px;
	width: 100%;
	height:auto;
}

/*------------------------------
【.ttl】
各種見出しタグ設定
-------------------------------*/
/*最上部タイトル*/
.main_ttl{
	color:#e8380d;
	font-size: 24px;
	line-height:1.5;
	text-align:center;
}
.main_ttl + p{
	box-sizing: border-box;
	margin: 1em auto;
	max-width: 760px;
	overflow-wrap: break-word;
	padding: 0 1em;
	text-align: justify;
	word-break: break-all;
}
/*画像タイトル*/
.pic_ttl {
	margin: 60px 20px 0;
	text-align: center;
}
.pic_ttl img{
	display:inline-block;
	width: auto;
	max-width: 100%;
	height:auto;
}
.picword02,.picword06{margin-left: -6px;}

/*丸枠タイトル*/
.circle_ttl {
	color: #e8380d;
	font-size: 20px;
	line-height: 1;
	margin: 20px 0 10px;
	text-align: left;
}
.circle_ttl span{display: inline-block;}


/*------------------------------
【.keyvisual_box】
キービジュアル画像
-------------------------------*/
.keyvisual_box {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAHgCAMAAABTpPcoAAAAvVBMVEUyqeEuqOE4q+I8rOJMseM/reI1quJCruNYtORTs+RnueVcteVJsONGr+NkuOVQsuTU5fVht+VftuVWs+TR4/SeyuqozevX5/bL3/LI3fHB2fCjzOuTxumDwefO4fO91++51e6t0OyYyOmOxOiJw+h2vebF3PG20+2y0ex+wOd5v+dwvOZsuubtzHHvyl73wRj4wBD5vwnrzofrzoPszX3uy2jxyFTxyEzyxkPzxTr1xDL2wyn2wiHqz4zszHh7lVBkAAAAmklEQVQoz5XGBQ7DMBBE0ZSZmZmZufc/Vq3JarWNY6X10x+v5fuDhX59YYUuIz/yFlDwewh5iCCzlIskrS7ImWWQU0zBagr2ClFak4RRXpNzSCNd3GhJFmTE5mRGWsKQDVhT6LOSQ0Mof+mxKZmQLuuwujAmNaEqtFnRIeuiIryUPRzgCG9lRU6wJme4wBVucIcHPGFDtmRn+wDfCiRt/d+sdwAAAABJRU5ErkJggg==);
	background-size: contain;
}
.keyvisual_box img {
	box-sizing: border-box;
	margin: auto;
	padding: 0 10px;
}

/*------------------------------
【.faq_box】
Q&A
-------------------------------*/
.faq_box{
	background-color:#FFF399;
	border-radius: 50%;
	box-sizing:border-box;
	height: 720px;
	max-width: 720px;
	margin: 0 auto 60px;
	padding: 0 60px;
}
/*吹き出し*/
.faq_box dl > *{
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	max-width: 360px;
	padding: 10px 15px;
	position: relative;
	text-align: justify;
}
/*吹き出しカラー*/
.faq_box dt{
	background-color:#46B123;
	margin: 10px auto 10px 60px;
}
.faq_box dd{
	background-color:#F34897;
	margin: 10px 60px 10px auto;
}
/*吹き出し画像*/
.faq_box dl > *:before{
	content: "";
	display: inline-block;
	height: 70px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 70px;
}
.faq_box dt:before{
	background-image:url(ss_men.png);
	left: -75px;
}
.faq_box dd:before{
	background-image:url(ss_lady.png);
	right: -75px;
}
.face01:before{background-position:0 0}
.face02:before{background-position:0 70px}
.face03:before{background-position:0 140px}
.face04:before{background-position:0 210px}

/*吹き出し三角*/
.faq_box dl > *:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	margin: auto;
	position:absolute;
	top: 30px;
}
.faq_box dt:after{
	border-color: transparent #46B123 transparent transparent;
	border-width: 6px 10.4px 6px 0;
	left: -10px;
}
.faq_box dd:after{
	border-color: transparent transparent transparent #F34897;
	border-width: 6px 0 6px 10.4px;
	right: -10px;
}
/*解説内容*/
.faq_box p{
	background-position: right center;
	background-repeat: no-repeat;
	letter-spacing: -1px;
	padding-right: 240px;
	text-align: justify;
	word-break:break-all;
	word-wrap:break-word;
}
#faq_01 p{background-image:url(pic_bg1.png)}
#faq_02 p{background-image:url(pic_bg2.png)}
#faq_03 p{background-image:url(pic_bg3.png)}


@media screen and (max-width: 768px){
/*------------------------------
【.ttl】
各種見出しタグ設定(SP)
-------------------------------*/
.main_ttl {font-size: 18px;}

.circle_ttl{margin: 40px 0 10px;}
.circle_ttl span{display: inline;}

.pic_ttl img{margin:0;}
.picword02{max-width: 72% !important;}
.picword04{max-width: 90% !important;}
/*------------------------------
【.faq_box】
Q&A(SP)
-------------------------------*/
.faq_box {
	height: auto;
	padding: 10px;
	border-radius:0;
}

.faq_box p{
	background-position: center bottom;
	margin-bottom: 50px;
	padding: 0 0 250px;
}
.faq_box dt {margin: 20px auto 20px 90px;}
.faq_box dd {margin: 20px 90px 20px auto;}
}