/*
Theme Name: Original_style
Theme URI: https://www.soratoie.net/
Description: オリジナルリセット
Version: 1.4
Author: Author
Author URI: https://www.soratoie.net/
*/
@charset "utf-8";

/* html5 reset*/
html{overflow-y:scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, 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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
h1, h2, h3, h4, h5, h6,address,caption,cite,code,dfn,em,strong,th,var,span{font-style:normal;font-weight:normal;}
li{list-style:none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align:bottom;}

/* original reset */
li{
	list-style:none;
}
a {
	text-decoration:none;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration:underline;
}
a:active {
}

/* html5 reset +alpha */
html{
    font-size: 62.5%; /* (14px) */
	line-height:1.0;
}
#main {
	line-height:1.4;
}

/* common item */
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.clrfx {zoom:1;}
.clr {clear:both;}
.fltl {float:left;}
.fltr {float:right;}
.leftAdjust{text-align:left;}
.rightAdjust{text-align:right;}
.centerAdjust{text-align:center;}
.topAdjust{vertical-align:top;}
.middleAdjust{vertical-align:middle;}
.bottomAdjust{vertical-align:bottom;}
.rlt{position:relative;}
.abs{position:absolute;}
strong { font-weight:bold; }
em { font-style: italic; }
del { text-decoration:line-though; }



/* items */
strong{
	font-weight:normal;
}
img{
	max-width:100%;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
img.full{
	width:100%;
}
a img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}
a:hover img.opa100 {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
}
#over_wrapper{
	overflow:hidden;
}
.container {
	width:100%;
	max-width:860px;
	margin:0 auto;
	padding:0 25px;
	box-sizing:border-box;
}
.f_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* body style */
body {
	font-size:14px;
	font-family:"游ゴシック", YuGothic,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background:#fff;
	-webkit-text-size-adjust: 100%;
}
/* common */
@media print,screen and (min-width: 769px){
	.sp_v{
	  display:none!important;
	}
}
@media screen and (max-width: 768px){
	.pc_v{
    display:none!important;
	}
}
/*==============================
	文字色関連
===============================*/
.fc_blue{
	color:#78CBF4;
}
.fc_orange{
	color:#E56D2D;
}
/*==============================
	ホバーアニメーション
===============================*/
a .hover_anim_01{
	position:relative;
	overflow:hidden;
}
a .hover_anim_01 img{
	position:absolute;
	top:50%;
	left:50%;
	height:100%;
	-webkit-transform: translate(-50%, -50%) scale(1.0,1.0); /* Safari用 */
	transform: translate(-50%, -50%) scale(1.0,1.0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a:hover .hover_anim_01 img{
	-webkit-transform: translate(-50%, -50%) scale(1.2,1.2); /* Safari用 */
	transform: translate(-50%, -50%) scale(1.2,1.2);
}

/*==============================
	ボタン関連
===============================*/
a.c_btn_01{
	display:block;
	padding:15px 0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#78CBF4;
	border:1px solid #78CBF4;
	border-radius:15px;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.16);
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.c_btn_01:hover{
	background:#ffffff;
	color:#78CBF4;
	text-decoration:none;
}
/*==============================
	タイトル関連
===============================*/
.c_ttl_01{
	margin:0 auto 60px;
	height:32px;
	text-align:center;
}
.c_ttl_01 img{
	width:auto;
	height:100%;
}
.c_ttl_02{
	margin:-30px auto 30px;
	font-size:21px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	color:#707070;
}
/*==============================
	header
===============================*/
.header{
	padding:75px 0 60px;
}
.header .logo{
	width:68%;
	max-width:420px;
	margin:0 auto;
}
.front{
	position:relative;
}
.front .header{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	padding:0;
	z-index:2;
}
.front .header .logo{
	width:68%;
	max-width:480px;
	margin:60px auto 0;
	text-align:center;
}
@media screen and (max-width: 400px){
	.front .header .logo{
		margin:30px auto 0;
	}
}

/*SPナビ*/
	.navBtn{
		position:fixed;
		top:12px;
		right:12px;
		width:35px;
		height:35px;
		margin:0;
		padding:1px;
		border-radius:3px;
		background-color:transparent;
		overflow:hidden;
		box-sizing:border-box;
		z-index:999;
		cursor:pointer;
	}
	.navBtn .navIcon{
		position:relative;
		width:100%;
		height:100%;
		padding:0;
		cursor:pointer;
		border:none;
		outline:none;
		background-color:transparent;

	}
	.navBtn .navIcon.btn_on{

	}
	.navTxt span {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 74%;
	    height: 1px;
	    margin-left: -37%;
	    display: block;
		box-shadow:0 0 5px 1px rgba(255,255,255,0.16);
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	.front .navTxt span {
		box-shadow:0 0 5px 1px rgba(0,0,0,0.16);
	}
	.navTxt .menu-btn-top {
	    background-color: #707070;
	    -webkit-transform: translateY(-0.65em);
	    transform: translateY(-0.65em);
	}
	.navTxt .menu-btn-middle {
	    background-color: #707070;
	}
	.navTxt .menu-btn-bottom {
	    background-color: #707070;
	    -webkit-transform: translateY(0.65em);
	    transform: translateY(0.65em);
	}
	.front .navTxt .menu-btn-top {
	    background-color: #ffffff;
	    -webkit-transform: translateY(-0.65em);
	    transform: translateY(-0.65em);
	}
	.front .navTxt .menu-btn-middle {
	    background-color: #ffffff;
	}
	.front .navTxt .menu-btn-bottom {
	    background-color: #ffffff;
	    -webkit-transform: translateY(0.65em);
	    transform: translateY(0.65em);
	}
	.navIcon.btn_on .menu-btn-middle {
	    background-color: rgba(255, 255, 255, 0);
		box-shadow:0 0 0 0 rgba(0,0,0,0);
	}

	.navIcon.btn_on .menu-btn-top {
	    -webkit-transform: rotate(-45deg) translateY(0px);
	    transform: rotate(-45deg) translateY(0px);
	}

	.navIcon.btn_on .menu-btn-bottom {
	    -webkit-transform: rotate(45deg) translateY(0px);
	    transform: rotate(45deg) translateY(0px);
	}
	.smenu_wrap{
		padding:0;
	}
	.menu-wrap{
		position:fixed;
		top:0;
		left:0;
		margin:0;
		width:100vw;
		height:100vh;
		background-color:rgba(255,255,255,0.98);
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
		z-index:99999;
		overflow:auto;
	}
	.menuOff {
		-webkit-transform:translate3d(100%, 0, 0);
		-moz-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
		z-index:98; /* ロゴ下に来るように */
	}
	.menuOn {
		background:#ffffff;
		box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
	.ie .menuOff {
		left:-100%; /* IE向け */
	}
	.ie .menuOn {
		left: 0; /* IE向け */
	}
	.menu-wrap .global-nav-menu-item{
		float:none;
		display:block;
		width:100%;
		text-align:left;
		box-sizing:border-box;
	}
	.menu-wrap .contact_box_wrap{
		padding:35px 20px;
		background:#78CBF4;
	}
	.menu-wrap .contact_box_wrap .box_ttl{
		width:60%;
		max-width:460px;
		margin:0 auto 26px;
		text-align:center;
	}
	.menu-wrap .contact_box_wrap .company_info{
		margin:0 auto ;
		color:#ffffff;
		text-align:center;
	}
	.menu-wrap .contact_box_wrap .company_info .info_name{
		margin:0 0 5px;
		font-size:16px;
	}
	.menu-wrap .contact_box_wrap .company_info .info_address{
		margin:0 0 5px;
		font-size:12px;
		line-height:2.0;
	}
	.menu-wrap .contact_box_wrap .company_info .tel_wrap{
		width:60%;
		max-width:460px;
		margin:0 auto;
	}
	.sub_menu_head{
		position:relative;
		width:100%;
		height:59px;
		padding:8px;
		text-align:center;
		box-sizing:border-box;
		background:#78CBF4;
	}
	.global-nav-menu .global-nav-menu-item{
		float:left;
		width:100%;
		padding:14px 10% 12px;
		border-bottom:1px solid #aaaaaa;
		box-sizing:border-box;
		line-height:1.5;
		text-align:left;
	}
	.global-nav-menu .global-nav-menu-item:first-of-type{
		border-top:1px solid #aaaaaa;
	}

	.global-nav-menu .global-nav-menu-item a{
		position:relative;
		display:block;
		padding-right:10px;
		color:#505050;
		font-size:15px;
		font-weight:bold;
		line-height:1.5;
	}
	.global-nav-menu .global-nav-menu-item a::after{
		content:"＞";
		position:absolute;
		top:50%;
		right:0;
		font-weight:bold;
		-webkit-transform: translate(0%,-50%); /* Safari用 */
		-ms-transform: translate(0%,-50%);
			transform: translate(0%,-50%);
	}
/*==============================
	footer
===============================*/
.footer{
	position:relative;
	padding:35px 0 95px;
	background:#78CBF4;
	text-align:center;
	color:#ffffff;
	z-index:1;
}
.footer .logo{
	width:60%;
	margin:0 auto 25px;
}
.footer .company_info{
	margin:0 auto 25px;
}
.footer .company_info .info_name{
	margin:0 auto 10px;
	font-size:18px;
}
.footer .company_info .info_address{
	margin:0 auto 10px;
	font-size:12px;
}
.footer .company_info .info_address .post_num{
	display: inline-block;
	margin:0 1.2em 0 0;
}
.footer .company_info .tel_wrap{
	width:238px;
	margin:0 auto;
}
.footer .foot_navi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
			justify-content: center;
}
.footer .foot_navi .nav_list{
	width:100px;
	margin:0 5% 0 0;
	text-align:left;
}
.footer .foot_navi .nav_list:last-of-type{
	width:auto;
	margin:0;
}
.footer .foot_navi .nav_list .li{
	position: relative;
	margin:0 auto 12px;
	padding:0 0 0 24px;
}
.footer .foot_navi .nav_list .li:before{
	content:"";
	position: absolute;
	top:50%;
	left:0;
	width:7px;
	height:1px;
	background:#ffffff;
	-webkit-transform: translate(0%,-50%); /* Safari用 */
	-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
}
.footer .foot_navi .nav_list .li a{
	color:#ffffff;
	font-size:12px;
	line-height:1.24;
}
.footer .copy{
	display:block;
	margin:50px auto 0;
}
.footer .fix_nav_01{
	position:fixed;
	bottom:20px;
	left:50%;
	width:88%;
	height:52px;
	-webkit-transform: translate(-50%,0); /* Safari用 */
	-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	border-radius:10px;
	padding:15px 0;
	box-sizing:border-box;
	background:#ffffff;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.16);
	z-index:10;
}
.footer .fix_nav_01 .nav_list_01{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
		justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
}
.footer .fix_nav_01 .nav_list_01 .nav_item{
	padding:4px 4%;
	border-right:1px solid #707070;
}
.footer .fix_nav_01 .nav_list_01 .nav_item:last-of-type{
	border:none;
}
.footer .fix_nav_01 .nav_list_01 .nav_item a{
	font-size:12px;
	color:#707070;
}
/*=================================
	ページナビ関連
===================================*/
.pgnavi_area .wp-pagenavi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
		justify-content: center;
	margin: 80px auto;
}
.pgnavi_area .wp-pagenavi a,
.pgnavi_area .wp-pagenavi span{
	display:block;
	margin:0 10px;
	min-width:30px;
	height:30px;
	padding:0 5px;
	border-radius:3px;
	border:1px solid #78CBF4;
	line-height:30px;
	box-sizing:border-box;
	font-size:14px;
	color:#707070;
	text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pgnavi_area .wp-pagenavi span{
	background:#78CBF4;
	color:#ffffff;
}
.pgnavi_area .wp-pagenavi span.extend{
	margin:0 3px;
	background:#ffffff;
	color:#707070;
	border:none;
}
.pgnavi_area .wp-pagenavi a:hover{
	background:#78CBF4;
	color:#ffffff;
}
@media screen and (max-width: 768px){
	.pgnavi_area .wp-pagenavi a,
	.pgnavi_area .wp-pagenavi span{
		margin:0 8px;
		min-width:24px;
		height:24px;
		padding:0 4px;
		line-height:24px;
		font-size:14px;
	}
}
@media screen and (max-width: 400px){
	.pgnavi_area .wp-pagenavi a,
	.pgnavi_area .wp-pagenavi span{
		margin:0 6px;
		min-width:22px;
		height:22px;
		padding:0 3px;
		line-height:22px;
		font-size:12px;
	}
}

/*==============================
	共通アイテム
===============================*/
/*-----------------------------
	c_talk_sec
--------------------------------*/
.c_talk_sec{
	margin:0 auto 25px;
}
.c_talk_sec .wrap_01{
	padding:35px 0 15px;
	border-radius:15px;
	background:#78CBF4;
	box-sizing:border-box;
}
.c_talk_sec .wrap_01 .box_01{
	padding:0 30px 35px;
	color:#ffffff;
	text-align:center;
}
.c_talk_sec .wrap_01 .box_01 .w_ttl_01{
	margin:0 auto 12px;
}
.c_talk_sec .wrap_01 .box_01 .w_ttl_01 .ttl_txt_01{
	position:relative;
	display:inline-block;
	padding:6px 8px;
	font-size:15px;
}
.c_talk_sec .wrap_01 .box_01 .w_ttl_01 .ttl_txt_01:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:2px;
	height:100%;
	background:#ffffff;
	-webkit-transform: translate(0%,-50%) rotate(-15deg); /* Safari用 */
	-ms-transform: translate(0%,-50%) rotate(-15deg);
		transform: translate(0%,-50%) rotate(-15deg);
}
.c_talk_sec .wrap_01 .box_01 .w_ttl_01 .ttl_txt_01:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:2px;
	height:100%;
	background:#ffffff;
	-webkit-transform: translate(0%,-50%) rotate(15deg); /* Safari用 */
	-ms-transform: translate(0%,-50%) rotate(15deg);
		transform: translate(0%,-50%) rotate(15deg);
}
.c_talk_sec .wrap_01 .box_01 .w_ttl_02{
	margin:0 auto 32px;
	font-size:21px;
	line-height:1.85;
}
.c_talk_sec .wrap_01 .box_01 .w_txt_01{
	max-width:380px;
	margin:0 auto;
	font-size:13px;
	line-height:1.85;
}
.c_talk_sec .wrap_01 .w_btn_wrap_01{
	width:80%;
	margin:0 auto;
	-webkit-transform: translate(0%,-50%); /* Safari用 */
	-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
}
.c_talk_sec .wrap_01 .w_btn_wrap_01 a{
	display:block;
	padding:12px;
	border-radius:40px;
	font-size:15px;
	font-weight:bold;
	color:#78CBF4;
	text-align:center;
	border:1px solid #ffffff;
	background:#ffffff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.c_talk_sec .wrap_01 .w_btn_wrap_01 a:hover{
	color:#ffffff;
	background:#78CBF4;
	text-decoration:none;
}

@media screen and (max-width: 400px){
	.c_talk_sec .wrap_01 .box_01{
		padding:0 10px 35px;
	}
	.c_talk_sec .wrap_01 .box_01 .w_ttl_02{
		font-size:19px;
	}
}
/*-----------------------------
	c_interview_list c_interview_box_01
--------------------------------*/
.c_interview_list{
	margin:0 auto;
}
.c_interview_list .li{
	margin:0 auto 34px;
}
.c_interview_box_01 a .video_wrap{
	position:relative;
	margin:0 auto 17px;
	border-radius:15px;
	overflow:hidden;
}
.c_interview_box_01 a .video_wrap:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.30);
	opacity:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.c_interview_box_01 a:hover .video_wrap:after{
	opacity:1.0;
}
.c_interview_box_01 a .video_wrap .btn_01{
	position:absolute;
	top:auto;
	bottom:5%;
	right:5%;
	width:45px;
	z-index:1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.c_interview_box_01 a:hover .video_wrap .btn_01{
	bottom:50%;
	right:50%;
	width:90px;
	-webkit-transform: translate(50%,50%); /* Safari用 */
	-ms-transform: translate(50%,50%);
		transform: translate(50%,50%);
}
.c_interview_box_01 .box_ttl_01{
	margin:0 auto 8px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#78CBF4;
	line-height:1.4;
}
.c_interview_box_01 .box_name{
	text-align:center;
	color: #707070;
	font-size:11px;
	line-height:1.4;
}

/*==============================
	main
===============================*/
.page_sec_01{
	position:relative;
}
.page_sec_01:before{
	content:"";
	position:absolute;
	top:-25px;
	left:50%;
	width:330px;
	height:250px;
	background:url(./images//page_bg_01.svg) center center no-repeat;
	background-size:cover;
	z-index:-1;
	-webkit-transform: translate(-17%,0); /* Safari用 */
	-ms-transform: translate(-17%,0);
		transform: translate(-17%,0);
}
/*-----------------------------
	front
--------------------------------*/
/*-----------------
	main_img_sec
--------------------*/
.front .main_img_sec{
	position:relative;
	height:100vh;
	min-height:560px;
	background:url(./images/main_img_01.jpg) bottom center no-repeat;
	background-size:cover;
	z-index:0;
}
.front .main_img_sec .s_ttl_01{
	position:absolute;
	top:35%;
	left:50%;
	width:37px;
	text-align:center;
	-webkit-transform: translate(-50%,0); /* Safari用 */
	-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	z-index:1;
}
@media screen and (max-width: 400px){
	.front .main_img_sec .s_ttl_01{
		top:29%;
		width:34px;
	}
}
/*-----------------
	concept_sec
--------------------*/
.front .concept_sec{
	margin:50px auto 60px;
}
.front .concept_sec .txt_box_01{
	width:80%;
	margin:0 auto ;
}
.front .concept_sec .txt_box_01 .s_ttl_01{
	margin:0 auto 48px;
	text-align:center;
}
.front .concept_sec .txt_box_01 .txt_01{
	font-size:16px;
	line-height:2.03;
	color:#707070;
}
.front .concept_sec .btn_wrap_01{
	margin:82px auto 28px;
}
/*-----------------
	balance_sec
--------------------*/
.front .balance_sec{
	margin:0 auto 60px;
	overflow:hidden;
}
.front .balance_sec .txt_box_01{
	width:80%;
	margin:0 auto 32px;
	text-align:center;
}
.front .balance_sec .txt_box_01 .s_ttl_01{
	margin:0 auto 21px;
}
.front .balance_sec .txt_box_01 .txt_01{
	font-size:13px;
	line-height:1.84;
	color:#707070;
}
.front .balance_sec .balance_list_01{
	margin:0 auto ;
}
.front .balance_sec .balance_list_01 .li{
	position:relative;
	margin:0 auto 110px;
}
.front .balance_sec .balance_list_01 .li:last-of-type{
	margin:0 auto;
}
.front .balance_sec .balance_list_01 .li::before{
	content:"";
	position:absolute;
	top:-20%;
	right:-20%;
	width:100%;
	padding-top:76%;
	background:url(./images/bg_pattern_01.svg) center center no-repeat;
	background-size:cover;
	z-index:-1;
}
.front .balance_sec .balance_list_01 .li:nth-of-type(2)::before{
	top:auto;
	bottom:5%;
	left:-20%;
	right:auto;
	background:url(./images/bg_pattern_02.svg) center center no-repeat;
	background-size:cover;
}
.front .balance_sec .balance_list_01 .li:nth-of-type(3)::before{
	top:auto;
	bottom:5%;
	left:auto;
	right:-20%;
	background:url(./images/bg_pattern_03.svg) center center no-repeat;
	background-size:cover;
}
.front .balance_sec .balance_list_01 .li:nth-of-type(4)::before{
	top:auto;
	bottom:33%;
	left:-20%;
	right:auto;
	background:url(./images/bg_pattern_04.svg) center center no-repeat;
	background-size:cover;
}
.front .balance_sec .balance_list_01 .li:nth-of-type(5)::before{
	top:auto;
	bottom:33%;
	left:auto;
	right:-20%;
	background:url(./images/bg_pattern_05.svg) center center no-repeat;
	background-size:cover;
}

.front .balance_sec .balance_box_01{
	width:80%;
	margin:0 auto;
}
.front .balance_sec .balance_box_01 .box_img{
	max-width:522px;
	margin:0 auto 22px;
	text-align:center;
}
.front .balance_sec .balance_box_01 .box_img img{
		width:100%;
		border-radius:15px;
}
.front .balance_sec .balance_box_01 .box_txt_wrap .box_ttl_01{
	font-size:21px;
	font-weight:bold;
	color:#78CBF4;
}
.front .balance_sec .balance_box_01 .box_txt_wrap .box_txt_01{
	margin:22px auto 0;
	font-size:16px;
	line-height:1.82;
	color:#707070;
}
.front .balance_sec .balance_box_01 .box_txt_wrap .box_btn_wrap_01{
	margin:34px auto 0;
}
/*-----------------
	works_sec
--------------------*/
.front .works_sec{
	margin:0 auto 110px;
}
.front .works_sec .works_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
			justify-content: center;
}
.front .works_sec .works_list .li{
	width:100%;
	margin:0 auto 3%;
}
.front .works_sec .works_list .li:nth-of-type(2),
.front .works_sec .works_list .li:nth-of-type(3){
	width:47.5%;
}
.front .works_sec .works_list .li:nth-of-type(2){
	margin:0 3% 0 0;
}
.front .works_sec .works_list .li a .works_box_01{
	padding-top:40.5%;
	border-radius:15px;
}
.front .works_sec .works_list .li:nth-of-type(2) a .works_box_01,
.front .works_sec .works_list .li:nth-of-type(3) a .works_box_01{
	padding-top:90%;
}
.front .works_sec .box_btn_wrap_01{
	margin:24px auto 0;
}
/*-----------------
	interview_sec
--------------------*/
.front .interview_sec{
	margin:0 auto 130px;
}
.front .interview_sec .btn_wrap_01{
	margin:60px auto 0;
}
/*-----------------
	soratoie_sec
--------------------*/
.front .soratoie_sec{
	margin:0 auto 130px;
}
.front .soratoie_sec .s_img_01{
	margin:0 auto 64px;
}
.front .soratoie_sec .s_ttl_02{
	width:70%;
	margin:0 auto 21px;
	text-align:center;
}
.front .soratoie_sec .txt_box_01{
	text-align:center;
}
.front .soratoie_sec .txt_box_01 .txt_01{
	font-size:13px;
	line-height:1.85;
	color:#707070;
}
.front .soratoie_sec .btn_wrap_01{
	margin:15px auto 0;
}
/*-----------------
	staff_sec
--------------------*/
.front .staff_sec{
	margin:0 auto 130px;
}
.front .staff_sec .staff_list{
	max-width:800px;
	margin:0 auto;
}
.front .staff_sec .staff_list .li{
	position:relative;
	margin:0 auto 60px;
}
.front .staff_sec .staff_list .li::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	padding-top:80%;
	background:url(./images/bg_pattern_06.svg) center center no-repeat;
	background-size:cover;
	z-index:-1;
	-webkit-transform: translate(-50%,-50%); /* Safari用 */
	-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
}
.front .staff_sec .staff_list .li:nth-of-type(2n):before{
	background:url(./images/bg_pattern_07.svg) center center no-repeat;
	background-size:cover;
}
.front .staff_sec .staff_box_01 .box_img{
	width:60%;
	margin:0 40% 19px 0;
}
.front .staff_sec .staff_list .li:nth-of-type(2n) .staff_box_01 .box_img{
	margin:0 0 19px 40%;
}
.front .staff_sec .staff_box_01 .ele_box{
	width:70%;
	margin:0 18% 0 12%;
}
.front .staff_sec .staff_list .li:nth-of-type(2n) .staff_box_01 .ele_box{
	margin:0 8% 0 22%;
}
.front .staff_sec .staff_box_01 .ele_box .name{
	margin:0 auto 18px;
	font-size:18px;
	font-weight:bold;
	color: #707070;
}
.front .staff_sec .staff_box_01 .ele_box .name .charge{
	display:inline-block;
	margin:0 0 0 1.5em;
	font-size:60%;
}
.front .staff_sec .staff_box_01 .ele_box .txt_01{
	font-size:13px;
	line-height:1.85;
	color: #707070;
}
/*-----------------
	modelhouse_sec
--------------------*/
.front .modelhouse_sec{
	position:relative;
	margin:88px auto 95px;
}
.front .modelhouse_sec:before{
	content:"";
	position:absolute;
	top:28%;
	left:50%;
	display:block;
	width:130%;
	height:125%;
	background:url(./images/bg_pattern_00.png) center center no-repeat;
	background-size:cover;
	z-index:-1;
	-webkit-transform: translate(-50%,0%); /* Safari用 */
	-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}
.front .modelhouse_sec .mh_carousel_01{
	margin:0 auto 24px;
	overflow:hidden;
}
.front .modelhouse_sec .mh_carousel_01 .carousel_img{
	margin:0 10px;
}
.front .modelhouse_sec .box_01{
	color:#707070;
	text-align:center;
}
.front .modelhouse_sec .box_01 .box_ttl_01{
	margin:0 auto 20px;
	font-size:21px;
	font-weight:bold;
	line-height:1.42;
}
.front .modelhouse_sec .box_01 .box_address_01{
	margin:0 auto 5px;
	font-size:16px;
	line-height:1.85;
}
.front .modelhouse_sec .box_01 .box_tel{
	width:240px;
	margin:0 auto 15px;
}
.front .modelhouse_sec .box_01 .box_message_01{
	margin:0 auto 20px;
	font-size:12px;
	line-height:1.42;
}
.front .modelhouse_sec .box_01 .box_map{
	position:relative;
  width:100%;
	max-width: 700px;
  height:0;
	margin: 0 auto 30px;
  padding-top:86%;
}
.front .modelhouse_sec .box_01 .box_map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.front .modelhouse_sec .box_01 .btn_01{
	display: block;
  max-width: 300px;
  margin: 0 auto;
  padding: 20px 10px;
  border-radius: 100px;
  color: white;
  background: #78CBF4;
}
/*-----------------
	blog_sec
--------------------*/
.front .blog_sec{
	margin:0 auto 60px;
}
.front .blog_sec .blog_carousel_01{
	margin:0 auto 70px;
	padding:0 0 40px;
	overflow:hidden;
}
.front .blog_sec .blog_carousel_01 .carousel_box{
	margin:0 8px;
}
.front .blog_sec .blog_carousel_01 .carousel_box .box_img{
	padding-top:55%;
}
.front .blog_sec .blog_carousel_01 .carousel_box .box_ttl{
	padding:20px 5%;
	font-size:21px;
	color:#707070;
	text-align:center;
	background:#ffffff;
}
.front .blog_sec .blog_carousel_01 .carousel_box a:hover{
	text-decoration:none;
}
/*slick カスタマイズ*/
.blog_carousel_01 .slick-dots{
	bottom:0;
}
.blog_carousel_01 .slick-dots li{
	width:10px;
	height:10px;
}
.blog_carousel_01 .slick-dots li button{
	width:100%;
	height:100%;
	padding:0;
}
.blog_carousel_01 .slick-dots li button:before{
	content:"";
	width:100%;
	height:100%;
	background:#C6C6C6;
	border-radius:50%;
	opacity:1.0;
}
.blog_carousel_01 .slick-dots li.slick-active button:before{
	background:#78CBF4;
	opacity:1.0;
}
/*-----------------
	snsapp_sec
--------------------*/
.front .snsapp_sec{
	margin:0 auto 75px;
}
.front .snsapp_sec .snsapp_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
			justify-content: center;
}
.front .snsapp_sec .snsapp_list .li{
	width:30%;
	margin:0 1.5%;
	text-align: center;
}
.front .snsapp_sec .snsapp_list .li a.snsapp_box{
	display:block;
	height:100%;
	border:1px solid #C3C3C3;
	border-radius:20px;
	box-sizing:border-box;
}
/*-----------------
	document_sec
--------------------*/
.front .document_sec{
	margin:0 auto 60px;
}
.front .document_sec .btn_wrap_01{
	width:100%;
	margin:0 auto;
}
.front .document_sec .btn_wrap_01 a{
	position: relative;
	display:block;
	padding:30px 0;
	border-radius:15px;
	font-size:20px;
	font-weight:bold;
	color:#11ADC1;
	letter-spacing:2px;
	text-align:center;
	background:rgba(17,173,193,0.0) url(./images/btn_bg_document_01.png) center center no-repeat ;
	background-size:cover;
	overflow:hidden;
	z-index:0;
}
.front .document_sec .btn_wrap_01 a:hover{
	text-decoration:none;
}
.front .document_sec .btn_wrap_01 a .btn_txt{
	font-weight:bold;
	text-shadow:0 0 3px rgba(255,255,255,0.90);
}
.front .document_sec .btn_wrap_01 a .btn_txt:before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:-1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.front .document_sec .btn_wrap_01 a:hover .btn_txt:before{
	background:rgba(0,0,0,0.25);
}
/*-----------------
	company_sec
--------------------*/
.front .company_sec{
	margin:0 auto 100px;
}
.front .company_sec .box_img_01{
	position:relative;
	width:45%;
	min-width:130px;
	margin:-15px auto 0;
	text-align:center;
	z-index:1;
}
.front .company_sec .box_01{
	position:relative;
	margin:-20% auto 0;
	padding:27% 0 33px;
	background:#F4F4F4;
	border-radius:15px;
	text-align:center;
	z-index:0;
}
.front .company_sec .box_01 .box_address{
	font-size:16px;
	line-height:1.42;
	color: #707070;
}
.front .company_sec .box_01 .btn_wrap_01{
	width:80%;
	margin:24px auto 0;
}
.front .company_sec .box_01 .btn_wrap_01 a{
	display:block;
	padding:10px;
	border-radius:40px;
	border:1px solid #707070;
	background:#707070;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.front .company_sec .box_01 .btn_wrap_01 a:hover{
	background:#ffffff;
	color:#707070;
	text-decoration:none;
}
/*-----------------
	brand_sec
--------------------*/
.front .brand_sec{
	margin:0 auto 60px;
}
.front .brand_sec .brand_list{
	margin:-15px auto 0;
}
.front .brand_sec .brand_list .li{
	margin:0 auto 47px;
}
.front .brand_sec .brand_box .box_ttl{
	margin:0 auto 15px;
	font-size:21px;
	line-height:1.42;
	color:#707070;
	text-align: center;
}
.front .brand_sec .brand_box .box_ele_01{
	width:100%;
	border-radius:15px;
	overflow:hidden;
}
.front .brand_sec .brand_box .box_ele_01 a{
	position:relative;
	display:block;
	width:100%;
	padding-top:42%;
}
.front .brand_sec .brand_box.kitokito .box_ele_01 a{
	background:url(./images/brand_kitokito_01.png) center center no-repeat;
	background-size:cover;
}
.front .brand_sec .brand_box.casa .box_ele_01 a{
	background:url(./images/brand_casa_01.png) center center no-repeat;
	background-size:cover;
}
.front .brand_sec .brand_box.designcasa .box_ele_01 a{
	background:url(./images/brand_designcasa_01.png) center center no-repeat;
	background-size:cover;
}
.front .brand_sec .brand_box .box_ele_01 a .ele_btn_01{
	position: absolute;
	bottom:20px;
	left:50%;
	display:inline-block;
	width:80%;
	padding:10px;
	box-sizing:border-box;
	background:#ffffff;
	border-radius:40px;
	font-size:16px;
	color: #707070;
	text-align: center;
	-webkit-transform: translate(-50%,0%); /* Safari用 */
	-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.front .brand_sec .brand_box .box_ele_01 a:hover .ele_btn_01{
	background:#707070;
	color: #ffffff;
}
.front .brand_sec .brand_box .box_ele_01 a .ele_ttl_01{
	position:absolute;
	left:50%;
	-webkit-transform: translate(-50%,0%); /* Safari用 */
	-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}
.front .brand_sec .brand_box.kitokito .box_ele_01 a .ele_ttl_01{
	width:60%;
	top:23%;
}
.front .brand_sec .brand_box.casa .box_ele_01 a .ele_ttl_01{
	width:46%;
	top:12%;
}
.front .brand_sec .brand_box.designcasa .box_ele_01 a .ele_ttl_01{
	width:70%;
	top:14%;
}
/*-----------------------------
	concept
--------------------------------*/
.concept .page_sec_01{
	padding:0 0 25px;
}
.concept .page_sec_01 .catch_txt_01{
	margin:-38px auto 14px;
	text-align:center;
	font-size:18px;
	line-height:1.7;
	color:#707070;
}
.concept .page_sec_01 .main_img_box_01{
	position:relative;
	margin:0 auto 70%;
}
.concept .page_sec_01 .main_img_box_01 .box_txt_01{
	position:absolute;
	top:40%;
	left:50%;
	width:13%;
	max-width:80px;
	min-width:45px;
	text-align:center;
	-webkit-transform: translate(-50%,0%); /* Safari用 */
	-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}
.concept .page_sec_01 .concept_list_01{
	padding:15px 0 0;
}
.concept .page_sec_01 .concept_list_01 .li{
	margin:0 auto 60px;
}
.concept .page_sec_01 .concept_list_01 .li:last-of-type{
	margin:0 auto;
}
.concept .page_sec_01 .concept_box_01{
	width:80%;
	margin:0 11% 0 9%;
}
.concept .page_sec_01 .concept_box_01 .box_ele_01 .box_ttl_01{
	margin:0 auto 30px;
	padding:0 0 13px 0;
	border-bottom:1px solid #78CBF4;
	font-size:18px;
	line-height:1.7;
	color:#78CBF4;
}
.concept .page_sec_01 .concept_box_01 .box_ele_01 .txt_01{
	width:90%;
	font-size:16px;
	color:#707070;
	line-height:2.0;
}
.concept .page_sec_01 .concept_box_02{
	max-width:900px;
	margin:0 auto;
}
.concept .page_sec_01 .concept_box_02 .box_img_01{
	display:block;
	width:86%;
	padding:0 0 36px;
}
.concept .page_sec_01 .concept_box_02 .box_img_01.type_r{
	margin:0 0 0 14%;
}
.concept .page_sec_01 .concept_box_02 .box_img_01.type_l{
	margin:0 14% 0 0;
}
.concept .page_sec_01 .concept_box_02 .box_ele_01{
	width:80%;
	margin:0 0 0 20%;
}
.concept .page_sec_01 .concept_box_02 .box_ttl_01{
	margin:0 auto 30px;
	padding:0 0 13px 0;
	border-bottom:1px solid #78CBF4;
	font-size:18px;
	line-height:1.7;
	color:#78CBF4;
}
.concept .page_sec_01 .concept_box_02 .box_ele_01 .txt_01{
	width:90%;
	margin:0 4% 0 6%;
	font-size:16px;
	color:#707070;
	line-height:2.0;
}
.concept .page_sec_01 .message_box_01{
	position:relative;
	margin:0 auto 60px;
	text-align:center;
}
.concept .page_sec_01 .message_box_01::before{
	content:"";
	display:block;
	height:6px;
	margin:30% auto 10%;
	border-top:1px solid #78CBF4;
	border-bottom: 1px solid #78CBF4;
	-webkit-transform: skewY(-20deg);
	-ms-transform: skewY(-20deg);
			transform: skewY(-20deg);
}
.concept .page_sec_01 .message_box_01::after{
	content:"";
	display:block;
	height:6px;
	margin:10% auto 30%;
	border-top:1px solid #78CBF4;
	border-bottom: 1px solid #78CBF4;
	-webkit-transform: skewY(-20deg);
	-ms-transform: skewY(-20deg);
			transform: skewY(-20deg);
}

.concept .page_sec_01 .message_box_01 .txt_01{
	font-size:14px;
	letter-spacing: 2px;
	line-height:3.5;
	color:#78CBF4;
}
.concept .page_sec_01 .btn_wrap_01{
	width:66.25%;
	max-width:800px;
	margin:60px auto 0;
}
@media print,screen and (min-width: 769px){
	.concept .page_sec_01 .main_img_box_01{
		margin:0 auto 250px;
	}
	.concept .page_sec_01 .concept_box_01{
		max-width:900px;
		margin:0 auto;
	}
}
/*-----------------------------
	blog
--------------------------------*/
.blog .page_sec_01{
	padding:0 0 40px;
}
.blog .page_sec_01 .blog_list_01{
	margin:50px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.blog .page_sec_01 .blog_list_01 .li{
	width:48%;
	margin:0 4% 4% 0;
}
.blog .page_sec_01 .blog_list_01 .li:nth-of-type(2n){
	margin:0 0 4%;
}
.blog .page_sec_01 .blog_box_01{
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.16);
}
.blog .page_sec_01 .blog_box_01 .box_img{
	padding-top:55%;
}
.blog .page_sec_01 .blog_box_01 .ele_box_01{
	padding:20px 5%;
	font-size:21px;
	color:#707070;
	background:#ffffff;
}
.blog .page_sec_01 .blog_box_01 .ele_box_01 .date{
	display:block;
	margin:0 auto 7px;
	text-align:right;
	font-size:12px;
}
.blog .page_sec_01 .blog_box_01 .ele_box_01 .box_ttl{
	font-size:18px;
	text-align:center;
}
.blog .page_sec_01 .blog_box_01 a:hover{
	text-decoration:none;
}
@media screen and (max-width: 600px){
	.blog .page_sec_01 .blog_list_01 .li{
		width:92%;
		margin:0 4% 4% 4%;
	}
	.blog .page_sec_01 .blog_list_01 .li:nth-of-type(2n){
		margin:0 4% 4% 4%;
	}
}
/*-----------------------------
	blog	single
--------------------------------*/
.blog.single .page_sec_01{
	padding:0 0 70px;
}
.blog .page_sec_01 .s_ttl_01{
	width:90%;
	max-width:800px;
	margin:60px auto 15px;
	font-size:16px;
	line-height:1.7;
	color:#707070;
	text-align: center;
}
.blog .page_sec_01 .date{
	display:block;
	margin:10px auto;
	font-size:16px;
	line-height:1.7;
	color:#707070;
	text-align: center;
}
.blog .page_sec_01 .output_wrap {
	width:90%;
	max-width:900px;
	margin:50px auto 0;
}
.blog .page_sec_01 .output_wrap .thumbnail_box_01{
	margin:0 auto 24px;
	text-align:center;
}
.blog .page_sec_01 .output_wrap p{
	margin:0 0 1.7em;
	font-size:16px;
	color:#707070;
	line-height: 1.7;
}
.blog .page_sec_01 .output_wrap a{
	color:#11ADC1;
}
.blog .page_sec_01 .output_wrap img.aligncenter {
	display: block;
	margin: 0 auto 30px;
	text-align:center;
}
.blog .page_sec_01 .output_wrap img.alignright {
	float: right;
	margin:0 0 30px 30px;
}
.blog .page_sec_01 .output_wrap img.alignleft {
	float: left;
	margin:0 30px 30px 0;
}
.blog .page_sec_01 .btn_wrap{
	margin: 80px auto 10px;
}
/*-----------------------------
	works
--------------------------------*/
.works .page_sec_01{
	padding:0 0 40px;
}
.works .page_sec_01 .works_list_01{
	margin:50px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.works .page_sec_01 .works_list_01 .li{
	width:48%;
	margin:0 4% 4% 0;
}
.works .page_sec_01 .works_list_01 .li:nth-of-type(2n){
	margin:0 0 4%;
}
.works .page_sec_01 .works_box_01{
	height:100%;
	padding:12px 13px 10px;
	border:1px solid #707070;
	background:#ffffff;
	box-sizing:border-box;
	text-align:center;
}
.works .page_sec_01 .works_box_01 .box_img_01{
	display:block;
	height: 300px!important;
	margin:0 auto 10px;
}
.works .page_sec_01 .works_box_01 .box_img_01 img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.works .page_sec_01 .works_box_01 .box_ele_01 {
	color:#707070;
}
.works .page_sec_01 .works_box_01 .box_ele_01 .box_ttl_01{
	font-size:15px;
	line-height:1.8;
	font-weight:bold;
}
.works .page_sec_01 .works_box_01 .box_ele_01 .name_01{
	margin:14px auto 0;
	font-size: 12px;
	font-weight: bold;
}
.works .page_sec_01 .works_box_01 .box_btn_wrap_01 {
	width:100px;
	margin:15px auto 0;
}
.works .page_sec_01 .works_box_01 .box_btn_wrap_01 a{
	display: block;
	padding:7px;
	border:1px solid #E56D2D;
	border-radius: 40px;
	background:#E56D2D;
	font-size:12px;
	color:#ffffff;
	letter-spacing: 2px;
	text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.works .page_sec_01 .works_box_01 .box_btn_wrap_01 a:hover{
	text-decoration:none;
	background:#ffffff;
	color:#E56D2D;
}
@media screen and (max-width: 400px){
	.works .page_sec_01 .works_box_01 .box_img_01{
		height: 150px!important;
	}
	.works .page_sec_01 .works_box_01 .box_img_01 img{
		height: 150px;
	}
	.works .page_sec_01 .works_box_01 .box_ele_01 .box_ttl_01{
		font-size:13px;
	}
	.works .page_sec_01 .works_box_01 .box_ele_01 .name_01{
		font-size: 10px;
	}
	.works .page_sec_01 .works_box_01 .box_btn_wrap_01 a{
		font-size:10px;
	}

}
/*-----------------------------
	works	single
--------------------------------*/
.works.single .page_sec_01{
	padding:0 0 70px;
}
.works .page_sec_01 .s_ttl_01{
	width:90%;
	max-width:800px;
	margin:60px auto 25px;
	font-size:16px;
	line-height:1.7;
	color:#707070;
	text-align: center;
}
.works .page_sec_01 .output_wrap{
	max-width:900px;
	margin:0 auto;
}
.works .page_sec_01 .output_wrap .output_box_01{
	width:72.5%;
	margin:0 auto 50px;
}
.works .page_sec_01 .output_wrap .output_box_01 .box_img_01{
	margin:0 auto 24px;
	text-align:center;
}
.works .page_sec_01 .output_wrap .output_box_01 p{
	font-size:16px;
	color:#707070;
	line-height: 1.7;
}
.works .page_sec_01 .output_wrap .output_box_02{
	width:90%;
	margin:0 10% 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
			align-items: center;
}
.works .page_sec_01 .output_wrap .output_box_02 .box_img_01{
	width:53%;
	margin:0 4% 0 0;
}
.works .page_sec_01 .output_wrap .output_box_02 p{
	width:43%;
	font-size:16px;
	color:#707070;
	line-height: 1.7;
}
.works .page_sec_01 .output_wrap .output_box_03{
	width:86%;
	margin:0 0 50px 14%;
}
.works .page_sec_01 .output_wrap .output_box_03 .box_img_01{
	margin:0 0 24px;
	text-align:right;
}
.works .page_sec_01 .output_wrap .output_box_03 p{
	width:90%;
	margin:0 10% 0 0;
	font-size:16px;
	color:#707070;
	line-height: 1.7;
}
.works .page_sec_01 .output_wrap .output_box_04{
	width:90%;
	margin:0 0 50px 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
			align-items: center;
}
.works .page_sec_01 .output_wrap .output_box_04 .box_img_01{
	width:53%;
	margin:0 0 0 4%;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
			order: 1;
}
.works .page_sec_01 .output_wrap .output_box_04 p{
	width:43%;
	font-size:16px;
	color:#707070;
	line-height: 1.7;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
			order: 0;
}
.works .page_sec_01 .output_wrap .output_box_05{
	width:86%;
	margin:0 14% 50px 0;
}
.works .page_sec_01 .output_wrap .output_box_05 .box_img_01{
	margin:0 0 24px;
	text-align:right;
}
.works .page_sec_01 .output_wrap .output_box_05 p{
	width:90%;
	margin:0 0 0 10%;
	font-size:16px;
	color:#707070;
	line-height: 1.7;
}
@media screen and (max-width: 400px){
	.works .page_sec_01 .output_wrap .output_box_01 p{
		font-size:14px;
		line-height:2.0;
	}
	.works .page_sec_01 .output_wrap .output_box_02 p{
		font-size:14px;
		line-height:2.0;
	}
	.works .page_sec_01 .output_wrap .output_box_03 p{
		font-size:14px;
		line-height:2.0;
	}
	.works .page_sec_01 .output_wrap .output_box_04 p{
		font-size:14px;
		line-height:2.0;
	}
	.works .page_sec_01 .output_wrap .output_box_05 p{
		font-size:14px;
		line-height:2.0;
	}
}
/*-----------------------------
	company
--------------------------------*/
.company .page_sec_01 {
	padding:0 0 70px;
}
.company .page_sec_01 .main_img_box_01{
	margin:45px auto 35px;
	text-align:center;
}
.company .page_sec_01 .box_01{
	margin:0 auto 40px;
	text-align:center;
	color:#707070;
}
.company .page_sec_01 .box_01 .box_ttl_01{
	margin:0 auto 18px;
	font-size:17px;
	font-weight:bold;
}
.company .page_sec_01 .box_01 .box_txt_01{
	margin:0 auto 36px;
	font-size:16px;
	line-height:1.7
}
.company .page_sec_01 .box_01 .box_img_01{
	display:block;
}
.company .page_sec_01 .gaiyou_box_01{
	margin:0 auto 30px;
	padding:45px 5px 25px;
	border-radius:20px;
	border:1px solid #707070;
	text-align:center;
	line-height:1.8;
	color:#707070;
}
.company .page_sec_01 .gaiyou_box_01 .box_ttl_01{
	margin:0 auto 58px;
	font-size:16px;
}
.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01{
	margin:0 auto 39px;
	font-size:16px;
}
.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01 .ele_ttl_01{
	margin:0 auto 3px;
	line-height:1.4;
}
.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01 .ele_list_01 .li{
		display:inline-block;
}

.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01 .ele_list_03 .li.indention{
	margin:0 auto 1.0em;
}
.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01 .ele_list_01 .li:before,
.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01 .ele_list_03 .li:before{
	content:"・";
}
@media screen and (max-width: 400px){
	.company .page_sec_01 .gaiyou_box_01 .gaiyou_ele_01{
		font-size:14px;
	}
}
/*-----------------------------
	interview
--------------------------------*/
.interview .page_sec_01 {
	padding:0 0 60px;
}
.interview .page_sec_01 .c_interview_list{
	margin: 56px auto 0;
}
/*-----------------------------
	soratoie
--------------------------------*/
.soratoie .page_sec_01 {
	padding:0 0 55px;
}
.soratoie .page_sec_01 .main_img_box_01{
	margin:40px auto 55px;
}
.soratoie .page_sec_01 .box_01{
	margin:0 auto 150px;
}
.soratoie .page_sec_01 .box_01 .box_ttl_01{
	margin:0 auto 55px;
	font-size:32px;
	line-height:1.62;
	text-align:center;
	color:#78CBF4;
}
.soratoie .page_sec_01 .box_01 .box_txt_01{
	width:90%;
	margin:0 auto;
	font-size:16px;
	color:#707070;
	line-height:2.0;
}
.soratoie .page_sec_01 .dannetsu_wrap{
	padding:18px;
	border:3px solid #F4A878;
	border-radius:20px;
	box-sizing:border-box;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_ttl_01{
	display:block;
	width:90%;
	margin:-18px auto 5px;
	padding:12px;
	border-radius:40px;
	background:#F4A878;
	font-size:26px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	-webkit-transform: translate(0%,-50%); /* Safari用 */
	-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01{
	width:92%;
	padding:0 4% 15px;
	border-bottom:2px solid #F4A878;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01:nth-of-type(2){
	padding:28px 4% 0;
	border-bottom:none;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_ttl_01{
	margin:0 auto 15px;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	color:#F4A878;
	text-align:center;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_img_01{
	margin:0 auto 30px;
	text-align:center;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_txt_01{
	margin:0 auto 40px;
	font-size:16px;
	line-height:1.8;
	color:#707070;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_img_02{
	margin:0 auto 25px;
	text-align:center;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_img_03{
	margin:0 auto;
	text-align:center;
}
.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_img_04{
	margin:0 auto 25px;
	text-align:center;
}
.soratoie .page_sec_01 .kimitsu_wrap{
	margin:60px auto 0;
	padding:18px;
	border:3px solid #11ADC1;
	border-radius:20px;
	box-sizing:border-box;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_ttl_01{
	display:block;
	width:90%;
	margin:-18px auto 5px;
	padding:12px;
	border-radius:40px;
	background:#11ADC1;
	font-size:26px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	-webkit-transform: translate(0%,-50%); /* Safari用 */
	-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01{
	width:92%;
	padding:0 4% 15px;
	border-bottom:2px solid #11ADC1;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01:nth-of-type(2){
	padding:28px 4% 0;
	border-bottom:none;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_ttl_01{
	margin:0 auto 15px;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	color:#11ADC1;
	text-align:center;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_img_01{
	margin:0 auto 30px;
	text-align:center;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_txt_01{
	margin:0 auto 40px;
	font-size:16px;
	line-height:1.8;
	color:#707070;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_img_02{
	margin:0 auto 25px;
	text-align:center;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_img_02 .caption{
	margin:12px auto 0;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	color:#707070;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_img_03{
	margin:35px auto 10px;
	text-align:center;
}
.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_img_03 .caption{
	margin:12px auto 0;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	color:#707070;
}

@media screen and (max-width: 340px){
	.soratoie .page_sec_01 .dannetsu_wrap .w_box_01 .box_ttl_01{
		font-size:16px;
	}
	.soratoie .page_sec_01 .kimitsu_wrap .w_box_01 .box_ttl_01{
		font-size:16px;
	}
}
/*-----------------------------
	plan
--------------------------------*/
.plan .page_sec_01 {
	padding:0 0 55px;
}
.plan .page_sec_01 .main_img_box_01{
	margin:40px auto 55px;
}
.plan .page_sec_01 .box_01{
	margin:0 auto 150px;
}
.plan .page_sec_01 .box_01 .box_ttl_01{
	margin:0 auto 55px;
	font-size:32px;
	line-height:1.62;
	text-align:center;
	color:#707070;
}
.plan .page_sec_01 .box_01 .box_txt_01{
	width:90%;
	margin:0 auto;
	font-size:16px;
	color:#707070;
	line-height:2.0;
}
.plan .page_sec_01 .mokuzou_wrap{
	padding:18px;
	border:3px solid #F4A878;
	border-radius:20px;
	box-sizing:border-box;
}
.plan .page_sec_01 .mokuzou_wrap .w_ttl_01{
	display:block;
	width:90%;
	margin:-18px auto 5px;
	padding:12px;
	border-radius:40px;
	background:#F4A878;
	font-size:26px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	-webkit-transform: translate(0%,-50%); /* Safari用 */
	-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .box_ttl_00{
	width:65%;
	margin:0 auto 10px;
	text-align:center;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .box_ttl_01{
	margin:0 auto 18px;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	color:#F4A878;
	text-align:center;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .box_img_01{
	margin:0 auto 30px;
	text-align:center;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_01{
	margin:0 auto 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_01 .g_img_01{
	width:40%;
	margin:0 4% 0 0;
	text-align:center;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_01 .g_txt_01{
	width:56%;
	padding:0.5em 0 0;
	font-size:16px;
	line-height:1.8;
	color: #707070;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02{
	margin:30px auto 0;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02 .g_img_01{
	text-align:center;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02 .g_txt_01{
	width:90%;
	margin:1.0em auto 0;
	font-size:16px;
	line-height:1.8;
	color: #707070;
}
.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02 .g_txt_02{
	width:90%;
	margin:1.0em auto 0;
	font-size:16px;
	line-height:1.8;
	color: #707070;
}
@media print,screen and (min-width: 769px){
	.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02 .g_txt_01{
		text-align:center;
	}
}
@media screen and (max-width: 340px){
	.plan .page_sec_01 .mokuzou_wrap .w_ttl_01{
		font-size:22px;
	}
	.plan .page_sec_01 .mokuzou_wrap .w_box_01 .box_ttl_01{
		font-size:16px;
	}
	.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_01 .g_txt_01{
		font-size:14px;
	}
	.plan .page_sec_01 .mokuzou_wrap .w_box_01 .group_02 .g_txt_01{
		width:100%;
	}
}