/*
Theme Name: Striking MultiFlex Child Theme
Description:    Child theme for the Striking MultiFlex & Ecommerce Responsive WordPress Theme
Author:         <a href="http://themeforest.net/user/Kaptinlin">Kaptinlin</a>
Author URI:     http://themeforest.net/user/Kaptinlin
Template:       striking_r
Version:        2.1.5 date: 10 september 2020
*/

@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
     url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

html {scroll-behavior: smooth;}

* {box-sizing: border-box; line-height: 1.8em;}

#page {font-size:16px !important;}


h1, h2, h3, h4, h5, h6 {line-height: 1.4em; font-weight: bold !important;}


h2 {font-size:24px !important;}
h3 {font-size:18px !important;}
h4 {font-size:16px !important;}

.red {color:#F07375;}
.underline {text-decoration: underline;}

.home #feature {background: #fff;}
#feature .inner,
.feature-introduce {padding:0;}


.whatsnew .posts_list .post_extra_info,
.whatsnew .posts_list .post_extra_info a,
/* .whatsnew .posts_list .post_extra_info time {display:block; padding:3px;} */
.whatsnew .posts_list .post_extra_info time {color:#999;}


.video_frame {margin: auto;}
.mejs-overlay-button {background-color:rgba(0,0,0,0.40) !important; border-radius: 50%;}



a.post_title {text-decoration: none !important; font-weight: normal !important;}
a.post_title:hover {text-decoration: underline!important}


.blue {color: #1454BA; font-size:90%;}

/* ---------BEGIN PC OLNY STYLE --------*/
 @media screen and (min-width: 960px) {
 
 /* LAYOUT WIDTH MODIFY */

.inner {width:1200px;}
.right_sidebar #main,
.left_sidebar #main,
.right_sidebar #main .content,
.left_sidebar #main .content{width:850px;}

/* LAYOUT WIDTH MODIFY - END*/

.content h1,
.full { 
margin: 0 calc(50% - 50vw); 
padding: 4px calc(50vw - 50% + 8px); }

	 
	 .recent_posts_wrap .posts_list li a {max-width:800px;}

	 
	 
#navigation {background:#86C5C9;
right:0;
margin: 0 calc(50% - 50vw);
  width: 100vw;
  text-align: center;}

#navigation .sub-menu {width:auto;border: 2px solid #86C5C9;
    border-radius: 0 0 8px 8px;}

#navigation ul {display: inline-block; width:auto; margin: auto;}


	 

.jqueryslidemenu ul li a {padding:0 20px;}
.jqueryslidemenu ul li ul li a {width:auto; white-space: nowrap;}
	 
.sub-menu {text-align: left;}

.h2_wrap {margin-left:200px;}

.leftmargin {margin-left:100px;}
	 

	 .padding_box {padding:30px;}

.answer img {max-height: 250px; width: auto; max-width: 300px;}

.img_smaller {max-width: 220px !important;}

.structure {padding:10px 80px;}


.patient_menu a 
	{display: inline-block !important;
    font-size: 16px;
    background: rgba(228,140,142,1.00) !important;
    color: #fff !important;
    border-radius: 7px;
	height:2.5em !important;
	line-height: 2.5em !important;
	margin-top:8px;}

#header_widget i {color: rgba(236,133,133,1.00);}
#header_widget a {color:#4484A1;}
#header_widget a:hover {color:#86C5C9;}

.current_page_item.patient_menu a,
.patient_menu a:hover {background:rgba(239,170,172,1.00) !important;}

.current_page_item.patient_menu a i:before {background: transparent; color:#fff;}


.asta_list li { list-style:none; text-indent: -1em;}
.asta_list li:before { content:"*"; }

.footer_logo_text {font-size:14px;}
.footer_link_logo {background: #fff; border-radius: 8px;display: flex;justify-content: center;align-items: center;}
/*
.footer_link_logo img {max-width:70%;}
*/


.one_fifth {width:6%;}
.two_fifth {width:43%;}
.three_fifth {width:80%;}



}
/* ---------END PC OLNY STYLE --------*/

.header_subtitle {font-weight: bold; font-size:14px; margin-bottom:0px;}
.header_links {margin-left:30px; font-size:13px;}
.posts_list .post_extra_info {display: flex; flex-wrap: wrap;}
.post_extra_info a {order:2; display: flex;}
.posts_list .post_extra_info time {display: flex; order:1; width:120px; line-height: 1em; font-size:95%;}


.arrow_box { color:#FEB913; font-size: 36px; display: flex; justify-content: center; align-items: center; height: 100%;;}
.partner_box {background:rgba(27,124,110,1.00); color:#fff; text-align: center; padding:15px; border-radius: 10px 20px 0 0; }
.rep_box {background: rgba(28,47,137,1.00); color:#fff; text-align: center; padding: 15px; border-radius: 20px 10px 0 0; }

.partner_cont {border:3px solid rgba(27,124,110,1.00) !important;} 
.rep_cont {border:3px solid rgba(28,47,137,1.00) !important;}
.both_cont {border:3px solid rgba(228,140,142,1.00) !important; border-radius: 0 0 5px 5px !important;}

.online {background:rgba(228,140,142,1.00) ;color:#fff; text-align: center; border-radius: 10px 10px 0 0; font-weight: bold;padding:10px;}

.partner_cont .maru {background: rgba(27,124,110,1.00); }
.rep_cont .maru {background: rgba(28,47,137,1.00);}
.both_cont .maru {background: rgba(228,140,142,1.00);}

.title_tab {font-weight: bold;}

#copyright div {display: flex;flex-direction: row; width:100%; margin: auto;
  flex-wrap: wrap;
  justify-content: space-around; padding:10px 0 0 0;}
#copyright img {max-height: 90px;}



#footer_bottom {background: #fff; border-bottom:20px solid #86C5C9;}


body {font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,YuGothic,Meiryo,sans-serif;}

.content a {font-weight: bold; text-decoration: underline;}

h3, h4 {font-weight: bold;}
.member_name,
.main_lead {
font-family:"Noto Serif JP";
font-weight: 600;
font-style: normal;
}

.content section {/*padding-bottom:50px; */padding-top:150px; margin-top:-150px;}
.content section#top {padding-bottom:0;}

#site_description {margin-top:10px;}

#page .inner {padding-top:0;}
#footer .inner {padding-top:30px;}

#header {box-shadow: 0px 10px 10px 0px rgba(176,176,176,1);}

body.patient #header {box-shadow: none; border-bottom:8px solid rgba(239,170,172,1.00);}
.current_page_item.patient_menu a {height:3.2em !important;}

#footer_logo {font-size:32px;}
#copyright {text-align: center; float:none;}

a img {transition: all 800ms ease;}
a img:hover {opacity: 0.8;  }


.question {color:#437275 !important;}
.answer {margin-left:40px; margin-bottom:2em; display: block;}

#research_bg {background:url("https://plaza.umin.ac.jp/npm/cms/wp-content/themes/striking_r_simple_child/images/bg_sample2.png") left top; background-size: cover; color:#fff;}

/*
.one_half {padding:30px; box-sizing: border-box;}

.one_third {padding:30px; box-sizing: border-box; }
*/


.accordion .tab {font-size:18px !important;}
.accordion .tab a {text-decoration: none; color:#437275 !important;}
.accordion .pane {font-size:16px; padding:2em 3em; background:#f5f5f5;}
.accordion i:before {font-size:28px !important;}

.answer .one_third {padding:0 !important;}

#expectations i:before {color:rgb(255,191,211);}

.button i:before {color:#fff !important;}

.process_step_icon i:before {color: #86C5C9;}
.process_step_icon:hover i:before {color: #fff;}

.spaced-list li {margin-bottom:1em;}

#main_visual {background: url(https://plaza.umin.ac.jp/npm/cms/wp-content/uploads/2021/12/mainvisual.jpg) no-repeat;
background-size:cover; background-position: right top;
/*padding-top:30px; padding-bottom:30px;*/}

.maru {
 height:40px;
 width:40px;
 border-radius:50%;
 line-height:40px;
 text-align:center;
 background: #86C5C9;
 color:#fff;
 display: inline-block;
 margin-right:0.5em;
}


 ol.spaced-list {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
ol.spaced-list li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.spaced-list li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #bada55;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}


.main_lead {text-align: right; font-size:22px; line-height: 1.2em; letter-spacing: 0.3em; color:rgba(43,83,76,0.75); text-shadow: 2px 1px 2px #f9f9f9;}
.lightblue, .lightblue:before, .lightblue:after {color: #529DC9;}

.process_step_detail {padding:20px; box-sizing: border-box; text-align: left;}
/* */

.content h1 {margin-bottom:2em; background: #e5f5f5; display: block; padding-top:2em; padding-bottom:2em; }
.content h2 {margin-top:1.5em; margin-bottom: 1em; border-left:12px solid rgb(104,178,183); padding-left:0.5em; /* margin-left:2em; */}

.content h2.center_uline {border:3px solid #95BDBC; border-radius: 15px 15px 0 0;  padding:0.8em; margin-bottom:0; margin-top:2em;}

.titled_box {border:1px solid #ccc; background: #faf9f7; padding:20px; box-sizing: border-box; border-radius: 10px;}

.rounded_box {border:1.5px solid #B9B9B9; background:#FAFAF4; padding:20px; box-sizing: border-box; border-radius: 10px; margin-bottom:2em;}

.content h3 {border-bottom:1px dotted #ccc; padding-bottom:0.6em;}

#overview h1 {margin-bottom:0;}
#research_bg h2 {margin-top:3em; color:#fff;}
#main_visual h1 {font-size:40px; background: none; color:#fff; line-height: 1.2em;text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.8); 
	margin:1em !important; padding:1em;}


#feature { padding-top:150px; margin-top:-150px;}

#feature h1 {margin: 1em 1em 1em 0;}

.pi_tag {font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif"; color:rgba(220,143,167,1.00);}
.pink {color:rgba(220,143,167,1.00)}
#footer .widget {margin-bottom:10px;}


.ins_icon {text-align: center; margin:20px;}
.ins_icon i, .ins_icon i:before {color:rgb(255,191,211) !important;}

.member_name {font-weight: bold; font-size:120%;}
.member_hosp {font-size:90%; color: #6d6d6d; margin-bottom:0.8em;}


#hosp_logos div {text-align: center;}
#hosp_logos img {margin:5px 5px 20px 5px !important;}


#flow .content div.one_third {border:1px solid #ccc; border-radius:8px; padding:10px 15px; margin-bottom:2em !important; background:#FEFEFD;}
#flow .content div.one_third p {margin-top:1em; margin-bottom:0; font-size:14px; line-height: 1.6em;}
#flow .content div.one_third strong {display: block;}
.flow_line {display: flex;flex-wrap: wrap;}


#flow .content div.one_third {border:1px solid #ccc; border-radius:8px; padding:10px 15px; margin-bottom:2em !important; background:#FEFEFD;}


#flow .flow_line img {max-height: 80px; width:auto; max-width:100px;}
.flow_line .rounded_box {margin-bottom:0; padding:10px 15px; min-height: 140px;}

.flow_line p {line-height: 1.4em; font-size:95%;}

.marunum {display: flex; width:30px;justify-content: center; align-items: center; height:30px; border-radius: 50%; background: rgba(90,177,143,1.00); color:#fff; float: left; margin-right:0.5em;}

.header_buton {display: inline-block; font-size:16px; background: rgba(228,140,142,1.00); color: #fff !important; border-radius: 4px; padding:4px 10px; margin-top:30px;}
.header_buton i:before {color:#fff !important;}
.header_buton:hover {background:rgba(239,170,172,1.00);
}


.small {font-size:80%;}

.process_step_title {font-size:18px;}
.process_step_detail {font-size:14px;}
/*
#contact_form {padding:0;}
*/
#contact_form .one_third,
#contact_form .two_third {padding:5px 20px;}

#contact_form input[type="text"],#contact_form input[type="email"],#contact_form input[type="tel"],#contact_form textarea, #contact_form select
{display: block; width:100%; border-radius: 4px;font-size:16px; padding:3px; line-height: 1.8em;}

/*
#contact_form select {width:auto;}
*/
#contact_form textarea {height: 20em; scroll-behavior: auto; line-height: 1.4em;}
/* #contact_form label {display: block;} */
#contact_form label:hover {text-decoration: underline;}
#contact_form i:before {color:rgb(104,178,183);}


#contact_form .one_third p,
#contact_form .two_third p {margin-bottom:0;}

.white_box {border:1px solid #ccc; background: #fff; padding:5px; border-radius: 5px;}
.form_table {width: 100%;}
.form_table p {margin-bottom:0;}
.form_table td {border-bottom:1px solid #ddd;}
.form_table th,
.form_table td {padding:10px 10px; vertical-align: top; text-align: left;}
.form_table th {white-space: nowrap; max-width: 240px;}

input[type="checkbox"]:checked + span {font-weight: bold;}

.small_input {width:60px;}
.small_select {width:100px !important;}
.inner_table {width:100%; padding:0;}

.required {color: orange; font-size:80%;}
.notice {font-size:85%; padding:5px;}

.backbutton {padding:5px 18px; font-size:18px; min-width: 180px; text-align: center;}

::placeholder {color:#999 !important; font-size:80%;}
.wpcf7-submit {display: inline-block; text-align: center; font-size:20px; padding:10px 20px; color:#fff;}

.wpcf7-response-output {text-align: center; background:#FFEBEC;}
.wpcf7-not-valid-tip {font-size:14px;}
.wpcf7-not-valid {border-color:red !important;}



.sent #contact_form {
display: none;
}
.complete-display{
display: none;
padding-top: 60px;
}
.sent .complete-display{
display: block;
}



.grecaptcha-badge {bottom:90px !important;}


/* PARENT PAGE ONLY */
.patient #feature {background:rgba(255,191,211,0.3);}

.patient #feature h1,
.patient .question {color:rgba(228,140,142,1.00) !important;}
.patient .content h2 {border-color:rgba(228,140,142,1.00) !important;}
.patient .maru {background:rgba(228,140,142,1.00) !important; }

 @media screen and (max-width: 768px) {

.home .content h1 {text-align: center; padding:1em 0; margin-bottom:0em; font-size:24px;}
.inner {width:100% !important;}

#feature h1 {margin-left:1em; font-size:24px;}
.feature-introduce {margin-top:-20px;margin-bottom:-10px;}

.main_lead {font-size:16px;}

.content h2 {margin-left:0; font-size:22px;}

.text-nowrap {display: inline-block;}



#main_visual h1 { padding:1em 0 0 0; line-height: 1.1em; font-size: 24px;}
#main_visual h1 + p {margin-top:-20px !important;  color: #fff; text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.8);}

.flow_line img {max-width:60%;}
.answer img {max-width:80%;}

.member_hosp {margin-left:1em;}

[class^="icon_"]:before, [class*=" icon_"]:before {font-family: inherit;}


.partner_cont{margin-right:50px;}
.rep_cont {margin-left: 50px;}

.fa-arrow-right {transform:rotate(90deg); margin:10px;}


.title_tab .two_fifth { width:49% !important;display: flex; }
.title_tab .one_fifth {width:2px !important;display: flex}
.title_tab .partner_box {width:100%; border-radius: 5px 20px 0 0 !important; padding:5px 23px;font-weight: bold;}
.title_tab .rep_box  {width:100%;border-radius: 20px 5px 0 0 !important; padding:5px 23px;font-weight: bold;}

.partner_cont {border-radius: 5px 30px 5px 5px;}
.rep_cont {border-radius: 30px 5px 5px 5px;}
}



/* スマホ向けのメディアクエリー */
@media only screen and (max-width: 600px) {


table.form_table th,
table.form_table td {display: block; width: 100%; max-width: 100%;}

table.form_table th {padding:2px 5px;}
}