/* ======================================================
	Reset
====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================
	Element
====================================================== */
*{ box-sizing: border-box;}
a { text-decoration: none;}
a:hover { text-decoration: none; opacity: 0.7; transition: all 300ms 0s ease;}
a:link { color:blue}
a:visited { color:blue}
sup{font-size: 50%;}
img{width: 100%;}
/* ======================================================
	COMMON
====================================================== */
body{
	background:#eaeaea; text-align: left; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height: 2; color: #231815;
}
.notes{font-size: 70%; }

/* ======================================================
	PC
====================================================== */
@media screen and (min-width: 769px){
	.sp{display: none;}
	.pc{display: inline-block;}
	body{font-size: 16px;}
	.inner{width: 640px; margin: 0 auto;}

	header{background: #fff; padding: 20px 30px;}
	header img{width: 100%;}
	header .box{ display: flex; align-items: center; justify-content: space-between;}
	header .box .left{width: 79px; display: flex; align-items: center;}
	header .box .right{width: 255px; display: flex; align-items: center;}

	#main{margin: 40px 0 40px 0;} 

	#sec_01 .btn_area a{display: block; text-align: center; cursor: pointer;}

	#sec_point{background: linear-gradient(to top,#fff,#fff); margin-bottom: 60px; padding: 30px;}
	
	#sec_point .point_list li{background: url(../img/point_img_pc.png) left center no-repeat; background-size: 53px; padding-left: 15%; margin-bottom: 12px; font-weight: bold; line-height: 1.5; font-size: 110%;}
	#sec_point .point_list span{display: block; height: 1px; margin-bottom: 12px; border-bottom: solid 1px #dbdbdb; line-height: 1.5; font-weight: bold;}
	#sec_point .point_list li:last-child{margin-bottom: 0px; border-bottom: none;}
	#sec_point .kasiwabara{background: url(../img/sec_04_A_bg_pc.png) top center no-repeat; position: relative; width: 100%; height: 294px; margin-bottom: 20px;}
	#sec_point .kasiwabara .point_list{position: absolute; top: 33px; right: 21px; width: 440px;}
	#sec_point .ikeda{background: url(../img/sec_04_B_bg_pc.png) top center no-repeat; position: relative; width: 100%; height: 294px; margin-bottom: 60px;}
	#sec_point .ikeda .point_list{position: absolute; top: 40px; left: 20px; width: 427px;}

	#sec_01{margin-bottom: 60px;}
	#sec_01 h2{background: url(../img/icon_onigiri_pc.png); background-position: left center; background-repeat: no-repeat; width: 550px; margin: 0 auto;}
	#sec_01 h2 p{font-size: 120%; line-height: 1.5; margin: 60px 0 20px 50px;}
	#sec_01 .line{ background: url(../img/line_pc.png) center no-repeat; height: 3px; margin-bottom: 40px;}


	.cv_01{margin-bottom: 40px;}

	#sec_talk{margin-bottom: 60px;}
	#sec_talk .inner{box-shadow: 0px 0px 5px rgba(0,0,0,0.3); padding: 20px; background: #fff;}
	#sec_talk h3{background: url(../img/h3_icon.png),#c0333b; background-position: left top; background-repeat: no-repeat,no-repeat;}
	#sec_talk h3{background-size: 40px,100%; min-height: 50px; display: flex; align-items: center; margin:20px 0 50px 0; padding: 10px;}
	#sec_talk h3 p{margin-left: 40px; color: #fff; font-size: 110%; line-height: 1.5;}
	#sec_talk .kasiwabara{background: url(../img/kasiwabara_icon_pc.png) left top no-repeat; overflow: hidden; margin-bottom: 60px; min-height: 120px;}
	#sec_talk .kasiwabara p{width: 467px; float: right;}
	#sec_talk .ikeda{background: url(../img/ikeda_icon_pc.png) left top no-repeat; overflow: hidden; margin-bottom: 60px; min-height: 120px;}
	#sec_talk .ikeda p{width: 467px; float: right;}
	#sec_talk .ikeda p iframe{width: 100%; height: 300px;}
	#sec_talk .other_talker{padding-bottom: 60px; margin: 0 auto; font-weight: bold; color: #c0333b; line-height: 1.5; overflow: hidden;}
	#sec_talk .other_talker p{width: 467px; float: right;}
	#sec_talk .img_area{margin-bottom: 60px; background: #eaeaea; padding: 20px; border-radius: 10px;}
	#sec_talk .img_area img{margin-bottom: 20px;}

	#sec_profile{margin-bottom: 60px; overflow: hidden; line-height: 1.5;}
	#sec_profile .ikeda{background: #d3d3d3; padding: 20px; width: 310px; float: left; height: 431px;}
	#sec_profile .ikeda .name{background: url(../img/sec_02_ikeda_icon_pc.png) left center no-repeat; color: #c0333b; height: 69px;display: flex; align-items: center; font-size: 110%; margin-bottom: 10px;}
	#sec_profile .ikeda .name p{margin-left: 80px; font-weight: bold; line-height: 1.5;}
	#sec_profile .ikeda .name p .position{font-size: 80%; }

	#sec_profile .kasiwabara{background: #d3d3d3; padding: 20px; width: 310px; float: right;}
	#sec_profile .kasiwabara .name{background: url(../img/sec_02_kasiwabara_icon_pc.png) left center no-repeat; color: #c0333b; height: 69px;display: flex; align-items: center; font-size: 110%; margin-bottom: 10px;}
	#sec_profile .kasiwabara .name p{margin-left: 80px; font-weight: bold;}
	#sec_profile .kasiwabara .name p .position{font-size: 70%; line-height: 1.2;}
	#sec_img{margin-bottom: 80px;}
	
	#cv{margin-bottom: 60px;}
	#cv .inner .cv_btn{margin-bottom: 30px;}
	#cv .inner .box{display: flex;}
	#cv .inner .box .btn{ width: 48%; margin-right: 4%;}
	#cv .inner .box .btn:last-child{margin-right: 0%;}
	#cv .inner .box .btn a{position: relative; width: 100%; background: #595959; height: 50px; display: inline-block;}
	#cv .inner .box .btn a span{ color: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: center; width: 100%;}

	footer{background: #595959; padding: 30px; text-align: center; color: #fff;}
	#page_top{display: none; position: fixed; bottom: 55px; right: 50px; cursor: pointer;}
	#page_top img{width: 60px;}
}
/* ======================================================
	SP
====================================================== */
@media screen and (max-width: 768px){
	.sp{display: inline-block;}
	.pc{display: none;}
	img{width: 100%;}
	body{font-size: 4vw;}
	.inner{width: 100%; margin: 0 auto;}

	header{background: #fff; padding: 2% 3%;}
	header img{width: 100%;}
	header .box{ display: flex; align-items: center; justify-content: space-between;}
	header .box .left{width: 20%; display: flex; align-items: center;}
	header .box .right{width: 40%; display: flex; align-items: center;}

	#sec_point{background: linear-gradient(to top,#fff,#fff); margin-bottom: 10%; padding: 5% 0;}
	#sec_point .point_list li{background: url(../img/point_img_sp.png) left center no-repeat; background-size: 15%; padding-left: 20%; margin-bottom: 3%;}
	#sec_point .point_list span{display: block; height: 1px; margin-bottom: 3%; border-bottom: solid 1px #dbdbdb; line-height: 1.5; font-weight: bold;}
	#sec_point .point_list li:last-child{margin-bottom: 0px; border-bottom: none;}
	#sec_point .kasiwabara{background: url(../img/sec_04_A_bg_sp.png) top center no-repeat; background-size: contain; position: relative; width: 90%; margin: 0 auto; height: 119vw; margin-bottom: 5%;}
	#sec_point .kasiwabara .point_list{position: absolute; bottom: 6%; left: 5%; width: 90%;}
	#sec_point .ikeda{background: url(../img/sec_04_B_bg_sp.png) top center no-repeat; background-size: contain; position: relative; width: 90%; margin: 0 auto; height: 134vw; margin-bottom: 10%;}
	#sec_point .ikeda .point_list{position: absolute; bottom: 5%; left: 5%; width: 90%;}

	#sec_01{margin-bottom: 10%;}
	#sec_01 .inner{width: 90%; margin: 0 auto;}
	#sec_01 h2{background: url(../img/icon_onigiri_sp.png)left center no-repeat; background-size: 10%;}
	#sec_01 h2 p{font-size: 100%; line-height: 1.5; margin: 5% 0 5% 13%;}
	#sec_01 .line{ background: url(../img/line_sp.png) center no-repeat; height: 1vw; background-size: cover; margin-bottom: 5%; }
	#sec_01 .btn_area{text-align: center;}

	.cv_01{margin-bottom: 5%;}
	.cv_01 .inner{width: 90%; margin: 0 auto;}

	#sec_talk{margin-bottom: 10%;}
	#sec_talk .inner{box-shadow: 0px 0px 5px rgba(0,0,0,0.3); padding: 5%; background: #fff; width: 95%; margin: 0 auto;}
	#sec_talk h3{background:url(../img/h3_icon.png), #c0333b; background-position: left top, center; background-repeat: no-repeat,no-repeat; padding: 5%; margin-bottom: 10%; background-size: 15%,100%;}
	#sec_talk h3 p{padding-left: 15%; color: #fff; font-size: 100%; line-height: 1.5;}
	#sec_talk .kasiwabara{background: url(../img/kasiwabara_icon_sp.png) left top no-repeat; background-size: contain; margin-bottom: 10%; background-size: 60%; padding-top: 30vw;}
	#sec_talk .kasiwabara p{background: #eaeaea; padding: 5%; border-radius: 10px;}
	#sec_talk .ikeda{background: url(../img/ikeda_icon_sp.png) left top no-repeat; background-size: contain; margin-bottom: 10%; background-size: 60%; padding-top: 30vw;}
	#sec_talk .ikeda p{background: #eaeaea; padding: 5%; border-radius: 10px;}
	#sec_talk .ikeda p iframe{width: 100%; height: 50vw;}
	#sec_talk .other_talker{padding-bottom: 10%; margin: 0 auto; font-weight: bold; color: #c0333b; line-height: 1.5;}
	#sec_talk .img_area{margin-bottom: 10%; background: #fff; padding: 5%; border-radius: 10px;}
	#sec_talk .img_area img{margin-bottom: 5%;}

	#sec_profile{margin-bottom: 10%; overflow: hidden; line-height: 1.5;}
	#sec_profile .inner{width: 90%; margin:0 auto;}
	#sec_profile .ikeda{background: #d3d3d3; padding: 5%; margin-bottom: 10%;}
	#sec_profile .ikeda .name{background: url(../img/sec_02_ikeda_icon_sp.png) left center no-repeat; color: #c0333b; display: flex; align-items: center; font-size: 120%; margin-bottom: 5%; background-size: contain; height: 20vw;}
	#sec_profile .ikeda .name p{margin-left: 28%; font-weight: bold; line-height: 1.5;}
	#sec_profile .ikeda .name p .position{font-size: 80%;}

	#sec_profile .kasiwabara{background: #d3d3d3; padding: 5%;}
	#sec_profile .kasiwabara .name{background: url(../img/sec_02_kasiwabara_icon_sp.png) left center no-repeat; color: #c0333b; display: flex; align-items: center; font-size: 120%; margin-bottom: 5%; background-size: contain; height: 20vw;}
	#sec_profile .kasiwabara .name p{margin-left: 28%; font-weight: bold;}
	#sec_profile .kasiwabara .name p .position{font-size: 80%;}

	#sec_img{margin-bottom: 10%;}

	#cv{margin-bottom: 10%;}
	#cv .inner .cv_btn{margin-bottom: 5%;}
	#cv .inner{width: 90%; margin:0 auto;}
	#cv .inner .box .btn{ width: 100%; margin-bottom: 5%; line-height: 0;}
	#cv .inner .box .btn:last-child{margin-bottom: 0%;}
	#cv .inner .box .btn a{position: relative; width: 100%; background: #595959; height: 50px; display: inline-block;}
	#cv .inner .box .btn a span{ color: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: center; width: 100%;}

	footer{background: #595959; padding: 9%; text-align: center; color: #fff; font-size: 80%; position: relative; z-index: 1000;}
	#page_top{display: none; position: fixed; bottom: 3%; right: 2%; cursor: pointer; width: 15%;}
}